Added refresh button for UI

Web UI is caching records. Currently only possible ways how to display updated record which was changed elsewhere - ie. in CLI are:
 * refresh page in browser (takes really long on slow vpns)
 * search facet: change filter, find, change filter back, find
 * entity details: go to search, select other entry, go back to search, select original entry
 * association facet: same as entity details

These are unconvenient methods.

This patch adds Refresh button to search, details and association facet. This button executes facets refresh method.

https://fedorahosted.org/freeipa/ticket/2051

1 files changed, 13 insertions, 2 deletions

diff --git a/install/ui/details.js b/install/ui/details.js
index 4adc2770b..acd498aa0 100644
--- a/install/ui/details.js
+++ b/install/ui/details.js
@@ -299,6 +299,17 @@ IPA.details_facet = function(spec) {
 
     that.create_controls = function() {
 
+        that.refresh_button = IPA.action_button({
+            name: 'refresh',
+            href: 'refresh',
+            label: IPA.messages.buttons.refresh,
+            icon: 'reset-icon',
+            click: function() {
+                that.refresh();
+                return false;
+            }
+        }).appendTo(that.controls);
+
         that.reset_button = IPA.action_button({
             name: 'reset',
             label: IPA.messages.buttons.reset,
@@ -346,7 +357,7 @@ IPA.details_facet = function(spec) {
             style: 'display: none;',
             click: function() {
                 that.expand_button.css('display', 'none');
-                that.collapse_button.css('display', 'inline');
+                that.collapse_button.css('display', 'inline-block');
 
                 var widgets = that.widgets.get_widgets();
                 for (var i=0; i<widgets.length; i++) {
@@ -365,7 +376,7 @@ IPA.details_facet = function(spec) {
             label: IPA.messages.details.collapse_all,
             'class': 'right-aligned-facet-controls',
             click: function() {
-                that.expand_button.css('display', 'inline');
+                that.expand_button.css('display', 'inline-block');
                 that.collapse_button.css('display', 'none');
 
                 var widgets = that.widgets.get_widgets();