summaryrefslogtreecommitdiffstats
path: root/install
diff options
context:
space:
mode:
authorEndi S. Dewata <edewata@redhat.com>2011-02-10 16:10:53 -0600
committerAdam Young <ayoung@redhat.com>2011-02-17 14:57:21 -0500
commit49a5f14b4716125bb32232c115f45cceb83f8472 (patch)
treebd9fbf71d5f89ff9c3b3ba8abf9574f30eef001c /install
parent1ea463eced90e25d353f8ff7c0012d9d0fc510b1 (diff)
downloadfreeipa-49a5f14b4716125bb32232c115f45cceb83f8472.tar.gz
freeipa-49a5f14b4716125bb32232c115f45cceb83f8472.tar.xz
freeipa-49a5f14b4716125bb32232c115f45cceb83f8472.zip
Added expand/collapse all.
A link has been added into the details page to expand/collapse all sections. Previously each section's <div> container is identified using a long ID. It is now identified using the section name.
Diffstat (limited to 'install')
-rw-r--r--install/ui/details.js100
-rw-r--r--install/ui/dialog.js4
-rw-r--r--install/ui/hbacrule.js4
-rw-r--r--install/ui/sudorule.js4
4 files changed, 78 insertions, 34 deletions
diff --git a/install/ui/details.js b/install/ui/details.js
index 0c68fe4c4..82800eb35 100644
--- a/install/ui/details.js
+++ b/install/ui/details.js
@@ -348,18 +348,6 @@ IPA.details_facet = function(spec) {
}
};
- that.get_section_header_prefix = function(visible) {
- if (visible) {
- return '<span class="ui-icon '+
- IPA.collapse_icon +
- ' section-expand" ></span>';
- } else {
- return '<span class="ui-icon '+
- IPA.expand_icon +
- ' section-expand" />';
- }
- };
-
function create(container) {
container.attr('title', that.entity_name);
@@ -373,6 +361,21 @@ IPA.details_facet = function(spec) {
'class': 'content'
}).appendTo(container);
+ $('<a/>', {
+ name: 'expand_all',
+ href: 'expand_all',
+ text: 'Expand All',
+ style: 'display: none;'
+ }).appendTo(details);
+
+ $('<a/>', {
+ name: 'collapse_all',
+ href: 'collapse_all',
+ text: 'Collapse All'
+ }).appendTo(details);
+
+ details.append('<br/>');
+
var action_panel = that.get_action_panel();
var ul = $('ul', action_panel);
@@ -392,14 +395,22 @@ IPA.details_facet = function(spec) {
for (var i = 0; i < that.sections.length; ++i) {
var section = that.sections[i];
- $('<h2/>', {
+ var header = $('<h2/>', {
name: section.name,
- title: section.label,
- html: that.get_section_header_prefix(true) + ' ' + section.label
+ title: section.label
}).appendTo(details);
+ var icon = $('<span/>', {
+ name: 'icon',
+ 'class': 'ui-icon section-expand '+IPA.expand_icon
+ }).appendTo(header);
+
+ header.append(' ');
+
+ header.append(section.label);
+
var div = $('<div/>', {
- 'id': that.entity_name+'-'+that.name+'-'+section.name,
+ name: section.name,
'class': 'details-section'
}).appendTo(details);
@@ -437,26 +448,65 @@ IPA.details_facet = function(spec) {
});
button.replaceWith(that.update_button);
+ var details = $('div.content', that.container);
+
+ var expand_all = $('a[name=expand_all]', details);
+ expand_all.click(function() {
+ expand_all.css('display', 'none');
+ collapse_all.css('display', 'inline');
+
+ for (var i=0; i<that.sections.length; i++) {
+ var section = that.sections[i];
+ toggle(section, true);
+ }
+
+ return false;
+ });
+
+ var collapse_all = $('a[name=collapse_all]', details);
+ collapse_all.click(function() {
+ expand_all.css('display', 'inline');
+ collapse_all.css('display', 'none');
+
+ for (var i=0; i<that.sections.length; i++) {
+ var section = that.sections[i];
+ toggle(section, false);
+ }
+
+ return false;
+ });
+
for (var i = 0; i < that.sections.length; ++i) {
var section = that.sections[i];
var header = $('h2[name='+section.name+']', that.container);
+ var div = $('div.details-section[name='+section.name+']', that.container);
- var div = $('#'+that.entity_name+'-'+that.name+'-'+section.name,
- that.container);
-
- header.click(function(section, header, div) {
+ header.click(function(section, div) {
return function() {
var visible = div.is(":visible");
- header.html(that.get_section_header_prefix(!visible) + ' ' + section.label);
- div.slideToggle();
+ toggle(section, !visible);
};
- }(section, header, div));
+ }(section, div));
section.setup(div);
}
}
+ function toggle(section, visible) {
+ var header = $('h2[name='+section.name+']', that.container);
+
+ var icon = $('span[name=icon]', header);
+ icon.toggleClass(IPA.expand_icon, visible);
+ icon.toggleClass(IPA.collapse_icon, !visible);
+
+ var div = section.container;
+
+ if (visible != div.is(":visible")) {
+ div.slideToggle();
+ }
+ }
+
function new_key(){
var pkey = $.bbq.getState(that.entity_name + '-pkey', true) || '';
return pkey != that.pkey;
@@ -593,12 +643,10 @@ IPA.details_update = function(on_win, on_fail) {
continue;
}
- var div = $('#'+that.entity_name+'-'+that.name+'-'+section.name, that.container);
-
for (var j=0; j<section.fields.length; j++) {
var field = section.fields[j];
- var span = $('span[name='+field.name+']', div).first();
+ var span = $('span[name='+field.name+']', section.container).first();
values = field.save();
if (!values) continue;
diff --git a/install/ui/dialog.js b/install/ui/dialog.js
index 9d94786ae..535804426 100644
--- a/install/ui/dialog.js
+++ b/install/ui/dialog.js
@@ -139,7 +139,7 @@ IPA.dialog = function(spec) {
var section = that.sections[j];
var div = $('<div/>', {
- 'id': that.entity_name+'-'+that.name+'-'+section.name,
+ name: section.name,
'class': 'details-section'
}).appendTo(that.container);
@@ -161,7 +161,7 @@ IPA.dialog = function(spec) {
for (var j=0; j<that.sections.length; j++) {
var section = that.sections[j];
- var div = $('#'+that.entity_name+'-'+that.name+'-'+section.name,
+ var div = $('div.details-section[name='+section.name+']',
that.container);
section.setup(div);
diff --git a/install/ui/hbacrule.js b/install/ui/hbacrule.js
index 004c9c5d0..f55f233cc 100644
--- a/install/ui/hbacrule.js
+++ b/install/ui/hbacrule.js
@@ -423,12 +423,10 @@ IPA.hbacrule_details_facet = function (spec) {
for (var i=0; i<that.sections.length; i++) {
var section = that.sections[i];
- var div = $('#'+that.entity_name+'-'+that.name+'-'+section.name, that.container);
-
for (var j=0; j<section.fields.length; j++) {
var field = section.fields[j];
- var span = $('span[name='+field.name+']', div).first();
+ var span = $('span[name='+field.name+']', section.container).first();
var values = field.save();
if (!values) continue;
diff --git a/install/ui/sudorule.js b/install/ui/sudorule.js
index 5f062e731..b25a9dd37 100644
--- a/install/ui/sudorule.js
+++ b/install/ui/sudorule.js
@@ -282,12 +282,10 @@ IPA.sudorule_details_facet = function (spec) {
for (var i=0; i<that.sections.length; i++) {
var section = that.sections[i];
- var div = $('#'+that.entity_name+'-'+that.name+'-'+section.name, that.container);
-
for (var j=0; j<section.fields.length; j++) {
var field = section.fields[j];
- var span = $('span[name='+field.name+']', div).first();
+ var span = $('span[name='+field.name+']', section.container).first();
var values = field.save();
if (!values) continue;