ZaneYork
/
zoneminder
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
zoneminder/web/skins/bootstrap/views/console.php

37 lines
1.4 KiB
PHP
Raw Normal View History

Remove copywrite from console view header
2014-11-28 08:27:55 +08:00
<?php xhtmlHeaders( __FILE__, $SLANG['Console'] ); ?>
Initial commit of bootstrap-based skin
2014-11-01 02:46:37 +08:00
<body>
Redo console HTML to be organized by flexbox, not bootstrap grid Utilizing css3 flexbox, I'm able to easily lay out all monitors with equal width and height, while not having to worry about parent .row <div>'s
2014-11-29 00:56:22 +08:00
<?php include("header.php"); ?>
Move header outside of form in console
2014-11-16 00:34:45 +08:00
Redo console HTML to be organized by flexbox, not bootstrap grid Utilizing css3 flexbox, I'm able to easily lay out all monitors with equal width and height, while not having to worry about parent .row <div>'s
2014-11-29 00:56:22 +08:00
<div class="container-fluid">
Display stills of each monitor, set per-monitor alerts This commit displays a still of each monitor at page load time. The panel surrounding the monitor is context sensitive - if zmc or zma is not running, the panel is red (well, pink). Also if either zmc or zma are not running, we add an icon in the panel's header, explaining what is wrong.
2014-11-28 08:25:15 +08:00
<div class="row">
Redo console HTML to be organized by flexbox, not bootstrap grid Utilizing css3 flexbox, I'm able to easily lay out all monitors with equal width and height, while not having to worry about parent .row <div>'s
2014-11-29 00:56:22 +08:00
<div class="col-md-2"><?php include("sidebar.php"); ?></div>
<div class="col-md-10">
<div ng-controller="ConsoleController" class="flexcontainer">
<div ng-repeat="monitor in monitors" class="monitor panel" ng-class="(monitor.alerts.zmc || monitor.alerts.zma) ? 'panel-default' : 'panel-danger'">
<div class="panel-heading">
<a ng-hide="(monitor.alerts.zmc || monitor.alerts.zma)" class="pull-right" href="#" tooltip="{{ monitor.alert }}">
<span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
</a>
<h2 class="text-left panel-title">{{ monitor.Name }} <small>({{monitor.Id}})</small></h2>
</div> <!-- End .panel-heading -->
<div class="panel-body center-block">
<img class="img-responsive img-rounded" ng-src="/cgi-bin/nph-zms?mode=single&monitor={{monitor.Id}}&scale=50" />
</div> <!-- End .panel-body -->
Add support for deleting monitor in new ui Deletes via the API. Also attempts to stop any zma or zmc processes for the given monitor before deleting it from the table.
2015-01-08 05:29:30 +08:00
<div class="panel-footer">
<button type="button" class="btn btn-danger btn-sm" ng-click="delete($index)">Delete</button>
</div>
Redo console HTML to be organized by flexbox, not bootstrap grid Utilizing css3 flexbox, I'm able to easily lay out all monitors with equal width and height, while not having to worry about parent .row <div>'s
2014-11-29 00:56:22 +08:00
</div> <!-- End .monitor -->
</div> <!-- End ConsoleController -->
More work on cosole - split into sep. files, create sidebar
2014-11-01 23:26:19 +08:00
</div> <!-- End .col-md-10 -->
Redo console HTML to be organized by flexbox, not bootstrap grid Utilizing css3 flexbox, I'm able to easily lay out all monitors with equal width and height, while not having to worry about parent .row <div>'s
2014-11-29 00:56:22 +08:00
</div> <!-- End .row -->
</div> <!-- .container-fluid -->
<?php include("footer.php"); ?>
Initial commit of bootstrap-based skin
2014-11-01 02:46:37 +08:00
</body>
</html>