modularized functions and changed to SPA

archive/start_from_save_main.js

@@ -0,0 +1,13 @@
+document.addEventListener('DOMContentLoaded', function () {
+
+    // If starting over, reset storage
+    document.getElementById('start-over-btn').addEventListener('click', function(event){
+        localStorage.setItem("employeeTableData", "");
+    });
+
+    // Show start from saved data button only if there is saved data
+    if (localStorage.getItem("employeeTableData")) {
+        document.getElementById('load-saved-data-btn').style.display = "block"
+    }
+
+});

css/common.css

@@ -19,63 +19,25 @@
 
 /* Every page */
 
-h1 {
-    text-align: center;
-}
-
-h2 {
-    color: var(--citygreen);
-    text-align: center;
-}
+/* start by hiding everything */
+#welcome-page{display: none;}
+#prompt-div{display: none;}
 
 body {
-    margin-top: 20px;
+    margin: 10px;
 }
 
 /* Button styling */
 
 .btn {
-    cursor:pointer;
+    cursor: pointer;
     padding: 10px;
     margin-top: 5px;
     border-radius: 10px;
     background-color: gray;
     color: white; 
 }
 
-/* Sidebar */
-
-#sidebar {
-    background-color: lightgrey;  
-    /* min-height: 100vh; Full height of viewport */
-  }
-
-#supp-total {
-    color: var(--yellow);
-}
-
-/* Table generics */
-
-.table-container {
-    margin-top: 20px;
-}
-
-thead > tr > th {
-    text-align: left;
-}
-
-th {
-    background-color: var(--lightGray);
-}
-
-tr {
-    border-width: 2px;
-}
-
-tr td {
-    border-bottom: 1px solid black;
-}
-
 /* Action buttons */
 
 .action-btns {
@@ -98,28 +60,7 @@ tr td {
 .btn-delete {background-color: var(--orange);}
 .btn-supplemental { background-color: var(--yellow);}
 .btn-carryover {background-color: var(--green);}
-.btn-add { background-color: var(--spiritgreen);}
-
-/* Go to next page */
 
-.new-row{
-    margin: 20px;
-    text-align: center;
-}
-.next-button-row {
-    text-align: right;
-}
-.btn-next, .btn-last {
-    background-color: var(--blue);
-}
-.btn-next:hover, .btn-last:hover {
-    background-color: var(--yellow);
-}
-
-/* textbox width in table */
-input {
-    width: 100%;
-}
 
 .error-message {
     color: red;

data/law_dept_sample/personnel_data.json

@@ -0,0 +1,26 @@
+[
+    {
+        "Job Name": "Deputy Counsel",
+        "Account String": "1000-29320-320010",
+        "Current FTEs (FY25)": 1,
+        "Baseline FTEs": 0,
+        "Supplemental FTEs": 0,
+        "Current Average Salary": "150000"
+    },
+    {
+        "Job Name": "Legal Secretary",
+        "Account String": "1000-29320-320010",
+        "Current FTEs (FY25)": 5,
+        "Baseline FTEs": 0,
+        "Supplemental FTEs": 0,
+        "Current Average Salary": "55000"
+    },
+    {
+        "Job Name": "Assistant Counsel",
+        "Account String": "1000-29320-320010",
+        "Current FTEs (FY25)": 10,
+        "Baseline FTEs": 0,
+        "Supplemental FTEs": 0,
+        "Current Average Salary": "80000"
+    }
+]

data/law_dept_sample/services.json

@@ -0,0 +1,10 @@
+[
+    { "id" : "",
+      "name" : "Select"},
+    { "id" : "Appeals",
+      "name" : "Appeals"},
+    { "id" : "FOIA",
+      "name" : "FOIA" },
+    { "id" : "Lobbying",
+      "name" : "Lobbying"}
+]

data/law_dept_sample/strings.json

@@ -0,0 +1,39 @@
+{
+    "1000" : {
+        "label" : "General Fund",
+        "appropriations" : {
+            "29320" : {
+                "label" : "Efficient and Innovative Operations Support",
+                "cost centers" : {
+                    "320010" : { "label" : "Law Administration" },
+                    "321111" : { "label" : "Law Department Grants" }
+                }
+            }
+        }
+    },
+
+    "2119" : {
+        "label" : "FY2020 MIDC Grant",
+        "appropriations" : {
+            "21206" : {
+                "label" : "2023 Michigan Indigent Defense Commission",
+                "cost centers" : {
+                        "320010" : { "label" : "Law Administration" },
+                        "321111" : { "label" : "Law Department Grants" }
+                }
+            }
+        }
+    },
+
+    "2490" : {
+        "label" : "Construction Code Fund",
+        "appropriations" : {
+            "25130" : {
+                "label" : "BSEED Safe Buildings",
+                "cost centers" : {
+                    "320010" : { "label" : "Law Administration" }
+                }
+            }
+        }
+    }
+}