diff options
Diffstat (limited to 'www/templates')
| -rw-r--r-- | www/templates/events-modal.html | 12 | ||||
| -rw-r--r-- | www/templates/events.html | 9 |
2 files changed, 18 insertions, 3 deletions
diff --git a/www/templates/events-modal.html b/www/templates/events-modal.html new file mode 100644 index 00000000..69bcd021 --- /dev/null +++ b/www/templates/events-modal.html @@ -0,0 +1,12 @@ +<ion-modal-view> + <ion-header-bar> + <h1 class="title">{{eventName}} (Duration:{{eventDur}}s) + <span style="float:right"> + <button class="button button-clear icon icon-left ion-close" ng-click="closeModal()" >Close</button> + </span> + </h1> + </ion-header-bar> + <ion-content> + <img ng-src="{{loginData.url}}cgi-bin/nph-zms?source=event&mode=jpeg&event={{eventId}}&frame=1&scale=100&rate=100&maxfps=5&replay=single&user={{loginData.username}}&pass={{loginData.password}}" width="100%" /> + </ion-content> +</ion-modal-view> diff --git a/www/templates/events.html b/www/templates/events.html index 753cd780..e33a3568 100644 --- a/www/templates/events.html +++ b/www/templates/events.html @@ -15,9 +15,9 @@ <!--<ion-list>--> <!-- <div ng-repeat="event in events">--> - <ion-item collection-repeat="event in events"> + <ion-item collection-repeat="event in events" > - <div class="row"> + <div class="row" > <div class="col col-left"> <!-- this ngswitch displays different icons depending on the cause of the event --> @@ -48,7 +48,10 @@ <i class="ion-images"></i> {{event.Event.Frames}} <i class="ion-ios-bell-outline"></i> {{event.Event.AlarmFrames}} <i class="ion-arrow-graph-up-right"></i> {{event.Event.TotScore}} - <br/> + + <span style="float:right"> + <button class="button button-small icon icon-left ion-ios-eye" ng-click="openModal(event.Event.Id, event.Event.Name, event.Event.Length)" >View Footage</button></span> + </div> <!--<div class="col"> |