function outputImageStreamModern($id, $src, $width, $height, $title = "")
{
?>
<img id="<?php
echo $id;
?>
" class="monitor-stream-image" src="<?php
echo $src;
?>
" alt="<?php
echo validHtmlStr($title);
?>
" width="<?php
echo $width;
?>
" height="<?php
echo $height;
?>
" onerror="imgError(this);">
<?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>
<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
}
?>
<tr>
<td class="colId"><?php
echo makePopupLink('?view=event&eid=' . $event['Id'] . $filterQuery . $sortQuery . '&page=1', 'zmEvent', array('event', reScale($event['Width'], $scale), reScale($event['Height'], $scale)), $event['Id'] . ($event['Archived'] ? '*' : ''));
?>
</td>
<td class="colName"><?php
echo makePopupLink('?view=event&eid=' . $event['Id'] . $filterQuery . $sortQuery . '&page=1', 'zmEvent', array('event', reScale($event['Width'], $event['DefaultScale'], ZM_WEB_DEFAULT_SCALE), reScale($event['Height'], $event['DefaultScale'], ZM_WEB_DEFAULT_SCALE)), validHtmlStr($event['Name']) . ($event['Archived'] ? '*' : ''));
?>
</td>
<td class="colMonitorName"><?php
echo $event['MonitorName'];
?>
</td>
<td class="colCause"><?php
echo makePopupLink('?view=eventdetail&eid=' . $event['Id'], 'zmEventDetail', 'eventdetail', validHtmlStr($event['Cause']), canEdit('Events'), 'title="' . htmlspecialchars($event['Notes']) . '"');
?>
</td>
<td class="colTime"><?php
echo strftime(STRF_FMT_DATETIME_SHORTER, strtotime($event['StartTime']));
?>
</td>
<td class="colDuration"><?php
echo gmdate("H:i:s", $event['Length']);
?>
</td>
<td class="colFrames"><?php
echo makePopupLink('?view=frames&eid=' . $event['Id'], 'zmFrames', 'frames', $event['Frames']);
?>
</td>
<td class="colAlarmFrames"><?php
</td>
<td class="colIds"><?php
echo translate('All');
?>
</td>
<td class="colSelect"><input type="radio" name="gid" value="0"<?php
echo !$selected ? ' checked="checked"' : '';
?>
onclick="configureButtons( this );"/></td>
</tr>
<?php
foreach ($groups as $group) {
?>
<tr>
<td class="colName"><?php
echo validHtmlStr($group['Name']);
?>
</td>
<td class="colIds"><?php
echo monitorIdsToNames($group['MonitorIds'], 30);
?>
</td>
<td class="colSelect"><input type="radio" name="gid" value="<?php
echo $group['Id'];
?>
"<?php
echo $group['selected'] ? ' checked="checked"' : '';
?>
onclick="configureButtons( this );"/></td>
</tr>
<?php
$monitors = dbFetchAll("select Id,Name from Monitors order by Sequence asc");
$monitorIds = array_flip(explode(',', $newGroup['MonitorIds']));
foreach ($monitors as $monitor) {
if (visibleMonitor($monitor['Id'])) {
?>
<option value="<?php
echo $monitor['Id'];
?>
"<?php
if (array_key_exists($monitor['Id'], $monitorIds)) {
?>
selected="selected"<?php
}
?>
><?php
echo validHtmlStr($monitor['Name']);
?>
</option>
<?php
}
}
?>
</select>
</td>
</tr>
</tbody>
</table>
<div id="contentButtons">
<input type="submit" value="<?php
echo translate('Save');
?>
</td>
<?php
} elseif ($_REQUEST['filter']['terms'][$i]['attr'] == "Date") {
?>
<td><?php
echo buildSelect("filter[terms][{$i}][op]", $opTypes);
?>
</td>
<td><input name="filter[terms][<?php
echo $i;
?>
][val]" id="filter[terms][<?php
echo $i;
?>
][val]" value="<?php
echo isset($_REQUEST['filter']['terms'][$i]['val']) ? validHtmlStr($_REQUEST['filter']['terms'][$i]['val']) : '';
?>
"/><?php
if ($hasCal) {
?>
<script type="text/javascript">Calendar.setup( { inputField: "filter[terms][<?php
echo $i;
?>
][val]", ifFormat: "%Y-%m-%d", showOthers: true, weekNumbers: false });</script><?php
}
?>
</td>
<?php
} elseif ($_REQUEST['filter']['terms'][$i]['attr'] == "Weekday") {
?>
<td><?php
if (isset($_REQUEST['filter'])) {
$tree = parseFilterToTree($_REQUEST['filter']);
} else {
$tree = false;
}
if (isset($_REQUEST['range'])) {
$range = validHtmlStr($_REQUEST['range']);
}
if (isset($_REQUEST['minTime'])) {
$minTime = validHtmlStr($_REQUEST['minTime']);
}
if (isset($_REQUEST['midTime'])) {
$midTime = validHtmlStr($_REQUEST['midTime']);
}
if (isset($_REQUEST['maxTime'])) {
$maxTime = validHtmlStr($_REQUEST['maxTime']);
}
if (isset($range)) {
$halfRange = (int) ($range / 2);
if (isset($midTime)) {
$midTimeT = strtotime($midTime);
$minTimeT = $midTimeT - $halfRange;
$maxTimeT = $midTimeT + $halfRange;
if (!($range % 1)) {
$maxTimeT--;
}
$minTime = strftime(STRF_FMT_DATETIME_DB, $minTimeT);
$maxTime = strftime(STRF_FMT_DATETIME_DB, $maxTimeT);
} elseif (isset($minTime)) {
$minTimeT = strtotime($minTime);
$maxTimeT = $minTimeT + $range;
?>
" size="10" onchange="$('SignalCheckSwatch').setStyle( 'backgroundColor', this.value )"/><span id="SignalCheckSwatch" class="swatch" style="background-color: <?php
echo $newMonitor['SignalCheckColour'];
?>
;"> </span></td></tr>
<?php
}
?>
<tr><td><?php
echo translate('WebColour');
?>
</td><td><input type="text" name="newMonitor[WebColour]" value="<?php
echo validHtmlStr($newMonitor['WebColour']);
?>
" size="10" onchange="$('WebSwatch').setStyle( 'backgroundColor', this.value )"/><span id="WebSwatch" class="swatch" style="background-color: <?php
echo validHtmlStr($newMonitor['WebColour']);
?>
;"> </span></td></tr>
<?php
break;
}
?>
</tbody>
</table>
<div id="contentButtons">
<input type="submit" value="<?php
echo translate('Save');
?>
"<?php
if (!canEdit('Monitors')) {
?>
echo $_REQUEST['generated'] ? 'infoText' : 'errorText';
?>
"><span id="exportProgressText"><?php
echo $_REQUEST['generated'] ? $SLANG['ExportSucceeded'] : $SLANG['ExportFailed'];
?>
</span><span id="exportProgressTicker"></span></h2>
<?php
} else {
?>
<h2 id="exportProgress" class="hidden warnText"><span id="exportProgressText"><?php
echo $SLANG['Exporting'];
?>
</span><span id="exportProgressTicker"></span></h2>
<?php
}
if (!empty($_REQUEST['generated'])) {
?>
<h3 id="downloadLink"><a href="<?php
echo validHtmlStr($_REQUEST['exportFile']);
?>
"><?php
echo $SLANG['Download'];
?>
</a></h3>
<?php
}
?>
</div>
</body>
</html>
// along with this program; if not, write to the Free Software
// Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
//
if (!canEdit('Monitors')) {
$view = "error";
return;
}
$monitor = dbFetchMonitor($_REQUEST['mid']);
$focusWindow = true;
xhtmlHeaders(__FILE__, $SLANG['Function'] . " - " . validHtmlStr($monitor['Name']));
?>
<body>
<div id="page">
<div id="header">
<h2><?php
echo $SLANG['Function'] . " - " . validHtmlStr($monitor['Name']);
?>
</h2>
</div>
<div id="content">
<form name="contentForm" id="contentForm" method="post" action="<?php
echo $_SERVER['PHP_SELF'];
?>
">
<input type="hidden" name="view" value="none"/>
<input type="hidden" name="action" value="function"/>
<input type="hidden" name="mid" value="<?php
echo $monitor['Id'];
?>
"/>
<p>
$focusWindow = true;
xhtmlHeaders(__FILE__, $SLANG['OptionHelp']);
?>
<body>
<div id="page">
<div id="header">
<div id="headerButtons">
<a href="#" onclick="closeWindow();"><?php
echo $SLANG['Close'];
?>
</a>
</div>
<h2><?php
echo $SLANG['OptionHelp'];
?>
</h2>
</div>
<div id="content">
<h3><?php
echo validHtmlStr($_REQUEST['option']);
?>
</h3>
<p class="textblock"><?php
echo validHtmlStr($optionHelpText);
?>
</p>
</div>
</div>
</body>
</html>
</div>
<div id="content">
<form name="contentForm" method="post" action="<?php
echo $_SERVER['PHP_SELF'];
?>
" onsubmit="return validateForm( this, <?php
echo empty($newUser['Password']) ? 'true' : 'false';
?>
)">
<input type="hidden" name="view" value="<?php
echo $view;
?>
"/>
<input type="hidden" name="action" value="user"/>
<input type="hidden" name="uid" value="<?php
echo validHtmlStr($_REQUEST['uid']);
?>
"/>
<input type="hidden" name="newUser[MonitorIds]" value="<?php
echo $newUser['MonitorIds'];
?>
"/>
<table id="contentTable" class="major" cellspacing="0">
<tbody>
<?php
if (canEdit('System')) {
?>
<tr>
<th scope="row"><?php
echo translate('Username');
?>
" size="24"/></td></tr>
<?php
$types = array('Local' => $SLANG['Local'], 'Remote' => $SLANG['Remote'], 'Ffmpeg' => $SLANG['Ffmpeg'], 'Libvlc' => $SLANG['Libvlc'], 'cURL' => "cURL");
?>
<tr><th scope="row"><?php
echo $SLANG['Type'];
?>
</th><td><?php
echo buildSelect("newControl[Type]", $types);
?>
</td></tr>
<tr><th scope="row"><?php
echo $SLANG['Protocol'];
?>
</th><td><input type="text" name="newControl[Protocol]" value="<?php
echo validHtmlStr($newControl['Protocol']);
?>
" size="24"/></td></tr>
<tr><th scope="row"><?php
echo $SLANG['CanWake'];
?>
</th><td><input type="checkbox" name="newControl[CanWake]" value="1"<?php
if (!empty($newControl['CanWake'])) {
?>
checked="checked"<?php
}
?>
/></td></tr>
<tr><th scope="row"><?php
echo $SLANG['CanSleep'];
?>
?>
', 'watch', <?php
echo $monitor->scaleWidth();
?>
, <?php
echo $monitor->scaleHeight();
?>
);">
<?php
if (ZM_WEB_STREAM_METHOD == 'mpeg' && ZM_MPEG_LIVE_FORMAT) {
$streamSrc = $monitor->getStreamSrc(array("mode=mpeg", "scale=" . $scale, "bitrate=" . ZM_WEB_VIDEO_BITRATE, "maxfps=" . ZM_WEB_VIDEO_MAXFPS, "format=" . ZM_MPEG_LIVE_FORMAT));
outputVideoStream("liveStream" . $monitor->Id(), $streamSrc, reScale($monitor->Width(), $scale), reScale($monitor->Height(), $scale), ZM_MPEG_LIVE_FORMAT);
} else {
$streamSrc = $monitor->getStreamSrc(array("mode=jpeg", "scale=" . $scale, "maxfps=" . ZM_WEB_VIDEO_MAXFPS));
if (canStreamNative()) {
outputImageStream("liveStream" . $monitor->Id(), $streamSrc, reScale($monitor->Width(), $scale), reScale($monitor->Height(), $scale), validHtmlStr($monitor->Name()));
} else {
outputHelperStream("liveStream" . $monitor->Id(), $streamSrc, reScale($monitor->Width(), $scale), reScale($monitor->Height(), $scale));
}
}
?>
</div>
<?php
if (!ZM_WEB_COMPACT_MONTAGE) {
?>
<div id="monitorState<?php
echo $monitor->index();
?>
" class="monitorState idle"><?php
echo translate('State');
?>
<th scope="row"><?php
echo $SLANG['Name'];
?>
</th>
<td><input type="text" name="newDevice[Name]" value="<?php
echo validHtmlStr($newDevice['Name']);
?>
"/></td>
</tr>
<tr>
<th scope="row"><?php
echo $SLANG['KeyString'];
?>
</th>
<td><input type="text" name="newDevice[KeyString]" value="<?php
echo validHtmlStr($newDevice['KeyString']);
?>
"/></td>
</tr>
</tbody>
</table>
<div id="contentButtons">
<input type="submit" value="<?php
echo $SLANG['Save'];
?>
"<?php
if (!canEdit('Devices')) {
?>
disabled="disabled"<?php
}
?>
function requestVar($name, $default = "")
{
return isset($_REQUEST[$name]) ? validHtmlStr($_REQUEST[$name]) : $default;
}
" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<?php
} else {
?>
<div id="imageFeed">
<?php
if (ZM_WEB_STREAM_METHOD == 'mpeg' && ZM_MPEG_LIVE_FORMAT) {
$streamSrc = getStreamSrc(array("source=event", "mode=mpeg", "event=" . $eid, "frame=" . $fid, "scale=" . $scale, "rate=" . $rate, "bitrate=" . ZM_WEB_VIDEO_BITRATE, "maxfps=" . ZM_WEB_VIDEO_MAXFPS, "format=" . ZM_MPEG_REPLAY_FORMAT, "replay=" . $replayMode));
outputVideoStream("evtStream", $streamSrc, reScale($event['Width'], $scale), reScale($event['Height'], $scale), ZM_MPEG_LIVE_FORMAT);
} else {
$streamSrc = getStreamSrc(array("source=event", "mode=jpeg", "event=" . $eid, "frame=" . $fid, "scale=" . $scale, "rate=" . $rate, "maxfps=" . ZM_WEB_VIDEO_MAXFPS, "replay=" . $replayMode));
if (canStreamNative()) {
outputImageStream("evtStream", $streamSrc, reScale($event['Width'], $scale), reScale($event['Height'], $scale), validHtmlStr($event['Name']));
} else {
outputHelperStream("evtStream", $streamSrc, reScale($event['Width'], $scale), reScale($event['Height'], $scale));
}
}
# end if ZM_WEB_STREAM_METHOD == 'mpeg' && ZM_MPEG_LIVE_FORMAT )
?>
</div>
<p id="dvrControls">
<input type="button" value="<+" id="prevBtn" title="<?php
echo translate('Prev');
?>
" class="inactive" onclick="streamPrev( true )"/>
<input type="button" value="<<" id="fastRevBtn" title="<?php
echo translate('Rewind');
?>
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
}
<th scope="row"><?php
echo translate('Cause');
?>
</th>
<td><input type="text" name="newEvent[Cause]" value="<?php
echo validHtmlStr($newEvent['Cause']);
?>
" size="32"/></td>
</tr>
<tr>
<th scope="row"><?php
echo translate('Notes');
?>
</th>
<td><textarea name="newEvent[Notes]" rows="6" cols="50"><?php
echo validHtmlStr($newEvent['Notes']);
?>
</textarea></td>
</tr>
</tbody>
</table>
<div id="contentButtons">
<input type="submit" value="<?php
echo translate('Save');
?>
"<?php
if (!canEdit('Events')) {
?>
disabled="disabled"<?php
}
?>
// Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
//
if (!canEdit('Monitors')) {
$view = "error";
return;
}
$monitor = dbFetchOne('SELECT C.*,M.* FROM Monitors AS M INNER JOIN Controls AS C ON (M.ControlId = C.Id ) WHERE M.Id = ?', NULL, array($_REQUEST['mid']));
$labels = array();
foreach (dbFetchAll('SELECT * FROM ControlPresets WHERE MonitorId = ?', NULL, array($monitor['Id'])) as $row) {
$labels[$row['Preset']] = $row['Label'];
}
$presets = array();
for ($i = 1; $i <= $monitor['NumPresets']; $i++) {
$presets[$i] = $SLANG['Preset'] . " " . $i;
if (!empty($labels[$i])) {
$presets[$i] .= " (" . validHtmlStr($labels[$i]) . ")";
}
}
$focusWindow = true;
xhtmlHeaders(__FILE__, $SLANG['SetPreset']);
?>
<body>
<div id="page">
<div id="header">
<h2><?php
echo $SLANG['SetPreset'];
?>
</h2>
</div>
<div id="content">
<form name="contentForm" id="contentForm" method="post" action="<?php
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
}
?>
" class="small"<?php
echo $canEdit ? '' : ' disabled="disabled"';
?>
/></td>
<?php
} else {
?>
<td><input type="text" id="<?php
echo $name;
?>
" name="newConfig[<?php
echo $name;
?>
]" value="<?php
echo validHtmlStr($value['Value']);
?>
" class="large"<?php
echo $canEdit ? '' : ' disabled="disabled"';
?>
/></td>
<?php
}
?>
</tr>
<?php
}
?>
</tbody>
</table>
<div id="contentButtons">
function exportEventImages($event, $exportDetail, $exportFrames, $myfilelist)
{
global $SLANG;
ob_start();
exportHeader(translate('Images') . " " . $event['Id']);
$otherlinks = '';
if ($exportDetail) {
$otherlinks .= '<a href="zmEventDetail.html">' . translate('Event') . '</a>,';
}
if ($exportFrames) {
$otherlinks .= '<a href="zmEventFrames.html">' . translate('Frames') . '</a>,';
}
$otherlinks = substr($otherlinks, 0, -1);
$filelist = array_keys($myfilelist);
sort($filelist, SORT_NUMERIC);
$slides = '"' . implode('","', $filelist) . '"';
$listcount = count($filelist);
?>
<body>
<style>
*.horizontal_track {background-color: #bbb;width: <?php
echo $event['Width'];
?>
px;line-height: 0px;font-size: 0px;text-align: left;padding: 4px;border: 1px solid;border-color: #ddd #999 #999 #ddd;}
*.horizontal_slider {background-color: #666;width: 16px;height: 8px;position: relative;z-index: 2;line-height: 0;margin: 0;border: 2px solid;border-color: #999 #333 #333 #999;}
*.horizontal_slit {background-color: #333;width: <?php
echo $event['Width'] - 10;
?>
px;height: 2px;margin: 4px 4px 2px 4px;line-height: 0;position: absolute;z-index: 1;border: 1px solid;border-color: #999 #ddd #ddd #999;}
*.vertical_track {background-color: #bbb;padding: 3px 5px 15px 5px;border: 1px solid;border-color: #ddd #999 #999 #ddd;}
*.vertical_slider {background-color: #666;width: 18px;height: 8px;font: 0px;text-align: left;line-height: 0px;position: relative;z-index: 1;border: 2px solid;border-color: #999 #333 #333 #999;}
*.vertical_slit {background-color: #000;width: 2px;height: 100px;position: absolute;margin: 4px 10px 4px 10px;padding: 4px 0 1px 0;line-height: 0;font-size: 0;border: 1px solid;border-color: #666 #ccc #ccc #666;}
*.display_holder {background-color: #bbb;color: #fff;width: 34px;height: 20px;text-align: right;padding: 0;border: 1px solid;border-color: #ddd #999 #999 #ddd;}
.value_display {background-color: #bbb;color: #333;width: 30px;margin: 0 2px;text-align: right;font-size: 8pt;font-face: verdana, arial, helvetica, sans-serif;font-weight: bold;line-height: 12px;border: 0;cursor: default;}
</style>
<h2><?php
echo translate('Images');
?>
: <?php
echo validHtmlStr($event['Name']);
if (!empty($otherlinks)) {
?>
(<?php
echo $otherlinks;
?>
) <?php
}
?>
</h2>
<ilayer id="slidensmain" width=&{slidewidth}; height=&{slideheight}; bgColor=&{slidebgcolor}; visibility=hide>
<layer id="slidenssub" width=&{slidewidth}; left=auto top=auto></layer>
</ilayer>
<div id="imagevideo" align="center"></div>
<br>
<div align="center">
<button onclick="stepbackward()">< Step</button><button
id="btnrwd" onclick="rewind()" >Rwd</button><button
id="btnplay" onclick="playstop()">Stop</button><button
onclick="stepforward()">Step ></button><button
id="btnspeedup" onclick="speedup()">speedup</button><button
id="btnspeeddown" onclick="speeddown()">slowdown</button>
</div>
<div align="center"><div class="horizontal_track" >
<div class="horizontal_slit" > </div>
<div class="horizontal_slider" id="imageslider_id" style="left: 0px;"
onmousedown="slide(event,'horizontal', <?php
echo $event['Width'] - 20;
?>
, 1, <?php
echo $listcount;
?>
, <?php
echo $listcount;
?>
,0, 'imageslider_display_id');" > </div>
</div></div>
<div align="center"><div class="display_holder" ><input id="imageslider_display_id" class="value_display" type="text" value="0" onfocus="blur(this);" /></div></div>
<script language="JavaScript1.2">
/***********************************************
* Flexi Slideshow- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var eventWidth = <?php
echo $event['Width'];
?>
;
var eventHeight = <?php
echo $event['Height'];
?>
;
var variableslide=[<?php
echo $slides;
?>
];
//configure the below 3 variables to set the dimension/background color of the slideshow
var slidewidth=eventWidth+'px' //set to width of LARGEST image in your slideshow
var slideheight=eventHeight+'px' //set to height of LARGEST iamge in your slideshow, plus any text description
var slidebgcolor='#ffffff'
//configure the below variable to determine the delay between image rotations (in miliseconds)
var origslidedelay=100;
var slidedelay=origslidedelay;
////Do not edit pass this line////////////////
var ie=document.all;
var dom=document.getElementById;
for (i=0;i<variableslide.length;i++){
var cacheimage=new Image()
cacheimage.src=variableslide[i]
}
var currentslide=-1
var mytimer = null;
//if (ie||dom) document.write('<div id="slidedom" style="width:'+slidewidth+'px;height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>');
if (ie||dom) document.getElementById('imagevideo').innerHTML = '<div id="slidedom" style="width:'+slidewidth+'px;height:'+slideheight+'; background-color:'+slidebgcolor+'"><img src="" name="imageslideframe"></div>';
function rotateimages(){
if (currentslide==variableslide.length-1) currentslide=0;
else currentslide++;
changeimage();
mytimer = setTimeout("rotateimages()",slidedelay);
}
function changeimage() {
contentcontainer='<center><img src="'+variableslide[currentslide]+'" border="0" vspace="3"></center>';
if (document.layers){
crossrotateobj.document.write(contentcontainer);
crossrotateobj.document.close();
}
else if (ie||dom) document.imageslideframe.src = variableslide[currentslide];
slideManual(currentslide+1,eventWidth-20, 1, variableslide.length);
}
function start_slider(){
crossrotateobj=dom? document.getElementById("slidedom") : ie? document.all.slidedom : document.slidensmain.document.slidenssub;
if (document.layers) document.slidensmain.visibility="show";
rotateimages();
}
// seyi_code
function rotateimagesrewind(){
if (currentslide==0) currentslide=variableslide.length-1;
else currentslide--;
changeimage();
mytimer = setTimeout("rotateimagesrewind()",slidedelay);
}
function stepforward() {
clearTimeout(mytimer);
// document.getElementById('btnrwd').style.borderTop='2px solid #ffffff';
// document.getElementById('btnrwd').style.borderBottom='2px solid #848284';
// document.getElementById('btnrwd').style.borderRight='2px solid #848284';
// document.getElementById('btnrwd').style.borderLeft='1px solid #ffffff';
document.getElementById('btnplay').disabled = false;
document.getElementById('btnplay').innerHTML = 'Play';
document.getElementById('btnspeedup').disabled = true;
document.getElementById('btnspeeddown').disabled = true;
if (currentslide==variableslide.length-1) currentslide=0;
else currentslide++;
changeimage();
}
function stepbackward() {
clearTimeout(mytimer);
// document.getElementById('btnrwd').style.borderTop='2px solid #ffffff';
// document.getElementById('btnrwd').style.borderBottom='2px solid #848284';
// document.getElementById('btnrwd').style.borderRight='2px solid #848284';
// document.getElementById('btnrwd').style.borderLeft='1px solid #ffffff';
document.getElementById('btnplay').disabled = false;
document.getElementById('btnplay').innerHTML = 'Play';
document.getElementById('btnspeedup').disabled = true;
document.getElementById('btnspeeddown').disabled = true;
if (currentslide==0) currentslide=variableslide.length-1;
else currentslide--;
changeimage();
}
function speedup() { slidedelay = slidedelay/2; }
function speeddown() { slidedelay = slidedelay*2; }
function playstop() {
if(document.getElementById('btnplay').innerHTML == 'Play') {
slidedelay = origslidedelay;
mytimer = setTimeout("rotateimages()",slidedelay);
document.getElementById('btnplay').innerHTML = 'Stop';
document.getElementById('btnspeedup').disabled = false;
document.getElementById('btnspeeddown').disabled = false;
} else if(document.getElementById('btnplay').innerHTML == 'Stop') {
clearTimeout(mytimer);
document.getElementById('btnplay').innerHTML = 'Play';
document.getElementById('btnrwd').disabled = false;
document.getElementById('btnspeedup').disabled = true;
document.getElementById('btnspeeddown').disabled = true;
}
}
function rewind() {
clearTimeout(mytimer);
if(!document.getElementById('btnplay').disabled) {
slidedelay = origslidedelay;
mytimer = setTimeout("rotateimagesrewind()",slidedelay);
// document.getElementById('btnrwd').style.borderTop = '2px solid #414241';
// document.getElementById('btnrwd').style.borderBottom = '1px solid #ffffff';
// document.getElementById('btnrwd').style.borderLeft = '2px solid #414241';
// document.getElementById('btnrwd').style.borderRight = '1px solid #ffffff';
document.getElementById('btnplay').disabled = true;
document.getElementById('btnspeedup').disabled = false;
document.getElementById('btnspeeddown').disabled = false;
} else {
// document.getElementById('btnrwd').style.borderTop='2px solid #ffffff';
// document.getElementById('btnrwd').style.borderBottom='2px solid #848284';
// document.getElementById('btnrwd').style.borderRight='2px solid #848284';
// document.getElementById('btnrwd').style.borderLeft='1px solid #ffffff';
document.getElementById('btnplay').disabled = false;
document.getElementById('btnspeedup').disabled = true;
document.getElementById('btnspeeddown').disabled = true;
}
}
//---------------------------------+
// CARPE S l i d e r 1.3 |
// 2005 - 12 - 10 |
// By Tom Hermansson Snickars |
// Copyright CARPE Design |
// http://carpe.ambiprospect.com/ |
//---------------------------------+
// carpeGetElementByID: Cross-browser version of "document.getElementById()"
function carpeGetElementById(element) {
if (document.getElementById) element = document.getElementById(element);
else if (document.all) element = document.all[element];
else element = null;
return element;
}
// carpeLeft: Cross-browser version of "element.style.left"
function carpeLeft(elmnt, pos) {
if (!(elmnt = carpeGetElementById(elmnt))) return 0;
if (elmnt.style && (typeof(elmnt.style.left) == 'string')) {
if (typeof(pos) == 'number') elmnt.style.left = pos + 'px';
else {
pos = parseInt(elmnt.style.left);
if (isNaN(pos)) pos = 0;
}
}
else if (elmnt.style && elmnt.style.pixelLeft) {
if (typeof(pos) == 'number') elmnt.style.pixelLeft = pos;
else pos = elmnt.style.pixelLeft;
}
return pos;
}
// carpeTop: Cross-browser version of "element.style.top"
function carpeTop(elmnt, pos) {
if (!(elmnt = carpeGetElementById(elmnt))) return 0;
if (elmnt.style && (typeof(elmnt.style.top) == 'string')) {
if (typeof(pos) == 'number') elmnt.style.top = pos + 'px';
else {
pos = parseInt(elmnt.style.top);
if (isNaN(pos)) pos = 0;
}
}
else if (elmnt.style && elmnt.style.pixelTop) {
if (typeof(pos) == 'number') elmnt.style.pixelTop = pos;
else pos = elmnt.style.pixelTop;
}
return pos;
}
// moveSlider: Handles slider and display while dragging
function moveSlider(evnt) {
var evnt = (!evnt) ? window.event : evnt; // The mousemove event
if (mouseover) { // Only if slider is dragged
x = pxLeft + evnt.screenX - xCoord // Horizontal mouse position relative to allowed slider positions
y = pxTop + evnt.screenY - yCoord // Horizontal mouse position relative to allowed slider positions
if (x > xMax) x = xMax // Limit horizontal movement
if (x < 0) x = 0 // Limit horizontal movement
if (y > yMax) y = yMax // Limit vertical movement
if (y < 0) y = 0 // Limit vertical movement
carpeLeft(sliderObj.id, x) // move slider to new horizontal position
carpeTop(sliderObj.id, y) // move slider to new vertical position
sliderVal = x + y // pixel value of slider regardless of orientation
sliderPos = (sliderObj.pxLen / sliderObj.valCount) * Math.round(sliderObj.valCount * sliderVal / sliderObj.pxLen)
v = Math.round((sliderPos * sliderObj.scale + sliderObj.fromVal) * // calculate display value
Math.pow(10, displayObj.dec)) / Math.pow(10, displayObj.dec)
displayObj.value = v // put the new value in the slider display element
// seyi_code
currentslide = v-1;
changeimage();
return false
}
return
}
// moveSlider: Handles the start of a slider move.
function slide(evnt, orientation, length, from, to, count, decimals, display) {
if (!evnt) evnt = window.event;
sliderObj = (evnt.target) ? evnt.target : evnt.srcElement; // Get the activated slider element.
sliderObj.pxLen = length // The allowed slider movement in pixels.
sliderObj.valCount = count ? count - 1 : length // Allowed number of values in the interval.
displayObj = carpeGetElementById(display) // Get the associated display element.\
displayObj.dec = decimals // Number of decimals to be displayed.
sliderObj.scale = (to - from) / length // Slider-display scale [value-change per pixel of movement].
if (orientation == 'horizontal') { // Set limits for horizontal sliders.
sliderObj.fromVal = from
xMax = length
yMax = 0
}
if (orientation == 'vertical') { // Set limits and scale for vertical sliders.
sliderObj.fromVal = to
xMax = 0
yMax = length
sliderObj.scale = -sliderObj.scale // Invert scale for vertical sliders. "Higher is more."
}
pxLeft = carpeLeft(sliderObj.id) // Sliders horizontal position at start of slide.
pxTop = carpeTop(sliderObj.id) // Sliders vertical position at start of slide.
xCoord = evnt.screenX // Horizontal mouse position at start of slide.
yCoord = evnt.screenY // Vertical mouse position at start of slide.
mouseover = true
document.onmousemove = moveSlider // Start the action if the mouse is dragged.
document.onmouseup = sliderMouseUp // Stop sliding.
}
// sliderMouseup: Handles the mouseup event after moving a slider.
// Snaps the slider position to allowed/displayed value.
function sliderMouseUp() {
mouseover = false // Stop the sliding.
v = (displayObj.value) ? displayObj.value : 0 // Find last display value.
pos = (v - sliderObj.fromVal)/(sliderObj.scale) // Calculate slider position (regardless of orientation).
if (yMax == 0) carpeLeft(sliderObj.id, pos) // Snap horizontal slider to corresponding display position.
if (xMax == 0) carpeTop(sliderObj.id, pos) // Snap vertical slider to corresponding display position.
if (document.removeEventListener) { // Remove event listeners from 'document' (Moz&co).
document.removeEventListener('mousemove', moveSlider)
document.removeEventListener('mouseup', sliderMouseUp)
}
else if (document.detachEvent) { // Remove event listeners from 'document' (IE&co).
document.detachEvent('onmousemove', moveSlider)
document.detachEvent('onmouseup', sliderMouseUp)
}
}
//seyi_code
//slide(event,'horizontal', 300, 1, 22, 22,0, 'imageslider_display_id');
//slide(evnt, orientation, length, from, to, count, decimals, display) {
function slideManual(val,length,from,to) {
scale = (to - from) / length // Slider-display scale [value-change per pixel of movement].
fromVal = from
xMax = length
yMax = 0
sliderid = 'imageslider_id';
v = (val) ? val : 0 // Find last display value.
displayobject = carpeGetElementById('imageslider_display_id') // Get the associated display element.\
displayobject.value = val;
pos = (v - fromVal)/(scale) // Calculate slider position (regardless of orientation).
if (yMax == 0) carpeLeft(sliderid, pos) // Snap horizontal slider to corresponding display position.
}
if (ie||dom) start_slider();
else if (document.layers) window.onload=start_slider;
</script>
</body>
</html>
<?php
return ob_get_clean();
}
<td class="colBlobSizes"><?php
echo sprintf("%d-%d (%d%%-%d%%)", $stat['MinBlobSize'], $stat['MaxBlobSize'], 100 * $stat['MinBlobSize'] / $stat['Area'], 100 * $stat['MaxBlobSize'] / $stat['Area']);
?>
</td>
<?php
} else {
?>
<td class="colBlobSizes"><?php
echo sprintf("%d (%d%%)", $stat['MinBlobSize'], 100 * $stat['MinBlobSize'] / $stat['Area']);
?>
</td>
<?php
}
?>
<td class="colAlarmLimits"><?php
echo validHtmlStr($stat['MinX'] . "," . $stat['MinY'] . "-" . $stat['MaxX'] . "," . $stat['MaxY']);
?>
</td>
<td class="colScore"><?php
echo $stat['Score'];
?>
</td>
</tr>
<?php
}
} else {
?>
<tr>
<td class="rowNoStats" colspan="9"><?php
echo translate('NoStatisticsRecorded');
?>
</a>
</div>
<h2><?php
echo $SLANG['Cycle'];
?>
- <?php
echo validHtmlStr($monitor['Name']);
?>
</h2>
</div>
<div id="content">
<div id="imageFeed">
<?php
if ($streamMode == "mpeg") {
outputVideoStream("liveStream", $streamSrc, reScale($monitor['Width'], $scale), reScale($monitor['Height'], $scale), ZM_MPEG_LIVE_FORMAT, validHtmlStr($monitor['Name']));
} elseif ($streamMode == "jpeg") {
if (canStreamNative()) {
outputImageStream("liveStream", $streamSrc, reScale($monitor['Width'], $scale), reScale($monitor['Height'], $scale), validHtmlStr($monitor['Name']));
} elseif (canStreamApplet()) {
outputHelperStream("liveStream", $streamSrc, reScale($monitor['Width'], $scale), reScale($monitor['Height'], $scale), validHtmlStr($monitor['Name']));
}
} else {
outputImageStill("liveStream", $streamSrc, reScale($monitor['Width'], $scale), reScale($monitor['Height'], $scale), validHtmlStr($monitor['Name']));
}
?>
</div>
</div>
</div>
</body>
</html>
$focusWindow = true;
xhtmlHeaders(__FILE__, $SLANG['OptionHelp']);
?>
<body>
<div id="page">
<div id="header">
<div id="headerButtons">
<a href="#" onclick="closeWindow();"><?php
echo $SLANG['Close'];
?>
</a>
</div>
<h2><?php
echo $SLANG['OptionHelp'];
?>
</h2>
</div>
<div id="content">
<h3><?php
echo validHtmlStr($_REQUEST['option']);
?>
</h3>
<p class="textblock"><?php
echo $optionHelpText;
?>
</p>
</div>
</div>
</body>
</html>
<input type="button" name="deleteBtn" value="<?php
echo translate('Delete');
?>
" disabled="disabled" onclick="deleteState( this );"/>
<input type="button" value="<?php
echo translate('Cancel');
?>
" onclick="closeWindow()"/>
</div>
<?php
} else {
?>
<input type="hidden" name="view" value="none"/>
<input type="hidden" name="action" value="state"/>
<input type="hidden" name="runState" value="<?php
echo validHtmlStr($_REQUEST['runState']);
?>
"/>
<p><?php
echo translate('ApplyingStateChange');
?>
</p>
<p><?php
echo translate('PleaseWait');
?>
</p>
<?php
}
?>
</form>
</div>
echo " monitorLoading[" . $m['Id'] . "]=false; ";
echo " monitorImageObject[" . $m['Id'] . "]=null; ";
echo " monitorLoadingStageURL[" . $m['Id'] . "] = ''; ";
echo " monitorColour[" . $m['Id'] . "]=\"" . $m['WebColour'] . "\"; ";
echo " monitorWidth[" . $m['Id'] . "]=" . $m['Width'] . "; ";
echo " monitorHeight[" . $m['Id'] . "]=" . $m['Height'] . "; ";
echo " monitorIndex[" . $m['Id'] . "]=" . $numMonitors . "; ";
echo " monitorName[" . $m['Id'] . "]=\"" . $m['Name'] . "\"; ";
echo " monitorLoadStartTimems[" . $m['Id'] . "]=0; ";
echo " monitorLoadEndTimems[" . $m['Id'] . "]=0; ";
echo " monitorCanvasObj[" . $m['Id'] . "]=document.getElementById('Monitor" . $m['Id'] . "'); ";
echo " monitorCanvasCtx[" . $m['Id'] . "]=monitorCanvasObj[" . $m['Id'] . "].getContext('2d'); ";
echo " monitorNormalizeScale[" . $m['Id'] . "]=" . sqrt($avgArea / ($m['Width'] * $m['Height'])) . "; ";
$zoomScale = 1.0;
if (isset($_REQUEST['z' . $m['Id']])) {
$zoomScale = floatval(validHtmlStr($_REQUEST['z' . $m['Id']]));
}
echo " monitorZoomScale[" . $m['Id'] . "]=" . $zoomScale . ";";
echo " monitorPtr[" . $numMonitors . "]=" . $m['Id'] . ";\n";
$numMonitors += 1;
}
echo "var numMonitors = {$numMonitors};\n";
echo "var minTimeSecs=" . $minTimeSecs . ";\n";
echo "var maxTimeSecs=" . $maxTimeSecs . ";\n";
echo "var rangeTimeSecs=" . ($maxTimeSecs - $minTimeSecs + 1) . ";\n";
if (isset($defaultCurrentTime)) {
echo "var currentTimeSecs=" . strtotime($defaultCurrentTime) . ";\n";
} else {
echo "var currentTimeSecs=" . ($minTimeSecs + $maxTimeSecs) / 2 . ";\n";
}
echo "var speeds=[";
">
<input type="hidden" name="action" value="login"/>
<input type="hidden" name="view" value="postlogin"/>
<input type="hidden" name="postLoginQuery" value="<?php
echo $_SERVER['QUERY_STRING'];
?>
">
<table id="loginTable" class="minor" cellspacing="0">
<tbody>
<tr>
<td class="colLeft"><?php
echo translate('Username');
?>
</td>
<td class="colRight"><input type="text" name="username" value="<?php
echo isset($_REQUEST['username']) ? validHtmlStr($_REQUEST['username']) : "";
?>
" size="12"/></td>
</tr>
<tr>
<td class="colLeft"><?php
echo translate('Password');
?>
</td>
<td class="colRight"><input type="password" name="password" value="" size="12"/></td>
</tr>
</tbody>
</table>
<input type="submit" value="<?php
echo translate('Login');
?>
?>
onclick="switchDeviceOn( this, '<?php
echo validHtmlStr($device['KeyString']);
?>
' )"<?php
echo canEdit('Devices') ? "" : ' disabled="disabled"';
?>
/></td>
<td><input type="button" value="<?php
echo $SLANG['Off'];
?>
"<?php
echo $device['Status'] != 'OFF' ? ' class="set"' : '';
?>
onclick="switchDeviceOff( this, '<?php
echo validHtmlStr($device['KeyString']);
?>
' )"<?php
echo canEdit('Devices') ? "" : ' disabled="disabled"';
?>
/></td>
<td><input type="checkbox" name="markDids[]" value="<?php
echo $device['Id'];
?>
" onclick="configureButtons( this, 'markDids' );"<?php
if (!canEdit('Devices')) {
?>
disabled="disabled"<?php
}
?>
/></td>
