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

Feature enter to save (#483)

Browse Source 
* Flash Message bug fix

* enter-to-submit functionality added

* cleanup
This commit is contained in:
HarshKhandeparkar
2018-11-21 03:16:07 +05:30
committed by Jeffrey Warren
parent bf13d5807a
commit 20cf3277ea
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
examples/lib/defaultHtmlStepUi.js
View File

@@ -16,7 +16,7 @@ function stepRemovedNotify() {
$('body').append(notification); $('body').append(notification);
} }
$('#stepRemovedNotification').DOMNotification.fadeIn(500).delay(200).fadeOut(500); $('#stepRemovedNotification').fadeIn(500).delay(200).fadeOut(500);
} }
function DefaultHtmlStepUi(_sequencer, options) { function DefaultHtmlStepUi(_sequencer, options) {
@@ -108,6 +108,7 @@ function DefaultHtmlStepUi(_sequencer, options) {
var description = inputs[paramName].desc || paramName; var description = inputs[paramName].desc || paramName;
div.innerHTML = div.innerHTML =
"<div class='det'>\ "<div class='det'>\
<form class='input-form'>\
<label for='" + <label for='" +
paramName + paramName +
"'>" + "'>" +
@@ -116,21 +117,28 @@ function DefaultHtmlStepUi(_sequencer, options) {
" + " +
html + html +
"\ "\
</form>\
</div>"; </div>";
step.ui.querySelector("div.details").appendChild(div); step.ui.querySelector("div.details").appendChild(div);
} }
function toggleSaveButton(){ function toggleSaveButton(){
$(step.ui.querySelector("div.details .btn-save")).prop("disabled",false); $(step.ui.querySelector("div.details .btn-save")).prop("disabled",false);
focusInput();
} }
$(step.ui.querySelectorAll(".target")).focus(toggleSaveButton); $(step.ui.querySelectorAll(".target")).on('change',toggleSaveButton);
$(step.ui.querySelector("div.details")).append( $(step.ui.querySelector("div.details")).append(
"<p><button class='btn btn-default btn-save' disabled = 'true' >Save</button><span> Press save to see changes</span></p>" "<p><button class='btn btn-default btn-save' disabled = 'true' >Save</button><span> Press save to see changes</span></p>"
); );
function saveOptions() { function focusInput(){
$(step.ui.querySelector("div.details .target")).focus();
}
function saveOptions(e) {
e.preventDefault();
$(step.ui.querySelector("div.details")) $(step.ui.querySelector("div.details"))
.find("input,select") .find("input,select")
.each(function(i, input) { .each(function(i, input) {
@@ -146,6 +154,7 @@ function DefaultHtmlStepUi(_sequencer, options) {
// on clicking Save in the details pane of the step // on clicking Save in the details pane of the step
$(step.ui.querySelector("div.details .btn-save")).click(saveOptions); $(step.ui.querySelector("div.details .btn-save")).click(saveOptions);
$(step.ui.querySelector("div.details .input-form")).on('submit', saveOptions);
} }
if (step.name != "load-image") if (step.name != "load-image")