path: root/modules-available/usblockoff/templates/usb-add-generic-rule.html

<form method="post" action="?do=usblockoff" id="addGenericRuleForm">
	<input type="hidden" name="token" value="{{token}}">
	<!--<input type="hidden" name="action" value="addGenericRule">-->
	<input type="hidden" name="action" value="addDevices">
	<input type="hidden" name="rules" value="" id="rules">
	<input type="hidden" name="configid" value="{{configid}}" id="configid">


	<div class="panel panel-default">
		<div class="panel-heading">{{lang_generalOptions}}</div>
		<div class="panel-body">
			<div class="list-group">

				{{#settings}}
				{{{settingHtml}}}
				{{/settings}}

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

	<div class="panel panel-default">
		<div class="panel-heading">{{lang_modeOptions}}
			<!--
			<input class="settings-bs-switch" id="expert_Switch" type="checkbox" name="expert_Switch"
			data-on-text="Expert" data-off-text="Casual" data-size="small">
			-->
		</div>
		<div class="panel-body">
			<div class="list-group">

				<div id="casualMode">

					<div class="list-group-item">
						<div class="row">
							<div class="col-md-3"><label for="casual_selected">{{lang_deviceClasses}}</label></div>
							<div class="col-md-7">
								<select class="form-control" id="casual_selected">
									<option value="08:*:*" selected>{{lang_mass-storage}}</option>
									<option value="03:*:*">{{lang_hid}}</option>
									<option value="09:*:*">{{lang_hub}}</option>
									<option value="07:*:*">{{lang_printer}}</option>
									<option value="01:*:*">{{lang_audio}}</option>
									<option value="*:*:*">{{lang_all-devices}}</option>
								</select>
							</div>
							<div class="col-md-2">
								<a class="btn btn-default" title="{{lang_classes-helptext}}">
									<span class="glyphicon glyphicon-question-sign"></span>
								</a>
							</div>
						</div>
					</div>

					<div class="list-group-item">
						<div class="row">
							<div class="col-md-3"><label for="contains">{{lang_contains}}</label></div>
							<div class="col-md-7">
								<input class="settings-bs-switch" id="contains" type="checkbox" value="1" checked
										 data-size="small">
							</div>
							<div class="col-md-2">
								<a class="btn btn-default" title="{{lang_contains-helptext}}">
									<span class="glyphicon glyphicon-question-sign"></span>
								</a>
							</div>
						</div>
					</div>

				</div>

				<!--
				<div id="expertMode" style="display: none;">

					<div class="list-group-item">
						<div class="row">
							<div class="col-md-3"><label>{{lang_operator}}</label></div>
							<div class="col-md-7">
								<select class="form-control" id="expert_selected">
									<option value="all-of">{{lang_all-of}}</option>
									<option value="one-of">{{lang_one-of}}</option>
									<option value="none-of">{{lang_none-of}}</option>
									<option value="equals" selected>{{lang_equals}}</option>
									<option value="equals-ordered">{{lang_equals-ordered}}</option>
								</select>
							</div>
							<div class="col-md-2">
								<a class="btn btn-default" title="{{lang_operator-helptext}}">
									<span class="glyphicon glyphicon-question-sign"></span>
								</a>
							</div>
						</div>
					</div>

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

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

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

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

	<div class="pull-right">
		<a href="?do=usblockoff&show=edit-config&configid={{configid}}" class="btn btn-default">Cancel</a>

		<button id="addButton" class="btn btn-primary" type="submit" onclick="addRule();">
			<span class="glyphicon glyphicon-floppy-disk"></span> {{lang_save}}
		</button>
	</div>

</form>

<script type="text/javascript">
	document.addEventListener("DOMContentLoaded", function() {
		$('a.btn[title]').tooltip({placement: "auto", html: true});

		var contains = true;
		var c = $('#contains');
		c.bootstrapSwitch();
		c.on('switchChange.bootstrapSwitch', function(event, state) {
			contains = state;
		});
	});

	/*
	var s = $('#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.
			$('#casualMode').hide();
			$('#expertMode').show();
			mode = "expert";
		} else {
			// Casual mode.
			$('#expertMode').hide();
			$('#casualMode').show();
			mode = "casual";
		}
	});
	*/

	function addRule() {
		var rules = [];
      var rule = {};
		rule['target'] = $('#prop-action').val();
		rule['id'] = 0;
		var attribute = {};
		attribute['prop'] = 'with-interface';
		attribute['value'] = $('#casual_selected option:selected').val();
		rule['attributes'] = [];
		rule['attributes'].push(attribute);
		rules.push(rule);
		$('#rules').val(JSON.stringify(rules));
	}
</script>