zoneminder/web/skins/bootstrap/views/console.php

<?php xhtmlHeaders( __FILE__, $SLANG['Console'] ); ?>
<body>
		<?php include("header.php"); ?>

    <form name="monitorForm" method="get" action="<?= $_SERVER['PHP_SELF'] ?>">
    <input type="hidden" name="view" value="<?= $view ?>"/>
    <input type="hidden" name="action" value=""/>

    <div id="content" class="container-fluid">
			<div class="row">
				<div class="col-md-2"><?php include("sidebar.php"); ?></div>

				<div class="col-md-10">

	<div ng-controller="ConsoleController">
		<div class="row">
			<div class="col-md-4" ng-repeat="monitor in monitors">
				<div class="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>

					<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>
				</div>
			</div>
		</div>

	</div>


			</div> <!-- End .col-md-10 -->


				</div> <!-- End .row -->
			</div> <!-- End #content .container-fluid -->
    </form>
		<?php include("footer.php"); ?>
</body>
</html>
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>`
Move header outside of form in console 2014-11-16 00:34:45 +08:00			`<?php include("header.php"); ?>`

Initial commit of bootstrap-based skin 2014-11-01 02:46:37 +08:00			`<form name="monitorForm" method="get" action="<?= $_SERVER['PHP_SELF'] ?>">`
			`<input type="hidden" name="view" value="<?= $view ?>"/>`
			`<input type="hidden" name="action" value=""/>`
Split nav / header out into own file 2014-11-01 23:39:11 +08:00
Convert most of console to bootstrap theme 2014-11-01 04:55:19 +08:00			`<div id="content" class="container-fluid">`
More work on cosole - split into sep. files, create sidebar 2014-11-01 23:26:19 +08:00			`<div class="row">`
			`<div class="col-md-2"><?php include("sidebar.php"); ?></div>`

			`<div class="col-md-10">`
Initial refactor of console view to use api & angular * Move eventCounts to the API and bind with angular * Display the console as a grid, rather than a table * Show only information we want to see 2014-11-19 23:53:07 +08:00
			`<div ng-controller="ConsoleController">`
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">`
			`<div class="col-md-4" ng-repeat="monitor in monitors">`
			`<div class="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>`
Initial refactor of console view to use api & angular * Move eventCounts to the API and bind with angular * Display the console as a grid, rather than a table * Show only information we want to see 2014-11-19 23:53:07 +08:00
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="panel-body center-block">`
			`<img class="img-responsive img-rounded" ng-src="/cgi-bin/nph-zms?mode=single&monitor={{monitor.Id}}&scale=50" />`
			`</div>`
			`</div>`
Output a real snapshot of the camera in console view 2014-11-20 21:47:41 +08:00			`</div>`
Initial refactor of console view to use api & angular * Move eventCounts to the API and bind with angular * Display the console as a grid, rather than a table * Show only information we want to see 2014-11-19 23:53:07 +08:00			`</div>`
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
Initial refactor of console view to use api & angular * Move eventCounts to the API and bind with angular * Display the console as a grid, rather than a table * Show only information we want to see 2014-11-19 23:53:07 +08:00			`</div>`



More work on cosole - split into sep. files, create sidebar 2014-11-01 23:26:19 +08:00			`</div> <!-- End .col-md-10 -->`


			`</div> <!-- End .row -->`
			`</div> <!-- End #content .container-fluid -->`
Initial commit of bootstrap-based skin 2014-11-01 02:46:37 +08:00			`</form>`
Initial refactor of console view to use api & angular * Move eventCounts to the API and bind with angular * Display the console as a grid, rather than a table * Show only information we want to see 2014-11-19 23:53:07 +08:00			`<?php include("footer.php"); ?>`
Initial commit of bootstrap-based skin 2014-11-01 02:46:37 +08:00			`</body>`
			`</html>`