From ac521c0b5cd3420a0c45f3e0946b00565992a98b Mon Sep 17 00:00:00 2001
From: pliablepixels <pliablepixels@gmail.com>
Date: Tue, 26 Jan 2016 17:29:16 -0500
Subject: #154 - closed data leak holes, added date-time picker for a neater
 interface

Former-commit-id: 401a743f555a5dd8021e6b8af790cd38808fd1ac
---
 www/templates/montage-history.html | 29 ++++++++++++++++++++++-------
 1 file changed, 22 insertions(+), 7 deletions(-)

(limited to 'www/templates')

diff --git a/www/templates/montage-history.html b/www/templates/montage-history.html
index 971afd65..6a935c15 100644
--- a/www/templates/montage-history.html
+++ b/www/templates/montage-history.html
@@ -1,4 +1,4 @@
-<ion-view title="History" cache-view="false" hide-nav-bar="{{minimal}}">
+<ion-view title="Event Montage" cache-view="false" hide-nav-bar="{{minimal}}">
     <ion-nav-buttons side="left">
         <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button>
         
@@ -42,7 +42,13 @@
 
         <span ng-show="!minimal">
             
-            <div class="timeline_text"><b>Timeline starting: {{prettifyDate(sliderVal.year+"-"+sliderVal.month+"-"+sliderVal.day)}} at {{prettifyTime(sliderVal.year+"-"+sliderVal.month+"-"+sliderVal.day+" "+sliderVal.hour+":"+sliderVal.min)}} @ {{sliderVal.rate}}x</b></div>
+            
+            
+            <div  class="timeline_text" ion-datetime-picker ng-model="datetimeValue.value" >
+                    <b>Tap to change: {{datetimeValue.value | date: "yyyy-MMM-dd hh:mma"}}  @ {{sliderVal.rate}}x</b>
+                    
+                </div>
+            
         
                 <div class="range range-positive">
                     <i style="color:#bbbbbb" class="icon ion-image"></i>
@@ -180,18 +186,25 @@
                             toggle-class="toggle-dark">exact time match</ion-toggle>
             
                 
-                <div class="item item-divider">Start at: {{prettifyDate(sliderVal.year+"-"+sliderVal.month+"-"+sliderVal.day)}} at {{prettifyTime(sliderVal.year+"-"+sliderVal.month+"-"+sliderVal.day+" "+sliderVal.hour+":"+sliderVal.min)}} </div>
                 
+                 <!--<div  class="item item-divider" ion-datetime-picker ng-model="datetimeValue.value">
+                    Tap to change: {{datetimeValue.value| date: "yyyy-MMM-dd hh:mma"}}
+                </div>-->
+               
+                
+            
+
                 
                 <div class="row">
-                    <div class="col col-90">
+                    <div class="col col-75">
                         <br/><div style="width:90%;color:black;"><input ng-model="sliderVal.rate" type="text" id="mySlider6" slider options="slider_modal_options_rate"/></div><br/>
                     </div>
-                    <div class="col col-10" style="background-color:#AEA8D3">
-                     rate  
+                    <div class="col col-25" style="background-color:#AEA8D3;text-align:center">
+                     speed  
                     </div>
                 </div>
                 
+<!--
                 <div class="row">
                     <div class="col col-90">
                         <br/><div style="width:90%;color:black;"><input ng-model="sliderVal.min" type="text" id="mySlider5" slider options="slider_modal_options_mm"/></div><br/>
@@ -235,7 +248,9 @@
                     <div class="col col-10" style="background-color:#7f8c8d">
                       yr 
                     </div>
-                </div>
+                </div>-->
+                
+                
   
             </div>
         </ion-pull-up-content>
-- 
cgit v1.2.3