Change how the YAQL fields are displayed
Change-Id: I2c311bd0822232ce237f7bf9e052786d955de269
This commit is contained in:
Timur Sufiev
parent
caa4d0d2c0
commit
00e5cb0036
@ -86,7 +86,7 @@ div#create-workbook {
|
||||
content: "\f196";
|
||||
}
|
||||
|
||||
i.fa-minus-circle.input-group-addon {
|
||||
.fa-minus-circle.input-group-addon {
|
||||
color: red;
|
||||
}
|
||||
|
||||
|
||||
@ -353,45 +353,106 @@
|
||||
</div>
|
||||
</div>
|
||||
<div id="collapseEight" class="collapse in">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-6 col-lg-6">
|
||||
<div class="form-group">
|
||||
<label for="onErrorWF">On error</label>
|
||||
<input type="text" class="form-control" id="onErrorWF">
|
||||
<div class="section">
|
||||
<div class="row">
|
||||
<div class="col-md-10 col-sm-10 col-lg-10">
|
||||
<h5><a data-toggle="collapse" data-target="#collapse21" id="collapse21Link" href="#">
|
||||
On error</a></h5>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-2 col-lg-2">
|
||||
<button class="btn btn-default btn-sm pull-right"><i class="fa fa-plus"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-6 col-lg-6">
|
||||
<div class="form-group">
|
||||
<label for="onErrorWFYaql">YAQL</label>
|
||||
<textarea class="form-control" id="onErrorWFYaql"></textarea>
|
||||
<div id="collapse21" class="collapse in">
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-sm-5 col-lg-5" style="display:none">
|
||||
<div class="form-group">
|
||||
<textarea class="form-control"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5 col-sm-5 col-lg-5">
|
||||
<div class="form-group">
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon yaql-condition fa fa-unlock" role="button"></span>
|
||||
<input type="text" class="form-control">
|
||||
<span class="input-group-addon fa fa-minus-circle"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-sm-5 col-lg-5" style="display:none">
|
||||
<div class="form-group">
|
||||
<textarea class="form-control"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5 col-sm-5 col-lg-5">
|
||||
<div class="form-group">
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon yaql-condition fa fa-unlock" role="button"></span>
|
||||
<input type="text" class="form-control">
|
||||
<span class="input-group-addon fa fa-minus-circle"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-6 col-lg-6">
|
||||
<div class="form-group">
|
||||
<label for="onsuccesswf">On success</label>
|
||||
<input type="text" class="form-control" id="onSuccessWF">
|
||||
<div class="section">
|
||||
<div class="row">
|
||||
<div class="col-md-10 col-sm-10 col-lg-10">
|
||||
<h5><a data-toggle="collapse" data-target="#collapse22" id="collapse22Link" href="#">
|
||||
On success</a></h5>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-2 col-lg-2">
|
||||
<button class="btn btn-default btn-sm pull-right"><i class="fa fa-plus"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-6 col-lg-6">
|
||||
<div class="form-group">
|
||||
<label for="onsuccesswfyaql">YAQL</label>
|
||||
<textarea class="form-control" id="onSuccessWFYaql"></textarea>
|
||||
<div id="collapse22" class="collapse in">
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-sm-5 col-lg-5" style="display:none">
|
||||
<div class="form-group">
|
||||
<textarea class="form-control"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5 col-sm-5 col-lg-5">
|
||||
<div class="form-group">
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon yaql-condition fa fa-unlock" role="button"></span>
|
||||
<input type="text" class="form-control">
|
||||
<span class="input-group-addon fa fa-minus-circle"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-6 col-lg-6">
|
||||
<div class="form-group">
|
||||
<label for="oncompletewf">On complete</label>
|
||||
<input type="text" class="form-control" id="onCompleteWF">
|
||||
<div class="section">
|
||||
<div class="row">
|
||||
<div class="col-md-10 col-sm-10 col-lg-10">
|
||||
<h5><a data-toggle="collapse" data-target="#collapse23" id="collapse23Link" href="#">
|
||||
On complete</a></h5>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-2 col-lg-2">
|
||||
<button class="btn btn-default btn-sm pull-right"><i class="fa fa-plus"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-6 col-lg-6">
|
||||
<div class="form-group">
|
||||
<label for="oncompletewfyaql">YAQL</label>
|
||||
<textarea class="form-control" id="onCompleteWFYaql"></textarea>
|
||||
<div id="collapse23" class="collapse in">
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-sm-5 col-lg-5" style="display:none">
|
||||
<div class="form-group">
|
||||
<textarea class="form-control"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5 col-sm-5 col-lg-5">
|
||||
<div class="form-group">
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon yaql-condition fa fa-unlock" role="button"></span>
|
||||
<input type="text" class="form-control">
|
||||
<span class="input-group-addon fa fa-minus-circle"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -510,45 +571,90 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-6 col-lg-6">
|
||||
<div class="form-group">
|
||||
<label for="onErrorTask">On error</label>
|
||||
<input type="text" class="form-control" id="onErrorTask">
|
||||
<div class="section">
|
||||
<div class="row">
|
||||
<div class="col-md-10 col-sm-10 col-lg-10">
|
||||
<h5><a data-toggle="collapse" data-target="#collapse24" id="collapse24Link" href="#">
|
||||
On error</a></h5>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-2 col-lg-2">
|
||||
<button class="btn btn-default btn-sm pull-right"><i class="fa fa-plus"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-6 col-lg-6">
|
||||
<div class="form-group">
|
||||
<label for="onerrortaskyaql">YAQL</label>
|
||||
<textarea class="form-control" id="onErrorTaskYaql"></textarea>
|
||||
<div id="collapse24" class="collapse in">
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-sm-5 col-lg-5" style="display:none">
|
||||
<div class="form-group">
|
||||
<textarea class="form-control"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5 col-sm-5 col-lg-5">
|
||||
<div class="form-group">
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon yaql-condition fa fa-unlock" role="button"></span>
|
||||
<input type="text" class="form-control">
|
||||
<span class="input-group-addon fa fa-minus-circle"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-6 col-lg-6">
|
||||
<div class="form-group">
|
||||
<label for="onSuccessTask">On success</label>
|
||||
<input type="text" class="form-control" id="onSuccessTask">
|
||||
<div class="section">
|
||||
<div class="row">
|
||||
<div class="col-md-10 col-sm-10 col-lg-10">
|
||||
<h5><a data-toggle="collapse" data-target="#collapse25" id="collapse25Link" href="#">
|
||||
On success</a></h5>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-2 col-lg-2">
|
||||
<button class="btn btn-default btn-sm pull-right"><i class="fa fa-plus"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-6 col-lg-6">
|
||||
<div class="form-group">
|
||||
<label for="onSuccessTaskYaql">YAQL</label>
|
||||
<textarea class="form-control" id="onSuccessTaskYaql"></textarea>
|
||||
<div id="collapse25" class="collapse in">
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-sm-5 col-lg-5" style="display:none">
|
||||
<div class="form-group">
|
||||
<textarea class="form-control"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5 col-sm-5 col-lg-5">
|
||||
<div class="form-group">
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon yaql-condition fa fa-unlock" role="button"></span>
|
||||
<input type="text" class="form-control">
|
||||
<span class="input-group-addon fa fa-minus-circle"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-6 col-lg-6">
|
||||
<div class="form-group">
|
||||
<label for="oncompletetask">On complete</label>
|
||||
<input type="text" class="form-control" id="onCompleteTask">
|
||||
<div class="section">
|
||||
<div class="row">
|
||||
<div class="col-md-10 col-sm-10 col-lg-10">
|
||||
<h5><a data-toggle="collapse" data-target="#collapse26" id="collapse26Link" href="#">
|
||||
On complete</a></h5>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-2 col-lg-2">
|
||||
<button class="btn btn-default btn-sm pull-right"><i class="fa fa-plus"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-6 col-lg-6">
|
||||
<div class="form-group">
|
||||
<label for="oncompletetaskyaql">YAQL</label>
|
||||
<textarea class="form-control" id="onCompleteTaskYaql"></textarea>
|
||||
<div id="collapse26" class="collapse in">
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-sm-5 col-lg-5" style="display:none">
|
||||
<div class="form-group">
|
||||
<textarea class="form-control"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5 col-sm-5 col-lg-5">
|
||||
<div class="form-group">
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon yaql-condition fa fa-unlock" role="button"></span>
|
||||
<input type="text" class="form-control">
|
||||
<span class="input-group-addon fa fa-minus-circle"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -654,7 +760,22 @@ description: </pre>
|
||||
$('a[data-toggle="collapse"]').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
return true;
|
||||
})
|
||||
});
|
||||
|
||||
$('span.yaql-condition').on('click', function(e) {
|
||||
var $elt = $(this),
|
||||
$inputColumn = $elt.closest('div.row').children(':first-child'),
|
||||
$input;
|
||||
|
||||
$elt.hide();
|
||||
$input = $inputColumn.show().find('textarea');
|
||||
$input.focus().on('blur', function() {
|
||||
$inputColumn.hide();
|
||||
$elt.toggleClass('fa-lock', $input.val() !== '');
|
||||
$elt.toggleClass('fa-unlock', $input.val() === '');
|
||||
$elt.show();
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user