many changes

timetable.js

@@ -123,6 +123,7 @@ function generateExtra() {
                 "nwds": worker_td.attr("data-nwds"),
                 "fte": worker_td.attr("data-fte_adj"),
                 "end_date": worker_td.attr("data-end_date"),
+                "shift_diff": worker_td.attr("data-shift-diff"),
                 "shifts": shifts,
                 "shift_types": shifts_unique,
                 "weekends_worked": weekends_worked,
@@ -141,7 +142,16 @@ function generateExtra() {
 
             bank_holidays_worked = bank_holidays.length;
 
-            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></div>`)
+            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>
+            
+            </div>`)
 
         })
 
@@ -308,6 +318,10 @@ $("td").hover((e) => {
     }
     if (e.target.dataset.shift != undefined && e.target.dataset.shift.length > 0) {
         $(`td[data-shift=${e.target.dataset.shift}]`).addClass("shift-highlight")
+
+        if (e.target.dataset.shift.includes("night")) {
+            $(`td[data-night-at-derriford=1]`).siblings().addClass("derriford-night")
+        }
     }
 
 }, (e) => {
@@ -315,5 +329,28 @@ $("td").hover((e) => {
     //end hover
     $("td.pair-match").removeClass("pair-match")
     $("td.shift-highlight").removeClass("shift-highlight")
+    $("td.derriford-night").removeClass("derriford-night")
 
-})
+})
+
+$("#rota-table tr td:first-child").each((n, td) => {
+    $(td).click(() => {
+        viewWorker(td);
+    })
+})
+
+function viewWorker(worker) {
+    ds = worker.dataset;
+    dlg = $(`<div class='dialog' title='${ds.worker}'>
+    Site: ${ds.site}</br>
+    FTE: ${ds.fte} (${ds.fte_adj})</br>
+    End date: ${ds.end_date}
+    </div>`)
+    $("body").append(dlg)
+
+    dlg.dialog()
+
+
+    console.log(worker);
+
+}