Staging

Dockerfile

@@ -5,7 +5,7 @@ ENV PYTHONUNBUFFERED=1
 
 
 RUN apt-get update -y
-RUN apt-get install -y gcc default-libmysqlclient-dev pkg-config
+RUN apt-get install -y gcc default-libmysqlclient-dev pkg-config git
 RUN apt-get install mysql-client -y
 RUN apt-get install graphviz graphviz-dev -y
 RUN apt-get install python3 -y

Pipfile

@@ -41,6 +41,8 @@ sqlalchemy = "*"
 types-requests = "*"
 tzdata = "*"
 epiweeks = "*"
+delphi-utils = "*"
+numpy = "1.26.4"
 
 [dev-packages]
 flake8 = "*"

src/assets/css/custom_styles.css

@@ -32,7 +32,7 @@
     border: 1px solid #ddd;
     border-radius: 4px;
     padding: 15px;
-    font-family: 'Courier New', Courier, monospace;
+    font-family: "Courier New", Courier, monospace;
     font-size: 14px;
     line-height: 1.6;
     overflow-x: auto;
@@ -41,13 +41,11 @@
 }
 
 .highlight-code {
-    font-size: 0.875em!important;
-    color: var(--mdb-code-color)!important;
-    word-wrap: break-word!important;
+    font-size: 0.875em !important;
+    color: var(--mdb-code-color) !important;
+    word-wrap: break-word !important;
 }
 
-
-
 /* Loader Overlay */
 .loader-overlay {
     position: fixed;
@@ -159,10 +157,104 @@
 }
 
 td.dt-empty {
-    text-align: left!important;
+    text-align: left !important;
 }
 
 .margin-left-right-auto {
-    margin-left: auto!important;
-    margin-right: auto!important;
-}
+    margin-left: auto !important;
+    margin-right: auto !important;
+}
+
+.table-striped > tbody > tr.odd-row {
+    background-color: rgb(230, 230, 230) !important;
+}
+
+.odd-row > .dtfc-fixed-start,
+.odd-row > .dtfc-fixed-end {
+    background-color: rgb(230, 230, 230) !important;
+}
+
+tr:not(.odd-row) > .dtfc-fixed-start,
+tr:not(.odd-row) > .dtfc-fixed-end {
+    background-color: #f6f9ff !important;
+}
+
+
+#geo-loader {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 40px; /* Adjust as needed for vertical centering */
+}
+
+.lds-ellipsis,
+.lds-ellipsis div {
+  box-sizing: border-box;
+}
+.lds-ellipsis {
+  display: inline-block;
+  position: relative;
+  width: 24px;
+  height: 24px;
+}
+.lds-ellipsis div {
+  position: absolute;
+  top: 12px;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: currentColor;
+  animation-timing-function: cubic-bezier(0, 1, 1, 0);
+}
+.lds-ellipsis div:nth-child(1) {
+  left: 2px;
+  animation: lds-ellipsis1 0.6s infinite;
+}
+.lds-ellipsis div:nth-child(2) {
+  left: 2px;
+  animation: lds-ellipsis2 0.6s infinite;
+}
+.lds-ellipsis div:nth-child(3) {
+  left: 12px;
+  animation: lds-ellipsis2 0.6s infinite;
+}
+.lds-ellipsis div:nth-child(4) {
+  left: 22px;
+  animation: lds-ellipsis3 0.6s infinite;
+}
+@keyframes lds-ellipsis1 {
+  0% {
+    transform: scale(0);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes lds-ellipsis3 {
+  0% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(0);
+  }
+}
+@keyframes lds-ellipsis2 {
+  0% {
+    transform: translate(0, 0);
+  }
+  100% {
+    transform: translate(24px, 0);
+  }
+}
+
+
+.badge-pill-outline {
+    border: 1px solid #000;
+    background-color: #fff;
+    color: #000;
+    border-radius: 50rem;
+    padding: 0.35em 0.65em;
+    font-size: 0.85em;
+    margin-right: 0.4em;
+    margin-bottom: 0.25em;
+}

src/assets/css/style.css

@@ -1314,17 +1314,12 @@ h6 {
 .select2 {
     display: block;
     width: 100%!important;
-    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
+    padding: 0.375rem 0.5rem 0.375rem 0.75rem;
     -moz-padding-start: calc(0.75rem - 3px);
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #212529;
-    background-color: #fff;
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
-    background-repeat: no-repeat;
-    background-position: right 0.75rem center;
-    background-size: 16px 12px;
     border: 1px solid #ced4da;
     border-radius: 0.25rem;
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -1339,6 +1334,25 @@ h6 {
 
 .select2-container--default .select2-selection--multiple {
     border: none!important;
+    position: relative;
+    padding-right: 20px;
+}
+
+.select2-container--default .select2-selection--multiple:after {
+    content: '';
+    border-color: #888 transparent transparent transparent;
+    border-style: solid;
+    border-width: 5px 4px 0 4px;
+    position: absolute;
+    top: 50%;
+    right: 5px;
+    transform: translateY(-50%);
+    cursor: pointer;
+}
+
+.select2-container--default.select2-container--open .select2-selection--multiple:after {
+    border-color: transparent transparent #888 transparent;
+    border-width: 0 4px 5px 4px;
 }
 
 .select2-container--default .select2-selection--single .select2-selection__arrow {