client urgency

(async () => {
    window.s_widget_custom = window.s_widget_custom || {};
    await s_widget.setFieldValue('isShowUrgency', false);

    const urlParams = new URLSearchParams(await window.location.search);

    await s_widget.setFieldValue('recordId', urlParams.get('record_id'));
    await s_widget.setFieldValue('tableName', urlParams.get('table_name'));

    await s_widget.setFieldValue('action', 'INIT');
    await s_widget.serverUpdate();

    setWidgetViewCollapsed();

    window.s_widget_custom.setWidgetView = (view) => {
        if (view == 'collapsed') {
            setWidgetViewCollapsed();
        }
        if (view == 'expanded') {
            setWidgetViewExpanded();
        }
    };

    s_widget_custom.toggleHint = () => s_widget.setFieldValue('isShowHint', !s_widget.getFieldValue('isShowHint'));

    s_widget_custom.changeUrgency = () => {
        setViewByOptions();
        controlStyle();
        buttonState();
        s_widget.setFieldValue('toggleHint', false);
    };

    s_widget_custom.save = async () => {
        saveUrgency();
        s_widget.setFieldValue('action', 'CHANGE_URGENCY');
        await s_widget.serverUpdate();
        s_widget.getFieldValue('isUrgencyChanged');
        if (!s_widget.getFieldValue('isUrgencyChanged')) {
            return;
        }
        const obj1 = SimpleEventBus.emit('reloadActivityFeed');
    };

    function saveUrgency() {
        setWidgetViewCollapsed();
        s_widget.setFieldValue('setUrgency', s_widget.getFieldValue('urgencyValueForm').database_value);
        s_widget.setFieldValue('action', 'SAVE_VALUE');
        s_widget.serverUpdate();
        buttonState();
        controlText();
        controlStyle();
    }
    function collapsedWidgetState() {
        setWidgetViewCollapsed();
        s_widget.setFieldValue('urgencyValueForm', s_widget.getFieldValue('argencyValueServer'));
        buttonState();
        controlText();
        controlStyle();
    }
    function expandedWidgetState() {
        setWidgetViewExpanded();
        controlStyle();
        controlText();
    }
    function toggleHint() {
        s_widget.setFieldValue('toggleHint', !s_widget.getFieldValue('toggleHint'));
    }
    function setWidgetViewExpanded() {
        s_widget.setFieldValue('buttonOpen', false);
        s_widget.setFieldValue('buttonChoice', true);
        s_widget.setFieldValue('toggleHint', false);
        buttonState();
    }
    function setWidgetViewCollapsed() {
        s_widget.setFieldValue('buttonOpen', true);
        s_widget.setFieldValue('buttonChoice', false);
        s_widget.setFieldValue('toggleHint', false);
        buttonState();
    }
    function buttonState() {
        s_widget.setFieldValue(
            'userCanNotSave',
            s_widget.getFieldValue('argencyValueServer').database_value ==
                s_widget.getFieldValue('urgencyValueForm').database_value
        );
        setViewByOptions();
    }
    function controlStyle() {
        const stateWidget = getWidgetState();
        changeStyle()[stateWidget.infoWarningBox][stateWidget.buttonChoice]();
    }
    function controlText() {
        const stateWidget = getWidgetState();
        const annotation = {
            collapsed: s_widget.getFieldValue('urgencyValueForm').display_value,
            expanded: s_widget.getFieldValue('annotationValue'),
        }[stateWidget.buttonChoice];
        s_widget.setFieldValue('annotation', annotation);
    }
    function setViewByOptions() {
        s_widget.setFieldValue(
            'infoWarningBox',
            s_widget.getFieldValue('isShowWarning').includes(s_widget.getFieldValue('urgencyValueForm').database_value)
        );
    }
    function getWidgetState() {
        return {
            infoWarningBox: s_widget.getFieldValue('infoWarningBox') ? 'warningWindowActive' : 'warningWindowDisActive',
            buttonChoice: s_widget.getFieldValue('buttonChoice') ? 'expanded' : 'collapsed',
        };
    }
    function changeStyle() {
        const warningWindowActive = {
            collapsed() {
                s_widget.setFieldValue(
                    'urgencyWidgetStateAnnotation',
                    'state-warning-on-widget-collapsed-form-annotation'
                );
                s_widget.setFieldValue('urgencyWidgetStateButton', 'state-warning-on-widget-collapsed-form-button');
            },
            expanded() {
                s_widget.setFieldValue(
                    'urgencyWidgetStateAnnotation',
                    'state-warning-on-widget-expanded-form-annotation'
                );
                s_widget.setFieldValue('urgencyWidgetStateButton', 'state-warning-on-widget-expanded-form-button');
                s_widget.setFieldValue('urgencyWidgetStateChoice', 'state-warning-on-widget-expanded-form-choice');
            },
        };
        const warningWindowDisActive = {
            collapsed() {
                s_widget.setFieldValue(
                    'urgencyWidgetStateAnnotation',
                    'state-warning-off-widget-collapsed-form-annotation'
                );
                s_widget.setFieldValue('urgencyWidgetStateChange', 'state-warning-off-widget-collapsed-form-change');
                s_widget.setFieldValue('urgencyWidgetStateWarning', 'state-warning-off-widget-collapsed-info-warning');
                s_widget.setFieldValue('urgencyWidgetStateChoice', 'state-warning-off-widget-collapsed-form-choice');
            },
            expanded() {
                s_widget.setFieldValue(
                    'urgencyWidgetStateAnnotation',
                    'state-warning-off-widget-expanded-form-annotation'
                );
                s_widget.setFieldValue('urgencyWidgetStateChange', 'state-warning-off-widget-expanded-form-change');
                s_widget.setFieldValue('urgencyWidgetStateWarning', 'state-warning-off-widget-expanded-info-warning');
                s_widget.setFieldValue('urgencyWidgetStateChoice', 'state-warning-off-widget-expanded-form-choice');
                s_widget.setFieldValue('urgencyWidgetStateButton', 'state-warning-off-widget-expanded-form-button');
            },
        };
        return {warningWindowActive, warningWindowDisActive};
    }
})();