2017-04-16 21:22:37 +08:00
|
|
|
<?php
|
2010-09-30 00:19:41 +08:00
|
|
|
//
|
2008-07-14 21:54:50 +08:00
|
|
|
// ZoneMinder web export function library, $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
|
|
|
//
|
|
|
|
|
|
2018-07-09 23:58:30 +08:00
|
|
|
function exportHeader($title) {
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
2018-07-09 23:58:30 +08:00
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<title><?php echo $title ?></title>
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
<!--
|
2018-07-13 02:07:03 +08:00
|
|
|
<?php include(ZM_PATH_WEB.'/'.ZM_SKIN_PATH.'/css/'.ZM_SKIN_NAME.'/export.css'); ?>
|
2010-09-30 00:19:41 +08:00
|
|
|
|
|
|
|
|
ul.tabs {
|
|
|
|
|
margin: 0;
|
2018-07-09 23:58:30 +08:00
|
|
|
margin-bottom: -1px;
|
2010-09-30 00:19:41 +08:00
|
|
|
padding: 0;
|
|
|
|
|
float: left;
|
|
|
|
|
list-style: none;
|
|
|
|
|
height: 32px;
|
|
|
|
|
border-bottom: 1px solid #7f7fb2;
|
|
|
|
|
border-left: 1px solid #7f7fb2;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
ul.tabs li {
|
|
|
|
|
float: left;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
height: 31px;
|
|
|
|
|
line-height: 31px;
|
|
|
|
|
border: 1px solid #7f7fb2;
|
|
|
|
|
border-left: none;
|
|
|
|
|
margin-bottom: -1px;
|
|
|
|
|
background: #fff;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
ul.tabs li a {
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
color: #000;
|
|
|
|
|
display: block;
|
|
|
|
|
font-size: 1.2em;
|
|
|
|
|
padding: 0 20px;
|
|
|
|
|
outline: none;
|
|
|
|
|
}
|
|
|
|
|
ul.tabs li a:hover {
|
|
|
|
|
background: #ccc;
|
|
|
|
|
}
|
|
|
|
|
html ul.tabs li.active, html ul.tabs li.active a:hover {
|
|
|
|
|
background: #dddddd;
|
|
|
|
|
border-bottom: 1px solid #e0e0e0;
|
|
|
|
|
}
|
2008-07-14 21:54:50 +08:00
|
|
|
-->
|
2018-07-09 23:58:30 +08:00
|
|
|
</style>
|
2018-07-13 02:07:03 +08:00
|
|
|
<script type="text/javascript" src="<?php echo ($title == translate('Images').' Master' ? '' : '../') ?>jquery.js"></script>
|
|
|
|
|
<!--<script type="text/javascript" src="<?php echo ($title == translate('Images').' Master' ? '' : '../') ?>video.js"></script>-->
|
2018-07-09 23:58:30 +08:00
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
|
|
|
|
/*==========[tab code]==========*/
|
|
|
|
|
$(document).ready(function() {
|
|
|
|
|
|
|
|
|
|
//When page loads...
|
|
|
|
|
$(".tab_content").hide(); //Hide all content
|
|
|
|
|
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
|
|
|
|
|
$(".tab_content:first").show(); //Show first tab content
|
|
|
|
|
|
|
|
|
|
//On Click Event
|
|
|
|
|
$("ul.tabs li").click(function() {
|
|
|
|
|
|
|
|
|
|
$("ul.tabs li").removeClass("active"); //Remove any "active" class
|
|
|
|
|
$(this).addClass("active"); //Add "active" class to selected tab
|
|
|
|
|
$(".tab_content").hide(); //Hide all tab content
|
|
|
|
|
|
|
|
|
|
var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
|
|
|
|
|
$(activeTab).fadeIn(); //Fade in the active ID content
|
|
|
|
|
return false;
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
// ]]>
|
|
|
|
|
</script>
|
|
|
|
|
</head>
|
2008-07-14 21:54:50 +08:00
|
|
|
<?php
|
|
|
|
|
}
|
|
|
|
|
|
2018-07-09 23:58:30 +08:00
|
|
|
function exportEventDetail($event, $exportFrames, $exportImages) {
|
|
|
|
|
ob_start();
|
|
|
|
|
exportHeader(translate('Event').' '.$event->Id());
|
2010-09-30 00:19:41 +08:00
|
|
|
|
|
|
|
|
$otherlinks = '';
|
2015-05-10 21:10:30 +08:00
|
|
|
if( $exportFrames ) $otherlinks .= '<a href="zmEventFrames.html">'.translate('Frames').'</a>,';
|
|
|
|
|
if( $exportImages ) $otherlinks .= '<a href="zmEventImages.html">'.translate('Images').'</a>,';
|
2010-09-30 00:19:41 +08:00
|
|
|
$otherlinks = substr($otherlinks,0,-1);
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="page">
|
|
|
|
|
<div id="content">
|
2016-05-18 21:02:14 +08:00
|
|
|
<h2><?php echo translate('Event') ?>: <?php echo validHtmlStr($event->Name()) ?><?php if(!empty($otherlinks)) { ?> (<?php echo$otherlinks?>) <?php } ?></h2>
|
2008-07-14 21:54:50 +08:00
|
|
|
<table id="eventDetail">
|
2016-05-18 21:02:14 +08:00
|
|
|
<tr><th scope="row"><?php echo translate('Id') ?></th><td><?php echo $event->Id() ?></td></tr>
|
|
|
|
|
<tr><th scope="row"><?php echo translate('Name') ?></th><td><?php echo validHtmlStr($event->Name()) ?></td></tr>
|
|
|
|
|
<tr><th scope="row"><?php echo translate('Monitor') ?></th><td><?php echo validHtmlStr($event->MonitorName()) ?> (<?php echo $event->MonitorId() ?>)</td></tr>
|
|
|
|
|
<tr><th scope="row"><?php echo translate('Cause') ?></th><td><?php echo validHtmlStr($event->Cause()) ?></td></tr>
|
|
|
|
|
<tr><th scope="row"><?php echo translate('Notes') ?></th><td><?php echo validHtmlStr($event->Notes()) ?></td></tr>
|
|
|
|
|
<tr><th scope="row"><?php echo translate('Time') ?></th><td><?php echo strftime( STRF_FMT_DATETIME_SHORTER, strtotime($event->StartTime()) ) ?></td></tr>
|
|
|
|
|
<tr><th scope="row"><?php echo translate('Duration') ?></th><td><?php echo $event->Length() ?></td></tr>
|
|
|
|
|
<tr><th scope="row"><?php echo translate('Frames') ?></th><td><?php echo $event->Frames() ?></td></tr>
|
|
|
|
|
<tr><th scope="row"><?php echo translate('AttrAlarmFrames') ?></th><td><?php echo $event->AlarmFrames() ?></td></tr>
|
|
|
|
|
<tr><th scope="row"><?php echo translate('AttrTotalScore') ?></th><td><?php echo $event->TotScore() ?></td></tr>
|
|
|
|
|
<tr><th scope="row"><?php echo translate('AttrAvgScore') ?></th><td><?php echo $event->AvgScore() ?></td></tr>
|
|
|
|
|
<tr><th scope="row"><?php echo translate('AttrMaxScore') ?></th><td><?php echo $event->MaxScore() ?></td></tr>
|
|
|
|
|
<tr><th scope="row"><?php echo translate('Archived') ?></th><td><?php echo $event->Archived()?translate('Yes'):translate('No') ?></td></tr>
|
2008-07-14 21:54:50 +08:00
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
<?php
|
2018-07-09 23:58:30 +08:00
|
|
|
return ob_get_clean();
|
2008-07-14 21:54:50 +08:00
|
|
|
}
|
|
|
|
|
|
2018-07-09 23:58:30 +08:00
|
|
|
function exportEventFrames($event, $exportDetail, $exportImages) {
|
|
|
|
|
$sql = 'SELECT *, unix_timestamp( TimeStamp ) AS UnixTimeStamp FROM Frames WHERE EventID = ? ORDER BY FrameId';
|
|
|
|
|
$frames = dbFetchAll($sql, NULL, array($event->Id()));
|
2008-07-14 21:54:50 +08:00
|
|
|
|
2018-07-09 23:58:30 +08:00
|
|
|
ob_start();
|
|
|
|
|
exportHeader(translate('Frames').' '.$event->Id());
|
2010-09-30 00:19:41 +08:00
|
|
|
|
|
|
|
|
$otherlinks = '';
|
2015-05-10 21:10:30 +08:00
|
|
|
if( $exportDetail ) $otherlinks .= '<a href="zmEventDetail.html">'.translate('Event').'</a>,';
|
|
|
|
|
if( $exportImages ) $otherlinks .= '<a href="zmEventImages.html">'.translate('Images').'</a>,';
|
2010-09-30 00:19:41 +08:00
|
|
|
$otherlinks = substr($otherlinks,0,-1);
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="page">
|
|
|
|
|
<div id="content">
|
2016-05-18 21:02:14 +08:00
|
|
|
<h2><?php echo translate('Frames') ?>: <?php echo validHtmlStr($event->Name()) ?><?php if(!empty($otherlinks)) { ?> (<?php echo$otherlinks?>) <?php } ?></h2>
|
2008-07-14 21:54:50 +08:00
|
|
|
<table id="eventFrames">
|
|
|
|
|
<tr>
|
2015-05-10 21:10:30 +08:00
|
|
|
<th><?php echo translate('FrameId') ?></th>
|
|
|
|
|
<th><?php echo translate('Type') ?></th>
|
|
|
|
|
<th><?php echo translate('TimeStamp') ?></th>
|
|
|
|
|
<th><?php echo translate('TimeDelta') ?></th>
|
|
|
|
|
<th><?php echo translate('Score') ?></th>
|
2008-07-14 21:54:50 +08:00
|
|
|
<?php
|
2018-07-09 23:58:30 +08:00
|
|
|
if ( $exportImages ) {
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
2015-05-10 21:10:30 +08:00
|
|
|
<th><?php echo translate('Image') ?></th>
|
2008-07-14 21:54:50 +08:00
|
|
|
<?php
|
2018-07-09 23:58:30 +08:00
|
|
|
}
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
|
|
|
|
</tr>
|
|
|
|
|
<?php
|
2018-07-09 23:58:30 +08:00
|
|
|
if ( count($frames) ) {
|
|
|
|
|
$eventPath = $event->Path();
|
|
|
|
|
foreach ( $frames as $frame ) {
|
|
|
|
|
$imageFile = sprintf('%0'.ZM_EVENT_IMAGE_DIGITS.'d-capture.jpg', $frame['FrameId']);
|
|
|
|
|
$imagePath = $eventPath.'/'.$imageFile;
|
|
|
|
|
$analImage = preg_replace('/capture/', 'analyse', $imagePath);
|
|
|
|
|
if ( file_exists($analImage) ) {
|
|
|
|
|
$imageFile = preg_replace('/capture/', 'analyse', $imageFile);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$class = strtolower($frame['Type']);
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
2014-12-05 07:44:23 +08:00
|
|
|
<tr class="<?php echo $class ?>">
|
|
|
|
|
<td><?php echo $frame['FrameId'] ?></td>
|
|
|
|
|
<td><?php echo $frame['Type'] ?></td>
|
2018-07-09 23:58:30 +08:00
|
|
|
<td><?php echo strftime(STRF_FMT_TIME, $frame['UnixTimeStamp']) ?></td>
|
|
|
|
|
<td><?php echo number_format($frame['Delta'], 2) ?></td>
|
2014-12-05 07:44:23 +08:00
|
|
|
<td><?php echo $frame['Score'] ?></td>
|
2008-07-14 21:54:50 +08:00
|
|
|
<?php
|
2018-07-09 23:58:30 +08:00
|
|
|
if ( $exportImages ) {
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
2018-07-09 23:58:30 +08:00
|
|
|
<td><a href="<?php echo $imageFile ?>" target="zmExportImage"><img src="<?php echo $imageFile ?>" class="thumb" alt="Frame <?php echo $frame['FrameId'] ?>"/></a></td>
|
2008-07-14 21:54:50 +08:00
|
|
|
<?php
|
2018-07-09 23:58:30 +08:00
|
|
|
}
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
|
|
|
|
</tr>
|
|
|
|
|
<?php
|
2018-07-09 23:58:30 +08:00
|
|
|
} # end foreach frame
|
|
|
|
|
} else {
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
|
|
|
|
<tr>
|
2015-05-10 21:10:30 +08:00
|
|
|
<td class="monoRow" colspan="<?php echo $exportImages?6:5 ?>"><?php echo translate('NoFramesRecorded') ?></td>
|
2008-07-14 21:54:50 +08:00
|
|
|
</tr>
|
|
|
|
|
<?php
|
2018-07-09 23:58:30 +08:00
|
|
|
} # end if count($frames)
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
<?php
|
2018-07-09 23:58:30 +08:00
|
|
|
return ob_get_clean();
|
2008-07-14 21:54:50 +08:00
|
|
|
}
|
|
|
|
|
|
2018-07-09 23:58:30 +08:00
|
|
|
function exportEventImages($event, $exportDetail, $exportFrames, $myfilelist) {
|
|
|
|
|
ob_start();
|
|
|
|
|
exportHeader(translate('Images').' '.$event->Id());
|
2010-09-30 00:19:41 +08:00
|
|
|
|
|
|
|
|
$otherlinks = '';
|
2015-05-10 21:10:30 +08:00
|
|
|
if( $exportDetail ) $otherlinks .= '<a href="zmEventDetail.html">'.translate('Event').'</a>,';
|
|
|
|
|
if( $exportFrames ) $otherlinks .= '<a href="zmEventFrames.html">'.translate('Frames').'</a>,';
|
2010-09-30 00:19:41 +08:00
|
|
|
$otherlinks = substr($otherlinks,0,-1);
|
|
|
|
|
|
|
|
|
|
$filelist = array_keys($myfilelist);
|
|
|
|
|
sort($filelist,SORT_NUMERIC);
|
|
|
|
|
$slides = '"'.implode('","',$filelist).'"';
|
|
|
|
|
$listcount = count($filelist);
|
|
|
|
|
?>
|
|
|
|
|
<body>
|
|
|
|
|
<style>
|
2016-05-18 21:02:14 +08:00
|
|
|
*.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;}
|
2010-09-30 00:19:41 +08:00
|
|
|
*.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;}
|
2016-05-18 21:02:14 +08:00
|
|
|
*.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;}
|
2010-09-30 00:19:41 +08:00
|
|
|
*.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>
|
|
|
|
|
|
2016-05-18 21:02:14 +08:00
|
|
|
<h2><?php echo translate('Images') ?>: <?php echo validHtmlStr($event->Name()) ?><?php if(!empty($otherlinks)) { ?> (<?php echo$otherlinks?>) <?php } ?></h2>
|
2010-09-30 00:19:41 +08:00
|
|
|
|
2018-07-09 23:58:30 +08:00
|
|
|
<?php
|
|
|
|
|
if ( $event->DefaultVideo() ) {
|
|
|
|
|
// videojs zoomrotate only when direct recording
|
|
|
|
|
$Zoom = 1;
|
|
|
|
|
$Rotation = 0;
|
2018-07-13 02:07:03 +08:00
|
|
|
$Monitor = $event->Monitor();
|
2018-07-09 23:58:30 +08:00
|
|
|
if ( $Monitor->VideoWriter() == '2' ) {
|
|
|
|
|
# Passthrough
|
2018-07-13 02:07:03 +08:00
|
|
|
$Rotation = $event->Orientation();
|
|
|
|
|
if ( in_array($event->Orientation(),array('90','270')) )
|
|
|
|
|
$Zoom = $event->Height()/$event->Width();
|
2018-07-09 23:58:30 +08:00
|
|
|
}
|
|
|
|
|
?>
|
|
|
|
|
<div id="videoFeed">
|
|
|
|
|
<video id="videoobj" class="video-js vjs-default-skin" style="transform: matrix(1, 0, 0, 1, 0, 0)"
|
|
|
|
|
width="<?php echo $event->Width() ?>"
|
|
|
|
|
height="<?php echo $event->Height() ?>"
|
|
|
|
|
data-setup='{ "controls": true, "autoplay": true, "preload": "auto", "plugins": { "zoomrotate": { "zoom": "<?php echo $Zoom ?>"}}}'>
|
2018-07-13 02:07:03 +08:00
|
|
|
<source src="<?php echo $event->getStreamSrc(array('mode'=>'mpeg','format'=>'h264')); ?>" type="video/mp4">
|
2018-07-09 23:58:30 +08:00
|
|
|
<track id="monitorCaption" kind="captions" label="English" srclang="en" src='data:plain/text;charset=utf-8,"WEBVTT\n\n 00:00:00.000 --> 00:00:01.000 ZoneMinder"' default>
|
|
|
|
|
Your browser does not support the video tag.
|
|
|
|
|
</video>
|
|
|
|
|
</div><!--videoFeed-->
|
|
|
|
|
<?php
|
|
|
|
|
} else { // end if DefaultVideo
|
|
|
|
|
?>
|
2010-09-30 00:19:41 +08:00
|
|
|
<ilayer id="slidensmain" width=&{slidewidth}; height=&{slideheight}; bgColor=&{slidebgcolor}; visibility=hide>
|
2018-07-18 03:32:30 +08:00
|
|
|
<layer id="slidenssub" width="&{slidewidth};" left="auto" top="auto"></layer>
|
2010-09-30 00:19:41 +08:00
|
|
|
</ilayer>
|
|
|
|
|
<div id="imagevideo" align="center"></div>
|
|
|
|
|
<br>
|
|
|
|
|
<div align="center">
|
2018-07-18 03:32:30 +08:00
|
|
|
<button type="button" onclick="stepbackward()">< Step</button>
|
|
|
|
|
<button type="button" id="btnrwd" onclick="rewind()" >Rwd</button>
|
|
|
|
|
<button type="button" id="btnplay" onclick="playstop()">Stop</button>
|
|
|
|
|
<button type="button" onclick="stepforward()">Step ></button>
|
|
|
|
|
<button type="button" id="btnspeedup" onclick="speedup()">speedup</button>
|
|
|
|
|
<button type="button" id="btnspeeddown" onclick="speeddown()">slowdown</button>
|
2010-09-30 00:19:41 +08:00
|
|
|
</div>
|
|
|
|
|
<div align="center"><div class="horizontal_track" >
|
|
|
|
|
<div class="horizontal_slit" > </div>
|
|
|
|
|
<div class="horizontal_slider" id="imageslider_id" style="left: 0px;"
|
2018-07-09 23:58:30 +08:00
|
|
|
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>
|
2010-09-30 00:19:41 +08:00
|
|
|
|
2018-07-09 23:58:30 +08:00
|
|
|
<script type="text/javascript">
|
2010-09-30 00:19:41 +08:00
|
|
|
|
|
|
|
|
/***********************************************
|
|
|
|
|
* Flexi Slideshow- © Dynamic Drive (www.dynamicdrive.com)
|
|
|
|
|
* This notice must stay intact for use
|
|
|
|
|
* Visit http://www.dynamicdrive.com/ for full source code
|
|
|
|
|
***********************************************/
|
|
|
|
|
|
2018-07-09 23:58:30 +08:00
|
|
|
var eventWidth = <?php echo $event->Width()?>;
|
|
|
|
|
var eventHeight = <?php echo $event->Height()?>;
|
|
|
|
|
var variableslide=[<?php echo $slides?>];
|
2010-09-30 00:19:41 +08:00
|
|
|
|
|
|
|
|
//configure the below 3 variables to set the dimension/background color of the slideshow
|
|
|
|
|
|
2018-07-09 23:58:30 +08:00
|
|
|
var slidewidth=eventWidth+'px'; //set to width of LARGEST image in your slideshow
|
2018-07-18 03:32:30 +08:00
|
|
|
var slideheight=eventHeight+'px'; //set to height of LARGEST image in your slideshow, plus any text description
|
2018-07-09 23:58:30 +08:00
|
|
|
var slidebgcolor='#ffffff';
|
2010-09-30 00:19:41 +08:00
|
|
|
|
|
|
|
|
//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++){
|
2018-07-09 23:58:30 +08:00
|
|
|
var cacheimage = new Image();
|
|
|
|
|
cacheimage.src = variableslide[i];
|
2010-09-30 00:19:41 +08:00
|
|
|
}
|
|
|
|
|
|
2018-07-09 23:58:30 +08:00
|
|
|
var currentslide = -1;
|
2010-09-30 00:19:41 +08:00
|
|
|
var mytimer = null;
|
|
|
|
|
|
|
|
|
|
//if (ie||dom) document.write('<div id="slidedom" style="width:'+slidewidth+'px;height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>');
|
2018-07-18 03:32:30 +08:00
|
|
|
if (ie||dom) document.getElementById('imagevideo').innerHTML = '<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"><img src="" name="imageslideframe"></div>';
|
2010-09-30 00:19:41 +08:00
|
|
|
|
|
|
|
|
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(){
|
2018-07-09 23:58:30 +08:00
|
|
|
crossrotateobj = dom ? document.getElementById("slidedom") : ie ? document.all.slidedom : document.slidensmain.document.slidenssub;
|
2010-09-30 00:19:41 +08:00
|
|
|
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;
|
|
|
|
|
|
2018-07-09 23:58:30 +08:00
|
|
|
if ( currentslide == variableslide.length-1 ) currentslide=0;
|
2010-09-30 00:19:41 +08:00
|
|
|
else currentslide++;
|
|
|
|
|
|
|
|
|
|
changeimage();
|
|
|
|
|
}
|
2018-07-09 23:58:30 +08:00
|
|
|
|
2010-09-30 00:19:41 +08:00
|
|
|
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;
|
|
|
|
|
|
2018-07-09 23:58:30 +08:00
|
|
|
if ( currentslide == 0 ) currentslide = variableslide.length-1;
|
2010-09-30 00:19:41 +08:00
|
|
|
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();
|
2018-07-09 23:58:30 +08:00
|
|
|
return false;
|
2010-09-30 00:19:41 +08:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 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.
|
2018-07-09 23:58:30 +08:00
|
|
|
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].
|
2010-09-30 00:19:41 +08:00
|
|
|
if (orientation == 'horizontal') { // Set limits for horizontal sliders.
|
2018-07-09 23:58:30 +08:00
|
|
|
sliderObj.fromVal = from;
|
|
|
|
|
xMax = length;
|
|
|
|
|
yMax = 0;
|
|
|
|
|
} else 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."
|
2010-09-30 00:19:41 +08:00
|
|
|
}
|
2018-07-09 23:58:30 +08:00
|
|
|
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.
|
2010-09-30 00:19:41 +08:00
|
|
|
}
|
|
|
|
|
// sliderMouseup: Handles the mouseup event after moving a slider.
|
|
|
|
|
// Snaps the slider position to allowed/displayed value.
|
|
|
|
|
function sliderMouseUp() {
|
2018-07-09 23:58:30 +08:00
|
|
|
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.
|
2010-09-30 00:19:41 +08:00
|
|
|
if (document.removeEventListener) { // Remove event listeners from 'document' (Moz&co).
|
2018-07-09 23:58:30 +08:00
|
|
|
document.removeEventListener('mousemove', moveSlider);
|
|
|
|
|
document.removeEventListener('mouseup', sliderMouseUp);
|
2010-09-30 00:19:41 +08:00
|
|
|
}
|
|
|
|
|
else if (document.detachEvent) { // Remove event listeners from 'document' (IE&co).
|
2018-07-09 23:58:30 +08:00
|
|
|
document.detachEvent('onmousemove', moveSlider);
|
|
|
|
|
document.detachEvent('onmouseup', sliderMouseUp);
|
2010-09-30 00:19:41 +08:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2018-07-09 23:58:30 +08:00
|
|
|
// seyi_code
|
2010-09-30 00:19:41 +08:00
|
|
|
//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) {
|
2018-07-09 23:58:30 +08:00
|
|
|
scale = (to - from) / length; // Slider-display scale [value-change per pixel of movement].
|
|
|
|
|
fromVal = from;
|
|
|
|
|
xMax = length;
|
|
|
|
|
yMax = 0;
|
2010-09-30 00:19:41 +08:00
|
|
|
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>
|
2018-07-09 23:58:30 +08:00
|
|
|
<?php
|
|
|
|
|
} # end if defaultvideo
|
|
|
|
|
?>
|
2010-09-30 00:19:41 +08:00
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
<?php
|
2018-07-09 23:58:30 +08:00
|
|
|
return ob_get_clean();
|
2010-09-30 00:19:41 +08:00
|
|
|
}
|
|
|
|
|
|
2018-07-09 23:58:30 +08:00
|
|
|
function exportEventImagesMaster($eids) {
|
2018-01-25 06:07:57 +08:00
|
|
|
ob_start();
|
2018-07-09 23:58:30 +08:00
|
|
|
exportHeader(translate('Images').' Master');
|
2010-09-30 00:19:41 +08:00
|
|
|
?>
|
|
|
|
|
<body>
|
2015-05-10 21:10:30 +08:00
|
|
|
<h2><?php echo translate('Images') ?> Master</h2>
|
2010-09-30 00:19:41 +08:00
|
|
|
<?php
|
2018-07-09 23:58:30 +08:00
|
|
|
// TODO: Should use find to make this 1 db query
|
2010-09-30 00:19:41 +08:00
|
|
|
foreach ($eids as $eid) {
|
|
|
|
|
//get monitor id and event id
|
2018-07-13 02:07:03 +08:00
|
|
|
$event = new Event($eid);
|
2016-05-18 21:02:14 +08:00
|
|
|
$eventMonitorId[$eid] = $event->MonitorId();
|
|
|
|
|
$eventPath[$eid] = $event->Relative_Path();
|
2010-09-30 00:19:41 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$monitors = array_values(array_flip(array_flip($eventMonitorId))); //unique monitors and reindex the array
|
|
|
|
|
$monitorNames = array();
|
|
|
|
|
|
|
|
|
|
//*
|
2018-07-13 02:07:03 +08:00
|
|
|
if ( !empty($monitors) ) {
|
2018-07-09 23:58:30 +08:00
|
|
|
$tmp = dbFetchAll('SELECT Id,Name FROM Monitors WHERE Id IN ('.implode(',', $monitors).') ');
|
2010-09-30 00:19:41 +08:00
|
|
|
foreach ( $tmp as $row ) { $monitorNames[$row['Id']] = $row['Name']; }
|
|
|
|
|
}
|
|
|
|
|
//*/
|
|
|
|
|
//trigger_error(print_r($monitorNames,1));
|
|
|
|
|
?>
|
2018-01-25 06:07:57 +08:00
|
|
|
<div id="tabs">
|
|
|
|
|
<ul class="tabs">
|
|
|
|
|
<li class="active"><a href="#all"> All </a></li>
|
2010-09-30 00:19:41 +08:00
|
|
|
<?php
|
|
|
|
|
foreach ($monitors as $monitor) {
|
2018-07-09 23:58:30 +08:00
|
|
|
echo "<li><a href=\"#tab$monitor\">" . $monitorNames[$monitor] . '</a></li>';
|
2010-09-30 00:19:41 +08:00
|
|
|
}
|
|
|
|
|
?>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
2018-07-09 23:58:30 +08:00
|
|
|
<table width="100%" height="100%">
|
|
|
|
|
<tr>
|
|
|
|
|
<td valign="top" bgcolor="#dddddd" style="padding:10px;">
|
|
|
|
|
<div class="tab_content" id="all">
|
|
|
|
|
<h2> All </h2>
|
|
|
|
|
<?php
|
|
|
|
|
foreach($eids as $eid) {
|
|
|
|
|
$Event = new Event($eid);
|
|
|
|
|
if ( $Event->SaveJPEGs() ) {
|
|
|
|
|
?>
|
|
|
|
|
<div><a href="#" onclick="switchevent('<?php echo $eid; ?>/zmEventImages.html');return false;"><?php echo $eid; ?></a></div>
|
|
|
|
|
<?php
|
|
|
|
|
} # end if saveJPEGs
|
|
|
|
|
} # end foreach event id
|
|
|
|
|
?>
|
2010-09-30 00:19:41 +08:00
|
|
|
</div>
|
2018-07-09 23:58:30 +08:00
|
|
|
<?php
|
|
|
|
|
foreach ($monitors as $monitor) {
|
|
|
|
|
echo "<div class=\"tab_content\" id=\"tab$monitor\">";
|
|
|
|
|
echo '<h2>Monitor: ' . $monitorNames[$monitor] . ' </h2>';
|
|
|
|
|
foreach ( $eids as $eid ) {
|
|
|
|
|
if ( $eventMonitorId[$eid] == $monitor ) {
|
|
|
|
|
?>
|
|
|
|
|
<div><a href="#" onclick="switchevent('<?php echo $eid; ?>/zmEventImages.html');return false;"><?php echo $eid; ?></a></div>
|
|
|
|
|
<?php
|
2010-09-30 00:19:41 +08:00
|
|
|
}
|
|
|
|
|
}
|
2018-07-09 23:58:30 +08:00
|
|
|
echo '</div>';
|
|
|
|
|
} # end foreach monitor
|
|
|
|
|
?>
|
|
|
|
|
</td><td>
|
|
|
|
|
<iframe id="myframe" onload="resizeCaller();" name="myframe" src="#"
|
|
|
|
|
scrolling="no" marginwidth="0" marginheight="0" frameborder="0"
|
|
|
|
|
vspace="0" hspace="0" style="overflow:visible; width:100%; display:none">
|
|
|
|
|
</iframe>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
2010-09-30 00:19:41 +08:00
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
function switchevent(src) {
|
2018-07-09 23:58:30 +08:00
|
|
|
$('#myframe').attr('src',src);
|
|
|
|
|
$('#myframe').show();
|
2010-09-30 00:19:41 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/***********************************************
|
|
|
|
|
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
|
|
|
|
|
* Visit DynamicDrive.com for hundreds of original DHTML scripts
|
|
|
|
|
* This notice must stay intact for legal use
|
|
|
|
|
***********************************************/
|
|
|
|
|
|
|
|
|
|
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:
|
|
|
|
|
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:
|
2018-07-09 23:58:30 +08:00
|
|
|
var iframeids=["myframe"];
|
2010-09-30 00:19:41 +08:00
|
|
|
|
|
|
|
|
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):
|
2018-07-09 23:58:30 +08:00
|
|
|
var iframehide="yes";
|
2010-09-30 00:19:41 +08:00
|
|
|
|
2018-07-09 23:58:30 +08:00
|
|
|
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1];
|
|
|
|
|
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0; //extra height in px to add to iframe in FireFox 1.0+ browsers
|
2010-09-30 00:19:41 +08:00
|
|
|
|
|
|
|
|
function resizeCaller() {
|
2018-07-09 23:58:30 +08:00
|
|
|
var dyniframe=new Array();
|
2010-09-30 00:19:41 +08:00
|
|
|
for (i=0; i<iframeids.length; i++){
|
|
|
|
|
if (document.getElementById) resizeIframe(iframeids[i]);
|
|
|
|
|
//reveal iframe for lower end browsers? (see var above):
|
2018-07-09 23:58:30 +08:00
|
|
|
if ( (document.all || document.getElementById) && iframehide=="no" ) {
|
|
|
|
|
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i]);
|
|
|
|
|
tempobj.style.display="block";
|
2010-09-30 00:19:41 +08:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2018-07-09 23:58:30 +08:00
|
|
|
function resizeIframe(frameid) {
|
|
|
|
|
var currentfr = document.getElementById(frameid);
|
|
|
|
|
if ( currentfr && !window.opera ) {
|
|
|
|
|
currentfr.style.display = "block";
|
|
|
|
|
if ( currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight ) //ns6 syntax
|
2010-09-30 00:19:41 +08:00
|
|
|
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;
|
2018-07-09 23:58:30 +08:00
|
|
|
else if ( currentfr.Document && currentfr.Document.body.scrollHeight ) //ie5+ syntax
|
2010-09-30 00:19:41 +08:00
|
|
|
currentfr.height = currentfr.Document.body.scrollHeight;
|
2018-07-09 23:58:30 +08:00
|
|
|
|
|
|
|
|
if ( currentfr.addEventListener ) {
|
|
|
|
|
currentfr.addEventListener("load", readjustIframe, false);
|
|
|
|
|
} else if ( currentfr.attachEvent ) {
|
|
|
|
|
currentfr.detachEvent("onload", readjustIframe); // Bug fix line
|
|
|
|
|
currentfr.attachEvent("onload", readjustIframe);
|
2010-09-30 00:19:41 +08:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function readjustIframe(loadevt) {
|
2018-07-09 23:58:30 +08:00
|
|
|
var crossevt = window.event ? event : loadevt;
|
|
|
|
|
var iframeroot = crossevt.currentTarget ? crossevt.currentTarget : crossevt.srcElement;
|
2010-09-30 00:19:41 +08:00
|
|
|
if (iframeroot) resizeIframe(iframeroot.id);
|
|
|
|
|
}
|
|
|
|
|
|
2018-07-09 23:58:30 +08:00
|
|
|
function loadintoIframe(iframeid, url) {
|
2010-09-30 00:19:41 +08:00
|
|
|
if (document.getElementById) document.getElementById(iframeid).src=url;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//if (window.addEventListener) window.addEventListener("load", resizeCaller, false)
|
|
|
|
|
//else if (window.attachEvent) window.attachEvent("onload", resizeCaller)
|
|
|
|
|
//else window.onload=resizeCaller
|
2018-07-09 23:58:30 +08:00
|
|
|
</script>
|
|
|
|
|
</body>
|
2010-09-30 00:19:41 +08:00
|
|
|
</html>
|
|
|
|
|
<?php
|
2018-07-09 23:58:30 +08:00
|
|
|
return ob_get_clean();
|
2010-09-30 00:19:41 +08:00
|
|
|
}
|
|
|
|
|
|
2018-07-09 23:58:30 +08:00
|
|
|
function exportFileList($event, $exportDetail, $exportFrames, $exportImages, $exportVideo, $exportMisc) {
|
2008-07-14 21:54:50 +08:00
|
|
|
|
2018-07-09 23:58:30 +08:00
|
|
|
if ( !canView('Events') or !$event ) {
|
2018-01-25 06:07:57 +08:00
|
|
|
return;
|
|
|
|
|
}
|
2008-07-14 21:54:50 +08:00
|
|
|
|
2018-07-09 23:58:30 +08:00
|
|
|
$eventPath = $event->Path();
|
|
|
|
|
$eventRelativePath = $event->Relative_Path();
|
2018-01-25 06:07:57 +08:00
|
|
|
$files = array();
|
|
|
|
|
if ( $dir = opendir($eventPath) ) {
|
|
|
|
|
while ( ($file = readdir($dir)) !== false ) {
|
|
|
|
|
if ( is_file($eventPath.'/'.$file) ) {
|
|
|
|
|
$files[$file] = $file;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
closedir($dir);
|
|
|
|
|
}
|
2008-07-14 21:54:50 +08:00
|
|
|
|
2018-01-25 06:07:57 +08:00
|
|
|
$exportFileList = array();
|
2010-09-30 00:19:41 +08:00
|
|
|
|
2018-01-25 06:07:57 +08:00
|
|
|
if ( $exportDetail ) {
|
|
|
|
|
$file = 'zmEventDetail.html';
|
2018-07-09 23:58:30 +08:00
|
|
|
if ( !($fp = fopen($eventPath.'/'.$file, 'w')) ) {
|
|
|
|
|
Fatal("Can't open event detail export file '$file'");
|
2018-01-25 06:07:57 +08:00
|
|
|
}
|
2018-07-09 23:58:30 +08:00
|
|
|
fwrite($fp, exportEventDetail($event, $exportFrames, $exportImages));
|
|
|
|
|
fclose($fp);
|
|
|
|
|
$exportFileList[$file] = $event->Id().'/'.$file;
|
2018-01-25 06:07:57 +08:00
|
|
|
}
|
|
|
|
|
if ( $exportFrames ) {
|
|
|
|
|
$file = 'zmEventFrames.html';
|
2018-07-09 23:58:30 +08:00
|
|
|
if ( !($fp = fopen($eventPath.'/'.$file, 'w')) ) {
|
|
|
|
|
Fatal("Can't open event frames export file '$file'");
|
2018-01-25 06:07:57 +08:00
|
|
|
}
|
2018-07-09 23:58:30 +08:00
|
|
|
fwrite($fp, exportEventFrames($event, $exportDetail, $exportImages));
|
|
|
|
|
fclose($fp);
|
|
|
|
|
$exportFileList[$file] = $event->Id().'/'.$file;
|
2018-01-25 06:07:57 +08:00
|
|
|
}
|
2018-07-09 23:58:30 +08:00
|
|
|
|
2018-01-25 06:07:57 +08:00
|
|
|
if ( $exportImages ) {
|
|
|
|
|
$filesLeft = array();
|
|
|
|
|
$myfilelist = array();
|
|
|
|
|
foreach ( $files as $file ) {
|
2018-07-09 23:58:30 +08:00
|
|
|
if ( preg_match('/-(?:capture|analyse).jpg$/', $file ) ) {
|
|
|
|
|
$myfilelist[$file] = $exportFileList[$file] = $event->Id().'/'.$file;
|
2018-01-25 06:07:57 +08:00
|
|
|
} else {
|
|
|
|
|
$filesLeft[$file] = $file;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
$files = $filesLeft;
|
|
|
|
|
|
|
|
|
|
// create an image slider
|
|
|
|
|
if ( !empty($myfilelist) ) {
|
2018-07-13 02:07:03 +08:00
|
|
|
$file = $event->Id().'/zmEventImages.html';
|
|
|
|
|
if ( !($fp = fopen($file, 'w')) )
|
2018-07-09 23:58:30 +08:00
|
|
|
Fatal("Can't open event images export file '$file'");
|
|
|
|
|
fwrite($fp, exportEventImages($event, $exportDetail, $exportFrames, $myfilelist));
|
|
|
|
|
fclose($fp);
|
|
|
|
|
$exportFileList[$file] = $event->Id().'/'.$file;
|
2018-01-25 06:07:57 +08:00
|
|
|
}
|
|
|
|
|
} # end if exportImages
|
|
|
|
|
|
|
|
|
|
if ( $exportVideo ) {
|
|
|
|
|
$filesLeft = array();
|
|
|
|
|
foreach ( $files as $file ) {
|
2018-07-09 23:58:30 +08:00
|
|
|
if ( preg_match('/\.(?:mpg|mpeg|mov|swf|mp4|mkv|avi|asf|3gp)$/', $file) ) {
|
|
|
|
|
$exportFileList[$file] = $event->Id().'/'.$file;
|
2018-01-25 06:07:57 +08:00
|
|
|
} else {
|
|
|
|
|
$filesLeft[$file] = $file;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
$files = $filesLeft;
|
2018-07-09 23:58:30 +08:00
|
|
|
} # end if exportVideo
|
2010-09-30 00:19:41 +08:00
|
|
|
|
2018-01-25 06:07:57 +08:00
|
|
|
if ( $exportMisc ) {
|
|
|
|
|
foreach ( $files as $file ) {
|
2018-07-09 23:58:30 +08:00
|
|
|
$exportFileList[$file] = $event->Id().'/'.$file;
|
2008-07-14 21:54:50 +08:00
|
|
|
}
|
2018-01-25 06:07:57 +08:00
|
|
|
$files = array();
|
|
|
|
|
}
|
2018-05-18 21:51:12 +08:00
|
|
|
return array_values($exportFileList);
|
2018-07-09 23:58:30 +08:00
|
|
|
} # end exportFileList()
|
|
|
|
|
|
|
|
|
|
function exportEvents(
|
|
|
|
|
$eids,
|
|
|
|
|
$connkey,
|
|
|
|
|
$exportDetail,
|
|
|
|
|
$exportFrames,
|
|
|
|
|
$exportImages,
|
|
|
|
|
$exportVideo,
|
|
|
|
|
$exportMisc,
|
|
|
|
|
$exportFormat,
|
|
|
|
|
$exportStructure = false
|
|
|
|
|
) {
|
|
|
|
|
|
|
|
|
|
if ( !canView('Events') ) {
|
|
|
|
|
Error("You do not have permission to view events.");
|
|
|
|
|
return false;
|
|
|
|
|
} else if ( empty($eids) ) {
|
|
|
|
|
Error("Attempt to export an empty list of events.");
|
|
|
|
|
return false;
|
|
|
|
|
}
|
2008-07-14 21:54:50 +08:00
|
|
|
|
2018-07-09 23:58:30 +08:00
|
|
|
# Ensure that we are going to be able to do this.
|
|
|
|
|
if ( ! file_exists(ZM_DIR_EXPORTS) ) {
|
|
|
|
|
if ( ! mkdir(ZM_DIR_EXPORTS) ) {
|
|
|
|
|
Fatal("Can't create exports dir at '".ZM_DIR_EXPORTS."'");
|
|
|
|
|
}
|
|
|
|
|
}
|
2018-07-13 02:07:03 +08:00
|
|
|
$export_dir = ZM_DIR_EXPORTS.'/zmExport_'.$connkey;
|
2010-09-30 00:19:41 +08:00
|
|
|
|
2018-07-09 23:58:30 +08:00
|
|
|
# Ensure that we are going to be able to do this.
|
|
|
|
|
if ( ! file_exists($export_dir) ) {
|
|
|
|
|
if ( ! mkdir($export_dir) ) {
|
|
|
|
|
Fatal("Can't create exports dir at '$export_dir'");
|
|
|
|
|
} else {
|
2018-07-13 02:07:03 +08:00
|
|
|
Logger::Debug("Successfully created dir '$export_dir'");
|
2018-07-09 23:58:30 +08:00
|
|
|
}
|
2018-01-25 06:07:57 +08:00
|
|
|
}
|
2018-07-13 02:07:03 +08:00
|
|
|
if ( !chdir($export_dir) )
|
|
|
|
|
Fatal("Can't chdir to $export_dir");
|
2018-07-09 23:58:30 +08:00
|
|
|
|
2018-01-25 06:07:57 +08:00
|
|
|
$export_root = 'zmExport';
|
|
|
|
|
$export_listFile = 'zmFileList.txt';
|
|
|
|
|
$exportFileList = array();
|
|
|
|
|
$html_eventMaster = '';
|
2008-07-14 21:54:50 +08:00
|
|
|
|
2018-07-09 23:58:30 +08:00
|
|
|
if ( !is_array($eids) ) {
|
|
|
|
|
$eids = array($eids);
|
2018-01-25 06:07:57 +08:00
|
|
|
}
|
2018-07-09 23:58:30 +08:00
|
|
|
foreach ( $eids as $eid ) {
|
|
|
|
|
$event = new Event($eid);
|
2018-07-18 03:32:30 +08:00
|
|
|
$event_dir = $export_dir.'/'.$event->Id();
|
|
|
|
|
if ( !mkdir($event_dir) )
|
|
|
|
|
Error("Can't mkdir $event_dir");
|
|
|
|
|
$event_exportFileList = exportFileList($event, $exportDetail, $exportFrames, $exportImages, $exportVideo, $exportMisc);
|
|
|
|
|
$exportFileList = array_merge($exportFileList,$event_exportFileList);
|
|
|
|
|
foreach ( $event_exportFileList as $file ) {
|
|
|
|
|
if ( preg_match('/\.html$/', $file ) )
|
|
|
|
|
continue;
|
|
|
|
|
Logger::Debug('cp -as '.$event->Path().'/../'.$file.' '.$export_dir.'/'.$file);
|
|
|
|
|
exec('cp -as '.$event->Path().'/../'.$file.' '.$export_dir.'/'.$file);
|
2018-07-13 02:07:03 +08:00
|
|
|
}
|
2018-07-09 23:58:30 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// create an master image
|
2018-01-25 06:07:57 +08:00
|
|
|
if ( $exportImages ) {
|
2018-07-13 02:07:03 +08:00
|
|
|
if ( !symlink(ZM_PATH_WEB.'/'.ZM_SKIN_PATH.'/js/jquery.js', $export_dir.'/jquery.js') )
|
|
|
|
|
Error("Failed linking jquery.js");
|
|
|
|
|
//if ( !symlink(ZM_PATH_WEB.'/'.ZM_SKIN_PATH.'/js/video.js', $export_dir.'/video.js') )
|
|
|
|
|
//Error("Failed linking video.js");
|
|
|
|
|
|
2018-07-09 23:58:30 +08:00
|
|
|
$html_eventMaster_file = 'zmEventImagesMaster_'.date('Ymd_His'). '.html';
|
|
|
|
|
$html_eventMaster_path = $export_dir.'/'.$html_eventMaster_file;
|
|
|
|
|
|
2018-07-13 02:07:03 +08:00
|
|
|
if ( ($fp = fopen($html_eventMaster_path, 'w')) ) {
|
|
|
|
|
fwrite($fp, exportEventImagesMaster($eids));
|
|
|
|
|
fclose($fp);
|
|
|
|
|
$exportFileList[] = $html_eventMaster_file;
|
|
|
|
|
} else {
|
|
|
|
|
Error("Can't open event images export file '$html_eventMaster_path'");
|
|
|
|
|
}
|
2018-01-25 06:07:57 +08:00
|
|
|
}
|
|
|
|
|
|
2018-07-09 23:58:30 +08:00
|
|
|
$listFile = $export_dir.'/'.$export_listFile;
|
2018-01-25 06:07:57 +08:00
|
|
|
if ( !($fp = fopen($listFile, 'w')) ) {
|
2018-07-09 23:58:30 +08:00
|
|
|
Fatal("Can't open event export list file '$listFile'");
|
2018-01-25 06:07:57 +08:00
|
|
|
}
|
|
|
|
|
foreach ( $exportFileList as $exportFile ) {
|
2018-07-09 23:58:30 +08:00
|
|
|
$exportFile = 'zmExport'.$connkey.'/'.$exportFile;
|
|
|
|
|
fwrite($fp, "$exportFile\n");
|
2018-01-25 06:07:57 +08:00
|
|
|
}
|
2018-07-09 23:58:30 +08:00
|
|
|
fwrite($fp, "$listFile\n");
|
|
|
|
|
fclose($fp);
|
|
|
|
|
|
2018-07-18 03:32:30 +08:00
|
|
|
chdir(ZM_DIR_EXPORTS);
|
2018-01-25 06:07:57 +08:00
|
|
|
$archive = '';
|
|
|
|
|
if ( $exportFormat == 'tar' ) {
|
2018-07-13 02:07:03 +08:00
|
|
|
$archive = ZM_DIR_EXPORTS.'/'.$export_root.($connkey?'_'.$connkey:'').'.tar.gz';
|
2018-07-09 23:58:30 +08:00
|
|
|
@unlink($archive);
|
2018-07-13 02:07:03 +08:00
|
|
|
$command = 'nice -10 tar --create --gzip --dereference --file='.escapeshellarg($archive).' zmExport_'.$connkey.'/';
|
2018-07-09 23:58:30 +08:00
|
|
|
#$command = 'nice -10 tar --create --gzip --file='.escapeshellarg($archive).' --files-from='.escapeshellarg($listFile);
|
|
|
|
|
if ( $exportStructure == 'flat' ) {
|
|
|
|
|
//strip file paths if we
|
|
|
|
|
$command .= " --xform='s#^.+/##x'";
|
2018-01-25 06:07:57 +08:00
|
|
|
}
|
|
|
|
|
} elseif ( $exportFormat == 'zip' ) {
|
2018-07-13 02:07:03 +08:00
|
|
|
$archive = ZM_DIR_EXPORTS.'/'.$export_root.($connkey?'_'.$connkey:'').'.zip';
|
2018-07-09 23:58:30 +08:00
|
|
|
@unlink($archive);
|
|
|
|
|
if ( $exportStructure == 'flat' ) {
|
2018-07-18 03:32:30 +08:00
|
|
|
$command = 'nice -10 zip -j '.escapeshellarg($archive).' zmExport_'.$connkey.'/';
|
2018-07-13 02:07:03 +08:00
|
|
|
#$command = 'cat '.escapeshellarg($listFile).' | nice -10 zip -q -j '.escapeshellarg($archive).' -@';
|
2018-01-25 06:07:57 +08:00
|
|
|
} else {
|
2018-07-18 03:32:30 +08:00
|
|
|
$command = 'nice -10 zip -r '.escapeshellarg($archive).' zmExport_' . $connkey.'/';
|
2018-07-13 02:07:03 +08:00
|
|
|
#$command = 'cat '.escapeshellarg($listFile).' | nice -10 zip -q '.escapeshellarg($archive).' -@';
|
2018-01-25 06:07:57 +08:00
|
|
|
}
|
2018-07-13 02:07:03 +08:00
|
|
|
} else {
|
|
|
|
|
Error("No exportFormat specified.");
|
|
|
|
|
return false;
|
2018-07-09 23:58:30 +08:00
|
|
|
} // if $exportFormat
|
2018-07-18 03:32:30 +08:00
|
|
|
Logger::Debug("Command is $command");
|
2018-07-09 23:58:30 +08:00
|
|
|
exec($command, $output, $status);
|
|
|
|
|
if ( $status ) {
|
|
|
|
|
Error("Command '$command' returned with status $status");
|
2018-07-13 02:07:03 +08:00
|
|
|
if ( isset($output[0]) )
|
2018-07-09 23:58:30 +08:00
|
|
|
Error("First line of output is '".$output[0]."'");
|
|
|
|
|
return false;
|
2018-01-25 06:07:57 +08:00
|
|
|
}
|
2010-09-30 00:19:41 +08:00
|
|
|
|
2018-01-25 06:07:57 +08:00
|
|
|
//clean up temporary files
|
|
|
|
|
if ( !empty($html_eventMaster) ) {
|
|
|
|
|
unlink($monitorPath.'/'.$html_eventMaster);
|
|
|
|
|
}
|
2010-10-20 05:14:08 +08:00
|
|
|
|
2018-07-09 23:58:30 +08:00
|
|
|
return '?view=archive%26type='.$exportFormat.'%26connkey='.$connkey;
|
2008-07-14 21:54:50 +08:00
|
|
|
}
|
