ref

2023-06-15 13:32:13 +03:00
parent 377f977f79
commit 80588d0f5f
3 changed files with 215 additions and 243 deletions
@@ -28,45 +28,42 @@

 /** @module views/fields/enum */

-import Dep from 'views/fields/base';
+import BaseFieldView from 'views/fields/base';
 import MultiSelect from 'ui/multi-select';
 import Select from 'ui/select'

 /**
 * An enum field (select-box).
- *
- * @class
- * @name Class
- * @extends module:views/fields/base
 */
-export default Dep.extend(/** @lends Class# */{
+class EnumFieldView extends BaseFieldView {

-    type: 'enum',
+    type = 'enum'

-    listTemplate: 'fields/enum/list',
-    listLinkTemplate: 'fields/enum/list-link',
-    detailTemplate: 'fields/enum/detail',
-    editTemplate: 'fields/enum/edit',
-    searchTemplate: 'fields/enum/search',
+    listTemplate = 'fields/enum/list'
+    listLinkTemplate = 'fields/enum/list-link'
+    detailTemplate = 'fields/enum/detail'
+    editTemplate = 'fields/enum/edit'
+    searchTemplate = 'fields/enum/search'

-    translatedOptions: null,
+    translatedOptions = null

    /**
     * @todo Remove? Always treat as true.
     */
-    fetchEmptyValueAsNull: true,
+    fetchEmptyValueAsNull = true

-    searchTypeList: [
+    searchTypeList = [
        'anyOf',
        'noneOf',
        'isEmpty',
        'isNotEmpty',
-    ],
+    ]

-    validationElementSelector: '.selectize-control',
+    validationElementSelector = '.selectize-control'

-    data: function () {
-        let data = Dep.prototype.data.call(this);
+    /** @inheritDoc */
+    data() {
+        let data = super.data();

        data.translatedOptions = this.translatedOptions;

@@ -108,9 +105,9 @@ export default Dep.extend(/** @lends Class# */{
        }

        return data;
-    },
+    }

-    setup: function () {
+    setup() {
        if (!this.params.options) {
            let methodName = 'get' + Espo.Utils.upperCaseFirst(this.name) + 'Options';

@@ -168,9 +165,9 @@ export default Dep.extend(/** @lends Class# */{
        if (this.options.customOptionList) {
            this.setOptionList(this.options.customOptionList);
        }
-    },
+    }

-    setupTranslation: function () {
+    setupTranslation() {
        let translation = this.params.translation;
        /** @type {?string} */
        let optionsReference = this.params.optionsReference;
@@ -230,19 +227,19 @@ export default Dep.extend(/** @lends Class# */{
        }

        this.translatedOptions = translatedOptions;
-    },
+    }

    /**
     * Set up options.
     */
-    setupOptions: function () {},
+    setupOptions() {}

    /**
     * Set an option list.
     *
     * @param {string[]} optionList An option list.
     */
-    setOptionList: function (optionList) {
+    setOptionList(optionList) {
        let previousOptions = this.params.options;

        if (!this.originalOptionList) {
@@ -274,12 +271,12 @@ export default Dep.extend(/** @lends Class# */{
                    this.trigger('change');
                }
            });
-    },
+    }

    /**
     * Reset a previously set option list.
     */
-    resetOptionList: function () {
+    resetOptionList() {
        if (!this.originalOptionList) {
            return;
        }
@@ -297,17 +294,17 @@ export default Dep.extend(/** @lends Class# */{
        if (this.isRendered()) {
            this.reRender();
        }
-    },
+    }

-    setupSearch: function () {
+    setupSearch() {
        this.events = _.extend({
            'change select.search-type': (e) => {
                this.handleSearchType($(e.currentTarget).val());
            },
        }, this.events || {});
-    },
+    }

-    handleSearchType: function (type) {
+    handleSearchType(type) {
        var $inputContainer = this.$el.find('div.input-container');

        if (~['anyOf', 'noneOf'].indexOf(type)) {
@@ -315,10 +312,10 @@ export default Dep.extend(/** @lends Class# */{
        } else {
            $inputContainer.addClass('hidden');
        }
-    },
+    }

-    afterRender: function () {
-        Dep.prototype.afterRender.call(this);
+    afterRender() {
+        super.afterRender();

        if (this.isSearchMode()) {
            this.$element = this.$el.find('.main-element');
@@ -369,13 +366,13 @@ export default Dep.extend(/** @lends Class# */{
        if (this.isEditMode() || this.isSearchMode()) {
            Select.init(this.$element, {matchAnyWord: true});
        }
-    },
+    }

-    focusOnInlineEdit: function () {
+    focusOnInlineEdit() {
        Select.focus(this.$element);
-    },
+    }

-    validateRequired: function () {
+    validateRequired() {
        if (this.isRequired()) {
            if (!this.model.get(this.name)) {
                let msg = this.translate('fieldIsRequired', 'messages')
@@ -386,9 +383,9 @@ export default Dep.extend(/** @lends Class# */{
                return true;
            }
        }
-    },
+    }

-    fetch: function () {
+    fetch() {
        let value = this.$element.val();

        if (this.fetchEmptyValueAsNull && !value) {
@@ -400,13 +397,13 @@ export default Dep.extend(/** @lends Class# */{
        data[this.name] = value;

        return data;
-    },
+    }

-    parseItemForSearch: function (item) {
+    parseItemForSearch(item) {
        return item;
-    },
+    }

-    fetchSearch: function () {
+    fetchSearch() {
        let type = this.fetchSearchType();

        let list = this.$element.val().split(':,:');
@@ -510,9 +507,11 @@ export default Dep.extend(/** @lends Class# */{
                },
            };
        }
-    },
+    }

-    getSearchType: function () {
+    getSearchType() {
        return this.getSearchParamsData().type || 'anyOf';
-    },
-});
+    }
+}
+
+export default EnumFieldView;
@@ -28,52 +28,46 @@

 /** @module views/fields/link */

-import Dep from 'views/fields/base';
+import BaseFieldView from 'views/fields/base';
 import RecordModal from 'helpers/record-modal';

 /**
 * A link field (belongs-to relation).
- *
- * @class
- * @name Class
- * @extends module:views/fields/base
 */
-export default Dep.extend(/** @lends Class# */{
-
-    /**
-     * @inheritDoc
-     */
-    type: 'link',
+class LinkFieldView extends BaseFieldView {

    /** @inheritDoc */
-    listTemplate: 'fields/link/list',
+    type = 'link'
+
    /** @inheritDoc */
-    detailTemplate: 'fields/link/detail',
+    listTemplate = 'fields/link/list'
    /** @inheritDoc */
-    editTemplate: 'fields/link/edit',
+    detailTemplate = 'fields/link/detail'
    /** @inheritDoc */
-    searchTemplate: 'fields/link/search',
+    editTemplate = 'fields/link/edit'
+    /** @inheritDoc */
+    searchTemplate = 'fields/link/search'

    /**
     * A name attribute name.
     *
     * @type {string}
     */
-    nameName: null,
+    nameName = null

    /**
     * An ID attribute name.
     *
     * @type {string}
     */
-    idName: null,
+    idName = null

    /**
     * A foreign entity type.
     *
     * @type {string}
     */
-    foreignScope: null,
+    foreignScope = null

    /**
     * A select-record view.
@@ -81,7 +75,7 @@ export default Dep.extend(/** @lends Class# */{
     * @protected
     * @type {string}
     */
-    selectRecordsView: 'views/modals/select-records',
+    selectRecordsView = 'views/modals/select-records'

    /**
     * Autocomplete disabled.
@@ -89,7 +83,7 @@ export default Dep.extend(/** @lends Class# */{
     * @protected
     * @type {boolean}
     */
-    autocompleteDisabled: false,
+    autocompleteDisabled = false

    /**
     * Create disabled.
@@ -97,7 +91,7 @@ export default Dep.extend(/** @lends Class# */{
     * @protected
     * @type {boolean}
     */
-    createDisabled: false,
+    createDisabled = false

    /**
     * Force create button even is disabled in clientDefs > relationshipPanels.
@@ -105,7 +99,7 @@ export default Dep.extend(/** @lends Class# */{
     * @protected
     * @type {boolean}
     */
-    forceCreateButton: false,
+    forceCreateButton = false

    /**
     * A search type list.
@@ -113,14 +107,14 @@ export default Dep.extend(/** @lends Class# */{
     * @protected
     * @type {string[]}
     */
-    searchTypeList: [
+    searchTypeList = [
        'is',
        'isEmpty',
        'isNotEmpty',
        'isNot',
        'isOneOf',
        'isNotOneOf',
-    ],
+    ]

    /**
     * A primary filter list that will be available when selecting a record.
@@ -128,7 +122,7 @@ export default Dep.extend(/** @lends Class# */{
     * @protected
     * @type {string[]|null}
     */
-    selectFilterList: null,
+    selectFilterList = null

    /**
     * A select primary filter.
@@ -136,7 +130,7 @@ export default Dep.extend(/** @lends Class# */{
     * @protected
     * @type {string|null}
     */
-    selectPrimaryFilterName: null,
+    selectPrimaryFilterName = null

    /**
     * A select bool filter list.
@@ -144,7 +138,7 @@ export default Dep.extend(/** @lends Class# */{
     * @protected
     * @type {string[]|null}
     */
-    selectBoolFilterList: null,
+    selectBoolFilterList = null

    /**
     * An autocomplete max record number.
@@ -152,7 +146,7 @@ export default Dep.extend(/** @lends Class# */{
     * @protected
     * @type {number|null}
     */
-    autocompleteMaxCount: null,
+    autocompleteMaxCount = null

    /**
     * Select all attributes.
@@ -160,22 +154,19 @@ export default Dep.extend(/** @lends Class# */{
     * @protected
     * @type {boolean}
     */
-    forceSelectAllAttributes: false,
+    forceSelectAllAttributes = false

    /**
     * @protected
     * @type {string[]|null}
     */
-    mandatorySelectAttributeList: null,
+    mandatorySelectAttributeList = null

-    /**
-     * @inheritDoc
-     */
-    events: {
-        /**
-         * @param {JQueryMouseEventObject} e
-         * @this module:views/fields/link
-         */
+    getEmptyAutocompleteResult = null
+
+    /** @inheritDoc */
+    events = {
+        /** @this LinkFieldView */
        'auxclick a[href]:not([role="button"])': function (e) {
            if (!this.isReadMode()) {
                return;
@@ -192,13 +183,11 @@ export default Dep.extend(/** @lends Class# */{

            this.quickView();
        },
-    },
+    }

-    /**
-     * @inheritDoc
-     */
-    data: function () {
-        var nameValue = this.model.has(this.nameName) ?
+    /** @inheritDoc */
+    data() {
+        let nameValue = this.model.has(this.nameName) ?
            this.model.get(this.nameName) :
            this.model.get(this.idName);

@@ -210,13 +199,14 @@ export default Dep.extend(/** @lends Class# */{
            nameValue = this.translate(this.foreignScope, 'scopeNames');
        }

-        var iconHtml = null;
+        let iconHtml = null;

        if (this.isDetailMode()) {
            iconHtml = this.getHelper().getScopeColorIconHtml(this.foreignScope);
        }

-        return _.extend({
+        return {
+            ...super.data(),
            idName: this.idName,
            nameName: this.nameName,
            idValue: this.model.get(this.idName),
@@ -225,16 +215,14 @@ export default Dep.extend(/** @lends Class# */{
            valueIsSet: this.model.has(this.idName),
            iconHtml: iconHtml,
            url: this.getUrl(),
-        }, Dep.prototype.data.call(this));
-    },
-
-    getEmptyAutocompleteResult: null,
+        };
+    }

    /**
     * @protected
     * @return {?string}
     */
-    getUrl: function () {
+    getUrl() {
        let id = this.model.get(this.idName);

        if (!id) {
@@ -242,7 +230,7 @@ export default Dep.extend(/** @lends Class# */{
        }

        return '#' + this.foreignScope + '/view/' + id;
-    },
+    }

    /**
     * Get advanced filters (field filters) to be applied when select a record.
@@ -251,9 +239,9 @@ export default Dep.extend(/** @lends Class# */{
     * @protected
     * @return {Object.<string,module:search-manager~advancedFilter>|null}
     */
-    getSelectFilters: function () {
+    getSelectFilters() {
        return null;
-    },
+    }

    /**
     * Get a select bool filter list. Applied when select a record.
@@ -262,9 +250,9 @@ export default Dep.extend(/** @lends Class# */{
     * @protected
     * @return {string[]|null}
     */
-    getSelectBoolFilterList: function () {
+    getSelectBoolFilterList() {
        return this.selectBoolFilterList;
-    },
+    }

    /**
     * Get a select primary filter. Applied when select a record.
@@ -273,9 +261,9 @@ export default Dep.extend(/** @lends Class# */{
     * @protected
     * @return {string|null}
     */
-    getSelectPrimaryFilterName: function () {
+    getSelectPrimaryFilterName() {
        return this.selectPrimaryFilterName;
-    },
+    }

    /**
     * Get a primary filter list that will be available when selecting a record.
@@ -283,9 +271,9 @@ export default Dep.extend(/** @lends Class# */{
     *
     * @return {string[]|null}
     */
-    getSelectFilterList: function () {
+    getSelectFilterList() {
        return this.selectFilterList;
-    },
+    }

    /**
     * Attributes to pass to a model when creating a new record.
@@ -293,7 +281,7 @@ export default Dep.extend(/** @lends Class# */{
     *
     * @return {Object.<string,*>|null}
     */
-    getCreateAttributes: function () {
+    getCreateAttributes() {
        let attributeMap = this.getMetadata()
            .get(['clientDefs', this.entityType, 'relationshipPanels', this.name, 'createAttributeMap']) || {};

@@ -302,12 +290,10 @@ export default Dep.extend(/** @lends Class# */{
        Object.keys(attributeMap).forEach(attr => attributes[attributeMap[attr]] = this.model.get(attr));

        return attributes;
-    },
+    }

-    /**
-     * @inheritDoc
-     */
-    setup: function () {
+    /** @inheritDoc */
+    setup() {
        this.nameName = this.name + 'Name';
        this.idName = this.name + 'Id';

@@ -334,7 +320,7 @@ export default Dep.extend(/** @lends Class# */{
                this.deleteLinkOneOf(id);
            };
        }
-    },
+    }

    /**
     * Select.
@@ -342,7 +328,7 @@ export default Dep.extend(/** @lends Class# */{
     * @param {module:model} model A model.
     * @protected
     */
-    select: function (model) {
+    select(model) {
        this.$elementName.val(model.get('name') || model.id);
        this.$elementId.val(model.get('id'));

@@ -352,21 +338,20 @@ export default Dep.extend(/** @lends Class# */{
        }

        this.trigger('change');
-    },
+    }

    /**
     * Clear.
     */
-    clearLink: function () {
+    clearLink() {
        this.$elementName.val('');
        this.$elementId.val('');
-        this.trigger('change');
-    },

-    /**
-     * @inheritDoc
-     */
-    setupSearch: function () {
+        this.trigger('change');
+    }
+
+    /** @inheritDoc */
+    setupSearch() {
        this.searchData.oneOfIdList = this.getSearchParamsData().oneOfIdList ||
            this.searchParams.oneOfIdList || [];

@@ -381,13 +366,12 @@ export default Dep.extend(/** @lends Class# */{
                this.searchParams.nameValue || this.searchParams.valueName;
        }

-        this.events = _.extend({
-            'change select.search-type': function (e) {
-                var type = $(e.currentTarget).val();
-                this.handleSearchType(type);
-            },
-        }, this.events || {});
-    },
+        this.events['change select.search-type'] = e => {
+            let type = $(e.currentTarget).val();
+
+            this.handleSearchType(type);
+        };
+    }

    /**
     * Handle a search type.
@@ -395,7 +379,7 @@ export default Dep.extend(/** @lends Class# */{
     * @protected
     * @param {string} type A type.
     */
-    handleSearchType: function (type) {
+    handleSearchType(type) {
        if (~['is', 'isNot', 'isNotAndIsNotEmpty'].indexOf(type)) {
            this.$el.find('div.primary').removeClass('hidden');
        }
@@ -409,7 +393,7 @@ export default Dep.extend(/** @lends Class# */{
        else {
            this.$el.find('div.one-of-container').addClass('hidden');
        }
-    },
+    }

    /**
     * Get an autocomplete max record number. Can be extended.
@@ -417,13 +401,13 @@ export default Dep.extend(/** @lends Class# */{
     * @protected
     * @return {number}
     */
-    getAutocompleteMaxCount: function () {
+    getAutocompleteMaxCount() {
        if (this.autocompleteMaxCount) {
            return this.autocompleteMaxCount;
        }

        return this.getConfig().get('recordsPerPage');
-    },
+    }

    /**
     * Compose an autocomplete URL. Can be extended.
@@ -431,7 +415,7 @@ export default Dep.extend(/** @lends Class# */{
     * @protected
     * @return {string}
     */
-    getAutocompleteUrl: function () {
+    getAutocompleteUrl() {
        var url = this.foreignScope + '?maxSize=' + this.getAutocompleteMaxCount();

        if (!this.forceSelectAllAttributes) {
@@ -457,12 +441,10 @@ export default Dep.extend(/** @lends Class# */{
        }

        return url;
-    },
+    }

-    /**
-     * @inheritDoc
-     */
-    afterRender: function () {
+    /** @inheritDoc */
+    afterRender() {
        if (this.isEditMode() || this.isSearchMode()) {
            this.$elementId = this.$el.find('input[data-name="' + this.idName + '"]');
            this.$elementName = this.$el.find('input[data-name="' + this.nameName + '"]');
@@ -629,12 +611,12 @@ export default Dep.extend(/** @lends Class# */{
                });
            }
        }
-    },
+    }

    /**
     * @private
     */
-    _transformAutocompleteResult: function (response) {
+    _transformAutocompleteResult(response) {
        let list = [];

        response.list.forEach(item => {
@@ -648,19 +630,15 @@ export default Dep.extend(/** @lends Class# */{
        });

        return {suggestions: list};
-    },
+    }

-    /**
-     * @inheritDoc
-     */
-    getValueForDisplay: function () {
+    /** @inheritDoc */
+    getValueForDisplay() {
        return this.model.get(this.nameName);
-    },
+    }

-    /**
-     * @inheritDoc
-     */
-    validateRequired: function () {
+    /** @inheritDoc */
+    validateRequired() {
        if (this.isRequired()) {
            if (this.model.get(this.idName) == null) {
                var msg = this.translate('fieldIsRequired', 'messages')
@@ -671,14 +649,14 @@ export default Dep.extend(/** @lends Class# */{
                return true;
            }
        }
-    },
+    }

    /**
     * Delete a one-of item. For search mode.
     *
     * @param {string} id An ID.
     */
-    deleteLinkOneOf: function (id) {
+    deleteLinkOneOf(id) {
        this.deleteLinkOneOfHtml(id);

        var index = this.searchData.oneOfIdList.indexOf(id);
@@ -690,7 +668,7 @@ export default Dep.extend(/** @lends Class# */{
        delete this.searchData.oneOfNameHash[id];

        this.trigger('change');
-    },
+    }

    /**
     * Add a one-of item. For search mode.
@@ -698,7 +676,7 @@ export default Dep.extend(/** @lends Class# */{
     * @param {string} id An ID.
     * @param {string} name A name.
     */
-    addLinkOneOf: function (id, name) {
+    addLinkOneOf(id, name) {
        if (!~this.searchData.oneOfIdList.indexOf(id)) {
            this.searchData.oneOfIdList.push(id);
            this.searchData.oneOfNameHash[id] = name;
@@ -706,15 +684,15 @@ export default Dep.extend(/** @lends Class# */{

            this.trigger('change');
        }
-    },
+    }

    /**
     * @protected
     * @param {string} id An ID.
     */
-    deleteLinkOneOfHtml: function (id) {
+    deleteLinkOneOfHtml(id) {
        this.$el.find('.link-one-of-container .link-' + id).remove();
-    },
+    }

    /**
     * @protected
@@ -722,7 +700,7 @@ export default Dep.extend(/** @lends Class# */{
     * @param {string} name A name.
     * @return {JQuery}
     */
-    addLinkOneOfHtml: function (id, name) {
+    addLinkOneOfHtml(id, name) {
        let $container = this.$el.find('.link-one-of-container');

        let $el = $('<div>')
@@ -745,24 +723,20 @@ export default Dep.extend(/** @lends Class# */{
        $container.append($el);

        return $el;
-    },
+    }

-    /**
-     * @inheritDoc
-     */
-    fetch: function () {
+    /** @inheritDoc */
+    fetch() {
        var data = {};

        data[this.nameName] = this.$el.find('[data-name="'+this.nameName+'"]').val() || null;
        data[this.idName] = this.$el.find('[data-name="'+this.idName+'"]').val() || null;

        return data;
-    },
+    }

-    /**
-     * @inheritDoc
-     */
-    fetchSearch: function () {
+    /** @inheritDoc */
+    fetchSearch() {
        var type = this.$el.find('select.search-type').val();
        var value = this.$el.find('[data-name="' + this.idName + '"]').val();

@@ -907,21 +881,19 @@ export default Dep.extend(/** @lends Class# */{
                nameValue: nameValue,
            }
        };
-    },
+    }

-    /**
-     * @inheritDoc
-     */
-    getSearchType: function () {
+    /** @inheritDoc */
+    getSearchType() {
        return this.getSearchParamsData().type ||
            this.searchParams.typeFront ||
            this.searchParams.type;
-    },
+    }

    /**
     * @protected
     */
-    quickView: function () {
+    quickView() {
        let id = this.model.get(this.idName);

        if (!id) {
@@ -936,12 +908,12 @@ export default Dep.extend(/** @lends Class# */{
            id: id,
            scope: entityType,
        });
-    },
+    }

    /**
     * @protected
     */
-    actionSelect: function () {
+    actionSelect() {
        Espo.Ui.notify(' ... ');

        /** @var {Object.<string, *>} */
@@ -1028,9 +1000,9 @@ export default Dep.extend(/** @lends Class# */{
                });
            });
        });
-    },
+    }

-    actionSelectOneOf: function () {
+    actionSelectOneOf() {
        Espo.Ui.notify(' ... ');

        let viewName = this.getMetadata()
@@ -1061,5 +1033,7 @@ export default Dep.extend(/** @lends Class# */{
                });
            });
        });
-    },
-});
+    }
+}
+
+export default LinkFieldView;
@@ -28,32 +28,29 @@

 /** @module views/fields/text */

-import Dep from 'views/fields/base';
+import BaseFieldView from 'views/fields/base';

 /**
 * A text field.
- *
- * @class Class
- * @extends module:views/fields/base
 */
-export default Dep.extend(/** @lends Class# */{
+class TextFieldView extends BaseFieldView {

-    type: 'text',
+    type = 'text'

-    listTemplate: 'fields/text/list',
-    detailTemplate: 'fields/text/detail',
-    editTemplate: 'fields/text/edit',
-    searchTemplate: 'fields/text/search',
+    listTemplate = 'fields/text/list'
+    detailTemplate = 'fields/text/detail'
+    editTemplate = 'fields/text/edit'
+    searchTemplate = 'fields/text/search'

-    seeMoreText: false,
-    rowsDefault: 10,
-    rowsMin: 2,
-    seeMoreDisabled: false,
-    cutHeight: 200,
-    noResize: false,
-    changeInterval: 5,
+    seeMoreText = false
+    rowsDefault = 10
+    rowsMin = 2
+    seeMoreDisabled = false
+    cutHeight = 200
+    noResize = false
+    changeInterval = 5

-    searchTypeList: [
+    searchTypeList = [
        'contains',
        'startsWith',
        'equals',
@@ -63,21 +60,23 @@ export default Dep.extend(/** @lends Class# */{
        'notLike',
        'isEmpty',
        'isNotEmpty',
-    ],
+    ]

-    events: {
+    events = {
+        /** @this TextFieldView */
        'click a[data-action="seeMoreText"]': function () {
            this.seeMoreText = true;

            this.reRender();
        },
+        /** @this TextFieldView */
        'click [data-action="mailTo"]': function (e) {
            this.mailTo($(e.currentTarget).data('email-address'));
        },
-    },
+    }

-    setup: function () {
-        Dep.prototype.setup.call(this);
+    setup() {
+        super.setup();

        this.params.rows = this.params.rows || this.rowsDefault;
        this.noResize = this.options.noResize || this.params.noResize || this.noResize;
@@ -98,20 +97,18 @@ export default Dep.extend(/** @lends Class# */{
        this.on('remove', () => {
            $(window).off('resize.see-more-' + this.cid);
        });
-    },
+    }

-    setupSearch: function () {
-        this.events = _.extend({
-            'change select.search-type': function (e) {
-                let type = $(e.currentTarget).val();
+    setupSearch() {
+        this.events['change select.search-type'] = e => {
+            let type = $(e.currentTarget).val();

-                this.handleSearchType(type);
-            },
-        }, this.events || {});
-    },
+            this.handleSearchType(type);
+        };
+    }

-    data: function () {
-        let data = Dep.prototype.data.call(this);
+    data() {
+        let data = super.data();

        if (
            this.model.get(this.name) !== null &&
@@ -150,23 +147,23 @@ export default Dep.extend(/** @lends Class# */{
        data.noResize = this.noResize;

        return data;
-    },
+    }

-    handleSearchType: function (type) {
+    handleSearchType(type) {
        if (~['isEmpty', 'isNotEmpty'].indexOf(type)) {
            this.$el.find('input.main-element').addClass('hidden');
        } else {
            this.$el.find('input.main-element').removeClass('hidden');
        }
-    },
+    }

-    getValueForDisplay: function () {
-        var text = this.model.get(this.name);
+    getValueForDisplay() {
+        let text = this.model.get(this.name);

        return text || '';
-    },
+    }

-    controlTextareaHeight: function (lastHeight) {
+    controlTextareaHeight(lastHeight) {
        var scrollHeight = this.$element.prop('scrollHeight');
        var clientHeight = this.$element.prop('clientHeight');

@@ -194,13 +191,13 @@ export default Dep.extend(/** @lends Class# */{
        if (this.$element.val().length === 0) {
            this.$element.attr('rows', this.rowsMin);
        }
-    },
+    }

-    isCut: function () {
+    isCut() {
        return !this.seeMoreText && !this.seeMoreDisabled;
-    },
+    }

-    controlSeeMore: function () {
+    controlSeeMore() {
        if (!this.isCut()) {
            return;
        }
@@ -212,10 +209,10 @@ export default Dep.extend(/** @lends Class# */{
            this.$seeMoreContainer.addClass('hidden');
            this.$textContainer.removeClass('cut');
        }
-    },
+    }

-    afterRender: function () {
-        Dep.prototype.afterRender.call(this);
+    afterRender() {
+        super.afterRender();

        if (this.isReadMode()) {
            $(window).off('resize.see-more-' + this.cid);
@@ -280,9 +277,9 @@ export default Dep.extend(/** @lends Class# */{
                }
            });
        }
-    },
+    }

-    fetch: function () {
+    fetch() {
        let data = {};

        let value = this.$element.val() || null;
@@ -294,9 +291,9 @@ export default Dep.extend(/** @lends Class# */{
        data[this.name] = value

        return data;
-    },
+    }

-    fetchSearch: function () {
+    fetchSearch() {
        let type = this.fetchSearchType() || 'startsWith';

        if (type === 'isEmpty') {
@@ -350,14 +347,14 @@ export default Dep.extend(/** @lends Class# */{
        }

        return false;
-    },
+    }

-    getSearchType: function () {
+    getSearchType() {
        return this.getSearchParamsData().type || this.searchParams.typeFront ||
            this.searchParams.type;
-    },
+    }

-    mailTo: function (emailAddress) {
+    mailTo(emailAddress) {
        let attributes = {
            status: 'Draft',
            to: emailAddress,
@@ -389,5 +386,7 @@ export default Dep.extend(/** @lends Class# */{
            view.render();
            view.notify(false);
        });
-    },
-});
+    }
+}
+
+export default TextFieldView;