kharitonovAL/ui_example.dart

## ui_example.dart
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:table_calendar/table_calendar.dart';
import 'package:uk_web/model/models.dart';
import 'package:uk_web/ui/requests_page/requests_page/web_ui/widgets/buttons.dart';
import 'package:uk_web/services/database/database_service_parse_server.dart';

import 'widgets/request_editor_page_widgets.dart';

class RequestEditorPage extends StatefulWidget {
  final List<UserRequest> requestsList;
  final UserRequest request;
  final bool editRequest;
  final String userRole;

  RequestEditorPage({this.request, this.editRequest = false, this.requestsList, this.userRole});

  @override
  _RequestEditorPageState createState() => _RequestEditorPageState();
}

class _RequestEditorPageState extends State<RequestEditorPage> with TickerProviderStateMixin {
  DBSParseServer _db = DBSParseServer();

  final _requestTEC = TextEditingController();
  final _flatNumberTEC = TextEditingController();
  final _phoneNumberTEC = TextEditingController();
  final _nameTEC = TextEditingController();
  final _requestNoteTEC = TextEditingController();
  final _responseTEC = TextEditingController();
  final _cancelReasonTEC = TextEditingController();

  bool _cancelReasonValidator = false;
  bool _requestValidator = false;
  bool _phoneNumberValidator = false;
  bool _nameValidator = false;
  bool _flatNumberValidator = false;
  bool _isFailure = false;
  bool _isPaid = false;
  bool _isMaintenance = false;
  bool _isScheduled = false;

  String _jobTypeTitle;
  String _selectedAddress;
  String _selectedFlatNumber;
  String _currentPartnerTitle = 'ООО УК \"...\"';
  String _currentMaster;
  String _currentStaff;
  String _selectedAccountNumber;

  double _currentDebt;
  int _requestNumber;

  DateTime _requestDate;
  DateTime _responseDate;

  var _jobTypeColor = Colors.transparent;
  Owner _currentOwner;
  UserRequest _request;

  @override
  void initState() {
    if (widget.editRequest) _initFields();
    if (!kIsWeb) _responseDate = _setResponseDate();
    super.initState();
  }

  DateTime _setResponseDate() {
    final today = DateTime.now().toLocal();
    final todayEvening = DateTime(today.year, today.month, today.day, 17);
    final tomorrow = DateTime(today.year, today.month, today.day, 12).add(Duration(days: 1));
    final date = today.hour < 12 ? todayEvening : tomorrow;
    return date;
  }

  @override
  Widget build(BuildContext context) {
    return kIsWeb ? _buildWebUI() : _buildMobileUI();
  }

  Scaffold _buildWebUI() {
    return Scaffold(
      appBar: AppBar(
          title: widget.editRequest ? NewUserRequestHeader(userRequest: _request, responseDate: _responseDate) : null),
      body: Padding(
        padding: EdgeInsets.all(16),
        child: SizedBox(
          height: MediaQuery.of(context).size.height - AppBar().preferredSize.height,
          child: Stack(
            fit: StackFit.expand,
            children: [
              _buildWebUIWidgets(),
              _request != null && (_request.status == RS.closed || _request.status == RS.canceled)
                  ? Container()
                  : _buildCalendar()
            ],
          ),
        ),
      ),
    );
  }

  Widget _buildMobileUI() {
    return Scaffold(
      appBar: AppBar(title: Text('Заявка')),
      body: SingleChildScrollView(
        child: Padding(
          padding: const EdgeInsets.fromLTRB(8, 16, 8, 8),
          child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
            if (!widget.editRequest)
              RequestNumberText(
                responseDate: _responseDate ?? _setResponseDate(),
                onRequestDateChange: (value) => _requestDate = value,
                onRequestNumberChange: (value) => _requestNumber = value,
              ),
            if (widget.editRequest) NewUserRequestHeader(userRequest: _request, responseDate: _responseDate),
            if (widget.editRequest) UserRequestShiftDateHistory(userRequest: _request),
            if (widget.editRequest) UserRequestPhotoButton(userRequest: _request),

            // _showCalendarInMobileUIButton(),
            Card(
              child: Padding(
                padding: const EdgeInsets.fromLTRB(8, 16, 8, 16),
                child: Column(
                  children: [
                    UserRequestDescriptionTextField(
                      userRequest: _request,
                      userRequestTEC: _requestTEC,
                      userRequestValidator: _requestValidator,
                    ),
                    if (widget.editRequest && widget.request.requestNote.isNotEmpty)
                      UserRequestNoteTextField(userRequest: _request, userRequestNoteTEC: _requestNoteTEC),
                    if (!widget.editRequest)
                      UserRequestNoteTextField(userRequest: _request, userRequestNoteTEC: _requestNoteTEC),
                  ],
                ),
              ),
            ),
            Card(
              child: Padding(
                padding: const EdgeInsets.all(8.0),
                child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
                  IsFailureCheckBox(
                    userRequest: _request,
                    isFailure: _isFailure,
                    onIsFailureStatusChanged: (value) => setState(() => _isFailure = value),
                    isScheduledNewStatus: (value) => setState(() => _isScheduled = value),
                    isPaidNewStatus: (value) => setState(() => _isPaid = value),
                    isMaintenanceNewStatus: (value) => setState(() => _isMaintenance = value),
                  ),
                  IsPaidCheckBox(
                    userRequest: _request,
                    isPaid: _isPaid,
                    onIsPaidStatusChanged: (value) => setState(() => _isPaid = value),
                    isFailureNewStatus: (value) => setState(() => _isFailure = value),
                    isMaintenanceNewStatus: (value) => setState(() => _isMaintenance = value),
                    isScheduledNewStatus: (value) => setState(() => _isScheduled = value),
                  ),
                  IsMaintenanceCheckBox(
                    userRequest: _request,
                    isMaintenance: _isMaintenance,
                    onIsMaintenanceStatusChanged: (value) => setState(() => _isMaintenance = value),
                    isFailureNewStatus: (value) => setState(() => _isFailure = value),
                    isPaidNewStatus: (value) => setState(() => _isPaid = value),
                    isScheduledNewStatus: (value) => setState(() => _isScheduled = value),
                  ),
                  IsScheduledCheckBox(
                    userRequest: _request,
                    isScheduled: _isScheduled,
                    onIsScheduledStatusChanged: (value) => setState(() => _isScheduled = value),
                    isFailureNewStatus: (value) => setState(() => _isFailure = value),
                    isPaidNewStatus: (value) => setState(() => _isPaid = value),
                    isMaintenanceNewStatus: (value) => setState(() => _isMaintenance = value),
                  ),
                  Padding(
                    padding: const EdgeInsets.fromLTRB(16, 0, 0, 0),
                    child: JobTypeDropDown(
                      userRequest: _request,
                      jobTypeTitle: _jobTypeTitle,
                      jobTypeColor: _jobTypeColor,
                      onJobTypeColorChanged: (value) => setState(() => _jobTypeColor = value),
                      onJobTypeTitleChanged: (value) => setState(() => _jobTypeTitle = value),
                    ),
                  )
                ]),
              ),
            ),
            Card(
              child: Padding(
                padding: EdgeInsets.all(8),
                child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
                  AddressDropDown(
                      userRequest: _request,
                      selectedAddress: _selectedAddress,
                      onSelectedAddressChanged: (value) => setState(() => _selectedAddress = value),
                      onSelectedAccountNumberChanged: () => setState(() => _selectedAccountNumber = null),
                      onClear: () => _flatNumberTEC.clear()),
                  FlatNumberTextField(
                    userRequest: _request,
                    flatNumberTEC: _flatNumberTEC,
                    flatNumberValidator: _flatNumberValidator,
                    onSelectedFlatNumberChanged: (value) => setState(() => _selectedFlatNumber = value),
                    onSelectedAccountNumberChanged: () => setState(() => _selectedFlatNumber = null),
                  ),
                  if (_selectedAddress != null && _selectedFlatNumber != null)
                    Container(
                      height: 50,
                      child: FittedBox(
                        fit: BoxFit.fitWidth,
                        child: AccountListDropDown(
                          userRequest: _request,
                          address: _selectedAddress,
                          flatNumber: _selectedFlatNumber,
                          selectedAccountNumber: _selectedAccountNumber,
                          onCurrentDebtChange: (newDebt) => _currentDebt = newDebt,
                          onAccountNumberChange: (newAccountNumber) =>
                              setState(() => _selectedAccountNumber = newAccountNumber),
                          onAccountChange: (newAccount) => _autoFillOwnerInfo(account: newAccount),
                        ),
                      ),
                    ),
                  UserFirstAndLastNameTextField(
                    userRequest: _request,
                    nameTEC: _nameTEC,
                    nameValidator: _nameValidator,
                  ),
                  UserPhoneNumberTextField(
                    userRequest: _request,
                    phoneNumberTEC: _phoneNumberTEC,
                    phoneNumberValidator: _phoneNumberValidator,
                  ),
                  if (widget.editRequest && _request.userToken != null) _ownerFutureBuilder()
                ]),
              ),
            ),
            Card(
              child: Padding(
                padding: EdgeInsets.all(8),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Text('Подрядчик:', style: TextStyle(fontSize: 16)),
                    SelectPartnerDropDown(
                      currentPartnerTitle: _currentPartnerTitle,
                      userRequest: _request,
                      onPartnerChanged: (newPartner) => setState(() => _currentPartnerTitle = newPartner),
                    ),
                    SelectMasterDropDown(
                      currentMaster: _currentMaster,
                      userRequest: _request,
                      onMasterChanged: (newMaster) => setState(() => _currentMaster = newMaster),
                    ),
                    SelectStaffDropdown(
                      currentPartnerTitle: _currentPartnerTitle,
                      currentStaff: _currentStaff,
                      userRequest: _request,
                      onStaffChanged: (newStaff) => setState(() => _currentStaff = newStaff),
                    ),
                    SizedBox(height: 8),
                    if (widget.editRequest) SeenByStaffText(userRequest: _request),
                  ],
                ),
              ),
            ),
            if (_request != null && _request.status == RS.canceled) Divider(),
            if (_request != null && _request.status == RS.canceled) CancelReasonText(userRequest: _request),
            if (_request != null && _request.status == RS.closed) Divider(),
            if (_request != null && _request.status == RS.closed) UserRequestDoneResultText(userRequest: _request),
            Wrap(spacing: 16, children: _buttonsList()),
          ]),
        ),
      ),
    );

    // todo: add calendar to showAlert
    // _buildTableCalendar(), Expanded(child: _buildEventList())
  }

  ElevatedButton _showCalendarInMobileUIButton() {
    return ElevatedButton(
      child: Text('Показать календарь'),
      onPressed: () {
        showDialog(
            context: context,
            builder: (contex) {
              return StatefulBuilder(builder: (context, setState) {
                return AlertDialog(
                    title: Text('Календарь'),
                    content: SingleChildScrollView(
                      child: Column(
                        mainAxisSize: MainAxisSize.min,
                        children: [
                          _buildTableCalendar(width: MediaQuery.of(context).size.width),
                          // Expanded(child: _buildEventList()),
                        ],
                      ),
                    ));
              });
            });
      },
    );
  }

  Widget _buildWebUIWidgets() {
    return FractionallySizedBox(
      widthFactor: .75,
      alignment: Alignment.centerLeft,
      child: SingleChildScrollView(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            widget.editRequest
                ? Wrap(
                    spacing: 16,
                    children: [
                      UserRequestHeaderText(userRequest: _request),
                      UserRequestShiftDateHistory(userRequest: _request),
                      UserRequestPhotoButton(userRequest: _request)
                    ],
                  )
                : RequestNumberText(
                    responseDate: _responseDate ?? _setResponseDate(),
                    onRequestDateChange: (value) => _requestDate = value,
                    onRequestNumberChange: (value) => _requestNumber = value,
                  ),
            Card(
              child: Padding(
                padding: const EdgeInsets.all(16.0),
                child: Column(
                  children: [
                    Row(
                      children: [
                        Expanded(
                          child: UserRequestDescriptionTextField(
                            userRequest: _request,
                            userRequestTEC: _requestTEC,
                            userRequestValidator: _requestValidator,
                          ),
                        ),
                        SizedBox(width: 8),
                        Container(
                          width: 300,
                          child: UserRequestNoteTextField(userRequest: _request, userRequestNoteTEC: _requestNoteTEC),
                        ),
                      ],
                    ),
                    SizedBox(height: 8),
                    Row(children: [
                      IsFailureCheckBox(
                        userRequest: _request,
                        isFailure: _isFailure,
                        onIsFailureStatusChanged: (value) => setState(() => _isFailure = value),
                        isScheduledNewStatus: (value) => setState(() => _isScheduled = value),
                        isPaidNewStatus: (value) => setState(() => _isPaid = value),
                        isMaintenanceNewStatus: (value) => setState(() => _isMaintenance = value),
                      ),
                      SizedBox(width: 8),
                      IsPaidCheckBox(
                        userRequest: _request,
                        isPaid: _isPaid,
                        onIsPaidStatusChanged: (value) => setState(() => _isPaid = value),
                        isFailureNewStatus: (value) => setState(() => _isFailure = value),
                        isMaintenanceNewStatus: (value) => setState(() => _isMaintenance = value),
                        isScheduledNewStatus: (value) => setState(() => _isScheduled = value),
                      ),
                      SizedBox(width: 8),
                      IsMaintenanceCheckBox(
                        userRequest: _request,
                        isMaintenance: _isMaintenance,
                        onIsMaintenanceStatusChanged: (value) => setState(() => _isMaintenance = value),
                        isFailureNewStatus: (value) => setState(() => _isFailure = value),
                        isPaidNewStatus: (value) => setState(() => _isPaid = value),
                        isScheduledNewStatus: (value) => setState(() => _isScheduled = value),
                      ),
                      SizedBox(width: 8),
                      IsScheduledCheckBox(
                        userRequest: _request,
                        isScheduled: _isScheduled,
                        onIsScheduledStatusChanged: (value) => setState(() => _isScheduled = value),
                        isFailureNewStatus: (value) => setState(() => _isFailure = value),
                        isPaidNewStatus: (value) => setState(() => _isPaid = value),
                        isMaintenanceNewStatus: (value) => setState(() => _isMaintenance = value),
                      ),
                      SizedBox(width: 32),
                      Text('Тип работы:', style: TextStyle(fontSize: 16)),
                      SizedBox(width: 8),
                      JobTypeDropDown(
                        userRequest: _request,
                        jobTypeTitle: _jobTypeTitle,
                        jobTypeColor: _jobTypeColor,
                        onJobTypeColorChanged: (value) => setState(() => _jobTypeColor = value),
                        onJobTypeTitleChanged: (value) => setState(() => _jobTypeTitle = value),
                      ),
                    ]),
                  ],
                ),
              ),
            ),
            Card(
              child: Padding(
                padding: const EdgeInsets.all(16.0),
                child: Column(
                  children: [
                    Row(
                      children: [
                        Text('Адрес:', style: TextStyle(fontSize: 16)),
                        AddressDropDown(
                            userRequest: _request,
                            selectedAddress: _selectedAddress,
                            onSelectedAddressChanged: (value) => setState(() => _selectedAddress = value),
                            onSelectedAccountNumberChanged: () => setState(() => _selectedAccountNumber = null),
                            onClear: () => _flatNumberTEC.clear()),
                        SizedBox(width: 16),
                        Container(
                          width: 200,
                          child: FlatNumberTextField(
                            userRequest: _request,
                            flatNumberTEC: _flatNumberTEC,
                            flatNumberValidator: _flatNumberValidator,
                            onSelectedFlatNumberChanged: (value) => setState(() => _selectedFlatNumber = value),
                            onSelectedAccountNumberChanged: () => setState(() => _selectedFlatNumber = null),
                          ),
                        ),
                        Text('Лицевой счет:', style: TextStyle(fontSize: 16)),
                        SizedBox(width: 16),
                        if (_selectedAddress != null && _selectedFlatNumber != null)
                          AccountListDropDown(
                            userRequest: _request,
                            address: _selectedAddress,
                            flatNumber: _selectedFlatNumber,
                            selectedAccountNumber: _selectedAccountNumber,
                            onCurrentDebtChange: (newDebt) => _currentDebt = newDebt,
                            onAccountNumberChange: (newAccountNumber) =>
                                setState(() => _selectedAccountNumber = newAccountNumber),
                            onAccountChange: (newAccount) => _autoFillOwnerInfo(account: newAccount),
                          )
                      ],
                    ),
                    Row(children: [
                      Flexible(
                        child: UserFirstAndLastNameTextField(
                          userRequest: _request,
                          nameTEC: _nameTEC,
                          nameValidator: _nameValidator,
                        ),
                      ),
                      SizedBox(width: 16),
                      Flexible(
                        child: UserPhoneNumberTextField(
                          userRequest: _request,
                          phoneNumberTEC: _phoneNumberTEC,
                          phoneNumberValidator: _phoneNumberValidator,
                        ),
                      ),
                      if (widget.editRequest && _request.userToken != null) _ownerFutureBuilder()
                    ]),
                  ],
                ),
              ),
            ),
            Card(
              child: Padding(
                padding: const EdgeInsets.all(16.0),
                child: Column(children: [
                  Row(
                    children: [
                      Text('Подрядчик:', style: TextStyle(fontSize: 16)),
                      SizedBox(width: 8),
                      SelectPartnerDropDown(
                        currentPartnerTitle: _currentPartnerTitle,
                        userRequest: _request,
                        onPartnerChanged: (newPartner) => setState(() => _currentPartnerTitle = newPartner),
                      ),
                      SizedBox(width: 8),
                      SelectMasterDropDown(
                        currentMaster: _currentMaster,
                        userRequest: _request,
                        onMasterChanged: (newMaster) => setState(() => _currentMaster = newMaster),
                      ),
                      SizedBox(width: 8),
                      SelectStaffDropdown(
                        currentPartnerTitle: _currentPartnerTitle,
                        currentStaff: _currentStaff,
                        userRequest: _request,
                        onStaffChanged: (newStaff) => setState(() => _currentStaff = newStaff),
                      ),
                      SizedBox(width: 8),
                      if (widget.editRequest) SeenByStaffText(userRequest: _request),
                    ],
                  ),
                ]),
              ),
            ),
            Divider(),
            Wrap(
              spacing: 16,
              runSpacing: 16,
              children: _buttonsList(),
            ),
            if (_request != null && _request.status == RS.canceled) Divider(),
            if (_request != null && _request.status == RS.canceled) CancelReasonText(userRequest: _request),
            if (_request != null && _request.status == RS.closed) Divider(),
            if (_request != null && _request.status == RS.closed) UserRequestDoneResultText(userRequest: _request)
          ],
        ),
      ),
    );
  }

  FutureBuilder _ownerFutureBuilder() {
    return FutureBuilder<Owner>(
        future: _db.getOwnerById(ownerId: widget.request.ownerId),
        builder: (context, future) {
          if (future.hasData) {
            final owner = future.data;
            if (owner.deviceTokenList != null && owner.deviceTokenList.isNotEmpty) {
              return NotifyUserButton(userRequest: _request, owner: future.data);
            } else {
              return Container();
            }
          }
          return CircularProgressIndicator();
        });
  }

  List<Widget> _buttonsList() {
    return [
      Buttons.cancelRaisedButton(context),
      if (_request != null && _request.status != RS.canceled)
        if (_request != null && _request.status != RS.closed)
          SaveUserRequestButton(
            onUserRequestSave: _saveRequest,
            requestValidator: _requestValidator,
            phoneNumberValidator: _phoneNumberValidator,
            nameValidator: _nameValidator,
            flatNumberValidator: _flatNumberValidator,
            selectedAccountNumber: _selectedAccountNumber,
            selectedAddress: _selectedAddress,
          ),
      if (!widget.editRequest)
        SaveUserRequestButton(
          onUserRequestSave: _saveRequest,
          requestValidator: _requestValidator,
          phoneNumberValidator: _phoneNumberValidator,
          nameValidator: _nameValidator,
          flatNumberValidator: _flatNumberValidator,
          selectedAccountNumber: _selectedAccountNumber,
          selectedAddress: _selectedAddress,
        ),

      if (widget.editRequest && _request.status != RS.closed && _request.status != RS.canceled)
        SubmitRequestForWorkButton(
          userRequest: _request,
          owner: _currentOwner,
          currentMaster: _currentMaster,
          currentPartnerTitle: _currentPartnerTitle,
          currentStaff: _currentStaff,
          jobTypeTitle: _jobTypeTitle,
          userRole: widget.userRole,
          onChangeStatus: (changeStatus) => _saveRequest(changeStatus: changeStatus),
        ),

      if (widget.editRequest && kIsWeb)
        PrintButton(request: _request, partnerTitle: _currentPartnerTitle, staff: _currentStaff, debt: _currentDebt),
      if (widget.editRequest && _request != null && _request.status != RS.closed && _request.status != RS.canceled)
        CancelUserRequestButton(
          userRequest: _request,
          cancelReasonTEC: _cancelReasonTEC,
          cancelReasonValidator: _cancelReasonValidator,
        ),

      if (_request != null && _request.status != RS.closed && _request.status != RS.canceled)
        CloseUserRequestButton(
          userRequest: _request,
          responseTEC: _responseTEC,
        )
    ];
  }

  void _autoFillOwnerInfo({@required Account account}) async {
    print('_autoFillOwnerInfo() called');
    final ownerList = await _db.getOwnerList();
    final owner = ownerList.firstWhere((owner) => owner.accountId == account.objectId);
    _currentOwner = owner;
    _nameTEC.text = owner.name;
    _phoneNumberTEC.text = '${owner.phoneNumber}';
    _currentDebt = account.debt;
  }

  void _initFields() {
    print('_initFields() called');
    _request = widget.request;
    _requestTEC.text = widget.request.userRequest;
    _requestNoteTEC.text = widget.request.requestNote;
    _flatNumberTEC.text = '${widget.request.flatNumber}';
    _phoneNumberTEC.text = '${widget.request.phoneNumber}';
    _nameTEC.text = widget.request.userName;
    _selectedAddress = widget.request.address;
    _selectedFlatNumber = '${widget.request.flatNumber}';
    _selectedAccountNumber = widget.request.accountNumber;

    _isPaid = widget.request.isPaid ?? false;
    _isFailure = widget.request.isFailure ?? false;
    _isMaintenance = widget.request.isMaintenance ?? false;
    _isScheduled = widget.request.isScheduled ?? false;
    _jobTypeTitle = widget.request.jobType;
    _currentPartnerTitle = widget.request.partnerTitle;
    _currentMaster = widget.request.masterStaff;
    _currentStaff = widget.request.partnerStaff;
    _currentDebt = widget.request.debt;
    _requestDate = widget.request.requestDate;
    _responseDate = widget.request.responseDate;
  }

  Future _saveRequest({bool changeStatus = false}) async {
    // save request logic here
  }
}
	import 'package:flutter/foundation.dart';
	import 'package:flutter/material.dart';
	import 'package:table_calendar/table_calendar.dart';
	import 'package:uk_web/model/models.dart';
	import 'package:uk_web/ui/requests_page/requests_page/web_ui/widgets/buttons.dart';
	import 'package:uk_web/services/database/database_service_parse_server.dart';

	import 'widgets/request_editor_page_widgets.dart';

	class RequestEditorPage extends StatefulWidget {
	final List<UserRequest> requestsList;
	final UserRequest request;
	final bool editRequest;
	final String userRole;

	RequestEditorPage({this.request, this.editRequest = false, this.requestsList, this.userRole});

	@override
	_RequestEditorPageState createState() => _RequestEditorPageState();
	}

	class _RequestEditorPageState extends State<RequestEditorPage> with TickerProviderStateMixin {
	DBSParseServer _db = DBSParseServer();

	final _requestTEC = TextEditingController();
	final _flatNumberTEC = TextEditingController();
	final _phoneNumberTEC = TextEditingController();
	final _nameTEC = TextEditingController();
	final _requestNoteTEC = TextEditingController();
	final _responseTEC = TextEditingController();
	final _cancelReasonTEC = TextEditingController();

	bool _cancelReasonValidator = false;
	bool _requestValidator = false;
	bool _phoneNumberValidator = false;
	bool _nameValidator = false;
	bool _flatNumberValidator = false;
	bool _isFailure = false;
	bool _isPaid = false;
	bool _isMaintenance = false;
	bool _isScheduled = false;

	String _jobTypeTitle;
	String _selectedAddress;
	String _selectedFlatNumber;
	String _currentPartnerTitle = 'ООО УК \"...\"';
	String _currentMaster;
	String _currentStaff;
	String _selectedAccountNumber;

	double _currentDebt;
	int _requestNumber;

	DateTime _requestDate;
	DateTime _responseDate;

	var _jobTypeColor = Colors.transparent;
	Owner _currentOwner;
	UserRequest _request;

	@override
	void initState() {
	if (widget.editRequest) _initFields();
	if (!kIsWeb) _responseDate = _setResponseDate();
	super.initState();
	}

	DateTime _setResponseDate() {
	final today = DateTime.now().toLocal();
	final todayEvening = DateTime(today.year, today.month, today.day, 17);
	final tomorrow = DateTime(today.year, today.month, today.day, 12).add(Duration(days: 1));
	final date = today.hour < 12 ? todayEvening : tomorrow;
	return date;
	}

	@override
	Widget build(BuildContext context) {
	return kIsWeb ? _buildWebUI() : _buildMobileUI();
	}

	Scaffold _buildWebUI() {
	return Scaffold(
	appBar: AppBar(
	title: widget.editRequest ? NewUserRequestHeader(userRequest: _request, responseDate: _responseDate) : null),
	body: Padding(
	padding: EdgeInsets.all(16),
	child: SizedBox(
	height: MediaQuery.of(context).size.height - AppBar().preferredSize.height,
	child: Stack(
	fit: StackFit.expand,
	children: [
	_buildWebUIWidgets(),
	_request != null && (_request.status == RS.closed \|\| _request.status == RS.canceled)
	? Container()
	: _buildCalendar()
	],
	),
	),
	),
	);
	}

	Widget _buildMobileUI() {
	return Scaffold(
	appBar: AppBar(title: Text('Заявка')),
	body: SingleChildScrollView(
	child: Padding(
	padding: const EdgeInsets.fromLTRB(8, 16, 8, 8),
	child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
	if (!widget.editRequest)
	RequestNumberText(
	responseDate: _responseDate ?? _setResponseDate(),
	onRequestDateChange: (value) => _requestDate = value,
	onRequestNumberChange: (value) => _requestNumber = value,
	),
	if (widget.editRequest) NewUserRequestHeader(userRequest: _request, responseDate: _responseDate),
	if (widget.editRequest) UserRequestShiftDateHistory(userRequest: _request),
	if (widget.editRequest) UserRequestPhotoButton(userRequest: _request),

	// _showCalendarInMobileUIButton(),
	Card(
	child: Padding(
	padding: const EdgeInsets.fromLTRB(8, 16, 8, 16),
	child: Column(
	children: [
	UserRequestDescriptionTextField(
	userRequest: _request,
	userRequestTEC: _requestTEC,
	userRequestValidator: _requestValidator,
	),
	if (widget.editRequest && widget.request.requestNote.isNotEmpty)
	UserRequestNoteTextField(userRequest: _request, userRequestNoteTEC: _requestNoteTEC),
	if (!widget.editRequest)
	UserRequestNoteTextField(userRequest: _request, userRequestNoteTEC: _requestNoteTEC),
	],
	),
	),
	),
	Card(
	child: Padding(
	padding: const EdgeInsets.all(8.0),
	child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
	IsFailureCheckBox(
	userRequest: _request,
	isFailure: _isFailure,
	onIsFailureStatusChanged: (value) => setState(() => _isFailure = value),
	isScheduledNewStatus: (value) => setState(() => _isScheduled = value),
	isPaidNewStatus: (value) => setState(() => _isPaid = value),
	isMaintenanceNewStatus: (value) => setState(() => _isMaintenance = value),
	),
	IsPaidCheckBox(
	userRequest: _request,
	isPaid: _isPaid,
	onIsPaidStatusChanged: (value) => setState(() => _isPaid = value),
	isFailureNewStatus: (value) => setState(() => _isFailure = value),
	isMaintenanceNewStatus: (value) => setState(() => _isMaintenance = value),
	isScheduledNewStatus: (value) => setState(() => _isScheduled = value),
	),
	IsMaintenanceCheckBox(
	userRequest: _request,
	isMaintenance: _isMaintenance,
	onIsMaintenanceStatusChanged: (value) => setState(() => _isMaintenance = value),
	isFailureNewStatus: (value) => setState(() => _isFailure = value),
	isPaidNewStatus: (value) => setState(() => _isPaid = value),
	isScheduledNewStatus: (value) => setState(() => _isScheduled = value),
	),
	IsScheduledCheckBox(
	userRequest: _request,
	isScheduled: _isScheduled,
	onIsScheduledStatusChanged: (value) => setState(() => _isScheduled = value),
	isFailureNewStatus: (value) => setState(() => _isFailure = value),
	isPaidNewStatus: (value) => setState(() => _isPaid = value),
	isMaintenanceNewStatus: (value) => setState(() => _isMaintenance = value),
	),
	Padding(
	padding: const EdgeInsets.fromLTRB(16, 0, 0, 0),
	child: JobTypeDropDown(
	userRequest: _request,
	jobTypeTitle: _jobTypeTitle,
	jobTypeColor: _jobTypeColor,
	onJobTypeColorChanged: (value) => setState(() => _jobTypeColor = value),
	onJobTypeTitleChanged: (value) => setState(() => _jobTypeTitle = value),
	),
	)
	]),
	),
	),
	Card(
	child: Padding(
	padding: EdgeInsets.all(8),
	child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
	AddressDropDown(
	userRequest: _request,
	selectedAddress: _selectedAddress,
	onSelectedAddressChanged: (value) => setState(() => _selectedAddress = value),
	onSelectedAccountNumberChanged: () => setState(() => _selectedAccountNumber = null),
	onClear: () => _flatNumberTEC.clear()),
	FlatNumberTextField(
	userRequest: _request,
	flatNumberTEC: _flatNumberTEC,
	flatNumberValidator: _flatNumberValidator,
	onSelectedFlatNumberChanged: (value) => setState(() => _selectedFlatNumber = value),
	onSelectedAccountNumberChanged: () => setState(() => _selectedFlatNumber = null),
	),
	if (_selectedAddress != null && _selectedFlatNumber != null)
	Container(
	height: 50,
	child: FittedBox(
	fit: BoxFit.fitWidth,
	child: AccountListDropDown(
	userRequest: _request,
	address: _selectedAddress,
	flatNumber: _selectedFlatNumber,
	selectedAccountNumber: _selectedAccountNumber,
	onCurrentDebtChange: (newDebt) => _currentDebt = newDebt,
	onAccountNumberChange: (newAccountNumber) =>
	setState(() => _selectedAccountNumber = newAccountNumber),
	onAccountChange: (newAccount) => _autoFillOwnerInfo(account: newAccount),
	),
	),
	),
	UserFirstAndLastNameTextField(
	userRequest: _request,
	nameTEC: _nameTEC,
	nameValidator: _nameValidator,
	),
	UserPhoneNumberTextField(
	userRequest: _request,
	phoneNumberTEC: _phoneNumberTEC,
	phoneNumberValidator: _phoneNumberValidator,
	),
	if (widget.editRequest && _request.userToken != null) _ownerFutureBuilder()
	]),
	),
	),
	Card(
	child: Padding(
	padding: EdgeInsets.all(8),
	child: Column(
	crossAxisAlignment: CrossAxisAlignment.start,
	children: [
	Text('Подрядчик:', style: TextStyle(fontSize: 16)),
	SelectPartnerDropDown(
	currentPartnerTitle: _currentPartnerTitle,
	userRequest: _request,
	onPartnerChanged: (newPartner) => setState(() => _currentPartnerTitle = newPartner),
	),
	SelectMasterDropDown(
	currentMaster: _currentMaster,
	userRequest: _request,
	onMasterChanged: (newMaster) => setState(() => _currentMaster = newMaster),
	),
	SelectStaffDropdown(
	currentPartnerTitle: _currentPartnerTitle,
	currentStaff: _currentStaff,
	userRequest: _request,
	onStaffChanged: (newStaff) => setState(() => _currentStaff = newStaff),
	),
	SizedBox(height: 8),
	if (widget.editRequest) SeenByStaffText(userRequest: _request),
	],
	),
	),
	),
	if (_request != null && _request.status == RS.canceled) Divider(),
	if (_request != null && _request.status == RS.canceled) CancelReasonText(userRequest: _request),
	if (_request != null && _request.status == RS.closed) Divider(),
	if (_request != null && _request.status == RS.closed) UserRequestDoneResultText(userRequest: _request),
	Wrap(spacing: 16, children: _buttonsList()),
	]),
	),
	),
	);

	// todo: add calendar to showAlert
	// _buildTableCalendar(), Expanded(child: _buildEventList())
	}

	ElevatedButton _showCalendarInMobileUIButton() {
	return ElevatedButton(
	child: Text('Показать календарь'),
	onPressed: () {
	showDialog(
	context: context,
	builder: (contex) {
	return StatefulBuilder(builder: (context, setState) {
	return AlertDialog(
	title: Text('Календарь'),
	content: SingleChildScrollView(
	child: Column(
	mainAxisSize: MainAxisSize.min,
	children: [
	_buildTableCalendar(width: MediaQuery.of(context).size.width),
	// Expanded(child: _buildEventList()),
	],
	),
	));
	});
	});
	},
	);
	}

	Widget _buildWebUIWidgets() {
	return FractionallySizedBox(
	widthFactor: .75,
	alignment: Alignment.centerLeft,
	child: SingleChildScrollView(
	child: Column(
	crossAxisAlignment: CrossAxisAlignment.start,
	children: [
	widget.editRequest
	? Wrap(
	spacing: 16,
	children: [
	UserRequestHeaderText(userRequest: _request),
	UserRequestShiftDateHistory(userRequest: _request),
	UserRequestPhotoButton(userRequest: _request)
	],
	)
	: RequestNumberText(
	responseDate: _responseDate ?? _setResponseDate(),
	onRequestDateChange: (value) => _requestDate = value,
	onRequestNumberChange: (value) => _requestNumber = value,
	),
	Card(
	child: Padding(
	padding: const EdgeInsets.all(16.0),
	child: Column(
	children: [
	Row(
	children: [
	Expanded(
	child: UserRequestDescriptionTextField(
	userRequest: _request,
	userRequestTEC: _requestTEC,
	userRequestValidator: _requestValidator,
	),
	),
	SizedBox(width: 8),
	Container(
	width: 300,
	child: UserRequestNoteTextField(userRequest: _request, userRequestNoteTEC: _requestNoteTEC),
	),
	],
	),
	SizedBox(height: 8),
	Row(children: [
	IsFailureCheckBox(
	userRequest: _request,
	isFailure: _isFailure,
	onIsFailureStatusChanged: (value) => setState(() => _isFailure = value),
	isScheduledNewStatus: (value) => setState(() => _isScheduled = value),
	isPaidNewStatus: (value) => setState(() => _isPaid = value),
	isMaintenanceNewStatus: (value) => setState(() => _isMaintenance = value),
	),
	SizedBox(width: 8),
	IsPaidCheckBox(
	userRequest: _request,
	isPaid: _isPaid,
	onIsPaidStatusChanged: (value) => setState(() => _isPaid = value),
	isFailureNewStatus: (value) => setState(() => _isFailure = value),
	isMaintenanceNewStatus: (value) => setState(() => _isMaintenance = value),
	isScheduledNewStatus: (value) => setState(() => _isScheduled = value),
	),
	SizedBox(width: 8),
	IsMaintenanceCheckBox(
	userRequest: _request,
	isMaintenance: _isMaintenance,
	onIsMaintenanceStatusChanged: (value) => setState(() => _isMaintenance = value),
	isFailureNewStatus: (value) => setState(() => _isFailure = value),
	isPaidNewStatus: (value) => setState(() => _isPaid = value),
	isScheduledNewStatus: (value) => setState(() => _isScheduled = value),
	),
	SizedBox(width: 8),
	IsScheduledCheckBox(
	userRequest: _request,
	isScheduled: _isScheduled,
	onIsScheduledStatusChanged: (value) => setState(() => _isScheduled = value),
	isFailureNewStatus: (value) => setState(() => _isFailure = value),
	isPaidNewStatus: (value) => setState(() => _isPaid = value),
	isMaintenanceNewStatus: (value) => setState(() => _isMaintenance = value),
	),
	SizedBox(width: 32),
	Text('Тип работы:', style: TextStyle(fontSize: 16)),
	SizedBox(width: 8),
	JobTypeDropDown(
	userRequest: _request,
	jobTypeTitle: _jobTypeTitle,
	jobTypeColor: _jobTypeColor,
	onJobTypeColorChanged: (value) => setState(() => _jobTypeColor = value),
	onJobTypeTitleChanged: (value) => setState(() => _jobTypeTitle = value),
	),
	]),
	],
	),
	),
	),
	Card(
	child: Padding(
	padding: const EdgeInsets.all(16.0),
	child: Column(
	children: [
	Row(
	children: [
	Text('Адрес:', style: TextStyle(fontSize: 16)),
	AddressDropDown(
	userRequest: _request,
	selectedAddress: _selectedAddress,
	onSelectedAddressChanged: (value) => setState(() => _selectedAddress = value),
	onSelectedAccountNumberChanged: () => setState(() => _selectedAccountNumber = null),
	onClear: () => _flatNumberTEC.clear()),
	SizedBox(width: 16),
	Container(
	width: 200,
	child: FlatNumberTextField(
	userRequest: _request,
	flatNumberTEC: _flatNumberTEC,
	flatNumberValidator: _flatNumberValidator,
	onSelectedFlatNumberChanged: (value) => setState(() => _selectedFlatNumber = value),
	onSelectedAccountNumberChanged: () => setState(() => _selectedFlatNumber = null),
	),
	),
	Text('Лицевой счет:', style: TextStyle(fontSize: 16)),
	SizedBox(width: 16),
	if (_selectedAddress != null && _selectedFlatNumber != null)
	AccountListDropDown(
	userRequest: _request,
	address: _selectedAddress,
	flatNumber: _selectedFlatNumber,
	selectedAccountNumber: _selectedAccountNumber,
	onCurrentDebtChange: (newDebt) => _currentDebt = newDebt,
	onAccountNumberChange: (newAccountNumber) =>
	setState(() => _selectedAccountNumber = newAccountNumber),
	onAccountChange: (newAccount) => _autoFillOwnerInfo(account: newAccount),
	)
	],
	),
	Row(children: [
	Flexible(
	child: UserFirstAndLastNameTextField(
	userRequest: _request,
	nameTEC: _nameTEC,
	nameValidator: _nameValidator,
	),
	),
	SizedBox(width: 16),
	Flexible(
	child: UserPhoneNumberTextField(
	userRequest: _request,
	phoneNumberTEC: _phoneNumberTEC,
	phoneNumberValidator: _phoneNumberValidator,
	),
	),
	if (widget.editRequest && _request.userToken != null) _ownerFutureBuilder()
	]),
	],
	),
	),
	),
	Card(
	child: Padding(
	padding: const EdgeInsets.all(16.0),
	child: Column(children: [
	Row(
	children: [
	Text('Подрядчик:', style: TextStyle(fontSize: 16)),
	SizedBox(width: 8),
	SelectPartnerDropDown(
	currentPartnerTitle: _currentPartnerTitle,
	userRequest: _request,
	onPartnerChanged: (newPartner) => setState(() => _currentPartnerTitle = newPartner),
	),
	SizedBox(width: 8),
	SelectMasterDropDown(
	currentMaster: _currentMaster,
	userRequest: _request,
	onMasterChanged: (newMaster) => setState(() => _currentMaster = newMaster),
	),
	SizedBox(width: 8),
	SelectStaffDropdown(
	currentPartnerTitle: _currentPartnerTitle,
	currentStaff: _currentStaff,
	userRequest: _request,
	onStaffChanged: (newStaff) => setState(() => _currentStaff = newStaff),
	),
	SizedBox(width: 8),
	if (widget.editRequest) SeenByStaffText(userRequest: _request),
	],
	),
	]),
	),
	),
	Divider(),
	Wrap(
	spacing: 16,
	runSpacing: 16,
	children: _buttonsList(),
	),
	if (_request != null && _request.status == RS.canceled) Divider(),
	if (_request != null && _request.status == RS.canceled) CancelReasonText(userRequest: _request),
	if (_request != null && _request.status == RS.closed) Divider(),
	if (_request != null && _request.status == RS.closed) UserRequestDoneResultText(userRequest: _request)
	],
	),
	),
	);
	}

	FutureBuilder _ownerFutureBuilder() {
	return FutureBuilder<Owner>(
	future: _db.getOwnerById(ownerId: widget.request.ownerId),
	builder: (context, future) {
	if (future.hasData) {
	final owner = future.data;
	if (owner.deviceTokenList != null && owner.deviceTokenList.isNotEmpty) {
	return NotifyUserButton(userRequest: _request, owner: future.data);
	} else {
	return Container();
	}
	}
	return CircularProgressIndicator();
	});
	}

	List<Widget> _buttonsList() {
	return [
	Buttons.cancelRaisedButton(context),
	if (_request != null && _request.status != RS.canceled)
	if (_request != null && _request.status != RS.closed)
	SaveUserRequestButton(
	onUserRequestSave: _saveRequest,
	requestValidator: _requestValidator,
	phoneNumberValidator: _phoneNumberValidator,
	nameValidator: _nameValidator,
	flatNumberValidator: _flatNumberValidator,
	selectedAccountNumber: _selectedAccountNumber,
	selectedAddress: _selectedAddress,
	),
	if (!widget.editRequest)
	SaveUserRequestButton(
	onUserRequestSave: _saveRequest,
	requestValidator: _requestValidator,
	phoneNumberValidator: _phoneNumberValidator,
	nameValidator: _nameValidator,
	flatNumberValidator: _flatNumberValidator,
	selectedAccountNumber: _selectedAccountNumber,
	selectedAddress: _selectedAddress,
	),

	if (widget.editRequest && _request.status != RS.closed && _request.status != RS.canceled)
	SubmitRequestForWorkButton(
	userRequest: _request,
	owner: _currentOwner,
	currentMaster: _currentMaster,
	currentPartnerTitle: _currentPartnerTitle,
	currentStaff: _currentStaff,
	jobTypeTitle: _jobTypeTitle,
	userRole: widget.userRole,
	onChangeStatus: (changeStatus) => _saveRequest(changeStatus: changeStatus),
	),

	if (widget.editRequest && kIsWeb)
	PrintButton(request: _request, partnerTitle: _currentPartnerTitle, staff: _currentStaff, debt: _currentDebt),
	if (widget.editRequest && _request != null && _request.status != RS.closed && _request.status != RS.canceled)
	CancelUserRequestButton(
	userRequest: _request,
	cancelReasonTEC: _cancelReasonTEC,
	cancelReasonValidator: _cancelReasonValidator,
	),

	if (_request != null && _request.status != RS.closed && _request.status != RS.canceled)
	CloseUserRequestButton(
	userRequest: _request,
	responseTEC: _responseTEC,
	)
	];
	}

	void _autoFillOwnerInfo({@required Account account}) async {
	print('_autoFillOwnerInfo() called');
	final ownerList = await _db.getOwnerList();
	final owner = ownerList.firstWhere((owner) => owner.accountId == account.objectId);
	_currentOwner = owner;
	_nameTEC.text = owner.name;
	_phoneNumberTEC.text = '${owner.phoneNumber}';
	_currentDebt = account.debt;
	}

	void _initFields() {
	print('_initFields() called');
	_request = widget.request;
	_requestTEC.text = widget.request.userRequest;
	_requestNoteTEC.text = widget.request.requestNote;
	_flatNumberTEC.text = '${widget.request.flatNumber}';
	_phoneNumberTEC.text = '${widget.request.phoneNumber}';
	_nameTEC.text = widget.request.userName;
	_selectedAddress = widget.request.address;
	_selectedFlatNumber = '${widget.request.flatNumber}';
	_selectedAccountNumber = widget.request.accountNumber;

	_isPaid = widget.request.isPaid ?? false;
	_isFailure = widget.request.isFailure ?? false;
	_isMaintenance = widget.request.isMaintenance ?? false;
	_isScheduled = widget.request.isScheduled ?? false;
	_jobTypeTitle = widget.request.jobType;
	_currentPartnerTitle = widget.request.partnerTitle;
	_currentMaster = widget.request.masterStaff;
	_currentStaff = widget.request.partnerStaff;
	_currentDebt = widget.request.debt;
	_requestDate = widget.request.requestDate;
	_responseDate = widget.request.responseDate;
	}

	Future _saveRequest({bool changeStatus = false}) async {
	// save request logic here
	}
	}