tami/brother_ql_web
6
0
Fork 0
mirror of https://github.com/pklaus/brother_ql_web.git synced 2024-05-25 11:56:53 +03:00
Code Issues Packages Projects Releases Wiki Activity

Move to a collapsible accordion for the settings

Browse Source
This commit is contained in:
Philipp Klaus 2016-12-19 01:24:26 +01:00
parent 3c26567223
commit 5df1ea821b
1 changed files with 32 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
views/labeldesigner.jinja2
View File

@ -12,16 +12,38 @@
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<fieldset class="form-group"> <fieldset class="form-group">
<label for="labelSize">Label Size:</label> <div class="panel-group" id="accordion">
<select class="form-control" id="labelSize" onChange="preview()"> <div class="panel panel-default">
{% for label_size in label_sizes %}<option value="{{label_size[0]}}">{{label_size[1]}}</option>{% endfor %} <div class="panel-heading">
</select> <h4 class="panel-title">
<label for="fontFamily">Font Selection:</label> <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">
<select class="form-control" id="fontFamily" onChange="preview()"> Label Size</a>
{% for font in fonts %}<option>{{font}}</option> {% endfor %} </h4>
</select> </div>
<label for="fontSize">Font Size:</label> <div id="collapse1" class="panel-collapse collapse">
<input id="fontSize" type="text" name="quant[2]" class="form-control input-number" value="70" min="1" max="120" onChange="preview()"> <label for="labelSize" style="display: none">Label Size:</label>
<select class="form-control" id="labelSize" onChange="preview()">
{% for label_size in label_sizes %}<option value="{{label_size[0]}}">{{label_size[1]}}</option>{% endfor %}
</select>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse2">
Font Settings</a>
</h4>
</div>
<div id="collapse2" class="panel-collapse collapse in">
<label for="fontFamily">Font Family:</label>
<select class="form-control" id="fontFamily" onChange="preview()">
{% for font in fonts %}<option>{{font}}</option> {% endfor %}
</select>
<label for="fontSize" >Font Size:</label>
<input id="fontSize" class="form-control" type="number" min="1" value="70" max="150" onChange="preview()">
</div>
</div>
</div>
</fieldset> </fieldset>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">