[locationinfo] Started rewrite for panel-based approach

1 files changed, 98 insertions, 0 deletions

diff --git a/modules-available/locationinfo/templates/page-locations.html b/modules-available/locationinfo/templates/page-locations.html
new file mode 100644
index 00000000..436aa8d5
--- /dev/null
+++ b/modules-available/locationinfo/templates/page-locations.html
@@ -0,0 +1,98 @@
+<h4>{{lang_buildingTable}}</h4>
+<table class="table table-condensed table-hover" style="margin-bottom:0">
+
+	<tr>
+		<th>{{lang_locationName}}</th>
+		<th width="50">{{lang_openingTime}}</th>
+		<th width="50">{{lang_locationSettings}}</th>
+	</tr>
+
+	{{#list}}
+		<tr>
+			<td>
+				<div style="display:inline-block;width:{{depth}}em"></div>
+				<a href="#" class="loc-name" data-locationid="{{locationid}}">{{locationname}}</a>
+			</td>
+			<td>
+				<a class="btn btn-sm btn-default" role="button" style="width: 100%"
+					onclick="loadTimeModal({{locationid}}, '{{locationname}}');">
+					<span style="margin-right: 5px;" class="glyphicon glyphicon-time"></span>
+				</a>
+			</td>
+			<td>
+				<a class="btn btn-sm btn-default" role="button" style="width: 100%;"
+					onclick="loadLocationConfigModal({{locationid}}, '{{locationname}}');">
+					<span style="margin-right: 5px;" class="glyphicon glyphicon-cog"></span>
+				</a>
+			</td>
+		</tr>
+
+	{{/list}}
+</table>
+
+<div class="modal fade" id="location-modal" tabindex="-1" role="dialog">
+	<div class="modal-dialog"> <!--style="min-width:600px;width:70%"-->
+
+		<div class="modal-content">
+			<form method="post" action="?do=locationinfo" id="settings-form">
+				<input type="hidden" name="token" value="{{token}}">
+				<input type="hidden" name="action" value="writeLocationConfig">
+				<input type="hidden" name="openingtimes" id="json-openingtimes" value="">
+				<div class="modal-header"><h2 id="location-modal-header"></h2></div>
+				<div class="modal-body"></div>
+				<div class="modal-footer">
+					<button type="submit" class="btn btn-primary">{{lang_save}}</button>
+					<a class="btn btn-primary" data-dismiss="modal">{{lang_close}}</a>
+				</div>
+			</form>
+		</div>
+
+	</div>
+</div>
+
+<div class="hidden" id="expert-template">
+	<div class="row expert-row" style="margin-top:1em;border-top:1px solid #ddd">
+		<div class="col-xs-9 days-box">
+			<label><input type="checkbox" class="i-Monday">{{lang_shortMonday}}</label> |
+			<label><input type="checkbox" class="i-Tuesday">{{lang_shortTuesday}}</label> |
+			<label><input type="checkbox" class="i-Wednesday">{{lang_shortWednesday}}</label> |
+			<label><input type="checkbox" class="i-Thursday">{{lang_shortThursday}}</label> |
+			<label><input type="checkbox" class="i-Friday">{{lang_shortFriday}}</label> |
+			<label><input type="checkbox" class="i-Saturday">{{lang_shortSaturday}}</label> |
+			<label><input type="checkbox" class="i-Sunday">{{lang_shortSunday}}</label>
+		</div>
+		<div class="col-xs-3 text-right">
+			<label><input type="checkbox" class="i-delete"><span class="glyphicon glyphicon-trash"></span></label>
+		</div>
+		<div class="col-sm-6">
+			<div class="input-group bootstrap-timepicker">
+				<span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
+				<input type="text" class="form-control timepicker2 i-openingtime" pattern="[0-9]{1,2}:[0-9]{2}">
+			</div>
+		</div>
+		<div class="col-sm-6">
+			<div class="input-group bootstrap-timepicker">
+				<span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
+				<input type="text" class="form-control timepicker2 i-closingtime" pattern="[0-9]{1,2}:[0-9]{2}">
+			</div>
+		</div>
+	</div>
+</div>
+
+<script type="text/javascript"><!--
+
+document.addEventListener("DOMContentLoaded", function () {
+	/**
+	 * Load a opening time modal of a location.
+	 */
+	$('.loc-name').click(function (e) {
+		e.preventDefault();
+		var locationId = $(this).data('locationid');
+		var locationName = $(this).text();
+		$('#location-modal-header').text("[" + locationId + "] " + locationName);
+		$('#location-modal').modal('show').find('.modal-body').load("?do=locationinfo&action=config-location&id=" + locationId);
+	});
+	$('#settings-form').submit(submitLocationSettings);
+});
+
+//--></script>
\ No newline at end of file