From c385db4fc017f3319ff4d57bc19efe81585bc5dd Mon Sep 17 00:00:00 2001 From: Adam Young Date: Mon, 10 Jan 2011 21:14:51 -0500 Subject: [PATCH] spinning wheel display a spinning icon gif during network traffic. Fixes the following from first patch: 1 primary key set in span as opposed to appended, so it only appears once. 2. call hide for the network activity icon only in success or failure functions, not multiple times --- install/static/Makefile.am | 3 +++ install/static/details.js | 12 +++++++--- install/static/index.html | 5 +++- install/static/ipa.css | 18 ++++++++++++++ install/static/ipa.js | 38 ++++++++++++++++++++++++++---- install/static/search.js | 2 ++ install/static/spinner_header.gif | Bin 0 -> 2841 bytes install/static/spinner_large.gif | Bin 0 -> 6030 bytes install/static/spinner_small.gif | Bin 0 -> 3532 bytes install/static/widget.js | 2 ++ ipa.spec.in | 1 + 11 files changed, 72 insertions(+), 9 deletions(-) create mode 100644 install/static/spinner_header.gif create mode 100644 install/static/spinner_large.gif create mode 100644 install/static/spinner_small.gif diff --git a/install/static/Makefile.am b/install/static/Makefile.am index a539eb8bc..c1a5a7555 100644 --- a/install/static/Makefile.am +++ b/install/static/Makefile.am @@ -70,6 +70,9 @@ app_DATA = \ ui-icons_ffffff_256x240.png \ FreeWay.otf \ FreeWay-Bold.otf \ + spinner_header.gif \ + spinner_large.gif \ + spinner_small.gif \ $(NULL) EXTRA_DIST = \ diff --git a/install/static/details.js b/install/static/details.js index 84dbe8b52..b5c74a62c 100644 --- a/install/static/details.js +++ b/install/static/details.js @@ -554,6 +554,11 @@ IPA.details_facet = function (spec) { container.attr('title', that.entity_name); + $('

',{ + html: ""+that.entity_name + ' Settings' + }).append(IPA.create_network_spinner()). + appendTo(container); + var details = $('
', { 'class': 'content' }).appendTo(container); @@ -573,8 +578,6 @@ IPA.details_facet = function (spec) { 'name': 'update' }).appendTo(buttons); - details.append('
'); - details.append('
'); for (var i = 0; i < that.sections.length; ++i) { var section = that.sections[i]; @@ -651,14 +654,17 @@ IPA.details_facet = function (spec) { function load(record) { that.record = record; - for (var i=0; i - +
+ + + Logged in as: user@FREEIP.ORG diff --git a/install/static/ipa.css b/install/static/ipa.css index 38b68dd05..2e61d6d9d 100644 --- a/install/static/ipa.css +++ b/install/static/ipa.css @@ -22,6 +22,10 @@ body{ margin: 0; } +.network-activity-indicator{ + display:none; +} + .center-container { margin-left: auto; margin-right: auto; @@ -133,6 +137,20 @@ div.content div.content-buttons img { border: 0; } + +.entity-container h1{ + -moz-border-radius: 0.3em; + font-family: "FreeWayBold", "Liberation Sans", Arial, sans-serif; + color: #333333; + margin: 0; + background: #EEEEEE; + margin-top: 0.5em; + padding: .5em; + text-transform: uppercase; + font-size: 1.2em; +} + + h2 { font-family: "FreeWayBold","Liberation Sans", Arial, sans-serif; font-size: 1.5em; diff --git a/install/static/ipa.js b/install/static/ipa.js index f84028b89..ed43d550a 100644 --- a/install/static/ipa.js +++ b/install/static/ipa.js @@ -229,6 +229,7 @@ IPA.batch_command = function (spec) { that.args, that.options, function(data, text_status, xhr) { + for (var i=0; i',{ + 'class':'network-activity-indicator', + html: ''}); +} diff --git a/install/static/search.js b/install/static/search.js index d449a8e19..535ad3fcf 100644 --- a/install/static/search.js +++ b/install/static/search.js @@ -41,6 +41,8 @@ IPA.search_widget = function (spec) { 'name': 'search-filter' }).appendTo(search_controls); + search_controls.append(IPA.create_network_spinner()); + this.filter = $('', { 'type': 'text', 'name': 'search-' + that.entity_name + '-filter' diff --git a/install/static/spinner_header.gif b/install/static/spinner_header.gif new file mode 100644 index 0000000000000000000000000000000000000000..ba9fb781893f916f200f6ea93941a5ea3c81652d GIT binary patch literal 2841 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 Pa3Sa?mK;P{e7FAq8*5Kq literal 0 HcmV?d00001 diff --git a/install/static/spinner_large.gif b/install/static/spinner_large.gif new file mode 100644 index 0000000000000000000000000000000000000000..276dd5a77d6baf37bb9518d4d231f997803ba333 GIT binary patch literal 6030 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 literal 0 HcmV?d00001 diff --git a/install/static/spinner_small.gif b/install/static/spinner_small.gif new file mode 100644 index 0000000000000000000000000000000000000000..1a2da81c22d6d63098512302dd295b9ad0d80269 GIT binary patch literal 3532 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', { 'class': 'adder-dialog-results' }).appendTo(that.container); diff --git a/ipa.spec.in b/ipa.spec.in index cb0a88728..9e44d3279 100644 --- a/ipa.spec.in +++ b/ipa.spec.in @@ -398,6 +398,7 @@ fi %dir %{_usr}/share/ipa/static %{_usr}/share/ipa/static/index.html %{_usr}/share/ipa/static/*.png +%{_usr}/share/ipa/static/*.gif %{_usr}/share/ipa/static/*.css %{_usr}/share/ipa/static/*.js %{_usr}/share/ipa/static/*.otf