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>