path: root/modules-available/baseconfig/templates/_page.html

<h1>{{lang_basicConfiguration}}</h1>
{{#override}}
<h2>{{subheading}}</h2>
<div class="alert alert-info">{{lang_editOverrideNotice}}</div>
{{/override}}
<p>{{lang_clientRelatedConfig}}</p>
<form action="?do=BaseConfig" method="post">
	<input type="hidden" name="token" value="{{token}}">
	{{#override}}
	<input name="module" type="hidden" value="{{target_module}}">
	<input name="{{field}}" type="hidden" value="{{field_value}}">
	{{/override}}
	<input type="text" name="prevent_autofill" id="prevent_autofill" value="" style="position:absolute;top:-2000px" tabindex="-1">
	<input type="password" name="password_fake" id="password_fake" value="" style="position:absolute;top:-2000px" tabindex="-1">
	{{#categories}}
	<div class="panel panel-default">
		<div class="panel-heading" role="tab" id="heading{{category_id}}">
			<a name="category_{{category_id}}"></a>
			{{category_name}}
		</div>
		<div class="panel-body">
			<div class="list-group">
				{{#settings}}
				<div class="list-group-item">
					<div class="row">
						<div class="col-md-5 slx-cfg-toggle">
							<div>{{setting}}</div>
							<div class="slx-default">
								{{#defaultvalue}}{{lang_defaultValue}}:{{/defaultvalue}}
								{{defaultvalue}}
							</div>
							{{#override}}
							<div class="checkbox">
								<input name="override[{{setting}}]" class="override-cb" id="CB_{{setting}}" type="checkbox" {{checked}} {{edit_disabled}}>
								<label for="CB_{{setting}}">
									{{lang_enableOverride}}
								</label>
							</div>
							{{/override}}
						</div>
						<div class="col-md-5 config-container">
							{{{item}}}
							<div class="slx-default">
								{{#defaultsource}}{{lang_inheritSource}}:{{/defaultsource}}
								{{defaultsource}}
							</div>
						</div>
						<div class="col-md-2">
							<a class="btn btn-default" data-toggle="modal" data-target="#help-{{setting}}"><span class="glyphicon glyphicon-question-sign"></span></a>
						</div>
					</div>
				</div>
				<div class="modal fade" id="help-{{setting}}" tabindex="-1" role="dialog">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal">&times;</button>
								<h4 class="modal-title"><b>{{setting}}</b></h4>

							</div>
							<div class="modal-body">{{{description}}}</div>
						</div>
					</div>
				</div>
				{{/settings}}
			</div>
		</div>
	</div>
	{{/categories}}
	<div class="text-right">
		{{^override}}
		<a class="btn btn-default" href="api.php?do=baseconfig&amp;user={{userid}}"><span class="glyphicon glyphicon-download-alt"></span> Download</a>
		{{/override}}
		{{#override}}
		<a class="btn btn-default" href="api.php?do=baseconfig&amp;user={{userid}}&amp;module={{target_module}}&amp;value={{field_value}}&amp;force=1">Download</a>
		{{/override}}
		<button class="btn btn-primary" type="submit" {{edit_disabled}}><span class="glyphicon glyphicon-floppy-disk"></span> {{lang_save}}</button>
	</div>
	<br/>

</form>

<script type="text/javascript">

document.addEventListener("DOMContentLoaded", function () {
	/* apply selectize on all multiinput-selectize inputs */
	$("input.multiinput").each(function (idx, elem) {
		var e = $(elem);
		e.data('selitem', e.selectize({
			delimiter: ' ',
			create: true,
			plugins: ['restore_on_backspace', 'remove_button'],
			maxItems: 10000

		})[0].selectize);
	});

	var $multilists = $("select.multilist");
	$multilists.multiselect({
		includeSelectAllOption: true,
		buttonWidth: '100%',
		buttonClass: 'form-control'
	});
	$multilists.filter(':disabled').multiselect('disable');

	/* data-shadowing bindings */
	var updateShadows = function() {
		var $this = $(this);
		var rules = $this.data('shadows');
		if (!rules) return;
		var currentValue = $this.val();
		for (var triggerVal in rules) {
			if (!rules.hasOwnProperty(triggerVal))
				continue;
			var targets = rules[triggerVal];
			for (var i = 0; i < targets.length; ++i) {
				var target = targets[i];
				var inp = $('#' + target);
				var selitem = inp.data('selitem');
				if (currentValue === triggerVal) {
					inp.prop('disabled', true);
					if (selitem) selitem.disable();
					inp.filter('.multilist').multiselect('disable');
				} else {
					inp.prop('disabled', false);
					if (selitem) selitem.enable();
					inp.filter('.multilist').multiselect('enable');
				}
			}
		}
	};
	var $allShadowingFields = $('[data-shadows]');
	$allShadowingFields.on('change', updateShadows);
	$allShadowingFields.each(updateShadows);

	var updateCheckbox = function() {
		var id = '#CB_' + $(this).attr('id');
		$(id).prop('checked', true);
	};
	var $cont = $('.config-container');
	$cont.find('select, input').on('change', updateCheckbox);
	$cont.find('input').on('input', updateCheckbox);
	$('.override-cb').on('change', function() {
		if (this.checked) return;
		var input = document.getElementById(this.id.substr(3));
		if (!input) return;
		if (input.tagName.toUpperCase() === 'SELECT') {
			$(input).find('option').each(function() {
				$(this).prop('selected', this.defaultSelected);
			});
			$(input).filter('.multilist').multiselect('refresh');
		} else if (input.type && input.type.toUpperCase() === 'CHECKBOX') {
			$(input).prop('checked', input.defaultChecked);
		} else if (input.defaultValue !== undefined) {
			$(input).val(input.defaultValue);
		}
	});
});
</script>