File manager

File manager - Edit - /home/c14075/dragmet-ural.ru/www/bitrix/components/bitrix/main.interface.filter/templates/tabbed/script.js

Back
if(typeof(BX.InterfaceGridFilter) === "undefined") { BX.InterfaceGridFilter = function() { this._defaultItemId = ""; this._id = ""; this._settings = null; this._itemInfos = {}; this._fieldInfos = {}; this._visibleFieldCount = 0; this._items = {}; this._fields = {}; this._addFieldOpener = null; this._settingsOpener = null; this._ignoreFieldVisibilityChange = false; this._isApplied = false; this._currentItemId = ''; this._activeItemId = ''; this._saveAsDlg = null; this._enableProvider = true; this._fieldProvider = null; this._isFolded = false; this._presetsDeleted = []; this._saveVisibleFieldsTimeoutId = null; this._closeOpen = null; }; BX.InterfaceGridFilter.prototype = { initialize: function(id, settings) { this._id = BX.type.isNotEmptyString(id) ? id : ""; this._settings = settings ? settings : BX.ParamBag.create(null); this._isApplied = this._settings.getParam("isApplied", false); this._isFolded = this._settings.getParam("isFolded", true); this._presetsDeleted = this._settings.getParam("presetsDeleted", []); this._defaultItemId = this._settings.getParam("defaultItemId", "filter_default"); this._currentItemId = this._settings.getParam("currentItemId", ""); this._activeItemId = this._currentItemId; if(this._activeItemId === "") { this._activeItemId = this._defaultItemId; } this._itemInfos = this._settings.getParam("itemInfos", {}); var currentValues = this._settings.getParam("currentValues", {}); if(BX.type.isArray(currentValues)) { //hack for empty values currentValues = {}; } var isActive = this._activeItemId === this._defaultItemId; this._items[this._defaultItemId] = BX.InterfaceGridFilterItem.create( this._defaultItemId, BX.ParamBag.create( { "filter": this, "info": { "name": "", "fields": isActive ? currentValues : {}, "filter_rows": this._settings.getParam("defaultVisibleRows", "") }, "isActive": isActive } ) ); for(var itemId in this._itemInfos) { if(!this._itemInfos.hasOwnProperty(itemId) \|\| itemId === this._defaultItemId \|\| this.isDeleletedPreset(itemId)) { continue; } this._items[itemId] = BX.InterfaceGridFilterItem.create( itemId, BX.ParamBag.create( { "filter": this, "info": this._itemInfos[itemId], "isActive": this._activeItemId === itemId } ) ); } this._fieldInfos = this._settings.getParam('fieldInfos', {}); for(var fieldId in this._fieldInfos) { if(!this._fieldInfos.hasOwnProperty(fieldId)) { continue; } var f = BX.InterfaceGridFilterField.create( fieldId, BX.ParamBag.create({ "filter": this, "info": this._fieldInfos[fieldId] }) ); this._fields[fieldId] = f; if(f.isVisible()) { this._visibleFieldCount++; } } BX.bind(this.getAddFieldButton(), 'click', BX.delegate(this._handleAddFieldButtonClick, this)); BX.bind(this.getSettingsButton(), 'click', BX.delegate(this._handleSettingsButtonClick, this)); BX.bind(this.getApplyButton(), 'click', BX.delegate(this._handleApplyButtonClick, this)); BX.bind(this.getCancelButton(), 'click', BX.delegate(this._handleCancelButtonClick, this)); BX.bind(this.getAddFilterButton(), 'click', BX.delegate(this._handleSaveAsMenuItemClick, this)); this._closeOpen = new BX.InterfaceGridFilterCloseOpen( this._settings.getParam("innerBlock", ""), this._settings.getParam("mainBlock", ""), this ); this._closeOpen.initialize(); var switchBtn = this.getSwitchViewButton(); if(switchBtn) { switchBtn.title = this.getMessage(this._isFolded ? 'buttonMaximize' : 'buttonMinimize'); BX.bind(switchBtn, 'click', BX.delegate(this._handleSwitchViewButtonClick, this)); } this._enableProvider = this._settings.getParam("enableProvider", false); if(this._enableProvider) { this._fieldProvider = BX.InterfaceFilterFieldInfoProvider.items[this.getGridId()]; if(this._fieldProvider) { this._initializeFieldControllers(); } else { this._fieldProvider = null; BX.addCustomEvent( window, "InterfaceFilterFieldInfoProviderCreate", BX.delegate(this._onFieldInfoProviderCreated, this) ); } } }, _onFieldInfoProviderCreated: function(fieldProvider) { if(fieldProvider.getId() === this.getGridId()) { this._fieldProvider = fieldProvider; this._initializeFieldControllers(); } }, _initializeFieldControllers: function() { for(var id in this._fields) { if(this._fields.hasOwnProperty(id)) { this._fields[id].initializeController(); } } }, getMessage: function(id) { return BX.InterfaceGridFilter.getMessage(id); }, getId: function() { return this._id; }, isApplied: function() { return this._isApplied; }, isFolded: function() { return this._isFolded; }, getCurrentItemId: function() { return this._currentItemId; }, getGridId: function() { return this._settings.getParam("gridId", ""); }, getFormName: function() { return this._settings.getParam("formName", ""); }, getForm: function() { return document.forms[this.getFormName()]; }, getCurrentTime: function() { return this._settings.getParam("currentTime", ""); }, getServiceUrl: function() { return this._settings.getParam("serviceUrl", ""); }, getContainerId: function() { return this._settings.getParam("containerId", "flt_wrapper"); }, getItemContainerId: function(id) { return this._settings.getParam("itemContainerPrefix", "flt_tab_") + id.toString(); }, getFieldContainerId: function(id) { return this._settings.getParam("fieldContainerPrefix", "flt_field_") + id.toString(); }, getFieldDelimiterContainerId: function(id) { return this._settings.getParam("fieldDelimiterContainerPrefix", "flt_field_delim_") + id.toString(); }, getVisibleFieldCount: function() { return this._visibleFieldCount; }, getVisibleFieldIds: function() { var ary = []; var fields = this._fields; for(var id in fields) { if(fields.hasOwnProperty(id) && fields[id].isVisible()) { ary.push(id); } } return ary; }, getFieldInfo: function(fieldId) { if(!this._fieldProvider) { return null; } var infos = this._fieldProvider.getFieldInfos(); if(!infos) { return null; } for(var i = 0; i < infos.length; i++) { if(infos[i]["id"] === fieldId) { return infos[i]; } } return null; }, saveVisibleFields: function() { if(this._saveVisibleFieldsTimeoutId !== null) { window.clearTimeout(this._saveVisibleFieldsTimeoutId); this._saveVisibleFieldsTimeoutId = null; } var self = this; this._saveVisibleFieldsTimeoutId = window.setTimeout(function(){ self._doSaveVisibleFields(); }, 100); }, _doSaveVisibleFields: function() { this._saveVisibleFieldsTimeoutId = null; BX.ajax.get( this.getServiceUrl(), { "GRID_ID": this.getGridId(), "action": "filterrows", "filter_id": this._activeItemId !== this._defaultItemId ? this._activeItemId : "", "rows": this.getVisibleFieldIds().join(",") } ); }, saveActiveItem: function(callback) { var activeItem = this._items[this._activeItemId]; if(!activeItem) { return; } BX.ajax.post( this.getServiceUrl(), { "GRID_ID": this.getGridId(), "filter_id": activeItem.getId(), "action": "savefilter", "name": activeItem.getName(), 'fields': this.getFieldParams(), "rows": this.getVisibleFieldIds().join(",") }, callback ); }, isDeleletedPreset: function(id) { for(var i = 0; i < this._presetsDeleted.length; i++) { if(this._presetsDeleted[i] === id) { return true; } } return false; }, deleteActiveItem: function() { var activeItem = this._items[this._activeItemId]; if(!activeItem) { return; } var itemId = activeItem.getId(); BX.ajax.post( this.getServiceUrl(), { "GRID_ID": this.getGridId(), "filter_id": itemId, "action": "delfilter" } ); if((/^filter_[0-9]+$/i).test(itemId) \|\| this.isDeleletedPreset(itemId)) { //is user filter or already registred return; } this._presetsDeleted.push(itemId); var d = BX.userOptions.delay; BX.userOptions.delay = 100; BX.userOptions.save("main.interface.grid.filter", this.getId().toLowerCase(), "presetsDeleted", this._presetsDeleted.join(',')); BX.userOptions.delay = d; }, requireFieldVisibilityChange: function(field) { if(this._ignoreFieldVisibilityChange) { return true; } return !field.isVisible() \|\| this.getVisibleFieldCount() > 1; }, handleFieldVisibilityChange: function(field) { if(this._ignoreFieldVisibilityChange) { return; } //Sync visible row count if(field.isVisible()) { this._visibleFieldCount++; } else { this._visibleFieldCount--; } this._adjustStyle(); this._showDeleteButtons(this._visibleFieldCount > 1); this.saveVisibleFields(); }, requireItemActivityChange: function(item) { return true; }, handleItemActivityChange: function(item) { if(!item.isActive()) { return; } this._setActiveItem(item); }, handleSaveAsDialogClose: function(dialog) { if(dialog.getButtonId() !== "save") { return; } var dlgValues = dialog.getValues(); var itemId = "filter_" + Math.random().toString().substring(2).toString(); var itemInfo = { "name": dlgValues["name"] ? dlgValues["name"] : BX.InterfaceGridFilter.getMessage("defaultFilterName"), "fields": this.getFieldParams() }; this._itemInfos[itemId] = itemInfo; var item = this._items[itemId] = BX.InterfaceGridFilterItem.create( itemId, BX.ParamBag.create({ "filter": this, "info": itemInfo, "isActive": false }) ); item.setActive(true); this.saveActiveItem(); }, getFieldParams: function() { var params = {}; for(var id in this._fields) { if(this._fields.hasOwnProperty(id)) { this._fields[id].getParams(params); } } return params; }, setFieldParams: function(params) { for(var id in this._fields) { if(this._fields.hasOwnProperty(id)) { this._fields[id].setParams(params); } } }, _setActiveItem: function(item) { var activeItem = null; if(this._activeItemId !== "") { activeItem = this._items[this._activeItemId]; } if(activeItem) { activeItem.setFieldParams(this.getFieldParams()); activeItem.setVisibleFieldIds(this.getVisibleFieldIds()); activeItem.setActive(false); } this._activeItemId = item.getId(); activeItem = this._items[this._activeItemId]; var wrapper = this._getWrapper(); if(activeItem.isCurrent()) { if (this.isApplied()) BX.addClass(wrapper, "bx-current-filter"); } else { BX.removeClass(wrapper, "bx-current-filter"); } this.setFieldParams(activeItem.getFieldParams()); this._ignoreFieldVisibilityChange = true; this._visibleFieldCount = 0; var visibleFieldIds = activeItem.getVisibleFieldIds(); if(visibleFieldIds.length > 0) { for(var fieldId in this._fields) { if(!this._fields.hasOwnProperty(fieldId)) { continue; } var isVisible = false; for(var i = 0; i < visibleFieldIds.length; i++) { if(visibleFieldIds[i] === fieldId) { isVisible = true; break; } } this._fields[fieldId].setVisible(isVisible); if(isVisible) { this._visibleFieldCount++; } } } else { // Display saved visible fields only for(var fieldId in this._fieldInfos) { if(!this._fieldInfos.hasOwnProperty(fieldId)) { continue; } var isVisible = this._fieldInfos[fieldId]["isVisible"]; this._fields[fieldId].setVisible(isVisible); if(isVisible) { this._visibleFieldCount++; } } } this._adjustStyle(); this._showDeleteButtons(this._visibleFieldCount > 1); this._ignoreFieldVisibilityChange = false; }, apply: function(itemId) { var item = this._items[itemId]; if(item) { this._setActiveItem(item); this.applyActive(); } }, applyActive: function() { var prevCurrentItemId = this._currentItemId; this._currentItemId = this._activeItemId; if(prevCurrentItemId !== "") { this._items[prevCurrentItemId].handleCurrentItemChange(this); } this._items[this._currentItemId].handleCurrentItemChange(this); var f = this.getForm(); if(!f) { return; } var filter = BX.findChild( f, { "tag": "INPUT", "property": { "type":"hidden", "name": "grid_filter_id" } }, true, false ); if(filter) { filter.value = this._activeItemId !== this._defaultItemId ? this._activeItemId : ""; } var apply = BX.findChild( f, { "tag": "INPUT", "property": { "type":"hidden", "name": "apply_filter" } }, true, false ); if(apply) { apply.value = "Y"; } BX.submit(f); }, clear: function() { var f = this.getForm(); if(!f) { return; } var clear = BX.findChild( f, { "tag": "INPUT", "property": { "type":"hidden", "name": "clear_filter" } }, true, false ); if(clear) { clear.value = "Y"; } this.setFieldParams({}); BX.submit(f); }, _adjustStyle: function() { var container = BX(this.getContainerId()); if(!container) { return; } var bottomSeparator = BX.findChild(container, {"class": "bx-filter-bottom-separate"}, true, false); var content = BX.findChild(container, {"class": "bx-filter-content"}, true, false); if(this.getVisibleFieldCount() > 1) { BX.removeClass(content, "bx-filter-content-first"); bottomSeparator.style.display = ''; } else { BX.addClass(content, "bx-filter-content-first"); bottomSeparator.style.display = 'none'; } }, _getWrapper: function() { return BX.findChild( BX(this.getContainerId()), { "tag": "DIV", "class": "bx-filter-wrap" }, true ); }, getAddFieldButton: function() { return BX.findChild( BX(this.getContainerId()), { "tag": "SPAN", "class": "bx-filter-add-button" }, true, false ); }, getAddFilterButton: function() { return BX.findChild( BX(this.getContainerId()), { "tag": "SPAN", "class": "bx-filter-add-tab" }, true, false ); }, getSettingsButton: function() { return BX.findChild( BX(this.getContainerId()), { "tag": "SPAN", "class": "bx-filter-setting" }, true, false ); }, getApplyButton: function() { return BX.findChild( BX(this.getContainerId()), { "tag": "INPUT", "property": { "type":"button", "name": "set_filter" } }, true, false ); }, getCancelButton: function() { return BX.findChild( BX(this.getContainerId()), { "tag": "INPUT", "property": { "type":"button", "name": "reset_filter" } }, true, false ); }, getSwitchViewButton: function() { return BX.findChild( BX(this.getContainerId()), { "tag": "SPAN", "class": "bx-filter-switcher-tab" }, true, false ); }, setFieldsVisible: function(visible, options) { this._ignoreFieldVisibilityChange = true; this._visibleFieldCount = 0; visible = !!visible; options = options ? options : {}; var skipTop = typeof(options["skipTop"]) !== "undefined" ? parseInt(options["skipTop"]) : 0; var fields = this._fields; for(var id in fields) { if(!fields.hasOwnProperty(id)) { continue; } var f = fields[id]; if(f.isVisible() !== visible) { if(skipTop > 0) { skipTop--; } else { f.setVisible(visible); } } if(f.isVisible()) { this._visibleFieldCount++; } } this._adjustStyle(); this._showDeleteButtons(this._visibleFieldCount > 1); this.saveVisibleFields(); this._ignoreFieldVisibilityChange = false; }, setFolded: function(folded) { folded = !!folded; if(folded === this._isFolded) { return; } this._isFolded = folded; if (this._closeOpen) this._closeOpen.toggle(); var mainWrapperBlock = BX(this._settings.getParam("mainBlock", "")); if(folded) { BX.addClass(this._getWrapper(), "bx-filter-folded"); if (mainWrapperBlock) mainWrapperBlock.style.height = "0"; } else { BX.removeClass(this._getWrapper(), "bx-filter-folded"); } if(this._activeItemId !== "") { var activeItem = this._items[this._activeItemId]; if(activeItem) { activeItem.handleFilterFoldingChange(this); } } var switchBtn = this.getSwitchViewButton(); if(switchBtn) { switchBtn.title = this.getMessage(folded ? 'buttonMaximize' : 'buttonMinimize'); } var d = BX.userOptions.delay; BX.userOptions.delay = 100; BX.userOptions.save("main.interface.grid.filter", this.getId().toLowerCase(), "isFolded", (folded ? "Y" : "N")); BX.userOptions.delay = d; }, _showDeleteButtons: function(show) { show = !!show; var fields = this._fields; for(var id in fields) { if(fields.hasOwnProperty(id)) { fields[id].showDeleteButton(show); } } }, _handleAddFieldButtonClick: function(e) { var menuItems =[]; var fields = this._fields; for(var id in fields) { if(!fields.hasOwnProperty(id)) { continue; } var f = fields[id]; menuItems.push( { "id": f.getId(), "text": f.getName(), "onchange": f.getToggleHandler(), "checked": f.isVisible(), "tag": "field" } ); } menuItems.push( { "id": "__showAll", "text": this.getMessage('showAll'), "onclick": BX.delegate(this._handleShowAllButtonClick, this), "checked": false, "tag": "command", "allowToggle": false, "separatorBefore": true } ); menuItems.push( { "id": "__hideAll", "text": this.getMessage('hideAll'), "onclick": BX.delegate(this._handleHideAllButtonClick, this), "checked": false, "tag": "command", "allowToggle": false } ); var btn = this.getAddFieldButton(); var btnPos = BX.pos(btn); this._addFieldOpener = BX.InterfaceGridFilterCheckListMenu.create( this.getId() + "_ADD_FIELDS", BX.ParamBag.create( { "allowToggle": true, "items": menuItems, "anchor": btn, "offsetTop": Math.round(btnPos.height / 4), "offsetLeft": Math.round(btnPos.width / 2), "angle": { "position": "top", "offset": 0 } } ) ); this._addFieldOpener.open(); }, _handleSettingsButtonClick: function(e) { var menuItems =[]; if(this._activeItemId == this._defaultItemId) { menuItems.push( { "id": "saveAs", "text": this.getMessage("saveAs"), "onclick": BX.delegate(this._handleSaveAsMenuItemClick, this), "checked": false } ); } else { menuItems.push( { "id": "save", "text": this.getMessage("save"), "onclick": BX.delegate(this._handleSaveMenuItemClick, this), "checked": false } ); menuItems.push( { "id": "saveAs", "text": this.getMessage("saveAs"), "onclick": BX.delegate(this._handleSaveAsMenuItemClick, this), "checked": false } ); menuItems.push( { "id": "delete", "text": this.getMessage("delete"), "onclick": BX.delegate(this._handleDeleteMenuItemClick, this), "checked": false } ); } var btn = this.getSettingsButton(); var btnPos = BX.pos(btn); this._settingsOpener = BX.InterfaceGridFilterCheckListMenu.create( this.getId() + "_SETTINGS_" + this._activeItemId.toUpperCase(), BX.ParamBag.create( { "allowToggle": false, "items": menuItems, "anchor": btn, "closeOnClick" : true, "offsetTop": Math.round(btnPos.height / 4), "offsetLeft": Math.round(btnPos.width / 2), "angle": { "position": "top", "offset": 0 } } ) ); this._settingsOpener.open(); }, _handleApplyButtonClick: function(e) { if(this._activeItemId === this._defaultItemId) { this.applyActive(); return; } var self = this; this.saveActiveItem(function() { self.applyActive(); }); }, _handleCancelButtonClick: function(e) { this.clear(); }, _handleShowAllButtonClick: function(e) { if(this._addFieldOpener) { var items = this._addFieldOpener.getItemsByTag("field"); for(var i = 0; i < items.length; i++) { items[i].setChecked(true); } } this.setFieldsVisible(true, {}); }, _handleHideAllButtonClick: function(e) { if(this._addFieldOpener) { var items = this._addFieldOpener.getItemsByTag("field"); for(var i = 1; i < items.length; i++) { items[i].setChecked(false); } } this.setFieldsVisible(false, { "skipTop": 1 }); }, _handleSaveMenuItemClick: function(e) { if(this._isApplied && this._currentItemId === this._activeItemId) { // We have to apply active filter again for enable saved filter after page refresh var self = this; this.saveActiveItem(function() { self.applyActive(); }); } else { this.saveActiveItem(); } }, _handleSaveAsMenuItemClick: function(e) { if(!this._saveAsDlg) { this._saveAsDlg = BX.InterfaceGridFilterSaveAsDialog.create( this.getId() + "_SAVE_AS", BX.ParamBag.create( { "filter": this } ) ); } this._saveAsDlg.openDialog(); }, _handleDeleteMenuItemClick: function(e) { var id = this._activeItemId; var item = this._items[id]; if(id === this._defaultItemId \|\| !item) { return; } this.deleteActiveItem(); if(item.isCurrent()) { this.clear(); } item.clearLayout(); this._items[this._defaultItemId].setActive(true); delete this._items[id]; }, _handleSwitchViewButtonClick: function(e) { this.setFolded(!this.isFolded()); } }; BX.InterfaceGridFilter.isEmptyObject = function(obj) { if(obj === null \|\| obj === undefined) { return true; } var hasOwnProperty = Object.prototype.hasOwnProperty; if(typeof(obj.length) !== "undefined") { return obj.length === 0; } if(typeof(obj) === "object") { for(var key in obj) { if(hasOwnProperty.call(obj, key)) { return false; } } } return true; }; if(typeof(BX.InterfaceGridFilter.messages) === "undefined") { BX.InterfaceGridFilter.messages = {}; } BX.InterfaceGridFilter.getMessage = function(id) { return typeof(BX.InterfaceGridFilter.messages[id]) !== "undefined" ? BX.InterfaceGridFilter.messages[id] : ''; }; BX.InterfaceGridFilter.items = {}; BX.InterfaceGridFilter.create = function(id, settings) { var self = new BX.InterfaceGridFilter(); self.initialize(id, settings); this.items[id] = self; return self; }; } if(typeof(BX.InterfaceGridFilterItem) === "undefined") { BX.InterfaceGridFilterItem = function() { this._id = ""; this._settings = null; this._filter = null; this._container = null; this._isActive = false; this._info = {}; this._fieldParams = {}; this._visibleFieldIds = []; }; BX.InterfaceGridFilterItem.prototype = { initialize: function(id, settings) { this._id = BX.type.isNotEmptyString(id) ? id : ""; this._settings = settings ? settings : BX.ParamBag.create(null); this._filter = settings.getParam("filter", null); this._info = settings.getParam("info", {}); this._fieldParams = typeof(this._info["fields"]) !== "undefined" ? this._info["fields"] : {}; var visibleFieldIds = typeof(this._info["filter_rows"]) !== "undefined" ? this._info["filter_rows"] : null; if(BX.type.isString(visibleFieldIds)) { visibleFieldIds = visibleFieldIds.split(","); } if(BX.type.isArray(visibleFieldIds)) { this._visibleFieldIds = visibleFieldIds; } else { for(var fieldId in this._fieldParams) { if(this._fieldParams.hasOwnProperty(fieldId)) { this._visibleFieldIds.push(BX.InterfaceGridFilterField.convertParamToFieldId(fieldId)); } } } this._isActive = settings.getParam("isActive", false); var containerId = this._filter.getItemContainerId(id); this._container = BX(containerId); if(!this._container) { this.layout(); } BX.bind(this._container, "click", BX.delegate(this._onClick, this)); }, getId: function() { return this._id; }, getName: function() { return this._info["name"]; }, getInfo: function() { return this._info; }, isActive: function() { return this._isActive; }, isCurrent: function() { return this._filter.getCurrentItemId() === this.getId(); }, setActive: function(active) { active = !!active; if(this._isActive === active) { return; } if(!this._filter.requireItemActivityChange(this)) { return; } this._isActive = active; this._filter.handleItemActivityChange(this); this._adjustStyle(); }, getFieldParams: function() { return this._fieldParams; }, setFieldParams: function(params) { this._fieldParams = params; }, getVisibleFieldIds: function() { return this._visibleFieldIds; }, setVisibleFieldIds: function(fieldIds) { this._visibleFieldIds = fieldIds; }, layout: function() { var wrapper = BX.findChild( BX(this._filter.getContainerId()), { "tag": "DIV", "class": "bx-filter-tabs-block" }, true ); if(!wrapper) { return; } this._container = BX.create( "SPAN", { "props": { "id": this._filter.getItemContainerId(this.getId()) }, "attrs": { "class": "bx-filter-tab" }, "text": this.getName() } ); wrapper.insertBefore( this._container, this._filter.getAddFilterButton() ); }, clearLayout: function() { if(!this._container) { return; } BX.remove(this._container); }, _adjustStyle: function() { if(this._filter.isFolded()) { if(this.isCurrent()) { BX.addClass(this._container, "bx-filter-tab-active"); } else { BX.removeClass(this._container, "bx-filter-tab-active"); } } else { if(this._isActive) { BX.addClass(this._container, "bx-filter-tab-active"); } else { BX.removeClass(this._container, "bx-filter-tab-active"); } } }, handleFilterFoldingChange: function(filter) { this._adjustStyle(); }, handleCurrentItemChange: function(filter) { this._adjustStyle(); }, _onClick: function(e) { if(!this.isActive()) { this.setActive(true); } if(this._filter.isFolded()) { this._filter.applyActive(); } } }; BX.InterfaceGridFilterItem.create = function(id, settings) { var self = new BX.InterfaceGridFilterItem(); self.initialize(id, settings); return self; } } if(typeof(BX.InterfaceGridFilterField) === "undefined") { BX.InterfaceGridFilterField = function() { this._id = ''; this._settings = null; this._filter = null; this._info = {}; this._container = null; this._delimiterContainer = null; this._isVisible = true; this._deleteButton = null; this._controller = null; }; BX.InterfaceGridFilterField.prototype = { initialize: function(id, settings) { this._id = BX.type.isNotEmptyString(id) ? id : ''; this._settings = settings ? settings : BX.ParamBag.create(null); this._filter = settings.getParam("filter", null); this._container = BX(this._filter.getFieldContainerId(id)); this._delimiterContainer = BX(this._filter.getFieldDelimiterContainerId(id)); this._info = settings.getParam("info", {}); this._isVisible = this._info["isVisible"]; this._deleteButton = BX.findChild( this._container, { "tag": "SPAN", "class": "bx-filter-item-delete" }, true, false ); if(this._deleteButton) { this._deleteButton.title = BX.InterfaceGridFilter.getMessage('buttonDeleteField'); BX.bind(this._deleteButton, "click", BX.delegate(this._handleDeleteButtonClick, this)); } if(this.getType() === "date") { this._controller = BX.InterfaceGridFilterDate.create( BX.ParamBag.create( { "containerId": this._filter.getFieldContainerId(id), "formName": this._filter.getFormName(), "currentTime": this._filter.getCurrentTime() } ) ); } if(this._controller) { this._controller.layout(); } this._handleVisibilityChange(); }, initializeController: function() { if(this.getType() !== "custom") { return; } var info = this._filter.getFieldInfo(this._id); if(!info) { return; } var container = this._filter.getFieldContainerId(this._id); // got custom controller if(info.controller) { this._controller = info.controller; this._controller.setContainerId(container); } else { // hard-coded controller creation for the following two types: if(info["typeName"] === "USER") { this._controller = BX.InterfaceGridFilterUser.create( BX.ParamBag.create( { "containerId": container, "info": info } ) ); } else if(info["typeName"] === "WIDGET_PERIOD") { this._controller = BX.InterfaceGridFilterWidgetPeriod.create( BX.ParamBag.create( { "containerId": container, "info": info } ) ); } } if(this._controller) { this._controller.layout(); } }, getId: function() { return this._id; }, getName: function() { return this._info["name"]; }, getType: function() { return this._info["type"]; }, isVisible: function() { return this._isVisible; }, getToggleHandler: function() { return BX.delegate(this._handleToggleButtonClick, this); }, _handleToggleButtonClick: function(e) { this.toggle(); }, _handleDeleteButtonClick: function(e) { this.setVisible(false); }, _handleVisibilityChange: function() { var elements = BX.findChildren( this._container, { "tag": /^INPUT\|SELECT\|TEXTAREA/i }, true ); if(!BX.type.isArray(elements)) { return; } var v = !this._isVisible; for(var i = 0; i < elements.length; i++) { var el = elements[i]; var name = el.name; if(name === "") { continue; } el.disabled = v; } }, setVisible: function(visible) { visible = !!visible; if(this._isVisible === visible) { return; } if(!this._filter.requireFieldVisibilityChange(this)) { return; } this._container.style.display = visible ? "" : "none"; if(this._delimiterContainer) { this._delimiterContainer.style.display = visible ? "" : "none"; } this._isVisible = visible; this._handleVisibilityChange(); this._filter.handleFieldVisibilityChange(this); }, toggle: function() { this.setVisible(!this._isVisible); }, showDeleteButton: function(show) { if(this._deleteButton) { this._deleteButton.style.display = !!show ? "" : "none"; } }, getParams: function(params) { if(!this.isVisible()) { return; } // Check if controller is able to prepare params if(this._controller && this._controller.tryGetParams(params)) { return; } var elements = BX.findChildren( this._container, { "tag": /^INPUT\|SELECT\|TEXTAREA/i }, true ); for(var i = 0; i < elements.length; i++) { var el = elements[i]; var name = el.name; if(name === "") { continue; } switch (el.type.toLowerCase()) { case 'select-one': case 'text': case 'textarea': case 'hidden': { params[name] = el.value; break; } case 'radio': { if (el.checked) { params[name] = el.value; } break; } case 'checkbox': { params[name] = el.checked ? el.value : false; break; } case 'select-multiple': { name = name.substr(0, name.length - 2); params[name] = {}; for(var j = 0; j < el.options.length; j++) { if(el.options[j].selected && el.options[j].value) { params[name]['sel' + el.options[j].value] = el.options[j].value; } } break; } } } }, setParams: function(params) { // Check if controller is able to prepare params if(this._controller && this._controller.trySetParams(params)) { return; } var elements = BX.findChildren( this._container, { "tag": /^INPUT\|SELECT\|TEXTAREA/i }, true ); var changed = false; for(var i = 0; i < elements.length; i++) { var el = elements[i]; var name = el.name; if(name === "") { continue; } var elementChanged = false; var v = typeof(params[name]) !== "undefined" ? params[name] : null; switch(el.type.toLowerCase()) { case 'select-one': case 'text': case 'textarea': case 'hidden': el.value = v !== null ? v : ''; elementChanged = true; break; case 'select-multiple': { name = name.substr(0, name.length - 2); v = typeof(params[name]) === 'object' && params[name] ? params[name] : {}; if(v === null) { for(var k = 0; k < el.options.length; k++) { el.options[k].selected = false; } } else { var selected = false; for(var j = 0; j < el.options.length; j++) { var option = el.options[j]; var key = 'sel' + option.value; var sel = v[key] ? v[key] : null; option.selected = option.value == sel; if(option.value == sel) { selected = true; } } if(!selected && el.options.length > 0 && el.options[0].value == '') { el.options[0].selected = true; } } elementChanged = true; break; } case 'radio': case 'checkbox': { el.checked = v !== null ? v : false; } elementChanged = true; break; } if(elementChanged) { if(!changed) { changed = true; } if(BX.type.isFunction(el.onchange)) { try { el.onchange(); } catch(ex) { } } } } if(changed && this._controller && BX.type.isFunction(this._controller.handleParamsChange)) { this._controller.handleParamsChange(); } } }; BX.InterfaceGridFilterField.convertParamToFieldId = function(paramName) { return paramName.replace(/_[a-z]+$/, ""); }; BX.InterfaceGridFilterField.create = function(id, settings) { var self = new BX.InterfaceGridFilterField(); self.initialize(id, settings); return self; } } if(typeof(BX.InterfaceGridFilterDate) === "undefined") { BX.InterfaceGridFilterDate = function() { this._settings = null; this._container = null; }; BX.InterfaceGridFilterDate.prototype = { initialize: function(settings) { this._settings = settings ? settings : BX.ParamBag.create(null); this._container = BX(settings.getParam("containerId")); var intervalSelect = BX.findChild( this._container, { "tag": "SELECT", "class": "bx-filter-date-interval-select" }, true, false ); if(intervalSelect) { BX.bind(intervalSelect, 'change', BX.delegate(this._onIntervalChange, this)); } BX.bind( BX.findChild( BX.findChild( this._container, { "tag": "DIV", "class": "bx-filter-date-from" }, true, false ), { "tag": "SPAN", "class": "bx-calendar-icon" }, true, false), 'click', BX.delegate(this._onDataFromClick, this) ); BX.bind( BX.findChild( BX.findChild( this._container, { "tag": "DIV", "class": "bx-filter-date-to" }, true, false ), { "tag": "SPAN", "class": "bx-calendar-icon" }, true, false), 'click', BX.delegate(this._onDataToClick, this) ); }, _openCalendar: function(anchor, field) { BX.calendar( { "node": anchor, "field": field, "form": this._settings.getParam("formName"), "bTime": false, "currentTime": this._settings.getParam("currentTime"), "bHideTime": false } ); }, _onIntervalChange: function(e) { this.layout(); }, _onDataFromClick: function(e) { var wrapper = BX.findChild( this._container, { "tag": "DIV", "class": "bx-filter-date-from" }, true, false ); if(!wrapper) { return; } this._openCalendar( BX.findChild(wrapper, { "tag": "SPAN", "class": "bx-calendar-icon" }, true, false), BX.findChild(wrapper, { "tag": "INPUT", "class": "bx-input-date" }, true, false) ); }, _onDataToClick: function(e) { var wrapper = BX.findChild( this._container, { "tag": "DIV", "class": "bx-filter-date-to" }, true, false ); if(!wrapper) { return; } this._openCalendar( BX.findChild(wrapper, { "tag": "SPAN", "class": "bx-calendar-icon" }, true, false), BX.findChild(wrapper, { "tag": "INPUT", "class": "bx-input-date" }, true, false) ); }, _displayNode: function(search, display) { var node = BX.findChild(this._container, search, true, false); if(node) { node.style.display = display ? "" : "none"; } }, layout: function() { var intervalSelect = BX.findChild( this._container, { "tag": "SELECT", "class": "bx-filter-date-interval-select" }, true, false ); if(!intervalSelect) { return; } var showFrom, showTo, showHellip, showDays; showFrom = showTo = showHellip = showDays = false; var v = intervalSelect.value; if(v === "interval") { showFrom = showTo = showHellip = true; } else if(v === "before") { showTo = true; } else if(v === "after" \|\| v === "exact") { showFrom = true; } else if(v === "days") { showDays = true; } this._displayNode({ "tag": "DIV", "class": "bx-filter-date-days" }, showDays); this._displayNode({ "tag": "DIV", "class": "bx-filter-date-days-suffix" }, showDays); this._displayNode({ "tag": "DIV", "class": "bx-filter-date-from" }, showFrom); this._displayNode({ "tag": "DIV", "class": "bx-filter-date-to" }, showTo); this._displayNode({ "tag": "SPAN", "class": "bx-filter-calendar-separate" }, showHellip); }, tryGetParams: function(params) { return false; }, trySetParams: function(params) { return false; }, handleParamsChange: function() { this.layout(); } }; BX.InterfaceGridFilterDate.create = function(settings) { var self = new BX.InterfaceGridFilterDate(); self.initialize(settings); return self; }; } if(typeof(BX.InterfaceGridFilterUser) === "undefined") { BX.InterfaceGridFilterUser = function() { this._settings = null; this._info = null; this._container = null; }; BX.InterfaceGridFilterUser.prototype = { initialize: function(settings) { this._settings = settings ? settings : BX.ParamBag.create(null); this._container = BX(settings.getParam("containerId")); this._info = settings.getParam("info", null); }, layout: function() { }, trySetParams: function(params) { if(!this._info) { return false; } var paramInfo = this._info['params'] ? this._info['params'] : {}; var data = paramInfo['data'] ? paramInfo['data'] : {}; this._setElementByParam(data["elementId"], data["paramName"], params); var search = paramInfo['search'] ? paramInfo['search'] : {}; this._setElementByParam(search["elementId"], search["paramName"], params); return true; }, tryGetParams: function(params) { return false; }, _setElementByParam: function(elementId, paramName, params) { var element = BX.type.isNotEmptyString(elementId) ? BX(elementId) : null; if(BX.type.isElementNode(element)) { element.value = BX.type.isNotEmptyString(paramName) && params[paramName] ? params[paramName] : ''; } } }; BX.InterfaceGridFilterUser.create = function(settings) { var self = new BX.InterfaceGridFilterUser(); self.initialize(settings); return self; }; } if(typeof(BX.InterfaceGridFilterWidgetPeriod) === "undefined") { BX.InterfaceGridFilterWidgetPeriod = function() { this._settings = null; this._info = null; this._container = null; this._editor = null; this._editorId = ""; this._elementId = ""; this._editorChangeListener = BX.delegate(this.onEditorChange, this); }; BX.InterfaceGridFilterWidgetPeriod.prototype = { initialize: function(settings) { this._settings = settings ? settings : BX.ParamBag.create(null); this._container = BX(settings.getParam("containerId")); this._info = settings.getParam("info", null); if(this._info) { this._editorId = this._info["params"]["editor"]["id"]; this._elementId = this._info["params"]["data"]["elementId"]; } if(typeof(BX.CrmWidgetConfigPeriodEditor) !== "undefined") { if(typeof(BX.CrmWidgetConfigPeriodEditor.items[this._editorId]) !== "undefined") { this.setEditor(BX.CrmWidgetConfigPeriodEditor.items[this._editorId]); } else { BX.addCustomEvent(window, "CrmWidgetConfigPeriodEditorCreate", BX.delegate(this.onEditorCreate, this)); } } }, layout: function() { }, trySetParams: function(params) { var data = this._info["params"]["data"]; var value = params[data["paramName"]] ? params[data["paramName"]] : ""; if(this._editor) { this._editor.removeChangeListener(this._editorChangeListener); var config = this.internalizeConfig(value); this._editor.setPeriod(config["period"]); if(BX.type.isNumber(config["year"])) { this._editor.setYear(config["year"]); } if(BX.type.isNumber(config["quarter"])) { this._editor.setQuarter(config["quarter"]); } if(BX.type.isNumber(config["month"])) { this._editor.setMonth(config["month"]); } this._editor.addChangeListener(this._editorChangeListener); } var element = BX(this._elementId); if(BX.type.isElementNode(element)) { element.value = value; } return true; }, tryGetParams: function(params) { params[this._info["params"]["data"]["paramName"]] = this.getValue() return true; }, setEditor: function(editor) { if(this._editor) { this._editor.removeChangeListener(this._editorChangeListener); } this._editor = editor; if(this._editor) { this._editor.addChangeListener(this._editorChangeListener); } }, getValue: function() { if(!this._editor) { return ""; } return( this.externalizeConfig( { period: this._editor.getPeriod(), year: this._editor.getYear(), quarter: this._editor.getQuarter(), month: this._editor.getMonth() } ) ); }, internalizeConfig: function(str) { var d = new Date(); var curYear = d.getFullYear(); var curMonth = d.getMonth() + 1; var curQuarter = curMonth >= 10 ? 4 : (curMonth >= 7 ? 3 : (curMonth >= 4 ? 2 : 1)); var result = { period: BX.CrmWidgetFilterPeriod.undefined }; var ary = str.split("-"); if(ary.length > 0) { result["period"] = ary[0]; } if(result["period"] === BX.CrmWidgetFilterPeriod.year \|\| result["period"] === BX.CrmWidgetFilterPeriod.quarter \|\| result["period"] === BX.CrmWidgetFilterPeriod.month) { result["year"] = ary.length > 1 ? parseInt(ary[1]) : curYear; } if(result["period"] === BX.CrmWidgetFilterPeriod.quarter) { result["quarter"] = ary.length > 2 ? parseInt(ary[2]) : curQuarter; } else if(result["period"] === BX.CrmWidgetFilterPeriod.month) { result["month"] = ary.length > 2 ? parseInt(ary[2]) : curMonth; } return result; }, externalizeConfig: function(config) { var period = config["period"]; var year = config["year"]; var quarter = config["quarter"]; var month = config["month"]; if(period === BX.CrmWidgetFilterPeriod.year) { return period + "-" + year; } else if(period === BX.CrmWidgetFilterPeriod.quarter) { return period + "-" + year + "-" + quarter; } else if(period === BX.CrmWidgetFilterPeriod.month) { return period + "-" + year + "-" + month; } return period; }, onEditorCreate: function(sender) { if(this._editorId === sender.getId()) { this.setEditor(sender); } }, onEditorChange: function(sender) { var element = BX(this._elementId); if(BX.type.isElementNode(element)) { element.value = this.getValue(); } } }; BX.InterfaceGridFilterWidgetPeriod.create = function(settings) { var self = new BX.InterfaceGridFilterWidgetPeriod(); self.initialize(settings); return self; }; } if(typeof(BX.InterfaceGridFilterSaveAsDialog) === "undefined") { BX.InterfaceGridFilterSaveAsDialog = function() { this._id = ""; this._settings = null; this._filter = null; this._dlg = null; this._buttonId = ""; this._nameInput = null; }; BX.InterfaceGridFilterSaveAsDialog.prototype = { initialize: function(id, settings) { this._id = id; this._settings = settings ? settings : BX.ParamBag.create(null); this._filter = settings.getParam("filter", null); }, getId: function() { return this._id; }, getButtonId: function() { return this._buttonId; }, getValues: function() { return( { "name": this._nameInput ? this._nameInput.value : "" } ); }, openDialog: function() { if (this._dlg) { this._dlg.show(); return; } this._dlg = new BX.PopupWindow( this.getId() + '_SAVE_AS', null, { autoHide: false, draggable: true, offsetLeft: 0, offsetTop: 0, bindOptions: { forceBindPosition: false }, closeByEsc: true, closeIcon: true, titleBar: BX.InterfaceGridFilter.getMessage('saveAsDialogTitle'), events: { onPopupClose: BX.delegate(this._handleDialogClose, this) }, content: this._prepareContent(), buttons: this._prepareButtons() } ); this._dlg.show(); }, _prepareContent: function() { var table = BX.create( "TABLE", { "style": { "width":"350px", "margin": "5px 0 0 0" } } ); var row = table.insertRow(-1); var cell = row.insertCell(-1); cell.align = "right"; cell.innerHTML = BX.InterfaceGridFilter.getMessage("saveAsDialogFieldName") + ":"; cell = row.insertCell(-1); this._nameInput = BX.create( "INPUT", { "style": { "width":"200px" }, "props": { "type": "text", "maxlength": "255", "size": "30" }, "text": BX.InterfaceGridFilter.getMessage("defaultFilterName") } ); cell.appendChild(this._nameInput); return table; }, _prepareButtons: function() { return( [ new BX.PopupWindowButton( { text: BX.InterfaceGridFilter.getMessage("buttonSave"), className: "popup-window-button-accept", events: { click : BX.delegate(this._handleSaveButtonClick, this) } } ), new BX.PopupWindowButtonLink( { text: BX.InterfaceGridFilter.getMessage("buttonCancel"), className: "popup-window-button-link-cancel", events: { click : BX.delegate(this._handleCancelButtonClick, this) } } ) ] ); }, _handleSaveButtonClick: function(e) { this._buttonId = "save"; this._filter.handleSaveAsDialogClose(this); this._dlg.close(); }, _handleCancelButtonClick: function(e) { this._buttonId = "cancel"; this._filter.handleSaveAsDialogClose(this); this._dlg.close(); }, _handleDialogClose: function(e) { if(this._dlg) { this._dlg.destroy(); } this._dlg = null; } }; BX.InterfaceGridFilterSaveAsDialog.create = function(id, settings) { var self = new BX.InterfaceGridFilterSaveAsDialog(); self.initialize(id, settings); return self; }; } if(typeof(BX.InterfaceGridFilterCheckListMenu) === "undefined") { BX.InterfaceGridFilterCheckListMenu = function() { this._id = ""; this._settings = null; this._filter = null; this._allowToggle = true; this._items = []; this._menuId = ""; this._menu = null; }; BX.InterfaceGridFilterCheckListMenu.prototype = { initialize: function(id, settings) { this._id = id; this._menuId = this._id.toLowerCase(); this._settings = settings ? settings : BX.ParamBag.create(null); this._filter = settings.getParam("filter", null); this._allowToggle = this.getSetting("allowToggle", true); this._closeOnClick = this.getSetting("closeOnClick", false); var items = this.getSetting("items"); for(var i = 0; i < items.length; i++) { var item = items[i]; this._items.push( BX.InterfaceGridFilterCheckListMenuItem.create( item["id"], BX.ParamBag.create( { "text": BX.type.isString(item["text"]) ? item["text"] : "", "checked": BX.type.isBoolean(item["checked"]) ? item["checked"] : false, "tag": BX.type.isNotEmptyString(item["tag"]) ? item["tag"] : "", "onchange": BX.type.isFunction(item["onchange"]) ? item["onchange"] : null, "onclick": BX.type.isFunction(item["onclick"]) ? item["onclick"] : null, "allowToggle": BX.type.isBoolean(item["allowToggle"]) ? item["allowToggle"] : this._allowToggle, "closeOnClick": BX.type.isBoolean(item["closeOnClick"]) ? item["closeOnClick"] : this._closeOnClick, "separatorBefore": BX.type.isBoolean(item["separatorBefore"]) ? item["separatorBefore"] : false, "separatorAfter": BX.type.isBoolean(item["separatorAfter"]) ? item["separatorAfter"] : false, "menu": this } ) ) ); } }, getId: function() { return this._id; }, getSetting: function(name, defaultval) { return this._settings.getParam(name, defaultval); }, open: function() { var menuItems = []; for(var i = 0; i < this._items.length; i++) { var popupItems = this._items[i].createPopupMenuItems(); for(var j = 0; j < popupItems.length; j++) { menuItems.push(popupItems[j]); } } if(typeof(BX.PopupMenu.Data[this._menuId]) !== "undefined") { BX.PopupMenu.Data[this._menuId].popupWindow.destroy(); delete BX.PopupMenu.Data[this._menuId]; } this._menu = BX.PopupMenu.show( this._menuId, this.getSetting("anchor", null), menuItems, { "offsetTop": parseInt(this.getSetting("offsetTop", 0)), "offsetLeft": parseInt(this.getSetting("offsetLeft", 0)), "angle": this.getSetting("angle", {}) } ); }, close: function() { if(typeof(BX.PopupMenu.Data[this._menuId]) !== "undefined") { BX.PopupMenu.Data[this._menuId].popupWindow.close(); } }, getItemsByTag: function(tag) { var result = []; for(var i = 0; i < this._items.length; i++) { var item = this._items[i]; if(item.getTag() === tag) { result.push(item); } } return result; }, getContainer: function() { return BX("menu-popup-" + this.getId().toLowerCase()); } }; BX.InterfaceGridFilterCheckListMenu.create = function(id, settings) { var self = new BX.InterfaceGridFilterCheckListMenu(); self.initialize(id, settings); return self; }; } if(typeof(BX.InterfaceGridFilterCheckListMenuItem) === "undefined") { BX.InterfaceGridFilterCheckListMenuItem = function() { this._id = ""; this._settings = null; this._menu = null; this._checked = false; this._tag = ""; this._allowToggle = true; this._closeOnClick = false; }; BX.InterfaceGridFilterCheckListMenuItem.prototype = { initialize: function(id, settings) { this._id = id; this._settings = settings ? settings : BX.ParamBag.create(null); this._menu = settings.getParam("menu", null); this._checked = settings.getParam("checked", false); this._tag = this.getSetting("tag", ""); this._allowToggle = this.getSetting("allowToggle", true); this._closeOnClick = this.getSetting("closeOnClick", false); }, getSetting: function(name, defaultval) { return this._settings.getParam(name, defaultval); }, getId: function() { return this._id; }, getTag: function() { return this._tag; }, setTag: function(tag) { this._tag = tag; }, isChecked: function() { return this._checked; }, setChecked: function(checked) { checked = !!checked; if(this._checked === checked) { return; } this._checked = checked; var node = BX.findChild( this._menu.getContainer(), { "tag":"A", "class": "crm-check-list-menu-item-" + this.getId().toLowerCase() }, true, false ); if(node) { if(checked) { BX.addClass(node,"menu-popup-item-checked"); } else { BX.removeClass(node,"menu-popup-item-checked"); } } var handler = this.getSetting("onchange", null); if(BX.type.isFunction(handler)) { try { handler({ "id": this.getId(), "checked": checked }, this); } catch(ex) { } } }, isTogglable: function() { return this._allowToggle; }, toggle: function() { if(this._allowToggle) { this.setChecked(!this.isChecked()); } }, createPopupMenuItems: function() { var result = []; if(this.getSetting("separatorBefore", false)) { result.push({ "SEPARATOR": true }); } result.push( { "text": this.getSetting("text", this.getId()), "className" : "crm-filter-popup-item" + (this.isChecked() ? " menu-popup-item-checked" : "") + " crm-check-list-menu-item-" + this.getId().toLowerCase(), "href" : "#", "onclick": BX.delegate(this._onClick, this) } ); if(this.getSetting("separatorAfter", false)) { result.push({ "SEPARATOR": true }); } return result; }, _onClick: function(e) { BX.PreventDefault(e); var handler = this.getSetting("onclick", null); if(BX.type.isFunction(handler)) { try { handler({ "id": this.getId(), "checked": this.isChecked() }, this); } catch(ex) { } } if(this._closeOnClick) { this._menu.close(); return; } this.toggle(); } }; BX.InterfaceGridFilterCheckListMenuItem.create = function(id, settings) { var self = new BX.InterfaceGridFilterCheckListMenuItem(); self.initialize(id, settings); return self; } } if(typeof(BX.InterfaceGridFilterCloseOpen) === "undefined") { BX.InterfaceGridFilterCloseOpen = function(innerBlock, mainBlock, filter) { this.filter = filter; this.innerBlock = BX(innerBlock); this.mainBlock = BX(mainBlock); this.isOpen = null; }; BX.InterfaceGridFilterCloseOpen.prototype = { initialize: function() { this.isOpen = !this.filter.isFolded(); }, _easing: function(params) { var _self = this; var easing = new BX.easing({ duration: 300, start: { height: params.start }, finish: { height: params.finish }, transition: BX.easing.makeEaseOut(BX.easing.transitions.circ), step: BX.delegate(this._step, this), complete: BX.proxy(this._complete, this) }); easing.animate() }, toggle: function() { if(this.isOpen) { this._easing({ start : this.innerBlock.offsetHeight, finish : 0 }); this.isOpen = false; } else { this._easing({ start: this.mainBlock.offsetHeight, finish: this.innerBlock.offsetHeight }); this.isOpen = true; } }, _step: function(state) { this.mainBlock.style.height = state.height + 'px'; }, _complete: function () { if (this.isOpen) this.mainBlock.style.height = 'auto'; } }; } if(typeof(BX.InterfaceGridFilterNavigationBar) === "undefined") { BX.InterfaceGridFilterNavigationBar = function() { this._id = ""; this._settings = null; this._binding = null; this._items = null; }; BX.InterfaceGridFilterNavigationBar.prototype = { initialize: function(id, settings) { this._id = id; this._settings = settings ? settings : BX.ParamBag.create(null); this._binding = this.getSetting("binding", null); this._items = []; var items = this.getSetting("items", []); for(var i = 0; i < items.length; i++) { var itemSettings = items[i]; var itemId = BX.type.isNotEmptyString(itemSettings["id"]) ? itemSettings["id"] : i; itemSettings["parent"] = this; this._items.push( BX.InterfaceGridFilterNavigationBarItem.create( itemId, BX.ParamBag.create(itemSettings) ) ); } }, getId: function() { return this._id; }, getSetting: function(name, defaultval) { return this._settings.getParam(name, defaultval); }, getBinding: function() { return this._binding; } }; BX.InterfaceGridFilterNavigationBar.create = function(id, settings) { var self = new BX.InterfaceGridFilterNavigationBar(); self.initialize(id, settings); return self; }; } if(typeof(BX.InterfaceGridFilterNavigationBarItem) === "undefined") { BX.InterfaceGridFilterNavigationBarItem = function() { this._id = ""; this._settings = null; this._parent = null; this._button = null; this._hint = null; this._buttonHandler = BX.delegate(this.onButtonClick, this); }; BX.InterfaceGridFilterNavigationBarItem.prototype = { initialize: function(id, settings) { this._id = id; this._settings = settings ? settings : BX.ParamBag.create(null); this._parent = this.getSetting("parent"); if(!this._parent) { throw "InterfaceGridFilterNavigationBarItem: The parameter 'parent' is not found."; } this._button = BX(this.getSetting("buttonId")); if(!this._button) { throw "InterfaceGridFilterNavigationBarItem: The button element is not found."; } BX.bind(this._button, "click", this._buttonHandler); if(this.getSetting("enableHint", true)) { this.createHint(this.getSetting("hint", null)); } }, getId: function() { return this._id; }, getSetting: function(name, defaultval) { return this._settings.getParam(name, defaultval); }, createHint: function(messages) { if(!messages) { return; } this._hint = BX.PopupWindowManager.create(this._id + "_hint", this._button, { offsetTop : -8, autoHide : true, closeByEsc : false, angle: { position: "bottom", offset: 42 }, events: { onPopupClose : BX.delegate(this.onHintClose, this) }, content : BX.create("DIV", { attrs: { className: "crm-popup-contents" }, children: [ BX.create("SPAN", { attrs: { className: "crm-popup-title" }, text: messages["title"] } ), BX.create("P", { text: messages["content"] }), BX.create("P", { children: [ BX.create("A", { props: { href: "#" }, text: messages["disabling"], events: { "click": BX.delegate(this.onDisableHint, this) } } ) ] } ) ] } ) } ); this._hint.show(); }, onButtonClick: function(e) { var url = this.getSetting("url", ""); if(url === "") { return; } var binding = this._parent.getBinding(); if(binding) { var category = BX.type.isNotEmptyString(binding["category"]) ? binding["category"] : ""; var name = BX.type.isNotEmptyString(binding["name"]) ? binding["name"] : ""; var key = BX.type.isNotEmptyString(binding["key"]) ? binding["key"] : ""; if(category !== "" && name !== "" && key !== "") { BX.userOptions.save(category, name, key, this._id, false); } } setTimeout(function(){ window.location.href = url; }, 150); }, onDisableHint: function(e) { if(this._hint) { this._hint.close(); BX.userOptions.save( "main.interface.filter.navigation", this._parent.getId().toLowerCase(), "enable_" + this._id.toLowerCase() + "_hint", "N", false ); } return BX.PreventDefault(e); }, onHintClose: function() { if(this._hint) { this._hint.destroy(); this._hint = null; } } }; BX.InterfaceGridFilterNavigationBarItem.create = function(id, settings) { var self = new BX.InterfaceGridFilterNavigationBarItem(); self.initialize(id, settings); return self; }; }

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.27 | proxy | phpinfo | Settings