summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorPetr Vobornik <pvoborni@redhat.com>2014-07-31 10:22:51 +0200
committerPetr Vobornik <pvoborni@redhat.com>2014-09-11 17:55:17 +0200
commit2b2f37981147e7cd74a2e42f5802c717b01b6ca8 (patch)
tree44bc961bb26319cf6a0ab6654092ed2c84468758
parent1f13e56ac6813eef9649b055b240a470acf034c8 (diff)
downloadfreeipa-2b2f37981147e7cd74a2e42f5802c717b01b6ca8.tar.gz
freeipa-2b2f37981147e7cd74a2e42f5802c717b01b6ca8.tar.xz
freeipa-2b2f37981147e7cd74a2e42f5802c717b01b6ca8.zip
webui: hide empty fields and sections
Hide widgets without a value. Must be explicitly turned on. In widget by `hidden_if_empty` flag. Or globally by `hide_empty_widgets` flag. Global hiding can be individually turned off by `ignore_empty_hiding` flag. https://fedorahosted.org/freeipa/ticket/4402 Reviewed-By: Endi Sukma Dewata <edewata@redhat.com>
-rw-r--r--install/ui/src/freeipa/config.js13
-rw-r--r--install/ui/src/freeipa/widget.js91
2 files changed, 93 insertions, 11 deletions
diff --git a/install/ui/src/freeipa/config.js b/install/ui/src/freeipa/config.js
index 632bc136d..61922d454 100644
--- a/install/ui/src/freeipa/config.js
+++ b/install/ui/src/freeipa/config.js
@@ -70,8 +70,19 @@ define([], function() {
dataType: 'json',
async: true,
processData: false
- }
+ },
+ /**
+ * Hide read-only widgets without value
+ * @property {boolean}
+ */
+ hide_empty_widgets: false,
+
+ /**
+ * Hide sections without any visible widget
+ * @property {boolean}
+ */
+ hide_empty_sections: true
};
return config;
diff --git a/install/ui/src/freeipa/widget.js b/install/ui/src/freeipa/widget.js
index e12734375..d5837e7ea 100644
--- a/install/ui/src/freeipa/widget.js
+++ b/install/ui/src/freeipa/widget.js
@@ -32,6 +32,7 @@ define(['dojo/_base/array',
'dojo/string',
'dojo/topic',
'./builder',
+ './config',
'./datetime',
'./entity',
'./ipa',
@@ -44,7 +45,7 @@ define(['dojo/_base/array',
'./util',
'exports'
],
- function(array, lang, construct, Evented, has, keys, on, string, topic, builder,
+ function(array, lang, construct, Evented, has, keys, on, string, topic, builder, config,
datetime, entity_mod, IPA, $, navigation, phases, reg, rpc, text, util, exp) {
/**
@@ -179,8 +180,22 @@ IPA.widget = function(spec) {
that.visible = spec.visible === undefined ? true : spec.visible;
/**
+ * If true, widget visible is set to false when value is empty
+ * @property {boolean}
+ */
+ that.hidden_if_empty = spec.hidden_if_empty === undefined ? config.hide_empty_widgets :
+ spec.hidden_if_empty;
+
+ /**
+ * Disable `hidden_if_empty`
+ * @property {boolean}
+ */
+ that.ignore_empty_hiding = spec.ignore_empty_hiding === undefined ? config.hide_empty_sections :
+ spec.ignore_empty_hiding;
+
+ /**
* Default main element's css classes
- * @type {string}
+ * @property {string}
*/
that.base_css_class = spec.base_css_class || 'widget';
@@ -189,7 +204,7 @@ IPA.widget = function(spec) {
*
* Intended to be overridden in spec objects
*
- * @type {string}
+ * @property {string}
*/
that.css_class = spec.css_class || '';
@@ -234,22 +249,30 @@ IPA.widget = function(spec) {
/**
* Whether widget should be displayed.
- * @param {boolean} value - True - visible; False - hidden
+ * @param {boolean} [value] - True - visible; False - hidden,
+ * undefined - use previous (enforce state)
*/
that.set_visible = function(visible) {
- var changed = visible !== that.visible;
+ var old = that._effective_visible;
+ visible = visible === undefined ? that.visible : visible;
that.visible = visible;
+ var current = that.get_visible();
+ that._effective_visible = current;
- if (visible) {
+ if (current) {
that.show();
} else {
that.hide();
}
- if (changed) {
- that.emit('visible-change', { source: that, visible: visible });
+ if (old !== current) {
+ that.emit('visible-change', { source: that, visible: current });
}
};
+ that.get_visible = function() {
+ return that.visible;
+ };
+
that.hide = function() {
that.container.hide();
};
@@ -379,6 +402,13 @@ IPA.input_widget = function(spec) {
that.undo_clicked = IPA.observer();
/**
+ * @inheritDoc
+ */
+ that.ctor_init = function() {
+ on(that, 'value-change', that.hide_if_empty);
+ };
+
+ /**
* Creates HTML representation of error link
* @param {HTMLElement} container - node to place the error link
*/
@@ -595,6 +625,26 @@ IPA.input_widget = function(spec) {
};
/**
+ * Hide widget if value is empty and widget is read_only.
+ * @protected
+ */
+ that.hide_if_empty = function(event) {
+
+ var value = event.value !== undefined ? event.value : true;
+ that.has_value = !util.is_empty(value);
+ that.set_visible();
+ };
+
+ that.get_visible = function() {
+
+ var visible = that.visible;
+ if (that.has_value === false && !that.is_writable() && that.hidden_if_empty) {
+ visible = false;
+ }
+ return visible;
+ };
+
+ /**
* Widget is writable
* @return {boolean}
*/
@@ -4394,10 +4444,30 @@ IPA.section = function(spec) {
var that = IPA.composite_widget(spec);
+ that.hidden_if_empty = spec.hidden_if_empty === undefined ? true : spec.hidden_if_empty;
that.show_header = spec.show_header === undefined ? true : spec.show_header;
that.base_css_class = that.base_css_class + ' details-section';
that.layout_css_class = spec.layout_css_class || 'col-sm-12';
+ that.ctor_init = function() {
+ on(that.widgets, 'widget-add', that.on_widget_add);
+ };
+
+ that.on_widget_add = function(event) {
+ on(event.widget, 'visible-change', that.hide_if_empty);
+ };
+
+ that.hide_if_empty = function() {
+ if (!that.hidden_if_empty) return;
+ var widgets = that.widgets.get_widgets();
+ var any = false;
+ for (var i=0, l=widgets.length; i<l; i++) {
+ any = widgets[i].get_visible();
+ if (any) break;
+ }
+ that.set_visible(any);
+ };
+
that.create = function(container) {
that.widget_create(container);
@@ -4583,7 +4653,7 @@ exp.fluid_layout = IPA.fluid_layout = function(spec) {
var group = $('<div/>', { 'class': that.group_cls });
that.rows.put(widget.name, group);
- if (!widget.visible) {
+ if (!widget.get_visible()) {
group.css('display', 'none');
}
@@ -5109,7 +5179,7 @@ IPA.widget_container = function(spec) {
spec = spec || {};
- var that = IPA.object();
+ var that = new Evented();
that.new_container_for_child = spec.new_container_for_child !== undefined ?
spec.new_container_for_child : true;
@@ -5118,6 +5188,7 @@ IPA.widget_container = function(spec) {
that.add_widget = function(widget) {
that.widgets.put(widget.name, widget);
+ that.emit('widget-add', { source: that, widget: widget });
};
that.get_widget = function(path) {