From ec2c9364addbc9381198cd55f9fef809ef185e08 Mon Sep 17 00:00:00 2001
From: ChangHyun Lee <leechwin.lee@samsung.com>
Date: Mon, 16 Jan 2017 19:14:19 +0900
Subject: [PATCH] [TIC-Web] add progress bar

- add progress bar when creating image

Change-Id: I6385611edf01ee640f62a5ae34be9b8c6b784c3a
Signed-off-by: ChangHyun Lee <leechwin.lee@samsung.com>
---
 public/src/index.html       | 3 +++
 public/src/js/page/image.js | 6 ++++++
 2 files changed, 9 insertions(+)

diff --git a/public/src/index.html b/public/src/index.html
index 094f8cd..1c465be 100644
--- a/public/src/index.html
+++ b/public/src/index.html
@@ -176,6 +176,9 @@
                                 <div id="tic-image-new-log"></div>
                             </div>
                             <div class="panel-footer">
+                                <div class="progress hidden" id="tic-image-progress">
+                                    <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;">Creating image...</div>
+                                </div>
                                 <button type="button" id="tic-image-create" class="btn btn-primary">Create Image</button>
                                 <button type="button" id="tic-image-cancel" class="btn btn-danger hidden">Cancel</button>
                             </div>
diff --git a/public/src/js/page/image.js b/public/src/js/page/image.js
index 75dba14..97f96ed 100644
--- a/public/src/js/page/image.js
+++ b/public/src/js/page/image.js
@@ -39,6 +39,7 @@ define([
         client.emit('ws/mic/available/from');
         client.on('ws/mic/available/to', function (data) {
             $('#tic-image-create').prop('disabled', !data);
+            $('#tic-image-progress').toggleClass('hidden', data);
         });
 
         client.on('ws/fs/image/list/to', function (data) {
@@ -75,6 +76,7 @@ define([
             // button enabled
             $('#tic-image-create').prop('disabled', false);
             $('#tic-image-cancel').toggleClass('hidden', true);
+            $('#tic-image-progress').toggleClass('hidden', true);
 
             // upate the list of images
             updateList();
@@ -92,6 +94,7 @@ define([
             // button enabled
             $('#tic-image-create').prop('disabled', false);
             $('#tic-image-cancel').toggleClass('hidden', true);
+            $('#tic-image-progress').toggleClass('hidden', true);
 
             // upate the list of images
             updateList();
@@ -183,6 +186,7 @@ define([
         Util.showConfirmDialog('Are you sure want to create the image?')
         .then(function () {
             $('#tic-image-cancel').toggleClass('hidden', false);
+            $('#tic-image-progress').toggleClass('hidden', false);
             getKickstartRecipeFile()
             .then(createImage)
             .catch(function (err) {
@@ -190,12 +194,14 @@ define([
                 Util.showAlertDialog('Failed to create a image.<br>Please check the ks file.');
                 $('#tic-image-create').prop('disabled', false);
                 $('#tic-image-cancel').toggleClass('hidden', true);
+                $('#tic-image-progress').toggleClass('hidden', true);
             });
         })
         .catch(function () {
             logger.info('Image creation was canceled.');
             $('#tic-image-create').prop('disabled', false);
             $('#tic-image-cancel').toggleClass('hidden', true);
+            $('#tic-image-progress').toggleClass('hidden', true);
         });
     }
 
-- 
2.7.4