126 lines
4.8 KiB
JavaScript
126 lines
4.8 KiB
JavaScript
'use strict';
|
|
|
|
pandora.ui.filterForm = function(options) {
|
|
// mode can be find, list, embed
|
|
var list = options.list,
|
|
mode = options.mode,
|
|
that = Ox.Element();
|
|
pandora.api.findLists({
|
|
query: {
|
|
conditions: [{key: 'type', value: 'static', operator: '='}],
|
|
operator: '&'
|
|
},
|
|
keys: ['id'],
|
|
range: [0, 1000],
|
|
sort: [{key: 'user', operator: '+'}, {key: 'name', operator: '+'}]
|
|
}, function(result) {
|
|
that.append(
|
|
that.$filter = Ox.Filter({
|
|
findKeys: pandora.site.itemKeys.map(function(itemKey) {
|
|
var key = Ox.clone(itemKey, true),
|
|
layerType;
|
|
if (key.type == 'layer') {
|
|
layerType = Ox.getObjectById(pandora.site.layers, key.id).type;
|
|
}
|
|
key.title = Ox._(key.title);
|
|
key.type = key.type == 'layer'
|
|
? (layerType == 'entity' ? 'string' : layerType)
|
|
: key.type;
|
|
if (key.format && key.format.type == 'ColorPercent') {
|
|
key.format.type = 'percent';
|
|
}
|
|
key.autocomplete = autocompleteFunction(key)
|
|
return key;
|
|
}).concat([{
|
|
id: 'list',
|
|
title: Ox._('List'),
|
|
type: 'list',
|
|
values: result.data.items.map(function(item) {
|
|
return item.id;
|
|
})
|
|
}]),
|
|
list: mode == 'find' ? {
|
|
sort: pandora.user.ui.listSort,
|
|
view: pandora.user.ui.listView
|
|
} : null,
|
|
sortKeys: pandora.site.sortKeys,
|
|
value: Ox.clone(mode == 'list' ? list.query : pandora.user.ui.find, true),
|
|
viewKeys: pandora.site.listViews
|
|
})
|
|
.css(mode == 'embed' ? {} : {padding: '16px'})
|
|
.bindEvent({
|
|
change: function(data) {
|
|
if (mode == 'find') {
|
|
if (pandora.user.ui.updateAdvancedFindResults) {
|
|
that.updateResults();
|
|
}
|
|
} else if (mode == 'list') {
|
|
pandora.api.editList({
|
|
id: list.id,
|
|
query: data.value
|
|
}, function(result) {
|
|
if (pandora.user.ui.updateAdvancedFindResults) {
|
|
that.updateResults();
|
|
}
|
|
});
|
|
}
|
|
that.triggerEvent('change', data);
|
|
}
|
|
})
|
|
);
|
|
that.getList = that.$filter.getList;
|
|
that.value = that.$filter.value;
|
|
});
|
|
function autocompleteFunction(key) {
|
|
return key.autocomplete ? function(value, callback) {
|
|
pandora.api.autocomplete({
|
|
key: key.id,
|
|
query: {
|
|
conditions: [],
|
|
operator: '&'
|
|
},
|
|
range: [0, 100],
|
|
sort: key.autocompleteSort,
|
|
value: value
|
|
}, function(result) {
|
|
callback(result.data.items.map(function(item) {
|
|
return Ox.decodeHTMLEntities(item);
|
|
}));
|
|
});
|
|
} : null;
|
|
}
|
|
that.updateResults = function() {
|
|
if (mode == 'list') {
|
|
Ox.Request.clearCache(list.id);
|
|
if (pandora.user.ui.section == 'edits') {
|
|
pandora.$ui.folderList[
|
|
pandora.getListData().folder
|
|
].value(list.id, 'query', that.$filter.options('value'));
|
|
pandora.api.editEdit({
|
|
id: list.id,
|
|
query: that.$filter.options('value')
|
|
}, function(result) {
|
|
pandora.$ui.editPanel && pandora.$ui.editPanel.updatePanel();
|
|
});
|
|
} else {
|
|
pandora.$ui.list && pandora.$ui.list
|
|
.bindEventOnce({
|
|
init: function(data) {
|
|
pandora.$ui.folderList[
|
|
pandora.getListData().folder
|
|
].value(list.id, 'query', that.$filter.options('value'));
|
|
}
|
|
})
|
|
.reloadList();
|
|
pandora.$ui.filters && pandora.$ui.filters.forEach(function($filter) {
|
|
$filter.reloadList();
|
|
});
|
|
}
|
|
} else {
|
|
pandora.UI.set({find: Ox.clone(that.$filter.options('value'), true)});
|
|
pandora.$ui.findElement.updateElement();
|
|
}
|
|
};
|
|
return that;
|
|
};
|
|
|