path: root/modules-available/usblockoff/templates/usb-configuration.html

<div class="panel panel-default">
	<div class="panel-heading">usbugard-daemon.conf</div>
	<div class="panel-body">
		<div class="list-group">

      {{#list}}
			<div class="list-group-item">
				<div class="row">
					<div class="col-sm-3">
						<label>{{name}}</label>
					</div>
					<div class="col-sm-7">
            <div class="col-sm-7">
							<input class="form-control" name="{{name}}" id="{{name}}" value="{{value}}">
						</div>
					</div>
					<div class="col-sm-2">
            <a class="btn btn-default" title="{{helptext}}">
          	   <span class="glyphicon glyphicon-question-sign"></span>
          	</a>
					</div>
				</div>
			</div>
      {{/list}}

		</div>
	</div>
</div>

<div class="panel panel-default">
  <div class="panel-heading">rules.conf</div>
  <div class="panel-body">
    <div class="list-group">

      <div class="form-group">
        <textarea class="form-control" rows="10" name="rules" id="rules">{{rules}}</textarea>
      </div>

			<div>
				<a class="btn btn-success" onclick="loadAddDeviceModal();">
					<span style="margin-right: 5px;" class="glyphicon glyphicon-plus"></span>
					<span>{{lang_devices}}</span>
				</a>
				<a class="btn btn-default" title="{{lang_howToRuleLang}}" href="https://dkopecek.github.io/usbguard/documentation/rule-language.html"
				 style="float: right;" target="_blank">
					<span class="glyphicon glyphicon-question-sign"></span>
				</a>
			</div>

    </div>
  </div>
</div>

<div>
	<button type="submit" id="configFormButton" class="btn btn-primary">{{lang_save}}</button>
	<!-- TODO: Reset Button should't call loadConfig instead do not reset the select input... but how? -->
	<button class="btn btn-default" type="reset" onclick="loadConfig($('#select_config'));">{{lang_reset}}</button>
</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">
				<button id="myModalAddButton" class="btn btn-success" type="button" onclick="addDevices();">
					<span style="margin-right: 5px;" class="glyphicon glyphicon-plus"></span>
					<span id="myModalAddButtonText"></span>
				</button>
				<a class="btn btn-primary" data-dismiss="modal">{{lang_close}}</a>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
	$('a.btn[title]').tooltip({placement: "left", html: true});
	//var configID = $('#select_config option:selected').val();
	//$('#deleteConfigButton').val(configID);

	function loadAddDeviceModal() {
		// TODO Change text of the MODAL!!
		$('#myModalHeader').text("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");
	}
</script>