86 lines
3.3 KiB
Cheetah
86 lines
3.3 KiB
Cheetah
<h1 class="page-header">Room Configuration</h1>
|
|
|
|
<div class="col-md-12">
|
|
<div class="panel panel-default drop-shadow">
|
|
<div class="panel-heading">Rooms</div>
|
|
<div class="panel-body">
|
|
<p>This is a list of all configured rooms.</p>
|
|
|
|
<table class="table table-hover table-condensed">
|
|
<thead>
|
|
<th style="width: 50px;">#</th>
|
|
<th>Name</th>
|
|
<th>
|
|
<button class="btn btn-default btn-xs pull-right" data-toggle="modal"
|
|
data-target="#roomModal"
|
|
data-action="create_room">
|
|
<span class="glyphicon glyphicon-plus"></span>
|
|
</button>
|
|
</th>
|
|
</thead>
|
|
{{#rooms}}
|
|
<tr>
|
|
<td>{{.getId()}}</td>
|
|
<td>{{.getName()}}</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="#roomModal"
|
|
data-action="modify_room"
|
|
data-id="{{.getId()}}"
|
|
data-name="{{.getName()}}"
|
|
>
|
|
<span class="glyphicon glyphicon-pencil"></span>
|
|
</button>
|
|
|
|
<button type="submit" class="btn btn-danger btn-xs" name="action" value="remove_room">
|
|
<span class="glyphicon glyphicon-trash"></span>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
{{/rooms}}
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!------------- MODALS --------------->
|
|
<script>
|
|
$(function(){
|
|
initDynamicModalForm("roomModal");
|
|
});
|
|
</script>
|
|
|
|
<div class="modal fade" id="roomModal" 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">Room</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">Name:</label>
|
|
<input type="text" class="form-control" name="name">
|
|
</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>
|
|
|