[PATCHv3 0/2] Issue#348: Add loading icon when nfs mount is in progress

From: Royce Lv <lvroyce@linux.vnet.ibm.com> Royce Lv (2): Fix typo of storage pool add Issue#348: Fix UI for nfs mount ui/css/theme-default/storage.css | 7 +++++++ ui/js/src/kimchi.storagepool_add_main.js | 10 ++++++++++ ui/pages/storagepool-add.html.tmpl | 3 ++- 3 files changed, 19 insertions(+), 1 deletion(-) -- 1.8.3.2

From: Royce Lv <lvroyce@linux.vnet.ibm.com> Typo introduced in 54e6bfadf83df5122b of storage pool add. Fix it. Signed-off-by: Royce Lv <lvroyce@linux.vnet.ibm.com> --- ui/pages/storagepool-add.html.tmpl | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ui/pages/storagepool-add.html.tmpl b/ui/pages/storagepool-add.html.tmpl index e6b1fd6..ba85e6e 100644 --- a/ui/pages/storagepool-add.html.tmpl +++ b/ui/pages/storagepool-add.html.tmpl @@ -29,7 +29,7 @@ <div class="close">X</div> </header> <div class="content"> - <form id="form-pool-addd"> + <form id="form-pool-add"> <section class="form-section"> <h2>1. $_("Storage Pool Name")</h2> <div class="field"> -- 1.8.3.2

On 06/17/2014 06:35 AM, lvroyce@linux.vnet.ibm.com wrote:
From: Royce Lv <lvroyce@linux.vnet.ibm.com>
Typo introduced in 54e6bfadf83df5122b of storage pool add. Fix it.
Thanks for the patch, Royce! But Daniel has already sent a patch for it and it is already merged
Signed-off-by: Royce Lv <lvroyce@linux.vnet.ibm.com> --- ui/pages/storagepool-add.html.tmpl | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/ui/pages/storagepool-add.html.tmpl b/ui/pages/storagepool-add.html.tmpl index e6b1fd6..ba85e6e 100644 --- a/ui/pages/storagepool-add.html.tmpl +++ b/ui/pages/storagepool-add.html.tmpl @@ -29,7 +29,7 @@ <div class="close">X</div> </header> <div class="content"> - <form id="form-pool-addd"> + <form id="form-pool-add"> <section class="form-section"> <h2>1. $_("Storage Pool Name")</h2> <div class="field">

On 2014年06月18日 05:26, Aline Manera wrote:
On 06/17/2014 06:35 AM, lvroyce@linux.vnet.ibm.com wrote:
From: Royce Lv <lvroyce@linux.vnet.ibm.com>
Typo introduced in 54e6bfadf83df5122b of storage pool add. Fix it.
Thanks for the patch, Royce! But Daniel has already sent a patch for it and it is already merged OK, then you can merge [2/2] only.
Signed-off-by: Royce Lv <lvroyce@linux.vnet.ibm.com> --- ui/pages/storagepool-add.html.tmpl | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/ui/pages/storagepool-add.html.tmpl b/ui/pages/storagepool-add.html.tmpl index e6b1fd6..ba85e6e 100644 --- a/ui/pages/storagepool-add.html.tmpl +++ b/ui/pages/storagepool-add.html.tmpl @@ -29,7 +29,7 @@ <div class="close">X</div> </header> <div class="content"> - <form id="form-pool-addd"> + <form id="form-pool-add"> <section class="form-section"> <h2>1. $_("Storage Pool Name")</h2> <div class="field">

From: Royce Lv <lvroyce@linux.vnet.ibm.com> When NFS mount is progressing, all input will be blocked, and a waiting button will show user mounting is in progress. Signed-off-by: Royce Lv <lvroyce@linux.vnet.ibm.com> --- ui/css/theme-default/storage.css | 7 +++++++ ui/js/src/kimchi.storagepool_add_main.js | 10 ++++++++++ ui/pages/storagepool-add.html.tmpl | 1 + 3 files changed, 18 insertions(+) diff --git a/ui/css/theme-default/storage.css b/ui/css/theme-default/storage.css index 4c2f46f..e94c1ec 100644 --- a/ui/css/theme-default/storage.css +++ b/ui/css/theme-default/storage.css @@ -582,3 +582,10 @@ .storage-window .form-section .field { overflow: visible; } + +#pool-loading { + margin: 10px 15px; + background: #C0C0C0 url(../../images/theme-default/loading.gif) 7px + center no-repeat; + padding: 0 20px 0 26px; +} diff --git a/ui/js/src/kimchi.storagepool_add_main.js b/ui/js/src/kimchi.storagepool_add_main.js index 0f3df32..2584b38 100644 --- a/ui/js/src/kimchi.storagepool_add_main.js +++ b/ui/js/src/kimchi.storagepool_add_main.js @@ -198,6 +198,7 @@ kimchi.validateNfsForm = function () { kimchi.message.error.code('KCHPOOL6005E'); return false; } + $('#nfs-mount-loading').removeClass('hidden'); return true; }; @@ -236,6 +237,8 @@ kimchi.validateLogicalForm = function () { }; kimchi.addPool = function(event) { + $('#pool-doAdd').hide(); + $('#pool-loading').show(); if (kimchi.validateForm()) { var formData = $('#form-pool-add').serializeObject(); delete formData.authname; @@ -273,6 +276,7 @@ kimchi.addPool = function(event) { } else if (poolType === 'scsi'){ formData.source = { adapter_name: $('#scsiAdapter').selectMenu('value') }; } + $('input', '#form-pool-add').attr('disabled','disabled'); if (poolType === 'logical') { var settings = { title : i18n['KCHAPI6001M'], @@ -286,6 +290,9 @@ kimchi.addPool = function(event) { kimchi.window.close(); }, function(err) { kimchi.message.error(err.responseJSON.reason); + $('input', '#form-pool-add').removeAttr('disabled'); + $('#pool-loading').hide(); + $('#pool-doAdd').show(); }); }, function() { }); @@ -295,6 +302,9 @@ kimchi.addPool = function(event) { kimchi.window.close(); }, function(err) { kimchi.message.error(err.responseJSON.reason); + $('input', '#form-pool-add').removeAttr('disabled'); + $('#pool-loading').hide(); + $('#pool-doAdd').show(); }); } } diff --git a/ui/pages/storagepool-add.html.tmpl b/ui/pages/storagepool-add.html.tmpl index ba85e6e..6840e9c 100644 --- a/ui/pages/storagepool-add.html.tmpl +++ b/ui/pages/storagepool-add.html.tmpl @@ -155,6 +155,7 @@ <button id="pool-doAdd" class="btn-normal"> <span class="text">$_("Create")</span> </button> + <button class="btn-normal" id="pool-loading" style="display: none"><span class="text">$_("Please, wait...")</span></button> </div> </footer> </div> -- 1.8.3.2

Reviewed-by: Aline Manera <alinefm@linux.vnet.ibm.com> On 06/17/2014 06:35 AM, lvroyce@linux.vnet.ibm.com wrote:
From: Royce Lv <lvroyce@linux.vnet.ibm.com>
When NFS mount is progressing, all input will be blocked, and a waiting button will show user mounting is in progress.
Signed-off-by: Royce Lv <lvroyce@linux.vnet.ibm.com> --- ui/css/theme-default/storage.css | 7 +++++++ ui/js/src/kimchi.storagepool_add_main.js | 10 ++++++++++ ui/pages/storagepool-add.html.tmpl | 1 + 3 files changed, 18 insertions(+)
diff --git a/ui/css/theme-default/storage.css b/ui/css/theme-default/storage.css index 4c2f46f..e94c1ec 100644 --- a/ui/css/theme-default/storage.css +++ b/ui/css/theme-default/storage.css @@ -582,3 +582,10 @@ .storage-window .form-section .field { overflow: visible; } + +#pool-loading { + margin: 10px 15px; + background: #C0C0C0 url(../../images/theme-default/loading.gif) 7px + center no-repeat; + padding: 0 20px 0 26px; +} diff --git a/ui/js/src/kimchi.storagepool_add_main.js b/ui/js/src/kimchi.storagepool_add_main.js index 0f3df32..2584b38 100644 --- a/ui/js/src/kimchi.storagepool_add_main.js +++ b/ui/js/src/kimchi.storagepool_add_main.js @@ -198,6 +198,7 @@ kimchi.validateNfsForm = function () { kimchi.message.error.code('KCHPOOL6005E'); return false; } + $('#nfs-mount-loading').removeClass('hidden'); return true; };
@@ -236,6 +237,8 @@ kimchi.validateLogicalForm = function () { };
kimchi.addPool = function(event) { + $('#pool-doAdd').hide(); + $('#pool-loading').show(); if (kimchi.validateForm()) { var formData = $('#form-pool-add').serializeObject(); delete formData.authname; @@ -273,6 +276,7 @@ kimchi.addPool = function(event) { } else if (poolType === 'scsi'){ formData.source = { adapter_name: $('#scsiAdapter').selectMenu('value') }; } + $('input', '#form-pool-add').attr('disabled','disabled'); if (poolType === 'logical') { var settings = { title : i18n['KCHAPI6001M'], @@ -286,6 +290,9 @@ kimchi.addPool = function(event) { kimchi.window.close(); }, function(err) { kimchi.message.error(err.responseJSON.reason); + $('input', '#form-pool-add').removeAttr('disabled'); + $('#pool-loading').hide(); + $('#pool-doAdd').show(); }); }, function() { }); @@ -295,6 +302,9 @@ kimchi.addPool = function(event) { kimchi.window.close(); }, function(err) { kimchi.message.error(err.responseJSON.reason); + $('input', '#form-pool-add').removeAttr('disabled'); + $('#pool-loading').hide(); + $('#pool-doAdd').show(); }); } } diff --git a/ui/pages/storagepool-add.html.tmpl b/ui/pages/storagepool-add.html.tmpl index ba85e6e..6840e9c 100644 --- a/ui/pages/storagepool-add.html.tmpl +++ b/ui/pages/storagepool-add.html.tmpl @@ -155,6 +155,7 @@ <button id="pool-doAdd" class="btn-normal"> <span class="text">$_("Create")</span> </button> + <button class="btn-normal" id="pool-loading" style="display: none"><span class="text">$_("Please, wait...")</span></button> </div> </footer> </div>

Applied. Thanks. Regards, Aline Manera
participants (3)
-
Aline Manera
-
lvroyce@linux.vnet.ibm.com
-
Royce Lv