From 01c8496d47eb37a44442e79a7b071321599d7c6e Mon Sep 17 00:00:00 2001 From: Elliot Smith Date: Fri, 15 Jul 2016 15:20:36 +0100 Subject: bitbake: toaster: show loading spinner after creating custom image Creating a custom image through the "New custom image" dialog can sometimes result in a long pause between pressing the button to create the image, and being transferred to the page showing details of its content. This can make it appear as though pressing the button had no effect. To prevent this from happening, disable the button and text box in the new custom image dialog after the "Create image" button is pressed. Also show a loading spinner and "loading..." text on the button to make it clear that the application is still responding. [YOCTO #9475] (Bitbake rev: dd8bede91e08c0b64b949ca98c74e6144da88fd1) Signed-off-by: Elliot Smith Signed-off-by: Richard Purdie --- bitbake/lib/toaster/toastergui/static/css/default.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) (limited to 'bitbake/lib/toaster/toastergui/static/css') diff --git a/bitbake/lib/toaster/toastergui/static/css/default.css b/bitbake/lib/toaster/toastergui/static/css/default.css index 3a0fbb82c8..0961c97747 100644 --- a/bitbake/lib/toaster/toastergui/static/css/default.css +++ b/bitbake/lib/toaster/toastergui/static/css/default.css @@ -250,6 +250,18 @@ code { color: #333; background-color: transparent; } /* Style the special no results message in the custom image details page */ [id^="no-results-special-"] > .alert-warning > ol { margin-top: 10px; } +/* style the loading spinner in the new custom image dialog */ +#create-new-custom-image-btn [data-role="loading-state"] { + padding-left: 16px; +} + +/* icon has to be absolutely positioned, otherwise the spin animation doesn't work */ +#create-new-custom-image-btn [data-role="loading-state"] .icon-spinner { + position: absolute; + left: 26px; + bottom: 26px; +} + /* Style the content of modal dialogs */ .modal-footer { text-align: left; } .date-filter-controls { margin-top: 10px; } -- cgit v1.2.3-54-g00ecf