diff options
Diffstat (limited to 'modules-available/usblockoff/templates/usb-rules-config.html')
-rw-r--r-- | modules-available/usblockoff/templates/usb-rules-config.html | 105 |
1 files changed, 105 insertions, 0 deletions
diff --git a/modules-available/usblockoff/templates/usb-rules-config.html b/modules-available/usblockoff/templates/usb-rules-config.html new file mode 100644 index 00000000..3827dc03 --- /dev/null +++ b/modules-available/usblockoff/templates/usb-rules-config.html @@ -0,0 +1,105 @@ +<div class="panel panel-default"> + <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"> + <textarea class="form-control" rows="10" name="rules" id="rules">{{rules}}</textarea> + </div> + + <div class="pull-right"> + <a class="btn btn-default" title="{{lang_howToRuleLang}}" + href="https://usbguard.github.io/documentation/rule-language.html" + style="margin-right: -1px;" target="_blank"> + <span class="glyphicon glyphicon-question-sign"></span> + </a> + <a class="btn btn-success" onclick="loadAddGenericRuleModal();" + style="margin-right: 3px; float: none;"> + <span class="glyphicon glyphicon-plus"></span> + <span>{{lang_genericRule}}</span> + </a> + <a class="btn btn-success" style="float: right;" onclick="loadAddDeviceModal();"> + <span style="margin-right: 5px;" class="glyphicon glyphicon-plus"></span> + <span>{{lang_devices}}</span> + </a> + </div> + </div></div> +</div> + +<div class="modal fade" id="myModal" tabindex="-1" role="dialog"> + <div class="modal-dialog"> + <div class="modal-content"> + <div class="modal-header" id="myModalHeader"></div> + <div class="modal-body" id="myModalBody"></div> + <div class="modal-footer"> + <a class="btn btn-default" data-dismiss="modal">{{lang_cancel}}</a> + <button id="myModalAddButton" class="btn btn-success" type="button"> + <span style="margin-right: 5px;" class="glyphicon glyphicon-plus"></span> + <span id="myModalAddButtonText"></span> + </button> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + 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"); + $('#myModalAddButton').attr("form", "addDevicesForm"); + $('#myModal .modal-dialog').css('width', '60%'); + $('#myModal .modal-dialog').css('min-width', '60%'); + $('#myModal').modal('show'); + $('#myModalBody').load("?do=usblockoff&action=deviceList"); + } + + function loadAddGenericRuleModal() { + $('#myModalHeader').text("{{lang_add-generic-rule}}").css("font-weight", "Bold"); + $('#myModalAddButton').attr("form", "addGenericRuleForm"); + $('#myModal .modal-dialog').css('width', '60%'); + $('#myModal .modal-dialog').css('min-width', '60%'); + $('#myModal').modal('show'); + $('#myModalBody').load("?do=usblockoff&action=genericRuleBuilder"); + } +</script>
\ No newline at end of file |