diff options
Diffstat (limited to 'www/templates/events.html')
| -rw-r--r-- | www/templates/events.html | 36 |
1 files changed, 22 insertions, 14 deletions
diff --git a/www/templates/events.html b/www/templates/events.html index ec1b4a48..9ee84344 100644 --- a/www/templates/events.html +++ b/www/templates/events.html @@ -35,20 +35,28 @@ <ion-item force-refresh-images="true" collection-repeat="event in events| filter:search.text | eventListFilter" force-refresh-images=true item-height="event.Event.ShowScrub? rowHeightExpanded:rowHeight" id="item-{{$index}}" on-swipe-left="checkSwipe($index);" force-refresh-images="true" > - <span - style="float:left;margin-top:-18px;background-color:#96281B;color:#fff;font-size:11px;opacity:0.7;border-radius: 0px 0px 5px 5px;"> - <i - class="ion-clock"></i> {{prettifyTime(event.Event.StartTime)}} {{tzAbbr}} </span> - <span - style="float:left;margin-top:-18px;background-color:#fff;color:#888;font-size:11px;opacity:1;"> - <i class="ion-arrow-right-b"></i> {{event.Event.humanizeTime}} - <span ng-if="!event.Event.EndTime">( - <span translate="kRecordingProgress"></span>)</span> - </span> - <span - style="float:right;margin-top:-18px;background-color:#444444;color:#fff;font-size:11px;opacity:0.7;border-radius: 0px 0px 5px 5px;"> - <i class="ion-calendar"></i> {{prettifyDate(event.Event.StartTime)}} {{tzAbbr}} - </span> + <!-- item headers: date/time --> + <div class="row" style="padding-top:0px; padding-bottom:10px"> + + <div class="col events-list-text" style="margin-top:-20px;padding:0px; "> + <div style="float:left;background-color:#96281B;color:#fff;font-size:11px;opacity:0.7;border-radius: 0px 0px 5px 5px;"> + <i class="ion-clock"></i> {{prettifyTime(event.Event.StartTime)}} {{tzAbbr}} + </div> + <div style="float:left;color:#444;font-size:11px;opacity:0.7;"> + <i class="ion-arrow-right-b"></i> {{event.Event.humanizeTime}} + <span ng-if="!event.Event.EndTime">( + <span translate="kRecordingProgress"></span>) + </span> + </div> + + </div> + <div class="col " style="margin-top:-20px;padding:0px; "> + <div style="float:right;background-color:#444;color:#fff;font-size:11px;opacity:0.7;border-radius: 0px 0px 5px 5px;"> + <i class="ion-calendar"></i> {{prettifyDate(event.Event.StartTime)}} {{tzAbbr}} + </div> + </div> + </div> <!--row--> + <div class="row" style="font-size:80%; color:rgb(110,110,110)"> <div class="col events-list-text"> <!-- data --> |