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>
<div id="content" class="chartSize"> <div id="content" class="chartSize">
<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="topPanel" class="graphWidth"> <div id="topPanel" class="graphWidth">
<div id="imagePanel"> <?php
<div id="image" class="imageHeight"> foreach ( $monitors as $monitor ) {
<img id="imageSrc" class="imageWidth" src="graphics/transparent.png" alt="<?php echo translate('ViewEvent') ?>" title="<?php echo translate('ViewEvent') ?>"/> ?>
</div> <div class="monitorPanel" style="width:<?php echo 100/count($monitors); ?>%;float:left;">
</div> <div class="imagePanel">
<div id="dataPanel"> <div class="imageHeight image">
<div id="textPanel"> <img id="imageSrc<?php echo $monitor->Id() ?>" class="imageWidth" src="graphics/transparent.png" alt="<?php echo translate('ViewEvent') ?>" title="<?php echo translate('ViewEvent') ?>"/>
<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> </div>
</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"> <div id="navPanel">
<button type="button" title="<?php echo translate('PanLeft') ?>" data-on-click="tlPanLeft"> <button type="button" title="<?php echo translate('PanLeft') ?>" data-on-click="tlPanLeft">
<i class="material-icons md-18">fast_rewind</i> <i class="material-icons md-18">fast_rewind</i>
@ -710,7 +719,6 @@ xhtmlHeaders(__FILE__, translate('Timeline'));
<i class="material-icons md-18">fast_forward</i> <i class="material-icons md-18">fast_forward</i>
</button> </button>
</div> </div>
</div>
</div> </div>
<div id="chartPanel"> <div id="chartPanel">
<div id="chart" class="graphSize"> <div id="chart" class="graphSize">