strix

commit cb8071ab939d19b27be8ed90c810a3ed3a71d0d3
parent 422b45b5f237a54609e1b94c8de004564a2fa582
Author: Brian C. Lane <bcl@brianlane.com>
Date:   Mon, 24 Apr 2023 06:30:30 -0700

Use new title date/time instead of javascript

Really fixes #26

Diffstat:
M
src/strix/ui/events.html
 | 
13
+++----------

1 file changed, 3 insertions(+), 10 deletions(-)
diff --git a/src/strix/ui/events.html b/src/strix/ui/events.html
@@ -25,12 +25,6 @@
 <script type="text/javascript">
 var camera_events;
 
-function nice_time_string(time_str) {
-    var arr = time_str.split(/[- :]/);
-    var d = new Date(arr[0], arr[1]-1, arr[2], arr[3], arr[4], arr[5]);
-    return nice_short_time_string(time_str) + " " + d.toLocaleTimeString();
-}
-
 function nice_short_time_string(time_str) {
     var arr = time_str.split(/[- :]/);
     var d = new Date(arr[0], arr[1]-1, arr[2], arr[3], arr[4], arr[5]);
@@ -66,17 +60,16 @@ function get_all_events(camera_name) {
                 width = this.width;
                 height = this.height;
                 html = data.events[camera_name].reverse().map(event => {
-                    let alt = nice_time_string(event.start);
                     let html = `<img class="thumbnail"
                             onclick="javascript:load_viewer('${event.video}', scrollY);"
-                            title="${alt}"
+                            title="${event.title}"
                             loading="lazy"
                             width=${width}
                             height=${height}
                             src="${event.thumbnail}" />`
                         // Show a day banner every time it passes midnight
                         if (last_start == 0) {
-                            banner = `<div class="newday" id="${event.start}"><h1 align="center">${alt}</h1>`;
+                            banner = `<div class="newday" id="${event.start}"><h1 align="center">${event.title}</h1>`;
                             html = banner + html;
                         } else {
                             var arr = last_start.split(/[- :]/);
@@ -86,7 +79,7 @@ function get_all_events(camera_name) {
                             let nd = new Date(arr[0], arr[1]-1, arr[2], arr[3], arr[4], arr[5]).getDay();
 
                             if (od != nd) {
-                                banner = `</div><div class="newday" id="${event.start}"><h1 align="center">${alt}</h1>`;
+                                banner = `</div><div class="newday" id="${event.start}"><h1 align="center">${event.title}</h1>`;
                                 html = banner + html;
                                 add_day(event.start);
                             }