ZaneYork
/
zoneminder
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Initial split mode implmentation. 

git-svn-id: http://svn.zoneminder.com/svn/zm/trunk@1495 e3e1d417-86f3-4887-817a-d78f3d33393f
This commit is contained in:
stan 2005-10-01 17:12:00 +00:00
parent 835bbb76a0
commit 161282b74c
1 changed files with 173 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

258
web/zm_html_view_timeline.php
View File

@ -32,7 +32,7 @@ if ( !isset($mouseover) )
$mode = "overlay"; $mode = "overlay";
if ( !isset($mode) ) if ( !isset($mode) )
$mode = "split"; $mode = "overlay";
$min_event_width = 5; $min_event_width = 5;
$max_event_width = 20; $max_event_width = 20;
@ -199,9 +199,7 @@ $scales = array(
); );
$maj_x_scale = getDateScale( $scales, $range, $chart['grid']['x']['major']['min'], $chart['grid']['x']['major']['max'] ); $maj_x_scale = getDateScale( $scales, $range, $chart['grid']['x']['major']['min'], $chart['grid']['x']['major']['max'] );
//$min_x_scale = getDateScale( $scales, $range, $chart['grid']['x']['minor']['min'], $chart['grid']['x']['minor']['max'] );
//print_r( $maj_x_scale ); //print_r( $maj_x_scale );
//print_r( $min_x_scale );
// Adjust the range etc for scale // Adjust the range etc for scale
$min_time_t -= $min_time_t%($maj_x_scale['factor']*$maj_x_scale['align']); $min_time_t -= $min_time_t%($maj_x_scale['factor']*$maj_x_scale['align']);
@ -716,16 +714,9 @@ function eventWindow(Url,Name,Width,Height)
{ {
var Win = window.open(Url,Name,"resizable,width="+Width+",height="+Height ); var Win = window.open(Url,Name,"resizable,width="+Width+",height="+Height );
} }
function filterWindow(Url,Name)
{
var Win = window.open(Url,Name,"resizable,scrollbars,width=<?= $jws['filter']['w'] ?>,height=<?= $jws['filter']['h'] ?>");
}
function closeWindow() function closeWindow()
{ {
window.close(); window.close();
// This is a hack. The only way to close an existing window is to try and open it!
var filterWindow = window.open( "<?= $PHP_SELF ?>?view=none", 'zmFilter', 'width=1,height=1' );
filterWindow.close();
} }
//var width = document.screen.availWidth; //var width = document.screen.availWidth;
//var height = document.screen.availHeight; //var height = document.screen.availHeight;
@ -872,26 +863,26 @@ function loadEventImage( image_path, image_label, image_link, image_width, image
<?php <?php
$graph_height = $chart['graph']['height']; $graph_height = $chart['graph']['height'];
$min_event_bar_height = 10; if ( $mode == "overlay" )
$max_event_bar_height = 40; {
$max_event_label_height = 10; $min_event_bar_height = 10;
$max_event_bar_height = 40;
if ( count($monitor_ids) ) if ( count($monitor_ids) )
{
$chart['graph']['event_bar_height'] = $min_event_bar_height;
while ( ($chart['graph']['events_height'] = (($chart['graph']['event_bar_height'] * count($monitor_ids)) + (count($monitor_ids)-1))) < $max_event_bar_height )
{ {
$chart['graph']['event_bar_height']++; $chart['graph']['event_bar_height'] = $min_event_bar_height;
while ( ($chart['graph']['events_height'] = (($chart['graph']['event_bar_height'] * count($monitor_ids)) + (count($monitor_ids)-1))) < $max_event_bar_height )
{
$chart['graph']['event_bar_height']++;
}
} }
} else
else {
{ $chart['graph']['event_bar_height'] = $max_event_bar_height;
$chart['graph']['event_bar_height'] = $max_event_bar_height; $chart['graph']['events_height'] = $max_event_bar_height;
$chart['graph']['events_height'] = $max_event_bar_height; }
} $chart['graph']['activity_height'] = ($graph_height - $chart['graph']['events_height']);
$chart['graph']['event_label_height'] = $chart['graph']['event_bar_height']>$max_event_label_height?$max_event_label_height:$chart['graph']['event_bar_height']; $chart['data']['y']['density'] = $chart['data']['y']['range']/$chart['graph']['activity_height'];
$chart['graph']['activity_height'] = ($graph_height - $chart['graph']['events_height']);
$chart['data']['y']['density'] = $chart['data']['y']['range']/$chart['graph']['activity_height'];
?> ?>
#ChartBox #ChartPanel #Activity { #ChartBox #ChartPanel #Activity {
@ -905,10 +896,10 @@ $chart['data']['y']['density'] = $chart['data']['y']['range']/$chart['graph']['a
margin: auto; margin: auto;
} }
<?php <?php
$top = $chart['graph']['activity_height']; $top = $chart['graph']['activity_height'];
$event_bar_count = 1; $event_bar_count = 1;
foreach ( array_keys($monitor_ids) as $monitor_id ) foreach ( array_keys($monitor_ids) as $monitor_id )
{ {
?> ?>
#ChartBox #ChartPanel #Events<?= $monitor_id ?> { #ChartBox #ChartPanel #Events<?= $monitor_id ?> {
position: absolute; position: absolute;
@ -921,15 +912,98 @@ foreach ( array_keys($monitor_ids) as $monitor_id )
margin: auto; margin: auto;
background-color: #fcfcfc; background-color: #fcfcfc;
<?php <?php
if ( $event_bar_count < count($monitor_ids) ) if ( $event_bar_count < count($monitor_ids) )
{ {
?> ?>
border-bottom: 1px solid lightgrey; border-bottom: 1px solid lightgrey;
<?php <?php
} }
?> ?>
} }
<?php
$event_bar_count++;
$top += $chart['graph']['event_bar_height']+1;
}
}
elseif ( $mode == "split" )
{
$min_activity_bar_height = 30;
$min_event_bar_height = 10;
$max_event_bar_height = 40;
if ( count($monitor_ids) )
{
$chart['graph']['event_bar_height'] = $min_event_bar_height;
$chart['graph']['activity_bar_height'] = $min_activity_bar_height;
while ( ((($chart['graph']['event_bar_height']+$chart['graph']['activity_bar_height']) * count($monitor_ids)) + ((2*count($monitor_ids))-1)) < $graph_height )
{
$chart['graph']['activity_bar_height']++;
if ( $chart['graph']['event_bar_height'] < $max_event_bar_height )
{
$chart['graph']['event_bar_height']++;
}
}
}
else
{
$chart['graph']['event_bar_height'] = $max_event_bar_height;
$chart['graph']['activity_bar_height'] = $graph_height - $chart['graph']['event_bar_height'];
}
$chart['data']['y']['density'] = $chart['data']['y']['range']/$chart['graph']['activity_bar_height'];
?>
<?php
$top = 0;
$bar_count = 1;
foreach ( array_keys($monitor_ids) as $monitor_id )
{
?>
#ChartBox #ChartPanel #Activity<?= $monitor_id ?> {
position: absolute;
text-align: center;
vertical-align: top;
top: <?= $top ?>px;
width: <?= $chart['graph']['width'] ?>px;
height: <?= $chart['graph']['activity_bar_height'] ?>px;
padding: 0px;
margin: auto;
<?php
if ( $bar_count < count($monitor_ids) )
{
?>
border-bottom: 1px solid lightgrey;
<?php
}
?>
}
#ChartBox #ChartPanel #Events<?= $monitor_id ?> {
position: absolute;
text-align: center;
vertical-align: middle;
top: <?= $top+$chart['graph']['activity_bar_height']+1 ?>px;
width: <?= $chart['graph']['width'] ?>px;
height: <?= $chart['graph']['event_bar_height'] ?>px;
padding: 0px;
margin: auto;
background-color: #fcfcfc;
<?php
if ( $bar_count < count($monitor_ids) )
{
?>
border-bottom: 1px solid black;
<?php
}
?>
}
<?php
$bar_count++;
$top += $chart['graph']['activity_bar_height']+1+$chart['graph']['event_bar_height']+1;
}
}
foreach ( array_keys($monitor_ids) as $monitor_id )
{
?>
div.activity<?= $monitor_id ?> { div.activity<?= $monitor_id ?> {
position: absolute; position: absolute;
bottom: 0px; bottom: 0px;
@ -945,8 +1019,6 @@ div.event<?= $monitor_id ?> {
background-color: <?= $monitors[$monitor_id]['WebColour'] ?>; background-color: <?= $monitors[$monitor_id]['WebColour'] ?>;
} }
<?php <?php
$event_bar_count++;
$top += $chart['graph']['event_bar_height']+1;
} }
?> ?>
#ChartBox #Range { #ChartBox #Range {
@ -985,32 +1057,6 @@ div.majlabelx {
font-weight: normal; font-weight: normal;
} }
div.mingridx {
position: absolute;
z-index: 1;
top: 0px;
width: 1px;
height: <?= $chart['graph']['activity_height'] ?>px;
border-left: dotted 1px lightgrey;
}
div.majtickx {
position: absolute;
z-index: 0;
bottom: -3px;
width: 1px;
height: 3px;
border-left: solid 1px lightgrey;
}
div.minlabelx {
position: absolute;
text-align: center;
z-index: 0;
bottom: -15px;
width: 20px;
font-size: 7px;
font-weight: normal;
}
div.majgridy { div.majgridy {
position: absolute; position: absolute;
z-index: 1; z-index: 1;
@ -1074,41 +1120,83 @@ foreach( array_keys($mon_event_slots) as $monitor_id )
</div> </div>
<div id="ChartPanel"> <div id="ChartPanel">
<div id="Chart"> <div id="Chart">
<?= drawYGrid( $chart, $maj_y_scale, "majlabely", "majticky", "majgridy" ) ?> <?php if ( $mode == "overlay" ) { echo drawYGrid( $chart, $maj_y_scale, "majlabely", "majticky", "majgridy" ); } ?>
<?= drawXGrid( $chart, $maj_x_scale, "majlabelx", "majtickx", "majgridx", "zoom" ) ?> <?= drawXGrid( $chart, $maj_x_scale, "majlabelx", "majtickx", "majgridx", "zoom" ) ?>
<?php
if ( $mode == "overlay" )
{
?>
<div id="Activity"> <div id="Activity">
<?php <?php
foreach ( $frame_slots as $index=>$slots ) foreach ( $frame_slots as $index=>$slots )
{
foreach ( $slots as $slot )
{ {
$slot_height = (int)($slot['value']/$chart['data']['y']['density']); foreach ( $slots as $slot )
if ( $slot_height <= 0 )
continue;
if ( $mouseover )
{ {
$behaviours = array( $slot_height = (int)($slot['value']/$chart['data']['y']['density']);
"onClick=".getSlotViewEventBehaviour( $slot ),
"onMouseOver=".getSlotLoadImageBehaviour( $slot ), if ( $slot_height <= 0 )
); continue;
}
else if ( $mouseover )
{ {
$behaviours = array( $behaviours = array(
"onClick=".getSlotLoadImageBehaviour( $slot ), "onClick=".getSlotViewEventBehaviour( $slot ),
); "onMouseOver=".getSlotLoadImageBehaviour( $slot ),
} );
}
else
{
$behaviours = array(
"onClick=".getSlotLoadImageBehaviour( $slot ),
);
}
?> ?>
<div class="activity<?= $slot['event']['MonitorId'] ?>" style="left: <?= $index ?>px; height: <?= $slot_height ?>px;" <?= join( " ", $behaviours ) ?>></div> <div class="activity<?= $slot['event']['MonitorId'] ?>" style="left: <?= $index ?>px; height: <?= $slot_height ?>px;" <?= join( " ", $behaviours ) ?>></div>
<?php <?php
}
} }
}
?> ?>
</div> </div>
<?php <?php
}
elseif ( $mode == "split" )
{
foreach( array_keys($mon_frame_slots) as $monitor_id )
{
?>
<div id="Activity<?= $monitor_id ?>">
<?php
unset( $curr_frame_slots );
$curr_frame_slots = &$mon_frame_slots[$monitor_id];
foreach ( $curr_frame_slots as $index=>$slot )
{
$slot_height = (int)($slot['value']/$chart['data']['y']['density']);
if ( $slot_height <= 0 )
continue;
if ( $mouseover )
{
$behaviours = array(
"onClick=".getSlotViewEventBehaviour( $slot ),
"onMouseOver=".getSlotLoadImageBehaviour( $slot ),
);
}
else
{
$behaviours = array(
"onClick=".getSlotLoadImageBehaviour( $slot ),
);
}
?>
<div class="activity<?= $slot['event']['MonitorId'] ?>" style="left: <?= $index ?>px; height: <?= $slot_height ?>px;" <?= join( " ", $behaviours ) ?>></div>
<?php
}
?>
</div>
<?php
}
}
foreach( array_keys($mon_event_slots) as $monitor_id ) foreach( array_keys($mon_event_slots) as $monitor_id )
{ {
?> ?>