mirror of
https://salsa.debian.org/freeipa-team/freeipa.git
synced 2025-02-25 18:55:28 -06:00
77f2f87fe5
Very long pkeys in facet header were limited to 60 characters. This magic number was good enough but with new action lists it isn't. This patch is adding calculation of maximum characters for pkey in facet header. It fixes regression introduced by Action Lists and also it uses effectively available space. Also this patch is changing limiting of breadcrumbs element to use as much space as possible. It works in three steps. First a threshold is set which is equal to length average. Then a total length of keys with length less than threshold is calculated. From this we can get remaining space for long keys and calculate new threshold. At last keys are limited to new threshold. https://fedorahosted.org/freeipa/ticket/2247 f
1749 lines
47 KiB
JavaScript
1749 lines
47 KiB
JavaScript
/*jsl:import ipa.js */
|
|
|
|
/* Authors:
|
|
* Pavel Zuna <pzuna@redhat.com>
|
|
* Endi Sukma Dewata <edewata@redhat.com>
|
|
* Adam Young <ayoung@redhat.com>
|
|
* Petr Vobornik <pvoborni@redhat.com>
|
|
*
|
|
* Copyright (C) 2010-2011 Red Hat
|
|
* see file 'COPYING' for use and warranty information
|
|
*
|
|
* This program is free software; you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License
|
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
/* REQUIRES: ipa.js, details.js, search.js, add.js */
|
|
|
|
IPA.facet = function(spec, no_init) {
|
|
|
|
spec = spec || {};
|
|
|
|
var that = {};
|
|
|
|
that.entity = IPA.get_entity(spec.entity);
|
|
|
|
that.name = spec.name;
|
|
that.label = spec.label;
|
|
that.title = spec.title || that.label;
|
|
that.tab_label = spec.tab_label || that.label;
|
|
that.display_class = spec.display_class;
|
|
|
|
that.disable_breadcrumb = spec.disable_breadcrumb;
|
|
that.disable_facet_tabs = spec.disable_facet_tabs;
|
|
|
|
that.action_list = spec.action_list;
|
|
that.header = spec.header || IPA.facet_header({ facet: that });
|
|
|
|
that._needs_update = spec.needs_update;
|
|
that.expired_flag = true;
|
|
that.last_updated = null;
|
|
that.expire_timeout = spec.expire_timeout || 600; //[seconds]
|
|
that.on_update = IPA.observer();
|
|
that.post_load = IPA.observer();
|
|
|
|
that.dialogs = $.ordered_map();
|
|
|
|
// facet group name
|
|
that.facet_group = spec.facet_group;
|
|
|
|
that.redirect_info = spec.redirect_info;
|
|
|
|
that.state = {};
|
|
|
|
that.get_dialog = function(name) {
|
|
return that.dialogs.get(name);
|
|
};
|
|
|
|
that.dialog = function(dialog) {
|
|
that.dialogs.put(dialog.name, dialog);
|
|
return that;
|
|
};
|
|
|
|
that.create = function(container) {
|
|
|
|
that.container = container;
|
|
|
|
if (that.disable_facet_tabs) that.container.addClass('no-facet-tabs');
|
|
that.container.addClass(that.display_class);
|
|
|
|
that.header_container = $('<div/>', {
|
|
'class': 'facet-header'
|
|
}).appendTo(container);
|
|
that.create_header(that.header_container);
|
|
|
|
that.content = $('<div/>', {
|
|
'class': 'facet-content'
|
|
}).appendTo(container);
|
|
|
|
that.error_container = $('<div/>', {
|
|
'class': 'facet-content facet-error'
|
|
}).appendTo(container);
|
|
|
|
that.create_content(that.content);
|
|
};
|
|
|
|
that.create_header = function(container) {
|
|
|
|
that.header.create(container);
|
|
|
|
that.controls = $('<div/>', {
|
|
'class': 'facet-controls'
|
|
}).appendTo(container);
|
|
};
|
|
|
|
that.create_content = function(container) {
|
|
};
|
|
|
|
that.create_control_buttons = function(container) {
|
|
|
|
if (that.control_buttons) {
|
|
that.control_buttons.create(container);
|
|
}
|
|
};
|
|
|
|
that.set_title = function(container, title) {
|
|
var element = $('h1', that.title_container);
|
|
element.html(title);
|
|
};
|
|
|
|
that.show = function() {
|
|
that.container.css('display', 'block');
|
|
that.show_content();
|
|
};
|
|
|
|
that.show_content = function() {
|
|
that.content.css('display', 'block');
|
|
that.error_container.css('display', 'none');
|
|
};
|
|
|
|
that.show_error = function() {
|
|
that.content.css('display', 'none');
|
|
that.error_container.css('display', 'block');
|
|
};
|
|
|
|
that.error_displayed = function() {
|
|
return that.error_container &&
|
|
that.error_container.css('display') === 'block';
|
|
};
|
|
|
|
that.hide = function() {
|
|
that.container.css('display', 'none');
|
|
};
|
|
|
|
that.load = function(data) {
|
|
that.data = data;
|
|
that.header.load(data);
|
|
};
|
|
|
|
that.refresh = function() {
|
|
};
|
|
|
|
that.clear = function() {
|
|
};
|
|
|
|
that.needs_update = function() {
|
|
|
|
if (that._needs_update !== undefined) return that._needs_update;
|
|
|
|
var needs_update = false;
|
|
|
|
if (that.expire_timeout && that.expire_timeout > 0) {
|
|
|
|
if (!that.last_updated) {
|
|
needs_update = true;
|
|
} else {
|
|
var now = Date.now();
|
|
needs_update = (now - that.last_updated) > that.expire_timeout * 1000;
|
|
}
|
|
}
|
|
|
|
needs_update = needs_update || that.expired_flag;
|
|
needs_update = needs_update || that.error_displayed();
|
|
|
|
return needs_update;
|
|
};
|
|
|
|
that.set_expired_flag = function() {
|
|
that.expired_flag = true;
|
|
};
|
|
|
|
that.clear_expired_flag = function() {
|
|
that.expired_flag = false;
|
|
that.last_updated = Date.now();
|
|
};
|
|
|
|
that.is_dirty = function() {
|
|
return false;
|
|
};
|
|
|
|
that.report_error = function(error_thrown) {
|
|
|
|
var add_option = function(ul, text, handler) {
|
|
|
|
var li = $('<li/>').appendTo(ul);
|
|
$('<a />', {
|
|
href: '#',
|
|
text: text,
|
|
click: function() {
|
|
handler();
|
|
return false;
|
|
}
|
|
}).appendTo(li);
|
|
};
|
|
|
|
var title = IPA.messages.error_report.title;
|
|
title = title.replace('${error}', error_thrown.name);
|
|
|
|
that.error_container.empty();
|
|
that.error_container.append('<h1>'+title+'</h1>');
|
|
|
|
var details = $('<div/>', {
|
|
'class': 'error-details'
|
|
}).appendTo(that.error_container);
|
|
details.append('<p>'+error_thrown.message+'</p>');
|
|
|
|
$('<div/>', {
|
|
text: IPA.messages.error_report.options
|
|
}).appendTo(that.error_container);
|
|
|
|
var options_list = $('<ul/>').appendTo(that.error_container);
|
|
|
|
add_option(
|
|
options_list,
|
|
IPA.messages.error_report.refresh,
|
|
function() {
|
|
that.refresh();
|
|
}
|
|
);
|
|
|
|
add_option(
|
|
options_list,
|
|
IPA.messages.error_report.main_page,
|
|
function() {
|
|
IPA.nav.show_top_level_page();
|
|
}
|
|
);
|
|
|
|
add_option(
|
|
options_list,
|
|
IPA.messages.error_report.reload,
|
|
function() {
|
|
window.location.reload(false);
|
|
}
|
|
);
|
|
|
|
that.error_container.append('<p>'+IPA.messages.error_report.problem_persists+'</p>');
|
|
|
|
that.show_error();
|
|
};
|
|
|
|
that.get_redirect_facet = function() {
|
|
|
|
var entity = that.entity;
|
|
while (entity.containing_entity) {
|
|
entity = entity.get_containing_entity();
|
|
}
|
|
var facet_name = that.entity.redirect_facet;
|
|
var entity_name = entity.name;
|
|
var tab_name, facet;
|
|
|
|
if (that.redirect_info) {
|
|
entity_name = that.redirect_info.entity || entity_name;
|
|
facet_name = that.redirect_info.facet || facet_name;
|
|
tab_name = that.redirect_info.tab;
|
|
}
|
|
|
|
if (tab_name) {
|
|
facet = IPA.nav.get_tab_facet(tab_name);
|
|
}
|
|
|
|
if (!facet) {
|
|
entity = IPA.get_entity(entity_name);
|
|
facet = entity.get_facet(facet_name);
|
|
}
|
|
|
|
return facet;
|
|
};
|
|
|
|
that.redirect = function() {
|
|
|
|
var facet = that.get_redirect_facet();
|
|
if (!facet) return;
|
|
IPA.nav.show_page(facet.entity.name, facet.name);
|
|
};
|
|
|
|
var redirect_error_codes = [4001];
|
|
|
|
that.redirect_error = function(error_thrown) {
|
|
|
|
/*If the error is in talking to the server, don't attempt to redirect,
|
|
as there is nothing any other facet can do either. */
|
|
for (var i=0; i<redirect_error_codes.length; i++) {
|
|
if (error_thrown.code === redirect_error_codes[i]) {
|
|
that.redirect();
|
|
return;
|
|
}
|
|
}
|
|
};
|
|
|
|
that.init_facet = function() {
|
|
|
|
var buttons_spec = {
|
|
factory: IPA.control_buttons_widget,
|
|
name: 'control-buttons',
|
|
'class': 'control-buttons'
|
|
};
|
|
|
|
if (spec.control_buttons) {
|
|
$.extend(buttons_spec, spec.control_buttons);
|
|
}
|
|
|
|
that.control_buttons = IPA.build(buttons_spec);
|
|
that.control_buttons.init(that);
|
|
};
|
|
|
|
if (!no_init) that.init_facet();
|
|
|
|
// methods that should be invoked by subclasses
|
|
that.facet_create = that.create;
|
|
that.facet_create_header = that.create_header;
|
|
that.facet_create_content = that.create_content;
|
|
that.facet_needs_update = that.needs_update;
|
|
that.facet_show = that.show;
|
|
that.facet_hide = that.hide;
|
|
that.facet_load = that.load;
|
|
|
|
return that;
|
|
};
|
|
|
|
IPA.facet_header = function(spec) {
|
|
|
|
spec = spec || {};
|
|
|
|
var that = {};
|
|
|
|
that.facet = spec.facet;
|
|
|
|
var init = function() {
|
|
|
|
if (that.facet.action_list) {
|
|
|
|
var widget_builder = IPA.widget_builder({
|
|
widget_options: {
|
|
entity: that.facet.entity
|
|
}
|
|
});
|
|
|
|
that.action_list = widget_builder.build_widget(that.facet.action_list);
|
|
that.action_list.init();
|
|
}
|
|
|
|
that.title_widget = IPA.facet_title();
|
|
};
|
|
|
|
that.select_tab = function() {
|
|
if (that.facet.disable_facet_tabs) return;
|
|
|
|
$(that.facet_tabs).find('a').removeClass('selected');
|
|
var facet_name = IPA.nav.get_state(that.facet.entity.name+'-facet');
|
|
|
|
if (!facet_name || facet_name === 'default') {
|
|
that.facet_tabs.find('a:first').addClass('selected');
|
|
} else {
|
|
that.facet_tabs.find('a#' + facet_name ).addClass('selected');
|
|
}
|
|
};
|
|
|
|
that.set_pkey = function(value) {
|
|
|
|
if (!value) return;
|
|
|
|
var key, i;
|
|
var pkey_max = that.get_max_pkey_length();
|
|
var limited_value = IPA.limit_text(value, pkey_max);
|
|
|
|
if (!that.facet.disable_breadcrumb) {
|
|
var breadcrumb = [];
|
|
var keys = [];
|
|
|
|
var entity = that.facet.entity.get_containing_entity();
|
|
|
|
while (entity) {
|
|
key = IPA.nav.get_state(entity.name+'-pkey');
|
|
breadcrumb.unshift($('<a/>', {
|
|
'class': 'breadcrumb-element',
|
|
text: key,
|
|
title: entity.metadata.label_singular,
|
|
click: function(entity) {
|
|
return function() {
|
|
IPA.nav.show_page(entity.name, 'default');
|
|
return false;
|
|
};
|
|
}(entity)
|
|
}));
|
|
|
|
entity = entity.get_containing_entity();
|
|
keys.unshift(key);
|
|
}
|
|
|
|
//calculation of breadcrumb keys length
|
|
keys.push(value);
|
|
var max_bc_l = 140; //max chars which can fit on one line
|
|
var max_key_l = (max_bc_l / keys.length) - 4; //4 chars as divider
|
|
var bc_l = 0;
|
|
var to_limit = keys.length;
|
|
|
|
//count how many won't be limited and how much space they take
|
|
for (i=0; i<keys.length; i++) {
|
|
var key_l = keys[i].length;
|
|
if (key_l <= max_key_l) {
|
|
to_limit--;
|
|
bc_l += key_l + 4;
|
|
}
|
|
}
|
|
|
|
max_key_l = ((max_bc_l - bc_l) / to_limit) - 4;
|
|
|
|
|
|
that.path.empty();
|
|
|
|
for (i=0; i<breadcrumb.length; i++) {
|
|
var item = breadcrumb[i];
|
|
key = IPA.limit_text(keys[i], max_key_l);
|
|
item.text(key);
|
|
|
|
that.path.append(' » ');
|
|
that.path.append(item);
|
|
}
|
|
|
|
that.path.append(' » ');
|
|
|
|
key = IPA.limit_text(keys[i], max_key_l);
|
|
|
|
$('<span>', {
|
|
'class': 'breadcrumb-element',
|
|
title: value,
|
|
text: key
|
|
}).appendTo(that.path);
|
|
}
|
|
|
|
var title_info = {
|
|
title: that.facet.label,
|
|
pkey: limited_value,
|
|
pkey_tooltip: value
|
|
};
|
|
that.title_widget.update(title_info);
|
|
|
|
that.adjust_elements();
|
|
};
|
|
|
|
that.create_facet_link = function(container, other_facet) {
|
|
|
|
var li = $('<li/>', {
|
|
name: other_facet.name,
|
|
title: other_facet.name,
|
|
click: function() {
|
|
if (li.hasClass('entity-facet-disabled')) {
|
|
return false;
|
|
}
|
|
|
|
var pkey = IPA.nav.get_state(that.facet.entity.name+'-pkey');
|
|
IPA.nav.show_page(that.facet.entity.name, other_facet.name, pkey);
|
|
|
|
return false;
|
|
}
|
|
}).appendTo(container);
|
|
|
|
$('<a/>', {
|
|
text: other_facet.tab_label,
|
|
id: other_facet.name
|
|
}).appendTo(li);
|
|
};
|
|
|
|
that.create_facet_group = function(container, facet_group) {
|
|
|
|
var section = $('<div/>', {
|
|
name: facet_group.name,
|
|
'class': 'facet-group'
|
|
}).appendTo(container);
|
|
|
|
$('<div/>', {
|
|
'class': 'facet-group-label'
|
|
}).appendTo(section);
|
|
|
|
var ul = $('<ul/>', {
|
|
'class': 'facet-tab'
|
|
}).appendTo(section);
|
|
|
|
var facets = facet_group.facets.values;
|
|
for (var i=0; i<facets.length; i++) {
|
|
var facet = facets[i];
|
|
that.create_facet_link(ul, facet);
|
|
}
|
|
};
|
|
|
|
that.create = function(container) {
|
|
|
|
that.container = container;
|
|
|
|
if (!that.facet.disable_breadcrumb) {
|
|
that.breadcrumb = $('<div/>', {
|
|
'class': 'breadcrumb'
|
|
}).appendTo(container);
|
|
|
|
that.back_link = $('<span/>', {
|
|
'class': 'back-link'
|
|
}).appendTo(that.breadcrumb);
|
|
|
|
var redirect_facet = that.facet.get_redirect_facet();
|
|
|
|
$('<a/>', {
|
|
text: redirect_facet.label,
|
|
click: function() {
|
|
that.facet.redirect();
|
|
return false;
|
|
}
|
|
}).appendTo(that.back_link);
|
|
|
|
|
|
that.path = $('<span/>', {
|
|
'class': 'path'
|
|
}).appendTo(that.breadcrumb);
|
|
}
|
|
|
|
that.title_widget.create(container);
|
|
that.title_widget.update({ title: that.facet.label });
|
|
|
|
if (that.action_list) {
|
|
that.action_list_container = $('<div/>', {
|
|
'class': 'facet-action-list'
|
|
}).appendTo(container);
|
|
|
|
that.action_list.create(that.action_list_container);
|
|
}
|
|
|
|
if (!that.facet.disable_facet_tabs) {
|
|
that.facet_tabs = $('<div/>', {
|
|
'class': 'facet-tabs'
|
|
}).appendTo(container);
|
|
|
|
var facet_groups = that.facet.entity.facet_groups.values;
|
|
for (var i=0; i<facet_groups.length; i++) {
|
|
var facet_group = facet_groups[i];
|
|
if (facet_group.facets.length) {
|
|
that.create_facet_group(that.facet_tabs, facet_group);
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
that.load = function(data) {
|
|
if (!data) return;
|
|
var result = data.result.result;
|
|
if (!that.facet.disable_facet_tabs) {
|
|
var pkey = that.facet.pkey;
|
|
|
|
var facet_groups = that.facet.entity.facet_groups.values;
|
|
for (var i=0; i<facet_groups.length; i++) {
|
|
var facet_group = facet_groups[i];
|
|
|
|
var span = $('.facet-group[name='+facet_group.name+']', that.facet_tabs);
|
|
if (!span.length) continue;
|
|
|
|
var label = facet_group.label;
|
|
if (pkey && label) {
|
|
var limited_pkey = IPA.limit_text(pkey, 20);
|
|
label = label.replace('${primary_key}', limited_pkey);
|
|
} else {
|
|
label = '';
|
|
}
|
|
|
|
var label_container = $('.facet-group-label', span);
|
|
label_container.text(label);
|
|
if (pkey) label_container.attr('title', pkey);
|
|
|
|
var facets = facet_group.facets.values;
|
|
for (var j=0; j<facets.length; j++) {
|
|
var facet = facets[j];
|
|
var link = $('li[name='+facet.name+'] a', span);
|
|
|
|
var values = result ? result[facet.name] : null;
|
|
if (values) {
|
|
link.text(facet.tab_label+' ('+values.length+')');
|
|
} else {
|
|
link.text(facet.tab_label);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
if (that.action_list) {
|
|
that.action_list.update(result);
|
|
|
|
var state = that.action_list.state;
|
|
var icon_tooltip = that.action_list.state_evaluator.get_description();
|
|
if (state.length > 0) {
|
|
var css_class = state.join(' ');
|
|
that.title_widget.set_class(css_class);
|
|
that.title_widget.set_icon_tooltip(icon_tooltip);
|
|
}
|
|
}
|
|
|
|
that.adjust_elements();
|
|
};
|
|
|
|
that.get_max_pkey_length = function() {
|
|
|
|
var label_w, max_pkey_w, max_pkey_l, al, al_w, icon_w, char_w, container_w;
|
|
|
|
container_w = that.container.width();
|
|
icon_w = that.title_widget.icon.width();
|
|
label_w = that.title_widget.title.width();
|
|
char_w = label_w / that.title_widget.title.text().length;
|
|
max_pkey_w = container_w - icon_w - label_w;
|
|
max_pkey_w -= 10; //some space correction to be safe
|
|
|
|
if (that.action_list) {
|
|
al = that.action_list.container;
|
|
al_w = al.width();
|
|
|
|
max_pkey_w -= al_w;
|
|
}
|
|
|
|
max_pkey_l = Math.ceil(max_pkey_w / char_w);
|
|
|
|
return max_pkey_l;
|
|
};
|
|
|
|
that.adjust_elements = function() {
|
|
|
|
if (that.action_list) {
|
|
|
|
var action_list = that.action_list.container;
|
|
var max_width = that.container.width();
|
|
var al_width = action_list.width();
|
|
var title_width = that.title_widget.title_container.width();
|
|
var title_max = max_width - al_width;
|
|
|
|
that.title_widget.set_max_width(title_max);
|
|
action_list.css('left', title_width + 'px');
|
|
}
|
|
};
|
|
|
|
that.clear = function() {
|
|
that.load();
|
|
};
|
|
|
|
init();
|
|
|
|
return that;
|
|
};
|
|
|
|
IPA.facet_title = function(spec) {
|
|
|
|
spec = spec || {};
|
|
|
|
var that = {};
|
|
|
|
that.update = function(data) {
|
|
|
|
var tooltip = data.tooltip || data.title;
|
|
var pkey_tooltip = data.pkey_tooltip || data.pkey;
|
|
var icon_tooltip = data.icon_tooltip || '';
|
|
|
|
that.title.text(data.title);
|
|
that.title.attr('title', tooltip);
|
|
|
|
if (data.pkey) {
|
|
that.title.text(data.title + ': ');
|
|
that.pkey.text(data.pkey);
|
|
that.pkey.attr('title', pkey_tooltip);
|
|
}
|
|
|
|
if (data.css_class) that.set_class(data.css_class);
|
|
|
|
that.set_icon_tooltip(icon_tooltip);
|
|
};
|
|
|
|
that.create = function(container) {
|
|
|
|
that.title_container = $('<div/>', {
|
|
'class': 'facet-title'
|
|
}).appendTo(container);
|
|
|
|
that.icon = $('<div />', {
|
|
'class': 'header-icon'
|
|
}).appendTo(that.title_container);
|
|
|
|
var h3 = $('<h3/>').appendTo(that.title_container);
|
|
|
|
that.title = $('<span/>').appendTo(h3);
|
|
|
|
that.pkey = $('<span/>', {
|
|
'class': 'facet-pkey'
|
|
}).appendTo(h3);
|
|
};
|
|
|
|
that.set_max_width = function(width) {
|
|
that.title_container.css('max-width', width+'px');
|
|
};
|
|
|
|
that.set_class = function(css_class) {
|
|
|
|
if (that.css_class) {
|
|
that.title_container.removeClass(that.css_class);
|
|
}
|
|
|
|
if (css_class) {
|
|
that.title_container.addClass(css_class);
|
|
}
|
|
|
|
that.css_class = css_class;
|
|
};
|
|
|
|
that.set_icon_tooltip = function(tooltip) {
|
|
that.icon.attr('title', tooltip);
|
|
};
|
|
|
|
return that;
|
|
};
|
|
|
|
IPA.table_facet = function(spec, no_init) {
|
|
|
|
spec = spec || {};
|
|
|
|
var that = IPA.facet(spec, no_init);
|
|
|
|
that.managed_entity = spec.managed_entity ? IPA.get_entity(spec.managed_entity) : that.entity;
|
|
|
|
that.pagination = spec.pagination === undefined ? true : spec.pagination;
|
|
that.search_all_entries = spec.search_all_entries;
|
|
that.search_all_attributes = spec.search_all_attributes;
|
|
that.selectable = spec.selectable === undefined ? true : spec.selectable;
|
|
that.select_changed = IPA.observer();
|
|
|
|
that.row_enabled_attribute = spec.row_enabled_attribute;
|
|
that.row_disabled_attribute = spec.row_disabled_attribute;
|
|
that.details_facet_name = spec.details_facet || 'default';
|
|
|
|
that.columns = $.ordered_map();
|
|
|
|
that.get_columns = function() {
|
|
return that.columns.values;
|
|
};
|
|
|
|
that.get_column = function(name) {
|
|
return that.columns.get(name);
|
|
};
|
|
|
|
that.add_column = function(column) {
|
|
column.entity = that.managed_entity;
|
|
that.columns.put(column.name, column);
|
|
};
|
|
|
|
that.create_column = function(spec) {
|
|
var column;
|
|
if (spec instanceof Object) {
|
|
var factory = spec.factory || IPA.column;
|
|
} else {
|
|
factory = IPA.column;
|
|
spec = { name: spec };
|
|
}
|
|
|
|
spec.entity = that.managed_entity;
|
|
column = factory(spec);
|
|
|
|
that.add_column(column);
|
|
return column;
|
|
};
|
|
|
|
that.column = function(spec){
|
|
that.create_column(spec);
|
|
return that;
|
|
};
|
|
|
|
that.create_content = function(container) {
|
|
that.table.create(container);
|
|
};
|
|
|
|
that.load = function(data) {
|
|
that.facet_load(data);
|
|
|
|
if (!data) {
|
|
that.table.empty();
|
|
that.table.summary.text('');
|
|
that.table.pagination_control.css('visibility', 'hidden');
|
|
return;
|
|
}
|
|
|
|
that.table.current_page = 1;
|
|
that.table.total_pages = 1;
|
|
|
|
if (that.pagination) {
|
|
that.load_page(data);
|
|
} else {
|
|
that.load_all(data);
|
|
}
|
|
|
|
that.table.current_page_input.val(that.table.current_page);
|
|
that.table.total_pages_span.text(that.table.total_pages);
|
|
|
|
that.table.pagination_control.css('visibility', 'visible');
|
|
|
|
that.post_load.notify();
|
|
that.clear_expired_flag();
|
|
};
|
|
|
|
|
|
that.load_all = function(data) {
|
|
|
|
var result = data.result.result;
|
|
var records = [];
|
|
for (var i=0; i<result.length; i++) {
|
|
var record = that.table.get_record(result[i], 0);
|
|
records.push(record);
|
|
}
|
|
that.load_records(records);
|
|
|
|
if (data.result.truncated) {
|
|
var message = IPA.messages.search.truncated;
|
|
message = message.replace('${counter}', data.result.count);
|
|
that.table.summary.text(message);
|
|
} else {
|
|
that.table.summary.text(data.result.summary);
|
|
}
|
|
};
|
|
|
|
that.get_records_map = function(data) {
|
|
|
|
var records_map = $.ordered_map();
|
|
|
|
var result = data.result.result;
|
|
var pkey_name = that.managed_entity.metadata.primary_key;
|
|
|
|
for (var i=0; i<result.length; i++) {
|
|
var record = result[i];
|
|
var pkey = record[pkey_name];
|
|
if (pkey instanceof Array) pkey = pkey[0];
|
|
records_map.put(pkey, record);
|
|
}
|
|
|
|
return records_map;
|
|
};
|
|
|
|
that.load_page = function(data) {
|
|
|
|
// get primary keys (and the complete records if search_all_entries is true)
|
|
var records_map = that.get_records_map(data);
|
|
|
|
var total = records_map.length;
|
|
that.table.total_pages = total ? Math.ceil(total / that.table.page_length) : 1;
|
|
|
|
delete that.table.current_page;
|
|
|
|
var state = {};
|
|
var page = parseInt(IPA.nav.get_state(that.entity.name+'-page'), 10) || 1;
|
|
if (page < 1) {
|
|
state[that.entity.name+'-page'] = 1;
|
|
IPA.nav.push_state(state);
|
|
return;
|
|
} else if (page > that.table.total_pages) {
|
|
state[that.entity.name+'-page'] = that.table.total_pages;
|
|
IPA.nav.push_state(state);
|
|
return;
|
|
}
|
|
that.table.current_page = page;
|
|
|
|
if (!total) {
|
|
that.table.summary.text(IPA.messages.association.no_entries);
|
|
that.load_records([]);
|
|
return;
|
|
}
|
|
|
|
// calculate the start and end of the current page
|
|
var start = (that.table.current_page - 1) * that.table.page_length + 1;
|
|
var end = that.table.current_page * that.table.page_length;
|
|
end = end > total ? total : end;
|
|
|
|
var summary = IPA.messages.association.paging;
|
|
summary = summary.replace('${start}', start);
|
|
summary = summary.replace('${end}', end);
|
|
summary = summary.replace('${total}', total);
|
|
that.table.summary.text(summary);
|
|
|
|
// sort map based on primary keys
|
|
records_map = records_map.sort();
|
|
|
|
// trim map leaving the entries visible in the current page only
|
|
records_map = records_map.slice(start-1, end);
|
|
|
|
var columns = that.table.columns.values;
|
|
if (columns.length == 1) { // show primary keys only
|
|
that.load_records(records_map.values);
|
|
return;
|
|
}
|
|
|
|
if (that.search_all_entries) {
|
|
// map contains the primary keys and the complete records
|
|
that.load_records(records_map.values);
|
|
return;
|
|
}
|
|
|
|
// get the complete records
|
|
that.get_records(
|
|
records_map.keys,
|
|
function(data, text_status, xhr) {
|
|
var results = data.result.results;
|
|
for (var i=0; i<records_map.length; i++) {
|
|
var pkey = records_map.keys[i];
|
|
var record = records_map.get(pkey);
|
|
// merge the record obtained from the refresh()
|
|
// with the record obtained from get_records()
|
|
$.extend(record, results[i].result);
|
|
}
|
|
that.load_records(records_map.values);
|
|
},
|
|
function(xhr, text_status, error_thrown) {
|
|
that.load_records([]);
|
|
var summary = that.table.summary.empty();
|
|
summary.append(error_thrown.name+': '+error_thrown.message);
|
|
}
|
|
);
|
|
};
|
|
|
|
that.load_records = function(records) {
|
|
that.table.empty();
|
|
for (var i=0; i<records.length; i++) {
|
|
that.add_record(records[i]);
|
|
}
|
|
that.table.set_values(that.selected_values);
|
|
};
|
|
|
|
that.add_record = function(record) {
|
|
|
|
var tr = that.table.add_record(record);
|
|
|
|
var attribute;
|
|
if (that.row_enabled_attribute) {
|
|
attribute = that.row_enabled_attribute;
|
|
} else if (that.row_disabled_attribute) {
|
|
attribute = that.row_disabled_attribute;
|
|
} else {
|
|
return;
|
|
}
|
|
|
|
var value = record[attribute];
|
|
var column = that.table.get_column(attribute);
|
|
if (column.formatter) value = column.formatter.parse(value);
|
|
|
|
that.table.set_row_enabled(tr, value);
|
|
};
|
|
|
|
that.get_records_command_name = function() {
|
|
return that.managed_entity.name+'_get_records';
|
|
};
|
|
|
|
that.create_get_records_command = function(pkeys, on_success, on_error) {
|
|
|
|
var batch = IPA.batch_command({
|
|
name: that.get_records_command_name(),
|
|
on_success: on_success,
|
|
on_error: on_error
|
|
});
|
|
|
|
for (var i=0; i<pkeys.length; i++) {
|
|
var pkey = pkeys[i];
|
|
|
|
var command = IPA.command({
|
|
entity: that.table.entity.name,
|
|
method: 'show',
|
|
args: [ pkey ],
|
|
options: { all: true }
|
|
});
|
|
|
|
batch.add_command(command);
|
|
}
|
|
|
|
return batch;
|
|
};
|
|
|
|
that.get_records = function(pkeys, on_success, on_error) {
|
|
|
|
var batch = that.create_get_records_command(pkeys, on_success, on_error);
|
|
|
|
batch.execute();
|
|
};
|
|
|
|
that.get_selected_values = function() {
|
|
return that.table.get_selected_values();
|
|
};
|
|
|
|
that.init_table = function(entity) {
|
|
|
|
that.table = IPA.table_widget({
|
|
'class': 'content-table',
|
|
name: entity.metadata.primary_key,
|
|
label: entity.metadata.label,
|
|
entity: entity,
|
|
pagination: true,
|
|
search_all_attributes: that.search_all_attributes,
|
|
scrollable: true,
|
|
selectable: that.selectable && !that.read_only
|
|
});
|
|
|
|
var columns = that.columns.values;
|
|
for (var i=0; i<columns.length; i++) {
|
|
var column = columns[i];
|
|
|
|
var metadata = IPA.get_entity_param(entity.name, column.name);
|
|
column.primary_key = metadata && metadata.primary_key;
|
|
column.link = (column.link === undefined ? true : column.link) && column.primary_key;
|
|
|
|
if (column.link && column.primary_key) {
|
|
column.link_handler = function(value) {
|
|
IPA.nav.show_page(entity.name, that.details_facet_name, value);
|
|
return false;
|
|
};
|
|
}
|
|
|
|
that.table.add_column(column);
|
|
}
|
|
|
|
that.table.select_changed = function() {
|
|
that.selected_values = that.get_selected_values();
|
|
that.select_changed.notify([that.selected_values]);
|
|
};
|
|
|
|
that.table.prev_page = function() {
|
|
if (that.table.current_page > 1) {
|
|
var state = {};
|
|
state[that.entity.name+'-page'] = that.table.current_page - 1;
|
|
that.set_expired_flag();
|
|
IPA.nav.push_state(state);
|
|
}
|
|
};
|
|
|
|
that.table.next_page = function() {
|
|
if (that.table.current_page < that.table.total_pages) {
|
|
var state = {};
|
|
state[that.entity.name+'-page'] = that.table.current_page + 1;
|
|
that.set_expired_flag();
|
|
IPA.nav.push_state(state);
|
|
}
|
|
};
|
|
|
|
that.table.set_page = function(page) {
|
|
if (page < 1) {
|
|
page = 1;
|
|
} else if (page > that.total_pages) {
|
|
page = that.total_pages;
|
|
}
|
|
var state = {};
|
|
state[that.entity.name+'-page'] = page;
|
|
that.set_expired_flag();
|
|
IPA.nav.push_state(state);
|
|
};
|
|
};
|
|
|
|
that.init_table_columns = function() {
|
|
var columns = spec.columns || [];
|
|
for (var i=0; i<columns.length; i++) {
|
|
that.create_column(columns[i]);
|
|
}
|
|
};
|
|
|
|
if (!no_init) that.init_table_columns();
|
|
|
|
that.table_facet_create_get_records_command = that.create_get_records_command;
|
|
|
|
return that;
|
|
};
|
|
|
|
IPA.facet_group = function(spec) {
|
|
|
|
spec = spec || {};
|
|
|
|
var that = {};
|
|
|
|
that.name = spec.name;
|
|
that.label = spec.label;
|
|
|
|
that.facets = $.ordered_map();
|
|
|
|
that.add_facet = function(facet) {
|
|
that.facets.put(facet.name, facet);
|
|
};
|
|
|
|
that.get_facet = function(name) {
|
|
return that.facets.get(name);
|
|
};
|
|
|
|
that.get_facet_index = function(name) {
|
|
return that.facets.get_key_index(name);
|
|
};
|
|
|
|
that.get_facet_by_index = function(index) {
|
|
return that.facets.get_value_by_index(index);
|
|
};
|
|
|
|
that.get_facet_count = function(index) {
|
|
return that.facets.length;
|
|
};
|
|
|
|
return that;
|
|
};
|
|
|
|
IPA.facet_builder = function(entity) {
|
|
|
|
var that = {};
|
|
|
|
that.prepare_methods = {};
|
|
|
|
function init() {
|
|
that.prepare_methods.search = that.prepare_search_spec;
|
|
that.prepare_methods.nested_search = that.prepare_nested_search_spec;
|
|
that.prepare_methods.details = that.prepare_details_spec;
|
|
that.prepare_methods.association = that.prepare_association_spec;
|
|
}
|
|
|
|
that.build_facets = function() {
|
|
|
|
if(entity.facet_specs && entity.facet_specs.length) {
|
|
var facets = entity.facet_specs;
|
|
for(var i=0; i<facets.length; i++) {
|
|
var facet_spec = facets[i];
|
|
that.build_facet(facet_spec);
|
|
}
|
|
}
|
|
};
|
|
|
|
that.build_facet = function(spec) {
|
|
|
|
//do common logic
|
|
spec.entity = entity;
|
|
|
|
//prepare spec based on type
|
|
var type = spec.type;
|
|
if (type) {
|
|
var prepare_method = that.prepare_methods[type];
|
|
if (prepare_method) {
|
|
prepare_method.call(that, spec);
|
|
}
|
|
}
|
|
|
|
//add facet
|
|
var facet = spec.factory(spec);
|
|
entity.add_facet(facet);
|
|
};
|
|
|
|
function add_redirect_info(facet_name) {
|
|
|
|
facet_name = facet_name || 'search';
|
|
if (!entity.redirect_facet){
|
|
entity.redirect_facet = facet_name;
|
|
}
|
|
}
|
|
|
|
that.prepare_search_spec = function(spec) {
|
|
|
|
spec.title = spec.title || entity.metadata.label;
|
|
spec.label = spec.label || entity.metadata.label;
|
|
spec.tab_label = spec.tab_label || IPA.messages.facets.search;
|
|
spec.factory = spec.factory || IPA.search_facet;
|
|
|
|
add_redirect_info();
|
|
return spec;
|
|
};
|
|
|
|
that.prepare_nested_search_spec = function(spec) {
|
|
|
|
spec.title = spec.title || entity.metadata.label_singular;
|
|
spec.label = spec.label || entity.metadata.label;
|
|
spec.tab_label = spec.tab_label || IPA.messages.facets.search;
|
|
spec.factory = spec.factory || IPA.nested_search_facet;
|
|
|
|
return spec;
|
|
};
|
|
|
|
that.prepare_details_spec = function(spec) {
|
|
spec.title = spec.title || entity.metadata.label_singular;
|
|
spec.label = spec.label || entity.metadata.label_singular;
|
|
spec.tab_label = spec.tab_label || IPA.messages.facets.details;
|
|
spec.factory = spec.factory || IPA.details_facet;
|
|
|
|
return spec;
|
|
};
|
|
|
|
that.prepare_association_spec = function(spec) {
|
|
|
|
spec.entity = entity;
|
|
|
|
var index = spec.name.indexOf('_');
|
|
spec.attribute_member = spec.attribute_member ||
|
|
spec.name.substring(0, index);
|
|
spec.other_entity = spec.other_entity ||
|
|
spec.name.substring(index+1);
|
|
|
|
spec.add_title = IPA.messages.association.add[spec.attribute_member];
|
|
spec.remove_title = IPA.messages.association.remove[spec.attribute_member];
|
|
|
|
spec.facet_group = spec.facet_group || spec.attribute_member;
|
|
|
|
spec.factory = spec.factory || IPA.association_facet;
|
|
|
|
spec.label = spec.label || entity.metadata.label_singular;
|
|
spec.tab_label = spec.tab_label ||
|
|
(IPA.metadata.objects[spec.other_entity] ?
|
|
IPA.metadata.objects[spec.other_entity].label : spec.other_entity);
|
|
|
|
if (that.has_indirect_attribute_member(spec)) {
|
|
|
|
spec.indirect_attribute_member = spec.attribute_member + 'indirect';
|
|
}
|
|
|
|
if (spec.facet_group === 'memberindirect' ||
|
|
spec.facet_group === 'memberofindirect') {
|
|
|
|
spec.read_only = true;
|
|
}
|
|
|
|
return spec;
|
|
};
|
|
|
|
that.has_indirect_attribute_member = function(spec) {
|
|
|
|
var indirect_members = entity.metadata.attribute_members[spec.attribute_member + 'indirect'];
|
|
if (indirect_members) {
|
|
if (indirect_members.indexOf(spec.other_entity) > -1) {
|
|
return true;
|
|
}
|
|
}
|
|
return false;
|
|
};
|
|
|
|
init();
|
|
|
|
return that;
|
|
};
|
|
|
|
IPA.action = function(spec) {
|
|
|
|
spec = spec || {};
|
|
|
|
var that = {};
|
|
|
|
that.name = spec.name;
|
|
that.label = spec.label;
|
|
that.enable_cond = spec.enable_cond || [];
|
|
that.disable_cond = spec.disable_cond || [];
|
|
that.handler = spec.handler;
|
|
that.needs_confirm = spec.needs_confirm !== undefined ? spec.needs_confirm : true;
|
|
that.confirm_msg = spec.confirm_msg || IPA.messages.actions.confirm;
|
|
|
|
that.execute = function(facet, on_success, on_error) {
|
|
|
|
if (that.handler) {
|
|
that.handler(facet, on_success, on_error);
|
|
}
|
|
};
|
|
|
|
return that;
|
|
};
|
|
|
|
IPA.action_builder = function(spec) {
|
|
|
|
spec = spec || {};
|
|
spec.factory = spec.factory || IPA.action;
|
|
var that = IPA.builder(spec);
|
|
return that;
|
|
};
|
|
|
|
IPA.state_evaluator = function(spec) {
|
|
|
|
spec = spec || {};
|
|
|
|
var that = {};
|
|
|
|
that.evaluate = function() {
|
|
that.state = [];
|
|
return that.state;
|
|
};
|
|
|
|
that.get_description = function() {
|
|
return that.description || '';
|
|
};
|
|
|
|
return that;
|
|
};
|
|
|
|
IPA.state_listener = function(spec) {
|
|
|
|
spec = spec || {};
|
|
|
|
var that = {};
|
|
|
|
that.event_name = spec.event;
|
|
that.state_changed = IPA.observer();
|
|
that.state = [];
|
|
|
|
that.init = function(facet) {
|
|
|
|
if (that.event_name && facet[that.event_name]) {
|
|
facet[that.event_name].attach(that.on_event);
|
|
}
|
|
};
|
|
|
|
that.on_event = function() {
|
|
that.state_changed.notify();
|
|
};
|
|
|
|
that.get_description = function() {
|
|
return that.description || '';
|
|
};
|
|
|
|
return that;
|
|
};
|
|
|
|
IPA.state_listener_builder = function(spec) {
|
|
|
|
spec = spec || {};
|
|
spec.factory = spec.factory || IPA.state_listener;
|
|
var that = IPA.builder(spec);
|
|
return that;
|
|
};
|
|
|
|
IPA.dirty_state_listener = function(spec) {
|
|
|
|
spec = spec || {};
|
|
|
|
spec.event = spec.event || 'dirty_changed';
|
|
|
|
var that = IPA.state_listener(spec);
|
|
|
|
that.on_event = function(dirty) {
|
|
that.state = [];
|
|
|
|
if (dirty) {
|
|
that.state.push('dirty');
|
|
}
|
|
|
|
that.state_changed.notify();
|
|
};
|
|
|
|
return that;
|
|
};
|
|
|
|
IPA.selected_state_listener = function(spec) {
|
|
|
|
spec = spec || {};
|
|
|
|
spec.event = spec.event || 'select_changed';
|
|
|
|
var that = IPA.state_listener(spec);
|
|
|
|
that.on_event = function(selected) {
|
|
that.state = [];
|
|
|
|
if (selected && selected.length > 0) {
|
|
that.state.push('item-selected');
|
|
}
|
|
|
|
that.state_changed.notify();
|
|
};
|
|
|
|
return that;
|
|
};
|
|
|
|
IPA.self_service_state_listener = function(spec) {
|
|
|
|
spec = spec || {};
|
|
|
|
spec.event = spec.event || 'post_load';
|
|
|
|
var that = IPA.state_listener(spec);
|
|
|
|
that.on_event = function() {
|
|
that.state = [];
|
|
|
|
var self_service = IPA.nav.name === 'self-service';
|
|
|
|
if (self_service) {
|
|
that.state.push('self-service');
|
|
}
|
|
|
|
that.state_changed.notify();
|
|
};
|
|
|
|
return that;
|
|
};
|
|
|
|
IPA.action_button_widget = function(spec) {
|
|
|
|
spec = spec || {};
|
|
|
|
var that = IPA.widget(spec);
|
|
|
|
that.name = spec.name;
|
|
that.label = spec.label;
|
|
that.tooltip = spec.tooltip;
|
|
that.href = spec.href || that.name;
|
|
that.icon = spec.icon;
|
|
|
|
that.needs_confirm = spec.needs_confirm !== undefined ? spec.needs_confirm : false;
|
|
that.confirm_msg = spec.confirm_msg || IPA.messages.actions.confirm;
|
|
that.confirm_dialog = spec.confirm_dialog;
|
|
|
|
that.action = IPA.build(spec.action, IPA.action_builder);
|
|
that.enabled = spec.enabled !== undefined ? spec.enabled : true;
|
|
that.visible = spec.visible !== undefined ? spec.visible : true;
|
|
|
|
that.show_cond = spec.show_cond || [];
|
|
that.hide_cond = spec.hide_cond || [];
|
|
|
|
that.create = function(container) {
|
|
|
|
that.widget_create(container);
|
|
|
|
that.button_element = IPA.action_button({
|
|
name: that.name,
|
|
href: that.href,
|
|
label: that.label,
|
|
icon: that.icon,
|
|
click: function() {
|
|
that.on_click();
|
|
return false;
|
|
}
|
|
}).appendTo(container);
|
|
|
|
that.set_enabled(that.enabled);
|
|
that.set_visible(that.visible);
|
|
};
|
|
|
|
that.on_click = function() {
|
|
|
|
if (!that.enabled) return;
|
|
|
|
if (that.needs_confirm) {
|
|
|
|
var confirmed = false;
|
|
|
|
if (that.confirm_dialog) {
|
|
|
|
var dialog = IPA.build(that.confirm_dialog);
|
|
confirmed = dialog.confirm(that.facet);
|
|
} else {
|
|
var msg = that.get_confirm_message();
|
|
confirmed = IPA.confirm(msg);
|
|
}
|
|
|
|
if (!confirmed) return;
|
|
}
|
|
|
|
that.execute_action();
|
|
};
|
|
|
|
that.get_confirm_message = function() {
|
|
return that.confirm_msg;
|
|
};
|
|
|
|
that.execute_action = function() {
|
|
|
|
if (that.action) {
|
|
that.action.execute(that.facet);
|
|
}
|
|
};
|
|
|
|
that.set_enabled = function(enabled) {
|
|
that.enabled = enabled;
|
|
|
|
if (that.button_element) {
|
|
if (enabled) {
|
|
that.button_element.removeClass('action-button-disabled');
|
|
} else {
|
|
that.button_element.addClass('action-button-disabled');
|
|
}
|
|
}
|
|
};
|
|
|
|
that.set_visible = function(visible) {
|
|
|
|
that.visible = visible;
|
|
|
|
if (that.button_element) {
|
|
if (visible) {
|
|
that.button_element.show();
|
|
} else {
|
|
that.button_element.hide();
|
|
}
|
|
}
|
|
};
|
|
|
|
return that;
|
|
};
|
|
|
|
IPA.action_button_widget_builder = function(spec) {
|
|
|
|
spec = spec || {};
|
|
spec.factory = spec.factory || IPA.action_button_widget;
|
|
var that = IPA.builder(spec);
|
|
return that;
|
|
};
|
|
|
|
IPA.control_buttons_widget = function(spec) {
|
|
|
|
|
|
spec = spec || {};
|
|
|
|
var that = IPA.widget(spec);
|
|
|
|
that.buttons = IPA.build(spec.buttons, IPA.action_button_widget_builder) || [];
|
|
that.state_listeners = IPA.build(spec.state_listeners, IPA.state_listener_builder) || [];
|
|
that.state = [];
|
|
|
|
that.init = function(facet) {
|
|
|
|
var i;
|
|
|
|
for (i=0; i<that.state_listeners.length; i++) {
|
|
|
|
var listener = that.state_listeners[i];
|
|
listener.init(facet);
|
|
listener.state_changed.attach(that.on_state_change);
|
|
}
|
|
|
|
for (i=0; i<that.buttons.length; i++) {
|
|
|
|
var button = that.buttons[i];
|
|
button.facet = facet;
|
|
}
|
|
|
|
that.on_state_change();
|
|
};
|
|
|
|
that.create = function(container) {
|
|
|
|
that.container = $('<div/>', {
|
|
'class': that['class']
|
|
}).appendTo(container);
|
|
|
|
for (var i=0; i<that.buttons.length; i++) {
|
|
|
|
var button = that.buttons[i];
|
|
button.create(that.container);
|
|
}
|
|
};
|
|
|
|
that.on_state_change = function() {
|
|
|
|
that.get_state();
|
|
that.reevaluate();
|
|
};
|
|
|
|
that.get_state = function() {
|
|
|
|
that.state = [];
|
|
|
|
for (var i=0; i<that.state_listeners.length; i++) {
|
|
|
|
var listener = that.state_listeners[i];
|
|
that.state.push.apply(that.state, listener.state);
|
|
}
|
|
};
|
|
|
|
that.reevaluate = function() {
|
|
|
|
for (var i=0; i<that.buttons.length; i++) {
|
|
|
|
var button = that.buttons[i];
|
|
var action = button.action;
|
|
var enabled = IPA.eval_cond(action.enable_cond, action.disable_cond, that.state);
|
|
var visible = IPA.eval_cond(button.show_cond, button.hide_cond, that.state);
|
|
button.set_enabled(enabled);
|
|
button.set_visible(visible);
|
|
}
|
|
};
|
|
|
|
return that;
|
|
};
|
|
|
|
IPA.eval_cond = function(enable_cond, disable_cond, state) {
|
|
|
|
var i, cond;
|
|
|
|
if (disable_cond) {
|
|
for (i=0; i<disable_cond.length; i++) {
|
|
cond = disable_cond[i];
|
|
if (state.indexOf(cond) > -1) {
|
|
return false;
|
|
}
|
|
}
|
|
}
|
|
|
|
if (enable_cond) {
|
|
for (i=0; i<enable_cond.length; i++) {
|
|
cond = enable_cond[i];
|
|
if (state.indexOf(cond) < 0) {
|
|
return false;
|
|
}
|
|
}
|
|
}
|
|
|
|
return true;
|
|
};
|
|
|
|
|
|
IPA.action_list_widget = function(spec) {
|
|
|
|
spec = spec || {};
|
|
|
|
spec.widgets = spec.widgets || [
|
|
{
|
|
type: 'html',
|
|
css_class: 'separator'
|
|
},
|
|
{
|
|
type: 'select',
|
|
name: 'action',
|
|
undo: false
|
|
},
|
|
{
|
|
type: 'button',
|
|
name: 'apply',
|
|
label: "Apply" //TODO: translate
|
|
}
|
|
];
|
|
|
|
var that = IPA.composite_widget(spec);
|
|
|
|
that.actions = IPA.build(spec.actions, IPA.action_builder) || [];
|
|
that.state_evaluator = IPA.build(spec.state_evaluator);
|
|
that.state = [];
|
|
|
|
that.init = function() {
|
|
that.action_select = that.widgets.get_widget('action');
|
|
that.apply_button = that.widgets.get_widget('apply');
|
|
|
|
that.action_select.value_changed.attach(that.on_action_change);
|
|
that.apply_button.click = that.on_apply;
|
|
|
|
var options = [];
|
|
|
|
for (var i=0; i< that.actions.length; i++) {
|
|
var action = that.actions[i];
|
|
options.push({
|
|
label: action.label,
|
|
value: action.name
|
|
});
|
|
}
|
|
|
|
that.action_select.options = options;
|
|
};
|
|
|
|
that.on_action_change = function() {
|
|
|
|
var selected = that.action_select.save()[0];
|
|
var action = that.get_action(selected);
|
|
var enabled = that.action_enabled(action);
|
|
that.apply_button.set_enabled(enabled);
|
|
};
|
|
|
|
that.on_apply = function() {
|
|
var selected = that.action_select.save()[0];
|
|
var action = that.get_action(selected);
|
|
var enabled = that.action_enabled(action);
|
|
var facet = that.entity.get_facet();
|
|
|
|
if (enabled) {
|
|
action.execute(facet,
|
|
that.on_action_success,
|
|
that.on_action_error);
|
|
}
|
|
};
|
|
|
|
that.on_action_success = function() {
|
|
var facet = that.entity.get_facet();
|
|
facet.refresh();
|
|
};
|
|
|
|
that.on_action_error = function() {
|
|
var facet = that.entity.get_facet();
|
|
facet.refresh();
|
|
};
|
|
|
|
that.update = function(result) {
|
|
|
|
that.get_state(result);
|
|
var disabled = that.get_disabled();
|
|
that.action_select.enable_options();
|
|
that.action_select.disable_options(disabled);
|
|
that.select_first_enabled();
|
|
};
|
|
|
|
that.get_state = function(result) {
|
|
|
|
if (that.state_evaluator) {
|
|
that.state = that.state_evaluator.evaluate(result);
|
|
}
|
|
};
|
|
|
|
that.get_action = function(name) {
|
|
|
|
for (var i=0; i< that.actions.length; i++) {
|
|
var action = that.actions[i];
|
|
if (action.name === name) {
|
|
return action;
|
|
}
|
|
}
|
|
return null;
|
|
};
|
|
|
|
that.get_disabled = function() {
|
|
|
|
var disabled = [];
|
|
|
|
for (var i=0; i< that.actions.length; i++) {
|
|
var action = that.actions[i];
|
|
if (!that.action_enabled(action)) {
|
|
disabled.push(action.name);
|
|
}
|
|
}
|
|
|
|
return disabled;
|
|
};
|
|
|
|
that.action_enabled = function(action) {
|
|
|
|
var enabled = IPA.eval_cond(action.enable_cond,
|
|
action.disable_cond,
|
|
that.state);
|
|
return enabled;
|
|
};
|
|
|
|
that.select_first_enabled = function() {
|
|
|
|
var first = that.actions[0].name;
|
|
|
|
for (var i=0; i< that.actions.length; i++) {
|
|
var action = that.actions[i];
|
|
if (that.action_enabled(action)) {
|
|
first = action.name;
|
|
break;
|
|
}
|
|
}
|
|
|
|
that.action_select.update([first]);
|
|
};
|
|
|
|
return that;
|
|
}; |