used bootstrap addon-button instead of cols

This commit is contained in:
Jeroen De Meerleer 2017-04-15 10:39:29 +02:00
parent 975e207ebb
commit d14da69d48
Signed by: JeroenED
GPG Key ID: 28CCCB8F62BFADD6
2 changed files with 17 additions and 17 deletions

View File

@ -24,7 +24,7 @@
$(document).ready(function() { $(document).ready(function() {
$("body").on("change", "#patternDropdown", function() { $("body").on("click", "#patternDropdown li", function() {
if(this.value != "custom") { $("input#delay").val($("option:selected", this).data("val")); } if(this.value != "custom") { $("input#delay").val($(this).data("val")); }
}); });
}); });

View File

@ -16,29 +16,29 @@
</div> </div>
{% endif %} {% endif %}
<div class="form-group col-sm-12"> <div class="form-group">
<label for="name">Name</label> <label for="name">Name</label>
<input type="text" name="name" class="form-control" id="name" placeholder="blah"> <input type="text" name="name" class="form-control" id="name" placeholder="blah">
</div> </div>
<div class="form-group col-sm-12"> <div class="form-group">
<label for="url">url</label> <label for="url">url</label>
<input type="url" name="url" class="form-control" id="url" placeholder="https://"> <input type="url" name="url" class="form-control" id="url" placeholder="https://">
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="col-sm-2"> <label for="name">Delay (in seconds)</label>
<label for="name">Delay (in seconds)</label> <div class="input-group">
<select class="form-control" id="patternDropdown"> <div class="input-group-btn">
<option data-val="60"><a href="#">Every minute</a></option> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pattern <span class="caret"></span></button>
<option data-val="3600"><a href="#">Every hour</a></option> <ul class="dropdown-menu" id="patternDropdown">
<option data-val="86400"><a href="#">Every day</a></option> <li data-val="60"><a href="#">Every minute</a></li>
<option data-val="604800"><a href="#">Every week</a></option> <li data-val="3600"><a href="#">Every hour</a></li>
<option data-val="2419200"><a href="#">Every 4 weeks</a></option> <li data-val="86400"><a href="#">Every day</a></li>
<option data-val="custom"><a href="#">Custom</a></option> <li data-val="604800"><a href="#">Every week</a></li>
</select> <li data-val="2419200"><a href="#">Every 4 weeks</a></li>
</div> <li data-val="custom"><a href="#">Custom</a></li>
<div class="col-sm-10"> </ul>
<label for="name">&nbsp;</label> </div><!-- /btn-group -->
<input type="number" class="form-control" id="delay" name="delay"> <input type="number" class="form-control" id="delay" name="delay">
</div> </div>
</div> </div>