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

toggle-able collapse added for modules (#636)

Browse Source
This commit is contained in:
aashna27
2019-01-09 01:52:25 +05:30
committed by Jeffrey Warren
parent 73b917f036
commit e5d26815d7
3 changed files with 900 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
examples/lib/defaultHtmlStepUi.js
View File

@@ -33,15 +33,14 @@ function DefaultHtmlStepUi(_sequencer, options) {
<div class="row step">\
<form class="input-form">\
<div class="col-md-4 details">\
<h3>' +
step.name +
"</h3>\
<p><i>" +
<h3>' +step.name +
' <span class="toggle"><i class="fa fa-caret-up" aria-hidden="true"></i></span>' +
'</h3><div class="collapse"><p><i>"'+
(step.description || "") +
'</i></p>\
'</i></p></div>\
</div>\
</form>\
<div class="col-md-8">\
<div class="col-md-8 collapse">\
<div class="load" style="display:none;"><i class="fa fa-circle-o-notch fa-spin"></i></div>\
<a><img alt="" style="max-width=100%" class="img-thumbnail step-thumbnail"/></a>\
</div>\
@@ -50,13 +49,14 @@ function DefaultHtmlStepUi(_sequencer, options) {
</div>';
var tools =
'<div class="tools btn-group">\
'<div class="collapse"><div class="tools btn-group">\
<button confirm="Are you sure?" onclick="stepRemovedNotify()" class="remove btn btn btn-default">\
<i class="fa fa-trash"></i>\
</button>\
<button class="btn insert-step" style="margin-left:10px;border-radius:6px;background-color:#fff;border:solid #bababa 1.1px;" >\
<i class="fa fa-plus"></i> Add\
</button>\
</div>\
</div>';
var util = IntermediateHtmlStepUi(_sequencer, step);
@@ -114,7 +114,7 @@ function DefaultHtmlStepUi(_sequencer, options) {
div.setAttribute("name", paramName);
var description = inputs[paramName].desc || paramName;
div.innerHTML =
"<div class='det'>\
"<div class='det collapse'>\
<label for='" +
paramName +
"'>" +
@@ -128,7 +128,7 @@ function DefaultHtmlStepUi(_sequencer, options) {
}
$(step.ui.querySelector("div.details")).append(
"<p><button type='submit' class='btn btn-default btn-save' disabled = 'true' >Apply</button><span> Press apply to see changes</span></p>"
'<div class="collapse"><p><button type="submit" class="btn btn-default btn-save" disabled = "true" >Apply</button><span> Press apply to see changes</span></p></div>'
);
@@ -155,7 +155,19 @@ function DefaultHtmlStepUi(_sequencer, options) {
else {
$("#load-image").append(step.ui);
}
$(step.ui.querySelector(".toggle")).on("click", (e) => {
var className = e.target.className;
console.log("ele "+element)
if(className=="fa fa-caret-up"){
$(step.ui.querySelectorAll(".collapse")).show();
e.target.className="fa fa-caret-down";
}
else{
$(step.ui.querySelectorAll(".collapse")).hide();
//e.target.localName.toggleClass('fa-caret-up');
e.target.className="fa fa-caret-up";
}
});
function saveOptions(e) {