Files
freeipa/install/ui/entity.js
T
Endi S. Dewata aa29a8a769 Added Update and Reset buttons into Dirty dialog.
The Dirty dialogs have been combined into IPA.dirty_dialog. It
provides the Update and Reset buttons with customizable callback.

Previously the widget's dirty status is computed by comparing the
old values with the new values. This method is sometimes inaccurate,
so the is_dirty() method has been modified to simply return a flag
which is set to true if the widget is changed.

Ticket #896.
2011-05-27 13:06:57 -04:00

908 lines
24 KiB
JavaScript

/*jsl:import ipa.js */
/*jsl:import navigation.js */
/* Authors:
* Pavel Zuna <pzuna@redhat.com>
* Endi S. Dewata <edewata@redhat.com>
* Adam Young <ayoung@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) {
spec = spec || {};
var that = {};
that.display_class = spec.display_class || 'entity-facet';
that.name = spec.name;
that.label = spec.label;
that.title = spec.title || that.label;
that._entity_name = spec.entity_name;
that.dialogs = $.ordered_map();
// facet group name
that.facet_group = spec.facet_group;
that.__defineGetter__('entity_name', function() {
return that._entity_name;
});
that.__defineSetter__('entity_name', function(entity_name) {
that._entity_name = entity_name;
});
that.get_dialog = function(name) {
return that.dialogs.get(name);
};
that.dialog = function(dialog) {
that.dialogs.put(dialog.name, dialog);
return that;
};
that.init = function() {
var dialogs = that.dialogs.values;
for (var i=0; i<dialogs.length; i++){
var dialog = dialogs[i];
dialog.entity_name = that._entity_name;
dialog.init();
}
};
that.create = function(container) {
that.container = container;
that.header = $('<div/>', {
'class': 'facet-header'
}).appendTo(container);
that.create_header(that.header);
that.content = $('<div/>', {
'class': 'facet-content'
}).appendTo(container);
that.create_content(that.content);
};
that.create_header = function(container) {
that.title_container = $('<div/>', {
'class': 'facet-title'
}).appendTo(container);
$('<h1/>').append(IPA.create_network_spinner()).appendTo(that.title_container);
that.set_title(container, that.title);
that.controls = $('<div/>', {
'class': 'facet-controls'
}).appendTo(container);
};
that.create_content = function(container) {
};
that.set_title = function(container, title) {
var element = $('h1', that.title_container);
element.html(title);
};
that.setup = function(container) {
that.container = container;
};
that.show = function() {
that.container.css('display', 'inline');
};
that.hide = function() {
that.container.css('display', 'none');
};
that.load = function() {
};
that.is_dirty = function() {
return false;
};
that.get_content = function() {
return $('.content', that.container);
};
// methods that should be invoked by subclasses
that.facet_init = that.init;
that.facet_create_header = that.create_header;
that.facet_create_content = that.create_content;
that.facet_setup = that.setup;
that.facet_show = that.show;
that.facet_hide = that.hide;
return that;
};
IPA.table_facet = function(spec) {
spec = spec || {};
var that = IPA.facet(spec);
that.managed_entity_name = spec.managed_entity_name || that.entity_name;
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_name = that.managed_entity_name;
that.columns.put(column.name, column);
};
that.create_column = function(spec) {
var column = IPA.column(spec);
that.add_column(column);
return column;
};
that.column = function(spec){
that.create_column(spec);
return that;
};
var columns = spec.columns || [];
for (var i=0; i<columns.length; i++) {
var column_spec = columns[i];
var column;
if (column_spec instanceof Object) {
var factory = column_spec.factory || IPA.column;
column = factory(column_spec);
} else {
column = IPA.column({ name: column_spec });
}
that.add_column(column);
}
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);
};
return that;
};
IPA.entity = function (spec) {
spec = spec || {};
var that = {};
that.metadata = spec.metadata;
that.name = spec.name;
that.label = spec.label || spec.metadata.label || spec.name;
that.title = spec.title || that.label;
that.header = spec.header || IPA.entity_header({entity: that});
that.dialogs = $.ordered_map();
that.facets = $.ordered_map();
that.facet_groups = $.ordered_map();
// current facet
that.facet_name = null;
that.redirect_facet = spec.redirect_facet;
that.containing_entity = null;
that.get_dialog = function(name) {
return that.dialogs.get(name);
};
that.add_dialog = function(dialog) {
return that.dialog(dialog);
};
that.dialog = function(dialog) {
dialog.entity_name = that.name;
that.dialogs.put(dialog.name, dialog);
return that;
};
that.add_facet_group = function(facet_group) {
that.facet_groups.put(facet_group.name, facet_group);
};
that.get_facet_group = function(name) {
return that.facet_groups.get(name);
};
that.remove_facet_groups = function() {
that.facet_groups.empty();
};
that.get_facet = function(name) {
if (name === 'default') {
// return the first facet in the first facet group
var facet_groups = that.facet_groups.values;
for (var i=0; i<facet_groups.length; i++) {
var facet_group = facet_groups[i];
var facets = facet_group.facets.values;
if (!facets.length) continue;
return facets[0];
}
return that.facets.values[0];
}
return that.facets.get(name);
};
that.add_facet = function(facet) {
facet.entity_name = that.name;
that.facets.put(facet.name, facet);
if (facet.facet_group) {
var facet_group = that.get_facet_group(facet.facet_group);
if (facet_group) {
facet_group.add_facet(facet);
}
}
return that;
};
that.init = function() {
var facets = that.facets.values;
for (var i=0; i<facets.length; i++) {
var facet = facets[i];
facet.entity = that;
facet.init();
}
var dialogs = that.dialogs.values;
for (var j=0; j<dialogs.length; j++) {
dialogs[j].init();
}
};
that.create = function(container) {
var entity_header = $('<div/>', {
'class': 'entity-header'
}).appendTo(container);
that.header.create(entity_header);
that.content = $('<div/>', {
'class': 'entity-content'
}).appendTo(container);
};
that.setup = function(container) {
var prev_facet = that.facet;
IPA.current_entity = that;
var facet_name = IPA.current_facet(that);
that.facet = that.get_facet(facet_name);
if (!that.facet) return;
if (IPA.entity_name == that.name) {
if (that.facet_name == that.facet.name) {
if (that.facet.new_key && (!that.facet.new_key())) return;
} else {
that.facet_name = that.facet.name;
}
} else {
IPA.entity_name = that.name;
}
if (prev_facet) {
prev_facet.hide();
}
var facet_container = $('.facet[name="'+that.facet.name+'"]', that.content);
if (!facet_container.length) {
facet_container = $('<div/>', {
name: that.facet.name,
'class': 'facet'
}).appendTo(that.content);
that.facet.create(facet_container);
that.facet.setup(facet_container);
}
that.facet.show();
that.header.select_tab();
that.facet.refresh();
};
that.get_primary_key_prefix = function() {
var pkey = [];
var current_entity = that;
current_entity = current_entity.containing_entity;
while(current_entity !== null){
pkey.unshift($.bbq.getState(current_entity.name+'-pkey'));
current_entity = current_entity.containing_entity;
}
return pkey;
};
/*gets the primary key for trhe current entity out of the URL parameters */
that.get_primary_key = function() {
var pkey = that.get_primary_key_prefix();
var current_entity = that;
pkey.unshift($.bbq.getState(current_entity.name+'-pkey'));
return pkey;
};
that.entity_init = that.init;
return that;
};
IPA.current_facet = function (entity){
var facet_name = $.bbq.getState(entity.name+'-facet');
var facets = entity.facets.values;
if (!facet_name && facets.length) {
facet_name = facets[0].name;
}
return facet_name;
};
IPA.nested_tab_labels = {};
IPA.get_nested_tab_label = function(entity_name){
if (!IPA.nested_tab_labels[entity_name]){
IPA.nested_tab_labels[entity_name] = "LABEL";
}
return IPA.nested_tab_labels[entity_name];
};
/*Returns the entity requested, as well as:
any nested tabs underneath it or
its parent tab and the others nested at the same level*/
IPA.nested_tabs = function(entity_name) {
var siblings = [];
var i;
var i2;
var nested_entities;
var sub_i;
var sub_tab;
var key = entity_name;
function push_sibling(sibling){
siblings.push (sibling);
IPA.nested_tab_labels[key] = sub_tab;
}
if (!IPA.nav.tabs) {
siblings.push(entity_name);
return siblings;
}
for (var top_i = 0; top_i < IPA.nav.tabs.length; top_i++) {
var top_tab = IPA.nav.tabs[top_i];
for (sub_i = 0; sub_i < top_tab.children.length; sub_i++) {
sub_tab = top_tab.children[sub_i];
nested_entities = sub_tab.children;
if (sub_tab.name === entity_name){
push_sibling(entity_name);
}
if (sub_tab.children){
for (i = 0; i < nested_entities.length; i += 1){
if (sub_tab.name === entity_name){
push_sibling(nested_entities[i].name);
}else{
if (nested_entities[i].name === entity_name){
push_sibling(sub_tab.name);
for (i2 = 0; i2 < nested_entities.length; i2 += 1){
key = nested_entities[i].name;
push_sibling(nested_entities[i2].name);
}
}
}
}
}
}
}
return siblings;
};
IPA.selected_icon = '<span class="ipa-icon">&#x25B6;</span>';
IPA.back_icon = '<span class="ipa-icon">&#x25C0;</span>';
IPA.entity_header = function(spec) {
spec = spec || {};
var that = {};
that.entity = spec.entity;
that.select_tab = function() {
$(that.facet_tabs).find('a').removeClass('selected');
var facet_name = $.bbq.getState(that.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) {
var breadcrumb = [];
var current_entity = IPA.current_entity.containing_entity;
while(current_entity){
breadcrumb.unshift($('<a/>',{
text:$.bbq.getState(current_entity.name+'-pkey'),
title: current_entity.name,
click: function() {
var entity = IPA.get_entity((this.title));
IPA.nav.show_page(entity.name, 'default');
$('a', that.facet_tabs).removeClass('selected');
return false;
}
}));
current_entity = current_entity.containing_entity;
}
that.title_container.empty();
var h3 = $('<h3/>').appendTo(that.title_container);
h3.empty();
h3.append(IPA.current_entity.title);
h3.append(': ');
for (var i = 0; i < breadcrumb.length; i+=1){
h3.append(breadcrumb[i]);
h3.append(' > ');
}
h3.append(
$('<span/>', {
'class': 'entity-pkey',
text:value
}));
} else {
that.title_container.empty();
var span = $('<h3/>',{
text:IPA.current_entity.metadata.label
}).appendTo(that.title_container);
}
};
that.facet_link = function(container, other_facet) {
var li = $('<li/>', {
title: other_facet.name,
click: function() {
if (li.hasClass('entity-facet-disabled')) {
return false;
}
var pkey = $.bbq.getState(that.entity.name+'-pkey');
IPA.nav.show_page(that.entity.name, other_facet.name, pkey);
return false;
}
}).appendTo(container);
$('<a/>', {
text: other_facet.label,
id: other_facet.name
}).appendTo(li);
};
that.facet_group = function(facet_group) {
var section = $('<span/>', {
'class': 'facet-tab-group'
}).appendTo(that.facet_tabs);
$('<label/>', {
text: 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.facet_link(ul, facet);
}
};
that.create = function(container) {
that.title_container = $('<div/>', {
'class': 'entity-title'
}).appendTo(container);
var title_text = $('<h3/>', {
text: that.entity.metadata.label
}).appendTo(that.title_container);
that.pkey = $('<span/>').appendTo(title_text);
that.pkey.append(': ');
that.pkey.append($('<span/>', {
'class': 'entity-pkey'
}));
var search_bar = $('<span/>', {
'class': 'entity-search'
}).appendTo(container);
that.back_link = $('<span/>', {
'class': 'back-link',
click: function() {
if ($(this).hasClass('entity-facet-disabled')) {
return false;
}
var current_entity = that.entity;
while(current_entity.containing_entity){
current_entity = current_entity.containing_entity;
}
IPA.nav.show_page(current_entity.name, 'search');
$('a', that.facet_tabs).removeClass('selected');
return false;
}
}).appendTo(search_bar);
that.back_link.append(IPA.back_icon);
that.back_link.append(' ');
that.back_link.append(IPA.messages.buttons.back_to_list);
that.facet_tabs = $('<div/>', {
'class': 'entity-tabs'
}).appendTo(container);
var facet_groups = that.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.facet_group(facet_group);
}
}
};
return that;
};
IPA.entity_builder = function(){
var that = {};
var entity = null;
var facet_group = null;
var facet = null;
var section = null;
that.entity = function(spec) {
var factory = IPA.entity;
if (spec instanceof Object) {
factory = spec.factory || IPA.entity;
} else {
spec = { name: spec };
}
spec.metadata = spec.metadata || IPA.metadata.objects[spec.name];
if (!spec.metadata) {
throw "Entity not supported by server.";
}
entity = factory(spec);
that.facet_groups([
'member',
'memberindirect',
'settings',
'memberof',
'memberofindirect',
'managedby'
]);
return that;
};
that.facet_group = function(spec) {
if (spec instanceof Object) {
var factory = spec.factory || IPA.facet_group;
facet_group = factory(spec);
} else {
facet_group = IPA.facet_group({ name: spec });
}
if (!facet_group.label) {
var relationships = IPA.metadata.objects[entity.name].relationships;
if (relationships) {
var relationship = relationships[facet_group.name];
if (relationship) {
facet_group.label = relationship[0];
}
}
}
if (!facet_group.label) {
facet_group.label = IPA.messages.facet_groups[facet_group.name];
}
entity.add_facet_group(facet_group);
return that;
};
that.facet_groups = function(specs) {
entity.remove_facet_groups();
for (var i=0; i<specs.length; i++) {
that.facet_group(specs[i]);
}
return that;
};
that.facet = function(spec) {
spec.entity_name = entity.name;
facet = spec.factory(spec);
entity.add_facet(facet);
return that;
};
that.search_facet = function(spec) {
spec.entity_name = entity.name;
spec.label = spec.label || IPA.messages.facets.search;
var factory = spec.factory || IPA.search_facet;
facet = factory(spec);
entity.add_facet(facet);
add_redirect_info();
return that;
};
that.nested_search_facet = function(spec) {
spec.entity_name = entity.name;
spec.label = spec.label || IPA.messages.facets.search;
var factory = spec.factory || IPA.nested_search_facet;
facet = factory(spec);
entity.add_facet(facet);
return that;
};
that.details_facet = function(spec) {
var sections = spec.sections;
spec.sections = null;
spec.entity_name = entity.name;
spec.label = IPA.messages.details.settings;
var factory = spec.factory || IPA.details_facet;
facet = factory(spec);
entity.add_facet(facet);
if (sections) {
for (var i=0; i<sections.length; i++) {
that.section(sections[i]);
}
}
return that;
};
that.association_facet = function(spec) {
spec.entity_name = entity.name;
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.facet_group = spec.facet_group ||
spec.attribute_member;
if (spec.facet_group == 'memberindirect' ||
spec.facet_group == 'memberofindirect') {
spec.read_only = true;
}
spec.label = spec.label ||
(IPA.metadata.objects[spec.other_entity] ?
IPA.metadata.objects[spec.other_entity].label : spec.other_entity);
if (!spec.title) {
if (spec.facet_group == 'member' ||
spec.facet_group == 'memberindirect') {
spec.title = IPA.messages.association.member;
} else if (spec.facet_group == 'memberof' ||
spec.facet_group == 'memberofindirect') {
spec.title = IPA.messages.association.memberof;
}
}
var factory = spec.factory || IPA.association_facet;
facet = factory(spec);
entity.add_facet(facet);
return that;
};
that.standard_association_facets = function() {
var attribute_members = entity.metadata.attribute_members;
for (var attribute_member in attribute_members) {
that.association_facets(attribute_member);
}
return that;
};
that.association_facets = function(attribute_member) {
var other_entities = entity.metadata.attribute_members[attribute_member];
for (var i=0; i<other_entities.length; i++) {
var other_entity = other_entities[i];
var association_name = attribute_member+'_'+other_entity;
var facet = entity.get_facet(association_name);
if (facet) continue;
that.association_facet({
name: association_name
});
}
return that;
};
that.section = function(spec) {
spec.entity_name = entity.name;
if (!spec.label) {
var obj_messages = IPA.messages.objects[entity.name];
spec.label = obj_messages[spec.name];
}
if (spec.factory) {
section = spec.factory(spec);
} else {
section = IPA.details_list_section(spec);
}
facet.add_section(section);
var fields = spec.fields;
if (fields) {
for (var i=0; i<fields.length; i++) {
var field_spec = fields[i];
var field;
if (field_spec instanceof Object) {
field_spec.entity_name = entity.name;
var factory = field_spec.factory || IPA.text_widget;
field = factory(field_spec);
} else {
field = IPA.text_widget({
name: field_spec,
entity_name: entity.name
});
}
section.add_field(field);
}
}
};
function add_redirect_info(facet_name){
if (!entity.redirect_facet){
entity.redirect_facet = 'search';
}
}
that.containing_entity = function(entity_name) {
add_redirect_info();
entity.containing_entity = IPA.get_entity(entity_name);
return that;
};
that.dialog = function(spec) {
var dialog;
if (spec instanceof Object){
var factory = spec.factory || IPA.dialog;
dialog = factory(spec);
} else {
dialog = IPA.dialog({ name: spec });
}
entity.dialog(dialog);
return that;
};
that.adder_dialog = function(spec) {
spec.factory = spec.factory || IPA.add_dialog;
spec.name = spec.name || 'add';
if (!spec.title) {
var messages = IPA.messages.objects[entity.name];
if (messages) {
spec.title = messages.add;
}
}
return that.dialog(spec);
};
that.build = function(){
var item = entity;
entity = null;
return item;
};
return that;
};