diff --git a/client/src/views/fields/array.js b/client/src/views/fields/array.js
index c81f7eccee..b917ee9b89 100644
--- a/client/src/views/fields/array.js
+++ b/client/src/views/fields/array.js
@@ -52,9 +52,10 @@ define('views/fields/array', ['views/fields/base', 'lib!Selectize'], function (D
data: function () {
var itemHtmlList = [];
- (this.selected || []).forEach(function (value) {
+
+ (this.selected || []).forEach((value) => {
itemHtmlList.push(this.getItemHtml(value));
- }, this);
+ });
return _.extend({
selected: this.selected,
@@ -84,11 +85,12 @@ define('views/fields/array', ['views/fields/base', 'lib!Selectize'], function (D
this.noEmptyString = this.params.noEmptyString;
- this.listenTo(this.model, 'change:' + this.name, function () {
+ this.listenTo(this.model, 'change:' + this.name, () => {
this.selected = Espo.Utils.clone(this.model.get(this.name)) || [];
- }, this);
+ });
this.selected = Espo.Utils.clone(this.model.get(this.name) || []);
+
if (Object.prototype.toString.call(this.selected) !== '[object Array]') {
this.selected = [];
}
@@ -113,9 +115,9 @@ define('views/fields/array', ['views/fields/base', 'lib!Selectize'], function (D
if (this.params.isSorted && this.translatedOptions) {
this.params.options = Espo.Utils.clone(this.params.options);
- this.params.options = this.params.options.sort(function (v1, v2) {
+ this.params.options = this.params.options.sort((v1, v2) => {
return (this.translatedOptions[v1] || v1).localeCompare(this.translatedOptions[v2] || v2);
- }.bind(this));
+ });
}
if (this.options.customOptionList) {
@@ -129,7 +131,7 @@ define('views/fields/array', ['views/fields/base', 'lib!Selectize'], function (D
setupSearch: function () {
this.events = _.extend({
- 'change select.search-type': function (e) {
+ 'change select.search-type': (e) => {
this.handleSearchType($(e.currentTarget).val());
}
}, this.events || {});
@@ -153,13 +155,13 @@ define('views/fields/array', ['views/fields/base', 'lib!Selectize'], function (D
var pointer = this.getLanguage().data;
- arr.forEach(function (key) {
+ arr.forEach((key) => {
if (key in pointer) {
pointer = pointer[key];
t = pointer;
}
- }, this);
+ });
}
else {
t = this.translate(this.name, 'options', this.model.name);
@@ -170,22 +172,19 @@ define('views/fields/array', ['views/fields/base', 'lib!Selectize'], function (D
var translatedOptions = {};
if (this.params.options) {
-
- this.params.options.forEach(function (o) {
+ this.params.options.forEach((o) => {
if (typeof t === 'object' && o in t) {
translatedOptions[o] = t[o];
} else {
translatedOptions[o] = o;
}
- }.bind(this));
+ });
this.translatedOptions = translatedOptions;
}
},
- setupOptions: function () {
-
- },
+ setupOptions: function () {},
setOptionList: function (optionList, silent) {
if (!this.originalOptionList) {
@@ -194,14 +193,14 @@ define('views/fields/array', ['views/fields/base', 'lib!Selectize'], function (D
this.params.options = Espo.Utils.clone(optionList);
- if (this.mode == 'edit' && !silent) {
+ if (this.mode === 'edit' && !silent) {
var selectedOptionList = [];
- this.selected.forEach(function (option) {
+ this.selected.forEach(option => {
if (~optionList.indexOf(option)) {
selectedOptionList.push(option);
}
- }, this);
+ });
this.selected = selectedOptionList;
@@ -211,9 +210,9 @@ define('views/fields/array', ['views/fields/base', 'lib!Selectize'], function (D
this.trigger('change');
}
else {
- this.once('after:render', function () {
+ this.once('after:render', () => {
this.trigger('change');
- }, this);
+ });
}
}
},
@@ -264,7 +263,7 @@ define('views/fields/array', ['views/fields/base', 'lib!Selectize'], function (D
if (this.allowCustomOptions) {
this.$addButton = this.$el.find('button[data-action="addItem"]');
- this.$addButton.on('click', function () {
+ this.$addButton.on('click', () => {
var value = this.$select.val().toString();
this.addValue(value);
@@ -272,34 +271,38 @@ define('views/fields/array', ['views/fields/base', 'lib!Selectize'], function (D
$select.val('');
this.controlAddItemButton();
- }.bind(this));
+ });
- $select.on('input', function () {
+ $select.on('input', () => {
this.controlAddItemButton();
- }.bind(this));
+ });
- $select.on('keypress', function (e) {
- if (e.keyCode == 13) {
+ $select.on('keypress', (e) => {
+ if (e.keyCode === 13) {
var value = $select.val().toString();
+
if (this.noEmptyString) {
- if (value == '') {
+ if (value === '') {
return;
}
}
+
this.addValue(value);
+
$select.val('');
+
this.controlAddItemButton();
}
- }.bind(this));
+ });
this.controlAddItemButton();
}
this.$list.sortable({
- stop: function () {
+ stop: () => {
this.fetchFromDom();
this.trigger('change');
- }.bind(this)
+ }
});
}
@@ -317,7 +320,7 @@ define('views/fields/array', ['views/fields/base', 'lib!Selectize'], function (D
var data = [];
- (this.params.options || []).forEach(function (value) {
+ (this.params.options || []).forEach((value) => {
var label = this.getLanguage().translateOption(value, this.name, this.scope);
if (this.translatedOptions) {
@@ -334,7 +337,7 @@ define('views/fields/array', ['views/fields/base', 'lib!Selectize'], function (D
value: value,
label: label,
});
- }, this);
+ });
var selectizeOptions = {
options: data,
@@ -369,8 +372,9 @@ define('views/fields/array', ['views/fields/base', 'lib!Selectize'], function (D
return {
value: input,
label: input,
- }
+ };
};
+
selectizeOptions.render = {
option_create: function (data, escape) {
return '
' + escape(data.input) + '…
';
@@ -386,19 +390,19 @@ define('views/fields/array', ['views/fields/base', 'lib!Selectize'], function (D
this.handleSearchType(type);
- this.$el.find('select.search-type').on('change', function () {
+ this.$el.find('select.search-type').on('change', () => {
this.trigger('change');
- }.bind(this));
+ });
- this.$element.on('change', function () {
+ this.$element.on('change', () => {
this.trigger('change');
- }.bind(this));
+ });
},
fetchFromDom: function () {
var selected = [];
- this.$el.find('.list-group .list-group-item').each(function (i, el) {
+ this.$el.find('.list-group .list-group-item').each((i, el) => {
var value = $(el).attr('data-value').toString();
selected.push(value);
@@ -408,7 +412,7 @@ define('views/fields/array', ['views/fields/base', 'lib!Selectize'], function (D
},
getValueForDisplay: function () {
- var list = this.selected.map(function (item) {
+ var list = this.selected.map(item => {
var label = null;
if (this.translatedOptions !== null) {
@@ -433,14 +437,13 @@ define('views/fields/array', ['views/fields/base', 'lib!Selectize'], function (D
label = '' + label + '';
}
else {
- if (style && style != 'default') {
+ if (style && style !== 'default') {
label = '' + label + '';
}
}
return label;
- }, this)
-
+ });
if (this.displayAsList) {
if (!list.length) {
@@ -460,7 +463,7 @@ define('views/fields/array', ['views/fields/base', 'lib!Selectize'], function (D
return list.join(' ');
}
else {
- return list.join(', ')
+ return list.join(', ');
}
},
@@ -531,9 +534,9 @@ define('views/fields/array', ['views/fields/base', 'lib!Selectize'], function (D
var list = Espo.Utils.clone(this.selected || []);
if (this.params.isSorted && this.translatedOptions) {
- list = list.sort(function (v1, v2) {
+ list = list.sort((v1, v2) => {
return (this.translatedOptions[v1] || v1).localeCompare(this.translatedOptions[v2] || v2);
- }.bind(this));
+ });
}
data[this.name] = list;
@@ -690,11 +693,11 @@ define('views/fields/array', ['views/fields/base', 'lib!Selectize'], function (D
getAddItemModalOptions: function () {
var options = [];
- this.params.options.forEach(function (item) {
+ this.params.options.forEach((item) => {
if (!~this.selected.indexOf(item)) {
options.push(item);
}
- }, this);
+ });
return {
options: options,
@@ -703,23 +706,23 @@ define('views/fields/array', ['views/fields/base', 'lib!Selectize'], function (D
},
actionAddItem: function () {
- this.createView('addModal', this.addItemModalView, this.getAddItemModalOptions(), function (view) {
+ this.createView('addModal', this.addItemModalView, this.getAddItemModalOptions(), (view) => {
view.render();
- view.once('add', function (item) {
+ view.once('add', (item) => {
this.addValue(item);
view.close();
- }.bind(this));
+ });
- view.once('add-mass', function (items) {
- items.forEach(function (item) {
+ view.once('add-mass', (items) => {
+ items.forEach((item) => {
this.addValue(item);
- }.bind(this));
+ });
view.close();
- }.bind(this));
- }.bind(this));
+ });
+ });
},
});
});
diff --git a/client/src/views/fields/multi-enum.js b/client/src/views/fields/multi-enum.js
index cb68c1d0b7..cbaf4ea3d5 100644
--- a/client/src/views/fields/multi-enum.js
+++ b/client/src/views/fields/multi-enum.js
@@ -50,12 +50,13 @@ define('views/fields/multi-enum', ['views/fields/array', 'lib!Selectize'], funct
},
getTranslatedOptions: function () {
- return (this.params.options || []).map(function (item) {
- if (this.translatedOptions != null) {
+ return (this.params.options || []).map((item) => {
+ if (this.translatedOptions !== null) {
if (item in this.translatedOptions) {
return this.translatedOptions[item];
}
}
+
return item;
});
},
@@ -69,8 +70,7 @@ define('views/fields/multi-enum', ['views/fields/array', 'lib!Selectize'], funct
},
loadRestoreOnBackspavePlugin: function () {
-
- Selectize.define('restore_on_backspace_espo', function(options) {
+ Selectize.define('restore_on_backspace_espo', function (options) {
var self = this;
Selectize.restoreOnBackspacePluginLoaded = true;
@@ -81,25 +81,33 @@ define('views/fields/multi-enum', ['views/fields/array', 'lib!Selectize'], funct
this.onKeyDown = (function() {
var original = self.onKeyDown;
+
return function(e) {
var index, option;
+
if (e.keyCode === 8 && this.$control_input.val() === '' && !this.$activeItems.length) {
index = this.caretPos - 1;
+
if (index >= 0 && index < this.items.length) {
option = this.options[this.items[index]];
+
option = {
value: option.value,
$order: option.$order,
label: option.value,
};
+
if (this.deleteSelection(e)) {
this.setTextboxValue(options.text.apply(this, [option]));
this.refreshOptions(true);
}
+
e.preventDefault();
+
return;
}
}
+
return original.apply(this, arguments);
};
})();
@@ -118,6 +126,7 @@ define('views/fields/multi-enum', ['views/fields/array', 'lib!Selectize'], funct
label = this.translatedOptions[value];
}
}
+
if (label === '') {
label = this.translate('None');
}
@@ -126,18 +135,21 @@ define('views/fields/multi-enum', ['views/fields/array', 'lib!Selectize'], funct
},
afterRender: function () {
- if (this.mode == 'edit') {
+ if (this.mode === 'edit') {
var $element = this.$element = this.$el.find('[data-name="' + this.name + '"]');
var data = [];
var valueList = Espo.Utils.clone(this.selected);
+
for (var i in valueList) {
var value = valueList[i];
var originalValue = value;
+
if (value === '') {
value = valueList[i] = '__emptystring__';
}
+
if (!~(this.params.options || []).indexOf(value)) {
data.push({
value: value,
@@ -148,16 +160,18 @@ define('views/fields/multi-enum', ['views/fields/array', 'lib!Selectize'], funct
this.$element.val(valueList.join(this.itemDelimiter));
- (this.params.options || []).forEach(function (value) {
+ (this.params.options || []).forEach((value) => {
var originalValue = value;
+
if (value === '') {
value = '__emptystring__';
}
+
data.push({
value: value,
label: this.translateValueToEditLabel(originalValue),
});
- }, this);
+ });
var pluginList = ['remove_button', 'drag_drop'];
@@ -179,11 +193,14 @@ define('views/fields/multi-enum', ['views/fields/array', 'lib!Selectize'], funct
if (!this.matchAnyWord) {
selectizeOptions.score = function (search) {
var score = this.getScoreFunction(search);
+
search = search.toLowerCase();
+
return function (item) {
if (item.label.toLowerCase().indexOf(search) === 0) {
return score(item);
}
+
return 0;
};
};
@@ -191,12 +208,14 @@ define('views/fields/multi-enum', ['views/fields/array', 'lib!Selectize'], funct
if (this.allowCustomOptions) {
selectizeOptions.persist = false;
+
selectizeOptions.create = function (input) {
return {
value: input,
- label: input
- }
+ label: input,
+ };
};
+
selectizeOptions.render = {
option_create: function (data, escape) {
return '' + escape(data.input) + '…
';
@@ -206,21 +225,23 @@ define('views/fields/multi-enum', ['views/fields/array', 'lib!Selectize'], funct
this.$element.selectize(selectizeOptions);
- this.$element.on('change', function () {
+ this.$element.on('change', () => {
this.trigger('change');
- }.bind(this));
+ });
}
- if (this.mode == 'search') {
+ if (this.mode === 'search') {
this.renderSearch();
}
},
fetch: function () {
var list = this.$element.val().split(this.itemDelimiter);
- if (list.length == 1 && list[0] == '') {
+
+ if (list.length === 1 && list[0] === '') {
list = [];
}
+
for (var i in list) {
if (list[i] === '__emptystring__') {
list[i] = '';
@@ -228,22 +249,27 @@ define('views/fields/multi-enum', ['views/fields/array', 'lib!Selectize'], funct
}
if (this.params.isSorted && this.translatedOptions) {
- list = list.sort(function (v1, v2) {
+ list = list.sort((v1, v2) => {
return (this.translatedOptions[v1] || v1).localeCompare(this.translatedOptions[v2] || v2);
- }.bind(this));
+ });
}
var data = {};
+
data[this.name] = list;
+
return data;
},
validateRequired: function () {
if (this.isRequired()) {
var value = this.model.get(this.name);
- if (!value || value.length == 0) {
+
+ if (!value || value.length === 0) {
var msg = this.translate('fieldIsRequired', 'messages').replace('{field}', this.getLabelText());
+
this.showValidationMessage(msg, '.selectize-control');
+
return true;
}
}
@@ -252,12 +278,15 @@ define('views/fields/multi-enum', ['views/fields/array', 'lib!Selectize'], funct
validateMaxCount: function () {
if (this.params.maxCount) {
var itemList = this.model.get(this.name) || [];
+
if (itemList.length > this.params.maxCount) {
var msg =
this.translate('fieldExceedsMaxCount', 'messages')
.replace('{field}', this.getLabelText())
.replace('{maxCount}', this.params.maxCount.toString());
+
this.showValidationMessage(msg, '.selectize-control');
+
return true;
}
}