diff options
Diffstat (limited to 'modules-available/usblockoff/templates/usb-rules-config.html')
-rw-r--r-- | modules-available/usblockoff/templates/usb-rules-config.html | 49 |
1 files changed, 44 insertions, 5 deletions
diff --git a/modules-available/usblockoff/templates/usb-rules-config.html b/modules-available/usblockoff/templates/usb-rules-config.html index ab3dc664..3827dc03 100644 --- a/modules-available/usblockoff/templates/usb-rules-config.html +++ b/modules-available/usblockoff/templates/usb-rules-config.html @@ -1,6 +1,24 @@ <div class="panel panel-default"> - <div class="panel-heading">rules.conf</div> - <div class="panel-body"> + <div class="panel-heading">rules.conf + <input class="settings-bs-switch" id="rules_expert_Switch" type="checkbox" name="rules_expert_Switch" + data-on-text="Expert" data-off-text="Casual" data-size="small"> + </div> + + <div class="panel-body" id="casualRules"> + <div class="list-group"> + + <!-- TEST_AREA --> + + <div> + Work in progress ... + </div> + + <!-- /TEST_AREA --> + + </div> + </div> + + <div class="panel-body" id="expertRules" style="display: none;"> <div class="list-group"> <div class="form-group"> @@ -23,8 +41,7 @@ <span>{{lang_devices}}</span> </a> </div> - </div> - </div> + </div></div> </div> <div class="modal fade" id="myModal" tabindex="-1" role="dialog"> @@ -44,7 +61,29 @@ </div> <script type="text/javascript"> - $('a.btn[title]').tooltip({placement: "auto", html: true}); + document.addEventListener("DOMContentLoaded", function(event) { + $('a.btn[title]').tooltip({placement: "auto", html: true}); + + var s = $('#rules_expert_Switch'); + var mode = "casual"; + s.bootstrapSwitch(); + s.parent().parent().addClass('pull-right'); + s.parent().parent().css("margin", "-5px"); + + s.on('switchChange.bootstrapSwitch', function(event, state) { + if (state) { + // Expert mode. + $('#casualRules').hide(); + $('#expertRules').show(); + mode = "expert"; + } else { + // Casual mode. + $('#expertRules').hide(); + $('#casualRules').show(); + mode = "casual"; + } + }); + }); function loadAddDeviceModal() { $('#myModalHeader').text("{{lang_device-list}}").css("font-weight", "Bold"); |