rename home to remote

output/timetable.js

@@ -104,19 +104,24 @@ function generateExtra() {
             // Also 1 day for a whole weekend
             days_lost = days_lost + whole_weekends_worked
 
-            //days_lost = days_lost + whole_weekends_worked;
-            //console.log(shift_counts);
+            // Highlight non working days
+            nwds = JSON.parse(worker_td.attr("data-nwds"));
+            nwds.forEach(element => {
+                // Restrict to date ranges
+                start_date = new Date(Date.parse(element[1]))
+                end_date = new Date(Date.parse(element[2]))
+                $(shift_tds).filter(`.${element[0]}`).each(
+                    (n, td_el) => {
+                        td_date = new Date(Date.parse(td_el.dataset.date));
 
-            nwds = worker_td.attr("data-nwds");
+                        if (td_date >= start_date && td_date <= end_date) {
+                            $(td_el).addClass("nwd");
+                        }
 
-            console.log(nwds);
+                    }
 
-            if (nwds != "None") {
-                nwds.split(", ").forEach((nwd) => {
-                    console.log(worker, nwd, shift_tds);
-                    $(shift_tds).filter(`.${nwd}`).addClass("nwd");
-                })
-            }
+                )
+            });
 
             workers[worker] = {
                 "site": worker_td.attr("data-site"),
@@ -145,14 +150,20 @@ function generateExtra() {
             shift_diff = JSON.parse(worker_td.attr("data-shift-diff"));
             summed_shift_diff = Object.values(shift_diff).reduce((a, b) => a + b);
 
+
             worker_td.after(`<div class='worker-summary auto-generated'>
             <span>Total shifts: ${total_shifts}, </span>
             <span>Weekends: ${weekends_worked}, </span>
             <span>Bank holidays: ${bank_holidays_worked}, </span>
-            <span>Summed shift diff: ${summed_shift_diff}, </span>
+            <span class='shift-diff-span'>Summed shift diff: ${summed_shift_diff}, </span>
             
             </div>`)
 
+            if (Math.abs(summed_shift_diff) >= 1) {
+                worker_td.addClass("large-shift-diff")
+                $(tr).find(".shift-diff-span").addClass("large-shift-diff")
+            }
+
         })
 
         sites = {};
@@ -344,7 +355,8 @@ function viewWorker(worker) {
     dlg = $(`<div class='dialog' title='${ds.worker}'>
     Site: ${ds.site}</br>
     FTE: ${ds.fte} (${ds.fte_adj})</br>
-    End date: ${ds.end_date}
+    End date: ${ds.end_date}</br>
+    Non working days: ${ds.nwds}
     </div>`)
     $("body").append(dlg)