81 lines
No EOL
4.1 KiB
Cheetah
81 lines
No EOL
4.1 KiB
Cheetah
<div class="col-md-12">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">Service Status</div>
|
|
<div class="panel-body">
|
|
<table class="table table-hover">
|
|
<thead><tr>
|
|
{{#headers}}<th>Service</th>{{#headers}}
|
|
</tr></thead>
|
|
{{#data}}
|
|
<tr {{^.enabled}}class="active"{{/.enabled}}>
|
|
{{#params}}
|
|
<td>
|
|
{{#.isTypeBoolean()}}
|
|
<input type="checkbox" {{#.getValue()}}checked{{/.getValue()}} disabled />
|
|
{{/.isTypeBoolean()}}
|
|
{{^.isTypeBoolean()}}{{.getValue()}}{{/.isTypeBoolean()}}
|
|
</td>
|
|
{{/params}}
|
|
<td class="text-right">
|
|
<button type="button" class="btn btn-primary btn-xs">Edit</button>
|
|
{{^.enabled}}<button type="button" class="btn btn-default btn-xs">Disable</button>{{/.enabled}}
|
|
{{#.enabled}}<button type="button" class="btn btn-success btn-xs">Activate</button>{{/.enabled}}
|
|
<button type="button" class="btn btn-danger btn-xs">Remove</button>
|
|
</td>
|
|
</tr>
|
|
{{/data}}
|
|
</table>
|
|
</div>
|
|
<div class="panel-footer text-right">
|
|
<button type="button" class="btn btn-primary">Cancel</button>
|
|
<button type="button" class="btn btn-success">Save</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal -->
|
|
<div class="modal fade" id="configureModal" tabindex="-1" role="dialog" aria-labelledby="configureModalLabel">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
<h4 class="modal-title" id="configureModalLabel">Configure</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form class="form-horizontal">
|
|
<div class="form-group">
|
|
<label for="inputEmail" class="control-label col-xs-2">Email</label>
|
|
<div class="col-xs-10">
|
|
<input type="email" class="form-control" id="inputEmail" placeholder="Email">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="inputPassword" class="control-label col-xs-2">Password</label>
|
|
<div class="col-xs-10">
|
|
<input type="password" class="form-control" id="inputPassword" placeholder="Password">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="ccheckbox" class="control-label col-xs-2">ccheckbox</label>
|
|
<div class="col-xs-10">
|
|
<input type="checkbox" class="form-control" id="ccheckbox" placeholder="">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="sselect" class="control-label col-xs-2">sselect</label>
|
|
<div class="col-xs-10">
|
|
<select class="form-control" id="sselect" placeholder="">
|
|
<option value="volvo">-- Chose an Option --</option>
|
|
<option value="saab">Saab</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
|
|
<button type="button" class="btn btn-primary">Save</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |