eessppeelllloo/image-sequencer
1
0
Fork 0
mirror of https://github.com/publiclab/image-sequencer.git synced 2025-12-11 19:00:00 +01:00
Code Issues Packages Projects Releases Wiki Activity

Added second spinner (#691)

Browse Source
This commit is contained in:
aashna27
2019-01-24 03:38:53 +05:30
committed by Jeffrey Warren
parent b64e7cefc0
commit 3c2d6542dc
6 changed files with 15025 additions and 15226 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
examples/demo.css
View File

@@ -100,6 +100,11 @@ h1 {
color: #444;
}
.load-spin{
position: absolute;
right: 0px;
}
#addStep {
max-width: 500px;
margin: 20px auto;

8
examples/lib/defaultHtmlStepUi.js
View File

@@ -29,7 +29,8 @@ function DefaultHtmlStepUi(_sequencer, options) {
<div class="col-md-4 details">\
<h3>\
<span class = "toggle">' +step.name + ' <i class="fa fa-caret-up toggleIcon" aria-hidden="true"></i></span>' +
'</h3><div class="cal"><p><i>"'+
'<span class="load-spin" style="display:none;"><i class="fa fa-circle-o-notch fa-spin"></i></span>' +
'</h3><div class="cal"><p><i>"'+
(step.description || "") +
'</i></p></div>\
</div>\
@@ -220,11 +221,16 @@ function DefaultHtmlStepUi(_sequencer, options) {
function onDraw(step) {
$(step.ui.querySelector(".load")).show();
$(step.ui.querySelector("img")).hide();
if( $(step.ui.querySelector(".toggleIcon")).hasClass("fa-caret-down") )
{
$(step.ui.querySelector(".load-spin")).show();
}
}
function onComplete(step) {
$(step.ui.querySelector(".load")).hide();
$(step.ui.querySelector("img")).show();
$(step.ui.querySelector(".load-spin")).hide();
step.imgElement.src = step.output;
var imgthumbnail = step.ui.querySelector(".img-thumbnail");