134 lines
5.8 KiB
Cheetah
134 lines
5.8 KiB
Cheetah
<h1 class="page-header">Camera Configuration</h1>
|
|
|
|
<div class="col-md-12">
|
|
<div class="panel panel-default drop-shadow">
|
|
<div class="panel-heading">Cameras</div>
|
|
<div class="panel-body">
|
|
<p>This is a list of all cameras connected to this server.</p>
|
|
|
|
<table class="table table-hover table-condensed">
|
|
<thead>
|
|
<th>Name</th>
|
|
<th>Type</th>
|
|
<th>Configuration</th>
|
|
<th>
|
|
<button class="btn btn-default btn-xs pull-right" data-toggle="modal"
|
|
data-target="#cameraModal"
|
|
data-action="create_camera">
|
|
<span class="glyphicon glyphicon-plus"></span>
|
|
</button>
|
|
</th>
|
|
</thead>
|
|
{{#cameras}}
|
|
<tr>
|
|
<td>{{.getName()}}</td>
|
|
<td>{{.getType()}}</td>
|
|
<td>{{.getDeviceConfig()}}</td>
|
|
<td>
|
|
<form method="POST">
|
|
<input type="hidden" name="id" value="{{.getId()}}">
|
|
|
|
<div class="btn-toolbar pull-right">
|
|
<button type="button" class="btn btn-default btn-xs" data-toggle="modal"
|
|
data-target="#cameraModal"
|
|
data-action="modify_camera"
|
|
data-id="{{.getId()}}"
|
|
data-room-id="{{.getRoom().getId()}}"
|
|
data-name="{{.getName()}}"
|
|
data-type="{{.getType()}}"
|
|
{{#.getDeviceConfigurator().getConfiguration()}}
|
|
data-{{.getName()}}="{{.getString()}}"
|
|
{{/.getDeviceConfigurator().getConfiguration()}}
|
|
>
|
|
<span class="glyphicon glyphicon-pencil"></span>
|
|
</button>
|
|
|
|
<button type="submit" class="btn btn-danger btn-xs" name="action" value="remove_camera">
|
|
<span class="glyphicon glyphicon-trash"></span>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
{{/cameras}}
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!------------- MODALS --------------->
|
|
<script>
|
|
$(function(){
|
|
initDynamicModalForm("cameraModal", "camera-data-conf", "camera-data-conf-template");
|
|
});
|
|
</script>
|
|
|
|
|
|
<div class="modal fade" id="cameraModal" tabindex="-1">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal"><span>×</span></button>
|
|
<h4 class="modal-title">Camera</h4>
|
|
</div>
|
|
<form method="POST">
|
|
<div class="modal-body">
|
|
<input type="hidden" id="action" name="action">
|
|
<input type="hidden" id="id" name="id">
|
|
|
|
<div class="form-group">
|
|
<label class="control-label">Located in room:</label>
|
|
<select class="form-control" name="room-id">
|
|
<option value=""></option>
|
|
{{#rooms}}
|
|
<option value="{{.getId()}}">{{.getName()}} (id: {{.getId()}})</option>
|
|
{{/rooms}}
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label">Name:</label>
|
|
<input type="text" class="form-control" name="name">
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label">Type:</label>
|
|
<select class="form-control" name="type">
|
|
{{#availableCameraConfigClasses}}
|
|
<option>{{.getName()}}</option>
|
|
{{/availableCameraConfigClasses}}
|
|
</select>
|
|
</div>
|
|
|
|
<hr>
|
|
<div id="camera-data-conf">
|
|
<!-- Dynamic form -->
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="reset" class="btn btn-default" data-dismiss="modal">Cancel</button>
|
|
<button type="submit" class="btn btn-primary">Save</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="camera-data-conf-template" class="hidden">
|
|
{{#availableCameraObjectConfig}}
|
|
<div id="{{.clazz.getName()}}">
|
|
{{#.params}}
|
|
<div class="form-group">
|
|
<label class="control-label">{{.getNiceName()}}:</label>
|
|
{{#.isTypeString()}}<input type="text" class="form-control" name="{{.getName()}}">{{/#.isTypeString()}}
|
|
{{#.isTypeNumber()}}<input type="number" class="form-control" name="{{.getName()}}">{{/#.isTypeNumber()}}
|
|
{{#.isTypeBoolean()}}<input type="checkbox" name="{{.getName()}}" value="true">{{/#.isTypeBoolean()}}
|
|
{{#.isTypeSelection()}}
|
|
<select class="form-control" name="{{.getName()}}">
|
|
{{#.getPossibleValues()}}<option>{{.}}</option>{{/.getPossibleValues()}}
|
|
</select>
|
|
{{/#.isTypeSelection()}}
|
|
</div>
|
|
{{/.params}}
|
|
</div>
|
|
{{/availableCameraObjectConfig}}
|
|
</div>
|
|
|