path: root/modules-available/locationinfo/templates/ajax-config-location.html

<input type="hidden" name="locationid" value="{{id}}">
<div id="settings-outer">
	<h3>{{lang_openingTime}}</h3>
	{{^expertMode}}
	<div id="simple-mode">

		<div class="clearfix"></div>
		<table class="table table-condensed" style="margin-bottom:0">
			<tr>
				<th>{{lang_day}}</th>
				<th>{{lang_openingTime}}</th>
				<th>{{lang_closingTime}}</th>
			</tr>

			<tr class="tablerow">
				<td>{{lang_monTilFr}}</td>
				<td>
					<div class="input-group">
						<span class="input-group-addon">
							<span class="glyphicon glyphicon-time"></span>
						</span>
						<input disabled type="text" class="form-control timepicker2" id="week-open">
					</div>
				</td>
				<td>
					<div class="input-group">
						<span class="input-group-addon">
							<span class="glyphicon glyphicon-time"></span>
						</span>
						<input disabled type="text" class="form-control timepicker2" id="week-close">
					</div>
				</td>
			</tr>
			<tr class="tablerow">
				<td>{{lang_saturday}}</td>
				<td>
					<div class="input-group">
						<span class="input-group-addon">
							<span class="glyphicon glyphicon-time"></span>
						</span>
						<input disabled type="text" class="form-control timepicker2" id="saturday-open">
					</div>
				</td>
				<td>
					<div class="input-group">
						<span class="input-group-addon">
							<span class="glyphicon glyphicon-time"></span>
						</span>
						<input disabled type="text" class="form-control timepicker2" id="saturday-close">
					</div>
				</td>
			</tr>
			<tr class="tablerow">
				<td>{{lang_sunday}}</td>
				<td>
					<div class="input-group">
						<span class="input-group-addon">
							<span class="glyphicon glyphicon-time"></span>
						</span>
						<input disabled type="text" class="form-control timepicker2" id="sunday-open">
					</div>
				</td>
				<td>
					<div class="input-group">
						<span class="input-group-addon">
							<span class="glyphicon glyphicon-time"></span>
						</span>
						<input disabled type="text" class="form-control timepicker2" id="sunday-close">
					</div>
				</td>
			</tr>
		</table>
	</div>
	{{/expertMode}}

	<div id="expert-mode" style="{{^expertMode}}display:none{{/expertMode}}">
		<div class="clearfix"></div>
		<div id="expert-table">
			<div class="row">
				<div class="col-sm-6">{{lang_openingTime}}</div>
				<div class="col-sm-4">{{lang_closingTime}}</div>
				<div class="col-sm-2 text-right">{{lang_delete}}</div>
			</div>
		</div>
		<hr>
	</div>
</div>

<h3>{{lang_remoteSchedule}}</h3>
<div class="row">
	<div class="col-sm-3">
		<label for="backend-select">{{lang_backend}}</label>
	</div>
	<div class="col-sm-7">
		<select id="backend-select" class="form-control" name="serverid">
			<option value="0">{{lang_noServer}}</option>
			{{#serverlist}}
			<option value="{{serverid}}" {{selected}}>{{servername}}</option>
			{{/serverlist}}
		</select>
	</div>
	<div class="col-sm-2">
		<p class="btn btn-static helptext" title="{{lang_serverTooltip}}">
			<span class="glyphicon glyphicon-question-sign"></span>
		</p>
	</div>
</div>
<div class="row">
	<div class="col-sm-3"></div>
	<div class="col-sm-7">
		<div class="checkbox">
			<input type="checkbox" name="recursive" id="recursive-check">
			<label for="recursive-check">{{lang_recursiveServerSet}}</label>
		</div>
	</div>
	<div class="col-sm-2">
		<p class="btn btn-static helptext" title="{{lang_recursiveSetTooltip}}">
			<span class="glyphicon glyphicon-question-sign"></span>
		</p>
	</div>
</div>
<div class="row">
	<div class="col-sm-3">
		<label for="roomid-input">{{lang_roomId}}</label>
	</div>
	<div class="col-sm-7">
		<input id="roomid-input" class="form-control" name="serverlocationid" id="serverlocationid" value="{{serverlocationid}}">
	</div>
	<div class="col-sm-2">
		<p class="btn btn-static helptext" title="{{lang_roomIdTooltip}}">
			<span class="glyphicon glyphicon-question-sign"></span>
		</p>
	</div>
</div>

<div class="hidden" id="expert-template">
	<div class="row expert-row">
		<hr>
		<div class="col-xs-12 days-box">
			<div class="checkbox checkbox-inline" style="margin-top: 0px;"><input disabled type="checkbox" class="i-Monday"><label>{{lang_shortMonday}}</label></div>
			<div class="checkbox checkbox-inline"><input disabled type="checkbox" class="i-Tuesday"><label>{{lang_shortTuesday}}</label></div>
			<div class="checkbox checkbox-inline"><input disabled type="checkbox" class="i-Wednesday"><label>{{lang_shortWednesday}}</label></div>
			<div class="checkbox checkbox-inline"><input disabled type="checkbox" class="i-Thursday"><label>{{lang_shortThursday}}</label></div>
			<div class="checkbox checkbox-inline"><input disabled type="checkbox" class="i-Friday"><label>{{lang_shortFriday}}</label></div>
			<div class="checkbox checkbox-inline"><input disabled type="checkbox" class="i-Saturday"><label>{{lang_shortSaturday}}</label></div>
			<div class="checkbox checkbox-inline"><input disabled type="checkbox" class="i-Sunday"><label>{{lang_shortSunday}}</label></div>
		</div>
		<div class="col-sm-6">
			<div class="input-group">
				<span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
				<input disabled type="text" class="form-control i-openingtime">
			</div>
		</div>
		<div class="col-sm-6">
			<div class="input-group">
				<span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
				<input disabled type="text" class="form-control i-closingtime">
			</div>
		</div>
	</div>
</div>

<script type="application/javascript"><!--
	(function() {

		var scheduleData = {{{schedule_data}}};

		{{#expertMode}}
			for (var i = 0; i < scheduleData.length; ++i) {
				newOpeningTime(scheduleData[i]);
			}
		{{/expertMode}}
		{{^expertMode}}
		for (var i = 0; i < scheduleData.length; ++i) {
			if (scheduleData[i].days.length === 5) {
				$('#week-open').val(scheduleData[i]['openingtime']);
				$('#week-close').val(scheduleData[i]['closingtime']);
			} else if (scheduleData[i].days.length === 1 && scheduleData[i].days[0] === 'Saturday') {
				$('#saturday-open').val(scheduleData[i]['openingtime']);
				$('#saturday-close').val(scheduleData[i]['closingtime']);
			} else if (scheduleData[i].days.length === 1 && scheduleData[i].days[0] === 'Sunday') {
				$('#sunday-open').val(scheduleData[i]['openingtime']);
				$('#sunday-close').val(scheduleData[i]['closingtime']);
			}
		}
		{{/expertMode}}

		setTimepicker($('#settings-outer').find('.timepicker2'));

		$('p.helptext').tooltip();

		$('#new-openingtime').click(function (e) {
			e.preventDefault();
			setTimepicker(newOpeningTime({}).find('.timepicker2'));
		});

		$('#btn-show-expert').click(function (e) {
			e.preventDefault();
			scheduleData = simpleToExpert();
			for (var i = 0; i < scheduleData.length; ++i) {
				setTimepicker(newOpeningTime(scheduleData[i]).find('.timepicker2'));
			}
			$('#simple-mode').remove();
			$('#expert-mode').show();
		});

	})();

//--></script>