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

Add a 'Start a new sequence' button (#589)

Browse Source 
* add start a new sequence button

* changes

* reset sequence

* changes

* changes

* changes

* changes

* changes
This commit is contained in:
Mridul97
2019-01-08 04:52:51 +05:30
committed by Jeffrey Warren
parent 4e5f8728fa
commit 89345f32b3
3 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
examples/demo.css
View File

@@ -223,6 +223,10 @@ h1 {
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
#resetButton {
margin-top: 20px;
}
.no-border { .no-border {
border: 0px; border: 0px;
} }

7
examples/demo.js
View File

@@ -65,8 +65,15 @@ window.onload = function() {
sequencer.loadImage("images/tulips.png", ui.onLoad); sequencer.loadImage("images/tulips.png", ui.onLoad);
} }
var resetSequence = function(){
var r=confirm("Do you want to reset the sequence?");
if (r)
window.location = "/";
}
$("#addStep select").on("change", ui.selectNewStepUi); $("#addStep select").on("change", ui.selectNewStepUi);
$("#addStep #add-step-btn").on("click", ui.addStepUi); $("#addStep #add-step-btn").on("click", ui.addStepUi);
$("#resetButton").on("click",resetSequence);
//Module button radio selection //Module button radio selection
$('.radio-group .radio').on("click", function() { $('.radio-group .radio').on("click", function() {

2
examples/index.html
View File

@@ -171,6 +171,7 @@
<div class="panel-body"> <div class="panel-body">
<div style="text-align:center;"> <div style="text-align:center;">
<button class="btn btn-success btn-lg" id="download-btn" name="download">Download PNG</button> <button class="btn btn-success btn-lg" id="download-btn" name="download">Download PNG</button>
<button id="resetButton" class="btn btn-default btn-lg">Clear All Steps</button>
</div> </div>
</div> </div>
</div> </div>
@@ -181,7 +182,6 @@
<footer> <footer>
<hr style="margin:20px;"><center><a class="color:grey;" id="clear-cache">Clear offline cache</a></center> <hr style="margin:20px;"><center><a class="color:grey;" id="clear-cache">Clear offline cache</a></center>
</footer> </footer>
<form class="move-up" action="#up"> <form class="move-up" action="#up">
<button><i class="fa fa-arrow-circle-o-up"></i></button> <button><i class="fa fa-arrow-circle-o-up"></i></button>
</form> </form>