Your IP : 216.73.216.86
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;
};
}