converted event page translates to directive for better performance

Former-commit-id: c4baa37a5a44646e0e0da59bb0513bd2c84a3690

1 files changed, 20 insertions, 20 deletions

diff --git a/www/templates/events.html b/www/templates/events.html
index df7f159e..27dfee37 100644
--- a/www/templates/events.html
+++ b/www/templates/events.html
@@ -45,7 +45,7 @@
                     <span style="float:left;margin-top:-18px;background-color:#96281B;color:#fff;font-size:11px;opacity:0.7;width:90px;border-radius: 0px 0px 5px 5px;">&nbsp;&nbsp;&nbsp;<i class="ion-calendar"></i>&nbsp;&nbsp;{{prettifyTime(event.Event.StartTime)}}</span>&nbsp;&nbsp;
                     
                                         
-                    <span style="float:left;margin-top:-18px;background-color:#fff;color:#888;font-size:11px;opacity:1;">&nbsp;&nbsp;<i class="ion-arrow-right-b"></i>&nbsp;{{event.Event.humanizeTime}} <span ng-if="!event.Event.EndTime">({{'kRecordingProgress'|translate}})</span>
+                    <span style="float:left;margin-top:-18px;background-color:#fff;color:#888;font-size:11px;opacity:1;">&nbsp;&nbsp;<i class="ion-arrow-right-b"></i>&nbsp;{{event.Event.humanizeTime}} <span ng-if="!event.Event.EndTime">(<span translate="kRecordingProgress"></span>)</span>
                     </span>
                     
                  
@@ -118,20 +118,20 @@
                                 <div ng-if="event.Event.EndTime || 1">
                                     
                                     <button class="button button-small button-outline icon icon-left ion-stats-bars"
-                                            ng-click="closeIfOpen(event);analyzeEvent(event)" >  {{'kAnalyze' | translate }}
+                                            ng-click="closeIfOpen(event);analyzeEvent(event)" >  <span translate="kAnalyze"></span>
                                     </button>
                                     
                                     <button class="button button-outline button-small icon icon-left ion-ios-eye"
-                                            ng-click="toggleGroupScrub(event,$index,event.Event.Frames)" >  {{'kScrub' | translate }}
+                                            ng-click="toggleGroupScrub(event,$index,event.Event.Frames)" >  <span translate="kScrub"></span>
                                     </button>
                                     
                                     <button  ng-if="event.Event.AlarmFrames > 0" class="button button-outline button-small icon icon-left ion-ios-bell"
-                                            ng-click="toggleGroupAlarms(event,$index,event.Event.Frames)" >  {{'kAlarms' | translate }}
+                                            ng-click="toggleGroupAlarms(event,$index,event.Event.Frames)" >  <span translate="kAlarms"></span>
                                     </button>
 
 
                                     <button class="button button-outline button-small icon icon-left ion-ios-eye"
-                                            ng-click="closeIfOpen(event);openModal(event)" > {{'kFootage' | translate }}
+                                            ng-click="closeIfOpen(event);openModal(event)" > <span translate="kFootage"></span>
                                     </button>
                                 </div>
                               
@@ -153,7 +153,7 @@
                                 <i class="icon ion-arrow-right-c"></i>-->
                                 
                                     <button ng-click="toggleTypeOfAlarms()" class="button button-small button-assertive button-outline">
-                                    {{'kType' | translate}}:{{typeOfFrames}}
+                                        <span translate="kType"></span>:{{typeOfFrames}}
                                     </button>
                                 </p>
                                 
@@ -164,7 +164,7 @@
                                                  
                                             <figure  class = "animated slideInLeft" style="display:inline-block">
                                                 <!--{{event.Event.baseURL}} p:{{event.Event.imageMode}}-->
-                                                <figcaption class="smallnote">{{ 'kFrame' | translate}}:{{alarm.frameid}},{{ 'kScore' | translate }}:{{alarm.score}}, {{'kTime'|translate}}: {{prettifyTimeSec(alarm.time)}}</figcaption>       
+                                                <figcaption class="smallnote"><span translate="kFrame"></span>:{{alarm.frameid}},<span translate="kScore"></span>:{{alarm.score}}, <span translate="kTime"></span>: {{prettifyTimeSec(alarm.time)}}</figcaption>       
                                                   <img ng-if="event.Event.imageMode=='path'" image-spinner-src="{{event.Event.baseURL}}/index.php?view=image&path={{event.Event.relativePath}}{{alarm.fname}}&height=380"    style="width: auto; height: auto;max-width: 100%;max-height: 170px" on-tap="showImage(event.Event.baseURL,event.Event.relativePath,alarm.fname, alarm.frameid, event.Event.Id, event.Event.imageMode, alarm.id, alarm_images, $index)"  />
                                                 
                                                 <img ng-if="event.Event.imageMode=='fid'" image-spinner-src="{{event.Event.baseURL}}/index.php?view=image&fid={{alarm.id}}"    style="width: auto; height: auto;max-width: 100%;max-height: 170px" on-tap="showImage(event.Event.baseURL,event.Event.relativePath,alarm.fname, alarm.frameid, event.Event.Id, event.Event.imageMode, alarm.id, alarm_images, $index)"  />
@@ -194,7 +194,7 @@
 
 
 
-                                <p>{{mycarousel.index+1}}/{{event.Event.Frames}} {{'kType'|translate}}: {{FrameArray[mycarousel.index].Type}}</p>
+                                <p>{{mycarousel.index+1}}/{{event.Event.Frames}} <span translate="kType"></span>: {{FrameArray[mycarousel.index].Type}}</p>
 
                                 <div style="height:190px">
 
@@ -265,7 +265,7 @@
         </div>
 
         <ion-item ng-show="!events.length">
-            {{ 'kNoEvents' | translate }}
+            <span translate="kNoEvents"></span>
         </ion-item>
 
         <div ng-if="!eventsBeingLoaded">
@@ -276,10 +276,10 @@
     
     
     
-    <div class="events-float-filter" ng-if="isEventFilterOn" on-tap="filterTapped();">{{'kFilterOn'|translate}}</div>
+    <div class="events-float-filter" ng-if="isEventFilterOn" on-tap="filterTapped();"><span translate="kFilterOn"></span></div>
     
      <div class="bwmode" ng-if="$root.runMode=='lowbw'">
-            {{ 'kLowBWDisplay' | translate }}
+            <span translate="kLowBWDisplay"></span>
      </div>
     
 
@@ -289,18 +289,18 @@
             <i class="icon ion-chevron-up"></i>
         </ion-pull-up-handle>
         <ion-pull-up-bar>
-            <h1 class="title" ion-pull-up-trigger>{{'kLatestEvents' | translate}}</h1>
+            <h1 class="title" ion-pull-up-trigger><span translate="kLatestEvents"></span></h1>
         </ion-pull-up-bar>
         <ion-pull-up-content scroll="true">
 
             <div class="list list-inset">
-                <div class="item item-divider">{{'k1HourSummary' | translate }}</div>
+                <div class="item item-divider"><span translate="k1HourSummary"></span></div>
                 <div ng-repeat="hour in hours|filter:{ monitor: '!'+'(Unknown)'}" id="hour-{{$index}}">
 
                     <span style="color:black">
                     <a class="item item-icon-right" href="" 
                        ng-click="showEvents('1', 'hour',hour.mid);">
-                        <b>{{hour.monitor}}</b> {{hour.events}} {{'kEvents' | translate }}
+                        <b>{{hour.monitor}}</b> {{hour.events}} <span translate="kEvents"></span>
                         <i class="icon ion-android-arrow-dropright"></i>
                     </a>
                     </span>
@@ -309,13 +309,13 @@
             </div>
 
             <div class="list list-inset">
-                <div class="item item-divider">{{'k1DaySummary' | translate }}</div>
+                <div class="item item-divider"><span translate="k1DaySummary"></span></div>
                 <div ng-repeat="day in days|filter:{ monitor: '!'+'(Unknown)'}" id="day-{{$index}}">
 
                     <span style="color:black">
                     <a class="item item-icon-right" href="" 
                        ng-click="showEvents('1', 'day',day.mid);">
-                        <b>{{day.monitor}}</b> {{day.events}} {{'kEvents' | translate}}
+                        <b>{{day.monitor}}</b> {{day.events}} <span translate="kEvents"></span>
                         <i class="icon ion-android-arrow-dropright"></i>
                     </a>
                     </span>
@@ -325,13 +325,13 @@
 
 
             <div class="list list-inset">
-                <div class="item item-divider">{{'k1WeekSummary' | translate }}</div>
+                <div class="item item-divider"><span translate="k1WeekSummary"></span></div>
                 <div ng-repeat="week in weeks|filter:{ monitor: '!'+'(Unknown)'}" id="week-{{$index}}">
 
                     <span style="color:black">
                     <a class="item item-icon-right" href="" 
                        ng-click="showEvents('1', 'week',week.mid);">
-                        <b>{{week.monitor}}</b> {{week.events}} {{'kEvents' | translate}}
+                        <b>{{week.monitor}}</b> {{week.events}} <span translate="kEvents"></span>
                         <i class="icon ion-android-arrow-dropright"></i>
                     </a>
                     </span>
@@ -340,13 +340,13 @@
             </div>
 
             <div class="list list-inset">
-                <div class="item item-divider">{{'k1MonthSummary' | translate}}</div>
+                <div class="item item-divider"><span translate="k1MonthSummary"></span></div>
                 <div ng-repeat="month in months|filter:{ monitor: '!'+'(Unknown)'}" id="month-{{$index}}">
 
                     <span style="color:black">
                     <a class="item item-icon-right" href="" 
                        ng-click="showEvents('1', 'months',month.mid);">
-                        <b>{{month.monitor}}</b> {{month.events}} {{'kEvents' | translate }}
+                        <b>{{month.monitor}}</b> {{month.events}} <span translate="kEvents"></span>
                         <i class="icon ion-android-arrow-dropright"></i>
                     </a>
                     </span>