From a771b4c0e297d3bd1856bc758633dbaede0c461a Mon Sep 17 00:00:00 2001
From: pliablepixels <pliablepixels@gmail.com>
Date: Tue, 9 Feb 2016 13:17:42 -0500
Subject: #160 -initial code

Former-commit-id: 0513af22abc7267f44fa476c4a7e46e169eded5a
---
 www/templates/montage-history.html | 41 +++++++++++++++++++++++---------------
 1 file changed, 25 insertions(+), 16 deletions(-)

(limited to 'www/templates')

diff --git a/www/templates/montage-history.html b/www/templates/montage-history.html
index 90e0ad6c..957e79db 100644
--- a/www/templates/montage-history.html
+++ b/www/templates/montage-history.html
@@ -25,11 +25,18 @@
 
 
 
-        <div class="timeline_text" ion-datetime-picker ng-model="datetimeValue.value" ng-change="dateChanged()">
-            <b>Tap to change: {{datetimeValue.value | date: "yyyy-MMM-dd hh:mma"}}  @ {{sliderVal.rate}}x</b><div ng-if="$root.platformOS != 'ios'">(max of 6 monitors - chrome limit)</div>
-            
-
+        <div class="timeline_text" ion-datetime-picker title="From" am-pm ng-model="datetimeValueFrom.value"  ng-change="dateChanged()">
+            <b>From: </b>{{datetimeValueFrom.value | date: "yyyy-MMM-dd hh:mma"}}
+        </div>
+        
+        <div class="timeline_text" ion-datetime-picker am-pm ng-model="datetimeValueTo.value" ng-change="dateChanged()">
+            <b>To: </b>{{datetimeValueTo.value | date: "yyyy-MMM-dd hh:mma"}}
         </div>
+        
+        <div class="timeline_text">
+            @ {{sliderVal.rate}}x <div ng-if="$root.platformOS != 'ios'">(max of 6 monitors - chrome limit)</div>
+        </div>
+
 
 
         <div class="range range-positive">
@@ -151,19 +158,11 @@
 
                 <ion-toggle ng-model="sliderVal.hideNoEvents" ng-checked="{{sliderVal.hideNoEvents}}" toggle-class="toggle-dark"><span class="item-text-wrap">Hide monitors without events</span></ion-toggle>
 
-                <ion-toggle ng-model="sliderVal.enableGapless" ng-checked="{{sliderVal.enableGapless}}" toggle-class="toggle-dark">enable gapless playback</ion-toggle>
-
-
-                <ion-toggle ng-model="sliderVal.exactMatch" ng-checked="{{sliderVal.exactMatch}}" toggle-class="toggle-dark"><span class="item-text-wrap">Only match events active in this time<p>(default: any event on or after this time)</p></span></ion-toggle>
-
-                <ion-toggle ng-model="sliderVal.showTimeline" ng-checked="{{sliderVal.showTimeline}}" toggle-class="toggle-dark">show event time
-                    <p>(resource intensive)</p>
-                </ion-toggle>
+             
+               
 
-
-
-                <!--<div  class="item item-divider" ion-datetime-picker ng-model="datetimeValue.value">
-                    Tap to change: {{datetimeValue.value| date: "yyyy-MMM-dd hh:mma"}}
+                <!--<div  class="item item-divider" ion-datetime-picker ng-model="datetimeValueFrom.value">
+                    Tap to change: {{datetimeValueFrom.value| date: "yyyy-MMM-dd hh:mma"}}
                 </div>-->
 
 
@@ -182,6 +181,16 @@
                         speed
                     </div>
                 </div>
+                
+                <div class="item item-divider">Timeline</div>
+                
+                <div ion-datetime-picker title="From" am-pm ng-model="datetimeValueFrom.value" ng-change="dateChanged()">
+                    <b>From: </b>{{datetimeValueFrom.value | date: "MMM-dd-yyyy hh:mma"}}
+                </div>
+
+                <div  ion-datetime-picker am-pm ng-model="datetimeValueTo.value" ng-change="dateChanged()">
+                    <b>To: </b>{{datetimeValueTo.value | date: "MMM-dd-yyyy hh:mma"}}
+                </div>
 
 
             </div>
-- 
cgit v1.2.3