path: root/modules-available/locationinfo/templates/server-settings.html

<div>
	<form method="post" action="?do=locationinfo" id="settingsForm">
		<input type="hidden" name="token" value="{{token}}">
		<input type="hidden" name="action" value="updateServerSettings">
		<input type="hidden" name="id" value="{{id}}">


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

					<div class="list-group-item">
						<div class="row">
							<div class="col-md-3" >
								<label>{{lang_locationName}}</label>
							</div>
							<div class="col-md-7">
								<input required class="form-control" id="input-name-{{id}}" name="name" type="text" value="{{name}}"></input>
							</div>
							<div class="col-md-2">
								<a class="btn btn-default" id="help-name" title="{{lang_nameTooltip}}"><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_serverUrl}}</label>
							</div>
							<div class="col-md-7">
								<input required class="form-control" id="input-url-{{id}}" name="url" type="text" value="{{url}}" ></input>
							</div>
							<div class="col-md-2">
								<a class="btn btn-default" id="help-url" title="{{lang_urlTooltip}}"><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_serverType}}</label>
							</div>
							<div class="col-md-7">
								<select class="form-control" id="input-type-{{id}}" name="type" value="{{typ}}" onchange="servertype_changed(this.value);">
									{{#backendList}}
										<option id="{{typ}}" value="{{typ}}" {{#active}}selected{{/active}}>{{display}}
									{{/backendList}}
								</select>
							</div>
							<div class="col-md-2">
								<a class="btn btn-default" id="help-type" title="{{lang_typeTooltip}}"><span class="glyphicon glyphicon-question-sign"></span></a>
							</div>
						</div>
					</div>

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

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

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

		<div id="credentials" class="list-group"></div>
		<button type="submit" class="btn btn-primary">{{lang_save}}</button>
	</form>
</div>
<script type="text/javascript">
	var type = "{{servertype}}";
	if (type == "") {
		type = $('#input-type-{{id}}').val();
	}

	loadCredentials();
	initalizeBootstrap();

	function initalizeBootstrap() {
		$('#help-name').tooltip();
		$('#help-url').tooltip();
		$('#help-type').tooltip();
	}

	function loadCredentials(useValue = true) {
		// {{name}} name of auth {{type}} type of auth (string, int etc.) {{value}} value from the db
		{{#backendList}}
		if (type == "{{typ}}") {
			{{#credentials}}
			$('#credentials-div').fadeIn('fast');

			if ("{{type}}" == "string") {
				$("#credentials-list").append('<div class="list-group-item"><div class="row">\
				<div class="col-md-3"><label>{{name}}</label></div>\
				<div class="col-md-7">\
				<input required class="form-control" id="input-{{uid}}" {{#mask}}type="password"{{/mask}}{{^mask}}type="text"{{/mask}} name="{{uid}}" value="{{value}}" form="settingsForm"></div>\
				<div class="col-md-2"><a class="btn btn-default" id="help-{{uid}}" title="{{title}}"><span class="glyphicon glyphicon-question-sign"></span></a></div>\
				</div></div>');
			} else if ("{{type}}" == "int") {
				$("#credentials-list").append('<div class="list-group-item"><div class="row">\
				<div class="col-md-3"><label>{{name}}</label></div>\
				<div class="col-md-7">\
				<input required class="form-control" id="input-{{uid}}" {{#mask}}type="password" pattern="[0-9]*"{{/mask}}{{^mask}}type="number"{{/mask}} name="{{uid}}" value="{{value}}" form="settingsForm"></div>\
				<div class="col-md-2"><a class="btn btn-default" id="help-{{uid}}" title="{{title}}"><span class="glyphicon glyphicon-question-sign"></span></a></div>\
				</div></div>');
			} else if ("{{type}}" == "bool") {
				$("#credentials-list").append('<div class="list-group-item"><div class="row">\
				<div class="col-md-3"><label>{{name}}</label></div>\
				<div class="col-md-7">\
				<input class="bs-switch" id="input-{{uid}}" type="checkbox" name="{{uid}}" value="true" form="settingsForm" {{#value}}checked{{/value}}></div>\
				<div class="col-md-2"><a class="btn btn-default" id="help-{{uid}}" title="{{title}}"><span class="glyphicon glyphicon-question-sign"></span></a></div>\
				</div></div>');
				$('#bs-{{uid}}').bootstrapSwitch({
					size: "small"
				});
			} else if ("{{type}}" == "array") {
				$("#credentials-list").append('<div class="list-group-item"><div class="row">\
				<div class="col-md-3"><label>{{name}}</label></div>\
				<div class="col-md-7">\
				<select class="form-control" id="input-{{uid}}" name="{{uid}}" form="settingsForm">\
				{{#array}}\
				<option value="{{option}}" {{#active}}selected{{/active}}>{{option}}</option>\
				{{/array}}\
				</select></div>\
				<div class="col-md-2"><a class="btn btn-default" id="help-{{uid}}" title="{{title}}"><span class="glyphicon glyphicon-question-sign"></span></a></div>\
				</div></div>');
			}

			$('#help-{{uid}}').tooltip();
			if (!useValue) {
				$('#input-{{uid}}').val("");
			}
			{{/credentials}}
			{{^credentials}}
			$('#credentials-div').hide();
			{{/credentials}}
		}
		{{/backendList}}

	}

	function servertype_changed(value) {
		type = value;
		$('#credentials-div').fadeOut('fast', function() {
			$('#credentials-list').empty();
			loadCredentials(false);
		});
	}

</script>