[Kimchi-devel] [PATCH] [UI] Software Update: Make Update Progress Area Collapsible

[Hongliang Wang]

Take advantage of jQuery UI to make update progress area collapsible.

Signed-off-by: Hongliang Wang <hlwang at linux.vnet.ibm.com>
---
 ui/css/theme-default/host.css | 4 +++-
 ui/js/src/kimchi.host.js      | 3 +++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/ui/css/theme-default/host.css b/ui/css/theme-default/host.css
index 0f8b941..e1e83ee 100644
--- a/ui/css/theme-default/host.css
+++ b/ui/css/theme-default/host.css
@@ -248,8 +248,10 @@
 
 .host-panel #software-updates-progress-textarea {
     border: 1px solid #ddd;
+    box-sizing: border-box;
     height: 100px;
+    padding: .2em .5em;
     resize: vertical;
-    width: 846px;
+    width: 852px;
 }
 /* End of Software Updates */
diff --git a/ui/js/src/kimchi.host.js b/ui/js/src/kimchi.host.js
index 6300f37..f9696ea 100644
--- a/ui/js/src/kimchi.host.js
+++ b/ui/js/src/kimchi.host.js
@@ -276,6 +276,9 @@ kimchi.host_main = function() {
                 initSoftwareUpdatesGrid();
                 kimchi.topic('kimchi/softwareUpdated')
                     .subscribe(listSoftwareUpdates);
+                $('#software-updates-progress-container').accordion({
+                    collapsible: true
+                });
             }
 
             if(capabilities['system_report_tool']) {
-- 
1.8.1.4