2008-07-14 21:54:50 +08:00
|
|
|
<?php
|
|
|
|
//
|
|
|
|
// ZoneMinder web zone view file, $Date$, $Revision$
|
2008-07-25 17:48:16 +08:00
|
|
|
// Copyright (C) 2001-2008 Philip Coombes
|
2008-07-14 21:54:50 +08:00
|
|
|
//
|
|
|
|
// This program is free software; you can redistribute it and/or
|
|
|
|
// modify it under the terms of the GNU General Public License
|
|
|
|
// as published by the Free Software Foundation; either version 2
|
|
|
|
// of the License, or (at your option) any later version.
|
|
|
|
//
|
|
|
|
// This program is distributed in the hope that it will be useful,
|
|
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
|
|
// GNU General Public License for more details.
|
|
|
|
//
|
|
|
|
// You should have received a copy of the GNU General Public License
|
|
|
|
// along with this program; if not, write to the Free Software
|
2016-12-26 23:23:16 +08:00
|
|
|
// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
|
2008-07-14 21:54:50 +08:00
|
|
|
//
|
|
|
|
|
2020-07-04 07:18:36 +08:00
|
|
|
$mid = empty($_REQUEST['mid']) ? 0 : validInt($_REQUEST['mid']);
|
|
|
|
if ( !($mid and canEdit('Monitors', $mid)) ) {
|
2018-10-25 00:43:43 +08:00
|
|
|
$view = 'error';
|
|
|
|
return;
|
2008-07-14 21:54:50 +08:00
|
|
|
}
|
|
|
|
|
2019-10-30 06:06:32 +08:00
|
|
|
$zid = (!empty($_REQUEST['zid'])) ? validInt($_REQUEST['zid']) : 0;
|
2008-09-26 17:47:20 +08:00
|
|
|
|
2008-07-14 21:54:50 +08:00
|
|
|
$scale = SCALE_BASE;
|
|
|
|
|
2016-04-09 23:24:59 +08:00
|
|
|
$hicolor = '0x00ff00'; // Green
|
2008-07-14 21:54:50 +08:00
|
|
|
|
|
|
|
$presets = array();
|
|
|
|
$presetNames = array();
|
2015-05-10 21:10:30 +08:00
|
|
|
$presetNames[0] = translate('ChoosePreset');
|
2017-04-20 04:12:12 +08:00
|
|
|
$sql = 'SELECT *, Units-1 AS UnitsIndex, CheckMethod-1 AS CheckMethodIndex FROM ZonePresets ORDER BY Id ASC';
|
2019-10-30 06:06:32 +08:00
|
|
|
foreach ( dbFetchAll($sql) as $preset ) {
|
2017-04-20 04:12:12 +08:00
|
|
|
$presetNames[$preset['Id']] = $preset['Name'];
|
|
|
|
$presets[] = $preset;
|
2008-07-14 21:54:50 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
$optTypes = array();
|
2019-10-30 06:06:32 +08:00
|
|
|
foreach ( getEnumValues('Zones', 'Type') as $optType ) {
|
2017-04-20 04:12:12 +08:00
|
|
|
$optTypes[$optType] = $optType;
|
2008-07-14 21:54:50 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
$optUnits = array();
|
2017-04-20 04:12:12 +08:00
|
|
|
foreach ( getEnumValues( 'Zones', 'Units' ) as $optUnit ) {
|
|
|
|
$optUnits[$optUnit] = $optUnit;
|
2008-07-14 21:54:50 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
$optCheckMethods = array();
|
2017-04-20 04:12:12 +08:00
|
|
|
foreach ( getEnumValues( 'Zones', 'CheckMethod' ) as $optCheckMethod ) {
|
|
|
|
$optCheckMethods[$optCheckMethod] = $optCheckMethod;
|
2008-07-14 21:54:50 +08:00
|
|
|
}
|
|
|
|
|
2019-02-22 22:19:07 +08:00
|
|
|
$monitor = new ZM\Monitor( $mid );
|
2008-07-14 21:54:50 +08:00
|
|
|
|
|
|
|
$minX = 0;
|
2019-10-30 06:06:32 +08:00
|
|
|
$maxX = $monitor->ViewWidth()-1;
|
2008-07-14 21:54:50 +08:00
|
|
|
$minY = 0;
|
2019-10-30 06:06:32 +08:00
|
|
|
$maxY = $monitor->ViewHeight()-1;
|
2008-07-14 21:54:50 +08:00
|
|
|
|
2017-04-20 04:12:12 +08:00
|
|
|
if ( !isset($newZone) ) {
|
2018-10-25 00:43:43 +08:00
|
|
|
if ( $zid > 0 ) {
|
2019-08-02 20:04:38 +08:00
|
|
|
$zone = dbFetchOne('SELECT * FROM Zones WHERE MonitorId = ? AND Id=?', NULL, array($monitor->Id(), $zid));
|
2018-10-25 00:43:43 +08:00
|
|
|
} else {
|
|
|
|
$zone = array(
|
|
|
|
'Id' => 0,
|
|
|
|
'Name' => translate('New'),
|
|
|
|
'Type' => 'Active',
|
2019-12-14 00:51:07 +08:00
|
|
|
'Units' => 'Pixels',
|
2018-10-25 00:43:43 +08:00
|
|
|
'MonitorId' => $monitor->Id(),
|
|
|
|
'NumCoords' => 4,
|
2018-11-24 00:11:39 +08:00
|
|
|
'Coords' => sprintf('%d,%d %d,%d, %d,%d %d,%d', $minX, $minY, $maxX, $minY, $maxX, $maxY, $minX, $maxY),
|
2019-10-30 06:06:32 +08:00
|
|
|
'Area' => $monitor->ViewWidth() * $monitor->ViewHeight(),
|
2018-10-25 00:43:43 +08:00
|
|
|
'AlarmRGB' => 0xff0000,
|
|
|
|
'CheckMethod' => 'Blobs',
|
|
|
|
'MinPixelThreshold' => '',
|
|
|
|
'MaxPixelThreshold' => '',
|
|
|
|
'MinAlarmPixels' => '',
|
|
|
|
'MaxAlarmPixels' => '',
|
|
|
|
'FilterX' => '',
|
|
|
|
'FilterY' => '',
|
|
|
|
'MinFilterPixels' => '',
|
|
|
|
'MaxFilterPixels' => '',
|
|
|
|
'MinBlobPixels' => '',
|
|
|
|
'MaxBlobPixels' => '',
|
|
|
|
'MinBlobs' => '',
|
|
|
|
'MaxBlobs' => '',
|
|
|
|
'OverloadFrames' => '',
|
|
|
|
'ExtendAlarmFrames' => '',
|
|
|
|
);
|
|
|
|
}
|
2019-10-30 06:06:32 +08:00
|
|
|
$zone['Points'] = coordsToPoints($zone['Coords']);
|
|
|
|
$zone['AreaCoords'] = preg_replace('/\s+/', ',', $zone['Coords']);
|
2008-07-14 21:54:50 +08:00
|
|
|
|
2018-10-25 00:43:43 +08:00
|
|
|
$newZone = $zone;
|
2017-04-20 04:12:12 +08:00
|
|
|
} # end if new Zone
|
2008-07-14 21:54:50 +08:00
|
|
|
|
2017-04-20 04:12:12 +08:00
|
|
|
# Ensure Zone fits within the limits of the Monitor
|
2019-08-02 20:04:38 +08:00
|
|
|
limitPoints($newZone['Points'], $minX, $minY, $maxX, $maxY);
|
2008-07-14 21:54:50 +08:00
|
|
|
|
2019-08-02 20:04:38 +08:00
|
|
|
ksort($newZone['Points'], SORT_NUMERIC);
|
2008-07-14 21:54:50 +08:00
|
|
|
|
2019-08-02 20:04:38 +08:00
|
|
|
$newZone['Coords'] = pointsToCoords($newZone['Points']);
|
|
|
|
$newZone['Area'] = getPolyArea($newZone['Points']);
|
|
|
|
$newZone['AreaCoords'] = preg_replace('/\s+/', ',', $newZone['Coords']);
|
|
|
|
$selfIntersecting = isSelfIntersecting($newZone['Points']);
|
2008-07-14 21:54:50 +08:00
|
|
|
|
|
|
|
$focusWindow = true;
|
2016-04-10 10:34:30 +08:00
|
|
|
$connkey = generateConnKey();
|
2016-04-29 22:44:46 +08:00
|
|
|
$streamSrc = '';
|
|
|
|
$streamMode = '';
|
|
|
|
# Have to do this here, because the .js.php references somethings figured out when generating the streamHTML
|
2019-08-02 20:04:38 +08:00
|
|
|
$StreamHTML = getStreamHTML($monitor, array('scale'=>$scale));
|
2008-07-14 21:54:50 +08:00
|
|
|
|
2019-08-02 20:04:38 +08:00
|
|
|
xhtmlHeaders(__FILE__, translate('Zone'));
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
|
|
|
<body>
|
|
|
|
<div id="page">
|
|
|
|
<div id="header">
|
2016-04-09 02:09:59 +08:00
|
|
|
<h2><?php echo translate('Monitor') ?> <?php echo $monitor->Name() ?> - <?php echo translate('Zone') ?> <?php echo $newZone['Name'] ?></h2>
|
2008-07-14 21:54:50 +08:00
|
|
|
</div>
|
|
|
|
<div id="content">
|
2019-02-10 13:39:19 +08:00
|
|
|
<form name="zoneForm" id="zoneForm" method="post" action="?" onkeypress="return event.keyCode != 13;">
|
2014-12-05 07:44:23 +08:00
|
|
|
<input type="hidden" name="view" value="<?php echo $view ?>"/>
|
2008-07-14 21:54:50 +08:00
|
|
|
<input type="hidden" name="action" value="zone"/>
|
2014-12-05 07:44:23 +08:00
|
|
|
<input type="hidden" name="mid" value="<?php echo $mid ?>"/>
|
|
|
|
<input type="hidden" name="zid" value="<?php echo $zid ?>"/>
|
|
|
|
<input type="hidden" name="newZone[NumCoords]" value="<?php echo count($newZone['Points']) ?>"/>
|
|
|
|
<input type="hidden" name="newZone[Coords]" value="<?php echo $newZone['Coords'] ?>"/>
|
|
|
|
<input type="hidden" name="newZone[Area]" value="<?php echo $newZone['Area'] ?>"/>
|
2019-10-30 06:06:32 +08:00
|
|
|
<input type="hidden" name="newZone[AlarmRGB]"/>
|
|
|
|
|
2008-07-14 21:54:50 +08:00
|
|
|
<div id="definitionPanel">
|
2019-10-30 06:06:32 +08:00
|
|
|
<div class="monitor">
|
|
|
|
<div id="imagePanel">
|
|
|
|
<div id="imageFrame" style="position: relative; width: <?php echo reScale($monitor->ViewWidth(), $scale) ?>px; height: <?php echo reScale($monitor->ViewHeight(), $scale) ?>px;">
|
|
|
|
<?php echo $StreamHTML; ?>
|
|
|
|
<svg id="zoneSVG" class="zones" style="position: absolute; top: 0; left: 0; width: <?php echo reScale($monitor->ViewWidth(), $scale) ?>px; height: <?php echo reScale($monitor->ViewHeight(), $scale) ?>px; background: none;">
|
|
|
|
<?php
|
|
|
|
if ( $zone['Id'] ) {
|
|
|
|
$other_zones = dbFetchAll('SELECT * FROM Zones WHERE MonitorId = ? AND Id != ?', NULL, array($monitor->Id(), $zone['Id']));
|
|
|
|
} else {
|
|
|
|
$other_zones = dbFetchAll('SELECT * FROM Zones WHERE MonitorId = ?', NULL, array($monitor->Id()));
|
|
|
|
}
|
|
|
|
if ( count($other_zones) ) {
|
|
|
|
$html = '';
|
|
|
|
foreach ( $other_zones as $other_zone ) {
|
|
|
|
$other_zone['AreaCoords'] = preg_replace('/\s+/', ',', $other_zone['Coords']);
|
|
|
|
$html .= '<polygon id="zonePoly'.$other_zone['Id'].'" points="'. $other_zone['AreaCoords'] .'" class="'. $other_zone['Type'] .'"/>';
|
|
|
|
}
|
|
|
|
echo $html;
|
|
|
|
}
|
|
|
|
?>
|
|
|
|
<polygon id="zonePoly" points="<?php echo $zone['AreaCoords'] ?>" class="Editing <?php echo $zone['Type'] ?>"/>
|
|
|
|
Sorry, your browser does not support inline SVG
|
|
|
|
</svg>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="monitorState">
|
|
|
|
<?php echo translate('State') ?>: <span id="stateValue"></span> - <span id="fpsValue"></span> fps
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="settingsPanel">
|
|
|
|
<table id="zoneSettings">
|
|
|
|
<tbody>
|
|
|
|
<tr>
|
|
|
|
<th scope="row"><?php echo translate('Name') ?></th>
|
|
|
|
<td colspan="2"><input type="text" name="newZone[Name]" value="<?php echo $newZone['Name'] ?>"/></td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<th scope="row"><?php echo translate('Type') ?></th>
|
|
|
|
<td colspan="2"><?php echo htmlSelect('newZone[Type]', $optTypes, $newZone['Type'],
|
2020-06-16 04:06:51 +08:00
|
|
|
array('data-on-change'=>'applyZoneType')); ?></td>
|
2019-10-30 06:06:32 +08:00
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<th scope="row"><?php echo translate('Preset') ?></th>
|
|
|
|
<td colspan="2">
|
|
|
|
<?php echo htmlSelect('presetSelector', $presetNames,
|
|
|
|
( isset($_REQUEST['presetSelector']) ? $_REQUEST['presetSelector'] : null),
|
2020-06-16 04:06:51 +08:00
|
|
|
array('data-on-change'=>'applyPreset', 'onblur'=>'this.selectedIndex=0') )
|
2019-10-30 06:06:32 +08:00
|
|
|
?></td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<th scope="row"><?php echo translate('Units') ?></th>
|
2020-06-16 04:06:51 +08:00
|
|
|
<td colspan="2">
|
|
|
|
<?php
|
|
|
|
echo htmlSelect('newZone[Units]', $optUnits, $newZone['Units'],
|
|
|
|
array('data-on-change'=>'applyZoneUnits')
|
|
|
|
);
|
|
|
|
# Used later for number inputs
|
|
|
|
$step = $newZone['Units'] == 'Percent' ? ' step="0.01" max="100"' : '';
|
|
|
|
?>
|
|
|
|
</td>
|
2019-10-30 06:06:32 +08:00
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<th scope="row"><?php echo translate('ZoneAlarmColour') ?></th>
|
|
|
|
<td colspan="2">
|
2020-06-16 04:06:51 +08:00
|
|
|
<input type="number" name="newAlarmRgbR" value="<?php echo ($newZone['AlarmRGB']>>16)&0xff ?>" min="0" max="255"/>
|
2019-10-30 06:06:32 +08:00
|
|
|
/
|
2020-06-16 04:06:51 +08:00
|
|
|
<input type="number" name="newAlarmRgbG" value="<?php echo ($newZone['AlarmRGB']>>8)&0xff ?>" min="0" max="255"/>
|
2019-10-30 06:06:32 +08:00
|
|
|
/
|
2020-06-16 04:06:51 +08:00
|
|
|
<input type="number" name="newAlarmRgbB" value="<?php echo $newZone['AlarmRGB']&0xff ?>" min="0" max="255"/>
|
2019-10-30 06:06:32 +08:00
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<th scope="row"><?php echo translate('CheckMethod') ?></th>
|
|
|
|
<td colspan="2"><?php echo htmlSelect('newZone[CheckMethod]', $optCheckMethods, $newZone['CheckMethod']); ?></td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<th scope="row"><?php echo translate('ZoneMinMaxPixelThres') ?></th>
|
2020-07-08 06:57:11 +08:00
|
|
|
<td><input type="number" name="newZone[MinPixelThreshold]" value="<?php echo $newZone['MinPixelThreshold'] ?>" min="0" max="255"/></td>
|
|
|
|
<td><input type="number" name="newZone[MaxPixelThreshold]" value="<?php echo $newZone['MaxPixelThreshold'] ?>" min="0" max="255"/></td>
|
2019-10-30 06:06:32 +08:00
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<th scope="row"><?php echo translate('ZoneFilterSize') ?></th>
|
2020-08-10 10:20:06 +08:00
|
|
|
<td><input type="number" name="newZone[FilterX]" value="<?php echo $newZone['FilterX'] ?>" min="0"/></td>
|
|
|
|
<td><input type="number" name="newZone[FilterY]" value="<?php echo $newZone['FilterY'] ?>" min="0"/></td>
|
2019-10-30 06:06:32 +08:00
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<th scope="row"><?php echo translate('ZoneArea') ?></th>
|
2020-06-16 04:06:51 +08:00
|
|
|
<td colspan="2"><input type="number" name="newZone[TempArea]" value="<?php echo $newZone['Area'] ?>" disabled="disabled"/></td>
|
2019-10-30 06:06:32 +08:00
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<th scope="row"><?php echo translate('ZoneMinMaxAlarmArea') ?></th>
|
2020-06-16 04:06:51 +08:00
|
|
|
<td><input type="number" name="newZone[MinAlarmPixels]" value="<?php echo $newZone['MinAlarmPixels'] ?>"<?php echo $step ?> min="0"/></td>
|
|
|
|
<td><input type="number" name="newZone[MaxAlarmPixels]" value="<?php echo $newZone['MaxAlarmPixels'] ?>"<?php echo $step ?> min="0"/></td>
|
2019-10-30 06:06:32 +08:00
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<th scope="row"><?php echo translate('ZoneMinMaxFiltArea') ?></th>
|
2020-06-16 04:06:51 +08:00
|
|
|
<td><input type="number" name="newZone[MinFilterPixels]" value="<?php echo $newZone['MinFilterPixels'] ?>"<?php echo $step ?> min="0"/></td>
|
|
|
|
<td><input type="number" name="newZone[MaxFilterPixels]" value="<?php echo $newZone['MaxFilterPixels'] ?>"<?php echo $step ?> min="0"/></td>
|
2019-10-30 06:06:32 +08:00
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<th scope="row"><?php echo translate('ZoneMinMaxBlobArea') ?></th>
|
2020-06-16 04:06:51 +08:00
|
|
|
<td><input type="number" name="newZone[MinBlobPixels]" value="<?php echo $newZone['MinBlobPixels'] ?>"<?php echo $step ?> min="0"/></td>
|
|
|
|
<td><input type="number" name="newZone[MaxBlobPixels]" value="<?php echo $newZone['MaxBlobPixels'] ?>"<?php echo $step ?> min="0"/></td>
|
2019-10-30 06:06:32 +08:00
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<th scope="row"><?php echo translate('ZoneMinMaxBlobs') ?></th>
|
2020-06-16 04:06:51 +08:00
|
|
|
<td><input type="number" name="newZone[MinBlobs]" value="<?php echo $newZone['MinBlobs'] ?>" min="0"/></td>
|
|
|
|
<td><input type="number" name="newZone[MaxBlobs]" value="<?php echo $newZone['MaxBlobs'] ?>" min="0"/></td>
|
2019-10-30 06:06:32 +08:00
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<th scope="row"><?php echo translate('ZoneOverloadFrames') ?></th>
|
2020-06-16 04:06:51 +08:00
|
|
|
<td colspan="2"><input type="number" name="newZone[OverloadFrames]" value="<?php echo $newZone['OverloadFrames'] ?>" min="0"/></td>
|
2019-10-30 06:06:32 +08:00
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<th scope="row"><?php echo translate('ZoneExtendAlarmFrames') ?></th>
|
2020-06-16 04:06:51 +08:00
|
|
|
<td colspan="2"><input type="number" name="newZone[ExtendAlarmFrames]" value="<?php echo $newZone['ExtendAlarmFrames'] ?>" min="0"/></td>
|
2019-10-30 06:06:32 +08:00
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="zonePoints">
|
|
|
|
<table>
|
|
|
|
<tbody>
|
|
|
|
<tr>
|
2008-07-14 21:54:50 +08:00
|
|
|
<?php
|
|
|
|
$pointCols = 2;
|
2018-10-25 00:43:43 +08:00
|
|
|
for ( $i = 0; $i < $pointCols; $i++ ) {
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
2019-10-30 06:06:32 +08:00
|
|
|
<td>
|
|
|
|
<table>
|
|
|
|
<thead>
|
|
|
|
<tr>
|
|
|
|
<th><?php echo translate('Point') ?></th>
|
|
|
|
<th><?php echo translate('X') ?></th>
|
|
|
|
<th><?php echo translate('Y') ?></th>
|
|
|
|
<th><?php echo translate('Action') ?></th>
|
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
<tbody>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</td>
|
2008-07-14 21:54:50 +08:00
|
|
|
<?php
|
2019-10-30 06:06:32 +08:00
|
|
|
# I think this for horizontal filler
|
2018-10-25 00:43:43 +08:00
|
|
|
if ( $i < ($pointCols-1) ) {
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
2019-10-30 06:06:32 +08:00
|
|
|
<td> </td>
|
2008-07-14 21:54:50 +08:00
|
|
|
<?php
|
|
|
|
}
|
2019-10-30 06:06:32 +08:00
|
|
|
} # end foreach pointcol
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
2019-10-30 06:06:32 +08:00
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
<div class="buttons">
|
|
|
|
<button type="button" id="pauseBtn"><?php echo translate('Pause') ?></button>
|
|
|
|
<button type="button" id="saveBtn" value="Save" <?php if (!canEdit('Monitors') || (false && $selfIntersecting)) { ?> disabled="disabled"<?php } ?>>
|
|
|
|
<?php echo translate('Save') ?>
|
|
|
|
</button>
|
|
|
|
<button type="button" id="cancelBtn" value="Cancel"><?php echo translate('Cancel') ?></button>
|
|
|
|
</div>
|
|
|
|
</div><!--end ZonePoints-->
|
|
|
|
</div><!--definitionsPanel-->
|
2008-07-14 21:54:50 +08:00
|
|
|
</form>
|
2019-10-30 06:06:32 +08:00
|
|
|
</div><!--content-->
|
|
|
|
</div><!--page-->
|
2008-07-14 21:54:50 +08:00
|
|
|
</body>
|
|
|
|
</html>
|