function xhtmlHeaders($file, $title)
{
$skinCssFile = getSkinFile('css/skin.css');
$skinCssPhpFile = getSkinFile('css/skin.css.php');
$basename = basename($file, '.php');
$viewCssFile = getSkinFile('views/css/' . $basename . '.css');
$viewCssPhpFile = getSkinFile('views/css/' . $basename . '.css.php');
extract($GLOBALS, EXTR_OVERWRITE);
noCacheHeaders();
header("Content-type: application/xhtml+xml");
echo '<?xml version="1.0" encoding="iso-8859-1"?>' . "\n";
?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><?php
echo ZM_WEB_TITLE_PREFIX;
?>
- <?php
echo $title;
?>
</title>
<link rel="icon" type="image/ico" href="graphics/favicon.ico"/>
<link rel="shortcut icon" href="graphics/favicon.ico"/>
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="<?php
echo $skinCssFile;
?>
" type="text/css" media="screen"/>
<?php
if ($viewCssFile) {
?>
<link rel="stylesheet" href="<?php
echo $viewCssFile;
?>
" type="text/css" media="screen"/>
<?php
}
if ($viewCssPhpFile) {
?>
<style type="text/css">
<?php
require_once $viewCssPhpFile;
?>
</style>
<?php
}
?>
</head>
<?php
}
$cycleHeight = $maxHeight;
$eventsView = ZM_WEB_EVENTS_VIEW;
$eventsWindow = 'zm' . ucfirst(ZM_WEB_EVENTS_VIEW);
$eventCount = 0;
for ($i = 0; $i < count($eventCounts); $i++) {
$eventCounts[$i]['total'] = 0;
}
$zoneCount = 0;
foreach ($displayMonitors as $monitor) {
for ($i = 0; $i < count($eventCounts); $i++) {
$eventCounts[$i]['total'] += $monitor['EventCount' . $i];
}
$zoneCount += $monitor['ZoneCount'];
}
$seqUpFile = getSkinFile('graphics/seq-u.gif');
$seqDownFile = getSkinFile('graphics/seq-d.gif');
$versionClass = ZM_DYN_DB_VERSION && ZM_DYN_DB_VERSION != ZM_VERSION ? 'errorText' : '';
xhtmlHeaders(__FILE__, translate('Console'));
?>
<body>
<div id="page">
<form name="monitorForm" method="get" action="<?php
echo $_SERVER['PHP_SELF'];
?>
">
<input type="hidden" name="view" value="<?php
echo $view;
?>
"/>
<input type="hidden" name="action" value=""/>
<div id="header">
function xhtmlHeaders($file, $title)
{
$basename = basename($file, '.php');
$viewCssFile = getSkinFile('views/assets/css/' . $basename . '.css');
$viewCssPhpFile = getSkinFile('views/assets/css/' . $basename . '.css.php');
$viewJsFile = getSkinFile('views/assets/js/' . $basename . '.js');
$viewJsPhpFile = getSkinFile('views/assets/js/' . $basename . '.js.php');
extract($GLOBALS, EXTR_OVERWRITE);
?>
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="UTF-8">
<title><?php
echo ZM_WEB_TITLE_PREFIX;
?>
- <?php
echo validHtmlStr($title);
?>
</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/ico" href="skins/<?php
echo $skin;
?>
/views/assets/images/favicon.ico">
<link rel="shortcut icon" href="skins/<?php
echo $skin;
?>
/views/assets/images/favicon.ico">
<link rel="apple-touch-icon" href="skins/<?php
echo $skin;
?>
/views/assets/images/apple-touch-icon-precomposed.png">
<!-- jquery -->
<script src="skins/<?php
echo $skin;
?>
/views/assets/vendor/js/jquery.min.js"></script>
<!-- font awesome -->
<link rel="stylesheet" href="skins/<?php
echo $skin;
?>
/views/assets/vendor/css/font-awesome.min.css">
<!-- bootstrap -->
<script src="skins/<?php
echo $skin;
?>
/views/assets/vendor/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="skins/<?php
echo $skin;
?>
/views/assets/vendor/css/bootstrap.min.css">
<link rel="stylesheet" href="skins/<?php
echo $skin;
?>
/views/assets/vendor/css/bootstrap-theme.min.css">
<!-- jqueryui -->
<script src="skins/<?php
echo $skin;
?>
/views/assets/vendor/js/jquery-ui.min.js"></script>
<link rel="stylesheet" href="skins/<?php
echo $skin;
?>
/views/assets/vendor/css/jquery/jquery-ui-1.10.4.custom.min.css" type="text/css" media="all" />
<script src="skins/<?php
echo $skin;
?>
/views/assets/vendor/js/jquery-ui-timepicker-addon.js"></script>
<link rel="stylesheet" href="skins/<?php
echo $skin;
?>
/views/assets/vendor/css/jquery-ui-timepicker-addon.css" type="text/css" media="screen"/>
<!-- noty -->
<script src="skins/<?php
echo $skin;
?>
/views/assets/vendor/js/noty/jquery.noty.js"></script>
<script src="skins/<?php
echo $skin;
?>
/views/assets/vendor/js/noty/themes/default.js"></script>
<script src="skins/<?php
echo $skin;
?>
/views/assets/vendor/js/noty/layouts/top.js"></script>
<script src="skins/<?php
echo $skin;
?>
/views/assets/vendor/js/noty/layouts/topRight.js"></script>
<!-- colorbox -->
<link rel="stylesheet" href="skins/<?php
echo $skin;
?>
/views/assets/vendor/js/colorbox/colorbox.css">
<script type="text/javascript" src="skins/<?php
echo $skin;
?>
/views/assets/vendor/js/colorbox/jquery.colorbox-min.js"></script>
<!-- main css -->
<link rel="stylesheet" href="skins/<?php
echo $skin;
?>
/views/assets/css/main.css">
<?php
if ($title == "Admin" || $title == "Events" || $title == "Console") {
?>
<script type="text/javascript">
var skinVersion = "<?php
echo file_get_contents('skins/modern/VERSION');
?>
";
</script>
<script src="skins/<?php
echo $skin;
?>
/views/assets/vendor/js/chartjs/chart.min.js"></script>
<script src="skins/<?php
echo $skin;
?>
/views/assets/vendor/js/jquery.cookie.js"></script>
<?php
if ($title == "Events" || $title == "Console") {
?>
<script src="skins/<?php
echo $skin;
?>
/views/assets/js/admin.js"></script>
<link rel="stylesheet" href="skins/<?php
echo $skin;
?>
/views/assets/css/admin.css">
<?php
}
}
?>
<?php
if ($view == "playback" || ($view = "events")) {
?>
<script src="skins/<?php
echo $skin;
?>
/views/assets/vendor/js/moment.min.js"></script>
<?php
}
if ($view == "playback") {
?>
<style type="text/css">
<?php
foreach (dbFetchAll("SELECT Monitors.Id, Monitors.WebColour FROM Monitors") as $monitor) {
echo ".timeline-event.monitor" . $monitor['Id'] . " { background: " . $monitor['WebColour'] . "; }\n";
echo "#monitor-stream-" . $monitor['Id'] . " .fa-stop { color: " . $monitor['WebColour'] . "; }\n";
}
?>
</style>
<link rel="stylesheet" href="skins/<?php
echo $skin;
?>
/views/assets/vendor/js/timeline/timeline.css" type="text/css" media="screen"/>
<script src="skins/<?php
echo $skin;
?>
/views/assets/vendor/js/timeline/timeline-min.js"></script>
<script src="skins/<?php
echo $skin;
?>
/views/assets/vendor/js/jquery.mousewheel.js"></script>
<script src="skins/<?php
echo $skin;
?>
/views/assets/vendor/js/jquery.panzoom.min.js"></script>
<script src="skins/<?php
echo $skin;
?>
/views/assets/vendor/js/jquery.capty.min.js"></script>
<link rel="stylesheet" href="skins/<?php
echo $skin;
?>
/views/assets/vendor/css/jquery.capty.min.css">
<?php
}
?>
<?php
if ($viewCssFile) {
?>
<link rel="stylesheet" href="<?php
echo $viewCssFile;
?>
" type="text/css" media="screen"/>
<?php
}
if ($viewCssPhpFile) {
?>
<style type="text/css">
<?php
require_once $viewCssPhpFile;
?>
</style>
<?php
}
if ($viewJsPhpFile) {
?>
<script type="text/javascript">
<?php
require_once $viewJsPhpFile;
?>
</script>
<?php
}
?>
<?php
if ($viewJsFile) {
?>
<script type="text/javascript" src="<?php
echo $viewJsFile;
?>
"></script>
<?php
}
?>
</head>
<?php
}
function xhtmlHeaders($file, $title)
{
$skinCssFile = getSkinFile('css/skin.css');
$skinCssPhpFile = getSkinFile('css/skin.css.php');
$skinJsFile = getSkinFile('js/skin.js');
$skinJsPhpFile = getSkinFile('js/skin.js.php');
$basename = basename($file, '.php');
$viewCssFile = getSkinFile('views/css/' . $basename . '.css');
$viewCssPhpFile = getSkinFile('views/css/' . $basename . '.css.php');
$viewJsFile = getSkinFile('views/js/' . $basename . '.js');
$viewJsPhpFile = getSkinFile('views/js/' . $basename . '.js.php');
extract($GLOBALS, EXTR_OVERWRITE);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><?php
echo ZM_WEB_TITLE_PREFIX;
?>
- <?php
echo validHtmlStr($title);
?>
</title>
<link rel="icon" type="image/ico" href="graphics/favicon.ico"/>
<link rel="shortcut icon" href="graphics/favicon.ico"/>
<link rel="stylesheet" href="css/reset.css" type="text/css"/>
<link rel="stylesheet" href="css/overlay.css" type="text/css"/>
<link rel="stylesheet" href="<?php
echo $skinCssFile;
?>
" type="text/css" media="screen"/>
<?php
if ($viewCssFile) {
?>
<link rel="stylesheet" href="<?php
echo $viewCssFile;
?>
" type="text/css" media="screen"/>
<?php
}
if ($viewCssPhpFile) {
?>
<style type="text/css">
/*<![CDATA[*/
<?php
require_once $viewCssPhpFile;
?>
/*]]>*/
</style>
<?php
}
?>
<script type="text/javascript" src="tools/mootools/mootools-core.js"></script>
<script type="text/javascript" src="tools/mootools/mootools-more.js"></script>
<script type="text/javascript" src="js/mootools.ext.js"></script>
<script type="text/javascript" src="js/logger.js"></script>
<script type="text/javascript" src="js/overlay.js"></script>
<?php
if ($skinJsPhpFile) {
?>
<script type="text/javascript">
//<![CDATA[
<!--
<?php
require_once $skinJsPhpFile;
?>
//-->
//]]>
</script>
<?php
}
if ($viewJsPhpFile) {
?>
<script type="text/javascript">
//<![CDATA[
<!--
<?php
require_once $viewJsPhpFile;
?>
//-->
//]]>
</script>
<?php
}
?>
<script type="text/javascript" src="<?php
echo $skinJsFile;
?>
"></script>
<?php
if ($viewJsFile) {
?>
<script type="text/javascript" src="<?php
echo $viewJsFile;
?>
"></script>
<?php
}
?>
</head>
<?php
}
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License
// as published by the Free Software Foundation; either version 2
// of the License, or (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with this program; if not, write to the Free Software
// Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
//
$skinJsPhpFile = getSkinFile('js/skin.js.php');
$skinJsFile = getSkinFile('js/skin.js');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><?php
echo ZM_WEB_TITLE_PREFIX;
?>
</title>
<script type="text/javascript">
<?php
require_once $skinJsPhpFile;
?>
</script>
<script type="text/javascript" src="<?php
<div style="clear:both;"></div>
<div style="float:left;"><a href="javascript:loadcameraview(9)"><img id="id-console-views-img-9" src="<?php
echo getSkinFile('graphics/view_buttons/view_9_unpressed.png');
?>
" border="0"></a></div>
<div style="float:left;"><a href="javascript:loadcameraview(10)"><img id="id-console-views-img-10" src="<?php
echo getSkinFile('graphics/view_buttons/view_10_unpressed.png');
?>
" border="0"></a></div>
<div style="clear:both;"></div>
<div style="float:left;"><a href="javascript:loadcameraview(13)"><img id="id-console-views-img-13" src="<?php
echo getSkinFile('graphics/view_buttons/view_13_unpressed.png');
?>
" border="0"></a></div>
<div style="float:left;"><a href="javascript:loadcameraview(16)"><img id="id-console-views-img-16" src="<?php
echo getSkinFile('graphics/view_buttons/view_16_unpressed.png');
?>
" border="0"></a></div>
<div style="clear:both;"></div>
</div>
<br><br><br>
</td><td>
<h2>Columns</h2><hr>
<div>
<div><button class="btngridsize" type="button" onclick="loadcameragrid(this,2);" number="2">2 Columns</button></div>
<div><button class="btngridsize" type="button" onclick="loadcameragrid(this,3);" number="3" DISABLED>3 Columns</button></div>
<div><button class="btngridsize" type="button" onclick="loadcameragrid(this,4);" number="4">4 Columns</button></div>
</div>
$streamMode = isset($_POST['streamMode']) ? validHtmlStr($_POST['streamMode']) : (canStream() ? 'stream' : 'stills');
$panelSections = 40;
$panelSectionWidth = (int) ceil(reScale($event['Width'], $scale) / $panelSections);
$panelWidth = $panelSections * $panelSectionWidth - 1;
$connkey = generateConnKey();
?>
<link rel="stylesheet" href="<?php
echo getSkinFile('ajax/css/eventmain.css');
?>
" type="text/css"/>
<script type="text/javascript"><?php
require_once getSkinFile('ajax/js/eventmain.js.php');
?>
</script>
<script type="text/javascript" src="<?php
echo getSkinFile('ajax/js/eventmain.js');
?>
"></script>
<div class="menuBar1">
<div>
<label for="scale"><?php
echo $SLANG['Scale'];
?>
</label>
<?php
echo buildSelect("scale", $scales, "changeScale();");
?>
</div>
<div><a href="javascript:reloadme();">Reload All Events</a></div>
function xhtmlHeaders($file, $title)
{
$skinCssFile = getSkinFile('css/skin.css');
$skinCssPhpFile = getSkinFile('css/skin.css.php');
$skinJsFile = getSkinFile('js/skin.js');
$skinJsPhpFile = getSkinFile('js/skin.js.php');
$basename = basename($file, '.php');
$viewCssFile = getSkinFile('views/css/' . $basename . '.css');
$viewCssPhpFile = getSkinFile('views/css/' . $basename . '.css.php');
$viewJsFile = getSkinFile('views/js/' . $basename . '.js');
$viewJsPhpFile = getSkinFile('views/js/' . $basename . '.js.php');
extract($GLOBALS, EXTR_OVERWRITE);
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><?php
echo ZM_WEB_TITLE_PREFIX;
?>
- <?php
echo validHtmlStr($title);
?>
</title>
<link rel="icon" type="image/ico" href="graphics/favicon.ico"/>
<link rel="shortcut icon" href="graphics/favicon.ico"/>
<link rel="stylesheet" href="css/reset.css" type="text/css"/>
<link rel="stylesheet" href="<?php
echo $skinCssFile;
?>
" type="text/css" media="screen"/>
<link rel="stylesheet" href="skins/modern/css/header.css" type="text/css" media="screen"/>
<?php
if ($title != 'Zone' && !preg_match("/Feed/", $title)) {
?>
<script type="text/javascript" src="skins/modern/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="skins/modern/js/jquery-ui-1.8.4.custom.min.js"></script>
<?php
}
?>
<link type="text/css" media="screen" rel="stylesheet" href="skins/modern/css/colorbox.css"></link>
<link type="text/css" media="screen" rel="stylesheet" href="skins/modern/css/jquery/jquery-ui-1.8.custom.css"></link>
<?php
if ($title == "Console") {
?>
<script type="text/javascript" src="skins/modern/js/jquery.colorbox.js"></script>
<script type="text/javascript" src="skins/modern/js/console.colorbox.js"></script>
<script type="text/javascript" src="skins/modern/js/console.js"></script>
<script type="text/javascript" src="tools/mootools/mootools-core-1.3.2-nc.js"></script>
<script type="text/javascript" src="tools/mootools/mootools-more-1.3.2.1-nc.js"></script>
<?php
}
if ($title == "Monitor") {
?>
<script type="text/javascript" src="tools/mootools/mootools-core-1.3.2-nc.js"></script>
<script type="text/javascript" src="tools/mootools/mootools-more-1.3.2.1-nc.js"></script>
<script type="text/javascript" src="js/mootools.ext.js"></script>
<?php
}
?>
<?php
if ($title == "System Log") {
?>
<script type="text/javascript">var $j = jQuery.noConflict();</script>
<script type="text/javascript" src="tools/mootools/mootools-core-1.3.2-nc.js"></script>
<script type="text/javascript" src="tools/mootools/mootools-more-1.3.2.1-nc.js"></script>
<script type="text/javascript" src="js/mootools.ext.js"></script>
<?php
}
?>
<?php
if ($title == "Zone") {
?>
<script type="text/javascript" src="tools/mootools/mootools-core-1.3.2-nc.js"></script>
<script type="text/javascript" src="tools/mootools/mootools-more-1.3.2.1-nc.js"></script>
<script type="text/javascript" src="js/mootools.ext.js"></script>
<?php
}
?>
<?php
if (preg_match("/Feed/", $title)) {
?>
<link media="screen" type="text/css" href="skins/classic/views/css/watch.css" rel="stylesheet">
<script type="text/javascript" src="tools/mootools/mootools-core-1.3.2-nc.js"></script>
<script type="text/javascript" src="tools/mootools/mootools-more-1.3.2.1-nc.js"></script>
<?php
}
if ($title == "Admin") {
?>
<script type="text/javascript" src="skins/modern/js/admin.js"></script>
<script type="text/javascript" src="skins/modern/js/jquery.colorbox.js"></script>
<?php
}
if ($title == "Events") {
?>
<script type="text/javascript" src="skins/modern/js/jquery.colorbox.js"></script>
<script type="text/javascript" src="skins/modern/js/events.js"></script>
<script type="text/javascript" src="skins/modern/js/events_search.js"></script>
<!--[if IE]><script type="text/javascript" src="skins/modern/js/excanvas.min.js"></script><![endif]-->
<script type="text/javascript" src="skins/modern/js/jquery.flot.min.js"></script>
<script type="text/javascript" src="skins/modern/js/jquery.flot.selection.min.js"></script>
<script type="text/javascript" src="skins/modern/js/jquery.tooltip.pack.js"></script>
<script type="text/javascript" src="skins/modern/js/dateFormat.js"></script>
<?php
}
if ($title == "Full") {
?>
<script type="text/javascript" src="skins/modern/js/full.js"></script>
<?php
}
if ($title == "Event") {
?>
<script type="text/javascript" src="skins/modern/js/event.js"></script>
<script type="text/javascript" src="skins/modern/js/preloadImage.js"></script>
<?php
}
if ($viewCssFile) {
?>
<link rel="stylesheet" href="<?php
echo $viewCssFile;
?>
" type="text/css" media="screen"/>
<?php
}
if ($viewCssPhpFile) {
?>
<style type="text/css">
<?php
require_once $viewCssPhpFile;
?>
</style>
<?php
}
if ($skinJsPhpFile) {
?>
<script type="text/javascript">
<?php
require_once $skinJsPhpFile;
?>
</script>
<?php
}
if ($viewJsPhpFile) {
?>
<script type="text/javascript">
<?php
require_once $viewJsPhpFile;
?>
</script>
<?php
}
?>
<script type="text/javascript" src="<?php
echo $skinJsFile;
?>
"></script>
<?php
if ($viewJsFile) {
?>
<script type="text/javascript" src="<?php
echo $viewJsFile;
?>
"></script>
<?php
}
?>
</head>
<?php
}
