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

Add download button (#328)

Browse Source
This commit is contained in:
Mridul97
2018-09-12 01:27:55 +05:30
committed by Jeffrey Warren
parent cce65141d2
commit bb17e9452f
3 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
examples/demo.js
View File

@@ -26,7 +26,12 @@ window.onload = function() {
sequencer.loadImage("images/tulips.png", ui.onLoad); sequencer.loadImage("images/tulips.png", ui.onLoad);
$("#addStep select").on("change", ui.selectNewStepUi); $("#addStep select").on("change", ui.selectNewStepUi);
$("#addStep button").on("click", ui.addStepUi); $("#addStep #add-step-btn").on("click", ui.addStepUi);
$('#addStep #download-btn').click(function() {
$('img:last()').trigger( "click" );
return false;
});
$('body').on('click', 'button.remove', ui.removeStepUi); $('body').on('click', 'button.remove', ui.removeStepUi);
$('#save-seq').click(() => { $('#save-seq').click(() => {
sequencer.saveSequence(window.prompt("Please give a name to your sequence..."), sequencer.toString()); sequencer.saveSequence(window.prompt("Please give a name to your sequence..."), sequencer.toString());

3
examples/index.html
View File

@@ -74,7 +74,8 @@
<select class="form-control input-lg" id="selectStep"> <select class="form-control input-lg" id="selectStep">
<option value="none" disabled selected>Select a new step...</option> <option value="none" disabled selected>Select a new step...</option>
</select> </select>
<button class="btn btn-success btn-lg" name="add">Add Step</button> <button class="btn btn-success btn-lg" name="add" id="add-step-btn">Add Step</button>
<button class="btn btn-success btn-lg" id="download-btn" name="download">Download</button>
</div> </div>
<br /> <br />
<p class="info" style="padding:8px;">Select a new module to add to your sequence.</p> <p class="info" style="padding:8px;">Select a new module to add to your sequence.</p>

4
examples/lib/defaultHtmlSequencerUi.js
View File

@@ -8,7 +8,7 @@ function DefaultHtmlSequencerUi(_sequencer, options) {
function onLoad() { function onLoad() {
importStepsFromUrlHash(); importStepsFromUrlHash();
if (!$('#selectStep').val()) if (!$('#selectStep').val())
$(addStepSel + " button").prop("disabled", true); $(addStepSel + " #add-step-btn").prop("disabled", true);
} }
// look up needed steps from Url Hash: // look up needed steps from Url Hash:
@@ -25,7 +25,7 @@ function DefaultHtmlSequencerUi(_sequencer, options) {
function selectNewStepUi() { function selectNewStepUi() {
var m = $(addStepSel + " select").val(); var m = $(addStepSel + " select").val();
$(addStepSel + " .info").html(_sequencer.modulesInfo(m).description); $(addStepSel + " .info").html(_sequencer.modulesInfo(m).description);
$(addStepSel + " button").prop("disabled", false); $(addStepSel + " #add-step-btn").prop("disabled", false);
} }
function removeStepUi() { function removeStepUi() {