Split the data by monitor and display a monitor image/info for each monitor.

This commit is contained in:
Isaac Connor 2020-01-05 17:33:36 -05:00
parent 3250e0edfe
commit 94bc40a6cf
1 changed files with 23 additions and 15 deletions

View File

@ -682,23 +682,32 @@ xhtmlHeaders(__FILE__, translate('Timeline'));
</div>
<div id="content" class="chartSize">
<div id="topPanel" class="graphWidth">
<div id="imagePanel">
<div id="image" class="imageHeight">
<img id="imageSrc" class="imageWidth" src="graphics/transparent.png" alt="<?php echo translate('ViewEvent') ?>" title="<?php echo translate('ViewEvent') ?>"/>
</div>
</div>
<div id="dataPanel">
<div id="textPanel">
<div id="instruction">
<p><?php echo translate('TimelineTip1') ?></p>
<p><?php echo translate('TimelineTip2') ?></p>
<p><?php echo translate('TimelineTip3') ?></p>
<p><?php echo translate('TimelineTip4') ?></p>
</div>
<div id="eventData">
<div id="topPanel" class="graphWidth">
<?php
foreach ( $monitors as $monitor ) {
?>
<div class="monitorPanel" style="width:<?php echo 100/count($monitors); ?>%;float:left;">
<div class="imagePanel">
<div class="imageHeight image">
<img id="imageSrc<?php echo $monitor->Id() ?>" class="imageWidth" src="graphics/transparent.png" alt="<?php echo translate('ViewEvent') ?>" title="<?php echo translate('ViewEvent') ?>"/>
</div>
</div>
<div id="dataPanel<?php echo $monitor->Id() ?>">
<div id="textPanel<?php echo $monitor->Id() ?>">
<div id="eventData<?php echo $monitor->Id() ?>">
</div>
</div>
</div>
</div>
<?php
} # end foreach monitor
?>
<div id="navPanel">
<button type="button" title="<?php echo translate('PanLeft') ?>" data-on-click="tlPanLeft">
<i class="material-icons md-18">fast_rewind</i>
@ -711,7 +720,6 @@ xhtmlHeaders(__FILE__, translate('Timeline'));
</button>
</div>
</div>
</div>
<div id="chartPanel">
<div id="chart" class="graphSize">
<?php