From 02907a768475a7043d673eb8be06f6ebc4b2de42 Mon Sep 17 00:00:00 2001
From: Halfdan Mouritzen <halfdan@robothangarskib.dk>
Date: Sat, 13 Jan 2024 22:14:23 +0100
Subject: [PATCH 1/4] Minimal CSS for tables

---
 src/project/static/css/style.css | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/src/project/static/css/style.css b/src/project/static/css/style.css
index 7a6f045..49bb56e 100644
--- a/src/project/static/css/style.css
+++ b/src/project/static/css/style.css
@@ -28,6 +28,7 @@ p, h1, h2, h3, h4, h5, h6 {
   --light : #fff;
   --light-dust : #f6f6f6;
   --dust : #f1f1f1;
+  --medium-dust : #dadada;
   --dark-dust : #bfbfbf;
   --fade : #878787;
   --twilight : #4a4a4a;
@@ -61,6 +62,8 @@ h1, h2, h3, h4, h5, h6 {
 
 a {
   font-weight : 500;
+  color : var(--splash);
+  text-decoration : none;
 }
 
 body {
@@ -249,6 +252,25 @@ button:hover {
   opacity : 1.0;
 }
 
+article table {
+  width : 100%;
+  border-spacing : 0;
+  margin : var(--space) 0;
+}
+
+article table thead th {
+  text-align : left;  
+}
+
+article table tbody tr:nth-child(odd) {
+  background : var(--medium-dust);  
+}
+
+article table thead th,
+article table tbody td {
+  padding : var(--half-space);  
+}
+
 form > div {
   margin : 0 0 var(--double-space);
 }

From 89d7c9c9d5692916e442e6470024f268269ab4bd Mon Sep 17 00:00:00 2001
From: Halfdan Mouritzen <halfdan@robothangarskib.dk>
Date: Sat, 2 Mar 2024 14:49:50 +0100
Subject: [PATCH 2/4] CSS should be merged correctly now

---
 src/project/static/css/style.css | 255 +------------------------------
 1 file changed, 4 insertions(+), 251 deletions(-)

diff --git a/src/project/static/css/style.css b/src/project/static/css/style.css
index 28df40c..5017698 100644
--- a/src/project/static/css/style.css
+++ b/src/project/static/css/style.css
@@ -47,19 +47,6 @@ h6 {
 /* Variables */
 :root {
   /* Colors */
-<<<<<<< HEAD
-  --light : #fff;
-  --light-dust : #f6f6f6;
-  --dust : #f1f1f1;
-  --medium-dust : #dadada;
-  --dark-dust : #bfbfbf;
-  --fade : #878787;
-  --twilight : #4a4a4a;
-  --dark : #2a2a2a;
-  --custard : #f0dcac;
-  --water : #a8f3f4;
-  --splash : #4b3aba;
-=======
   --light: #ffffff;
   --light-dust: #fefef9;
   --dust: #f4f1ef;
@@ -75,7 +62,6 @@ h6 {
   --dark-custard: #d4c7a9;
   --water: #a8f3f4;
   --splash: #4b3aba;
->>>>>>> cf3c84b8d9794013cb562c843e42314543b3d381
 
   /* Sizes */
   --space: 12px;
@@ -108,12 +94,7 @@ h6 {
 }
 
 a {
-<<<<<<< HEAD
-  font-weight : 500;
-  color : var(--splash);
-  text-decoration : none;
-=======
-  <<<<<<< HEAD font-weight: 500;
+  font-weight: 500;
   color: var(--splash);
   text-decoration: none;
   cursor: pointer;
@@ -124,11 +105,6 @@ hr {
   height: 0;
   border: 0;
   border-bottom: 1px solid var(--dark-custard);
-  =======font-weight: 500;
-  color: var(--splash);
-  text-decoration: none;
-  >>>>>>>bdc2d8717cbcab1795b1b2dc4f08f83242e4a4ca
->>>>>>> cf3c84b8d9794013cb562c843e42314543b3d381
 }
 
 body {
@@ -287,129 +263,11 @@ div.services {
 
 div.services>div,
 div.infobox {
-<<<<<<< HEAD
-  background : var(--light);
-  padding : var(--double-space);
-  border-radius : 6px;
-  flex : 240px;
-  max-width : 420px;
-  display : flex;
-  flex-flow : column;
-  justify-content : space-between;
-}
-
-div.infobox button {
-  margin-top : var(--double-space);
-}
-
-div.services > div > div.description {
-  margin-bottom : var(--double-space);
-}
-
-div.services > div > div.description > p {
-  margin-top : var(--half-space);
-}
-
-div.services > div > a,
-a.button,
-button {
-  display : block;
-  color : var(--light);
-  background : var(--splash);
-  padding : var(--space) var(--double-space);
-  border-radius : 3px;
-  opacity : 0.9;
-  cursor : pointer;
-  text-align : center;
-  border : 0;
-  font-weight : 600;
-  letter-spacing : 0.03em;
-  text-decoration : none;
-}
-
-div.services > div > a:hover,
-a.button:hover,
-button:hover {
-  opacity : 1.0;
-}
-
-article table {
-  width : 100%;
-  border-spacing : 0;
-  margin : var(--space) 0;
-}
-
-article table thead th {
-  text-align : left;  
-}
-
-article table tbody tr:nth-child(odd) {
-  background : var(--medium-dust);  
-}
-
-article table thead th,
-article table tbody td {
-  padding : var(--half-space);  
-}
-
-form > div {
-  margin : 0 0 var(--double-space);
-}
-
-form > div >label {
-  display : block;
-  margin : 0 0 6px;
-}
-
-form > div > input[type="text"],
-form > div > input[type="password"] {
-  border : 2px solid var(--twilight);
-  border-radius : 6px;
-  padding : 8px;
-  background : var(--light-dust);
-  width : 100%;
-}
-
-#login {
-  height : 100%;
-  display : flex;
-  align-items : center;
-  justify-content : center;
-}
-
-#loginbox {
-  border-radius : var(--space);
-  border : 6px solid white;
-  width : 800px;
-  height : 500px;
-
-  display : flex;
-  flex-flow : row;
-}
-
-#loginbox > div {
-  padding : var(--double-space);
-  flex : 1;
-}
-
-#loginbox label {
-  color : var(--twilight);
-}
-
-#loginbox > div.login {
-  background : var(--light-dust);
-=======
-  <<<<<<< HEAD background: var(--light);
+  background: var(--light);
   padding: var(--double-space);
   border-radius: 6px;
   flex: 240px;
   max-width: 420px;
-  =======background: var(--light);
-  padding: var(--double-space);
-  border-radius: 6px;
-  flex: 240px;
-  max-width: 420px;
->>>>>>> cf3c84b8d9794013cb562c843e42314543b3d381
   display: flex;
   flex-flow: column;
   justify-content: space-between;
@@ -427,111 +285,6 @@ div.services>div>div.description>p {
   margin-top: var(--half-space);
 }
 
-div.services>div>a,
-a.button,
-button {
-  display: block;
-  color: var(--light);
-  background: var(--splash);
-  padding: var(--space) var(--double-space);
-  border-radius: 3px;
-  opacity: 0.9;
-  cursor: pointer;
-  text-align: center;
-  border: 0;
-  font-weight: 600;
-  letter-spacing: 0.03em;
-  text-decoration: none;
-}
-
-div.services>div>a:hover,
-a.button:hover,
-button:hover {
-  opacity: 1.0;
-}
-
-article table {
-  width: 100%;
-  border-spacing: 0;
-  margin: var(--space) 0;
-}
-
-article table thead th {
-  text-align: left;
-}
-
-article table tbody tr:nth-child(odd) {
-  background: var(--medium-dust);
-}
-
-article table thead th,
-article table tbody td {
-  padding: var(--half-space);
-}
-
-form>div {
-  margin: 0 0 var(--double-space);
-}
-
-form>div>label {
-  display: block;
-  margin: 0 0 6px;
-}
-
-form>div>input[type="text"],
-form>div>input[type="password"] {
-  border: 2px solid var(--twilight);
-  border-radius: 6px;
-  padding: 8px;
-  background: var(--light-dust);
-  width: 100%;
-}
-
-#login {
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-#loginbox {
-  border-radius: var(--space);
-  border: 6px solid white;
-  width: 800px;
-  height: 500px;
-
-  display: flex;
-  flex-flow: row;
-}
-
-#loginbox>div {
-  padding: var(--double-space);
-  flex: 1;
-}
-
-#loginbox label {
-  color: var(--twilight);
-}
-
-#loginbox>div.login {
-  background: var(--light-dust);
-  >>>>>>>bdc2d8717cbcab1795b1b2dc4f08f83242e4a4ca display: flex;
-  flex-flow: column;
-  justify-content: space-between;
-}
-
-div.infobox button {
-  margin-top: var(--double-space);
-}
-
-div.services>div>div.description {
-  margin-bottom: var(--double-space);
-}
-
-div.services>div>div.description>p {
-  margin-top: var(--half-space);
-}
-
 div.services>div>a,
 a.button,
 button {
@@ -634,7 +387,7 @@ input[type="email"] {
   padding: 8px;
   background: var(--light-dust);
   width: 100%;
-  color: var(--dark);
+  color : var(--dark);
 }
 
 form fieldset {
@@ -777,4 +530,4 @@ span.time_remaining {
 
 .pagination .page-item.disabled .page-link {
   cursor: default;
-}
\ No newline at end of file
+}

From fedfca25a5920568a84459501a8d1485e26c2c82 Mon Sep 17 00:00:00 2001
From: Halfdan Mouritzen <halfdan@robothangarskib.dk>
Date: Sat, 2 Mar 2024 17:43:16 +0100
Subject: [PATCH 3/4] Adding flow to add new emails to an account

---
 src/project/static/css/dark-style.css    | 11 ++++++
 src/project/static/css/style.css         | 32 ++++++++++++++--
 src/project/templates/account/email.html | 49 ++++++++++++++++--------
 3 files changed, 74 insertions(+), 18 deletions(-)

diff --git a/src/project/static/css/dark-style.css b/src/project/static/css/dark-style.css
index 2f75768..7f48771 100644
--- a/src/project/static/css/dark-style.css
+++ b/src/project/static/css/dark-style.css
@@ -53,4 +53,15 @@ html.dark article table tbody tr:nth-child(2n+1) td {
 
 html.dark article table tbody tr:last-child td {
   border-bottom: var(--half-space) solid var(--twilight);
+}
+
+html.dark form>div>input[type="text"],
+html.dark form>div>input[type="password"],
+html.dark input[type="email"] {
+  border: 2px solid var(--twilight);
+  border-radius: 6px;
+  padding: 8px;
+  background: var(--dark-dark);
+  width: 100%;
+  color: var(--light-dust);
 }
\ No newline at end of file
diff --git a/src/project/static/css/style.css b/src/project/static/css/style.css
index 5017698..17f12e2 100644
--- a/src/project/static/css/style.css
+++ b/src/project/static/css/style.css
@@ -244,7 +244,7 @@ article {
   padding: var(--double-space) var(--outer-space);
 }
 
-article>div.content-view {
+article div.content-view {
   background: var(--dust);
   padding: var(--double-space);
   margin-bottom: var(--space);
@@ -320,6 +320,10 @@ button:disabled {
   cursor: default;
 }
 
+button.secondary {
+  background: var(--twilight);
+}
+
 article table {
   width: 100%;
   border-spacing: 0;
@@ -387,7 +391,7 @@ input[type="email"] {
   padding: 8px;
   background: var(--light-dust);
   width: 100%;
-  color : var(--dark);
+  color: var(--dark);
 }
 
 form fieldset {
@@ -400,6 +404,28 @@ form div.buttonHolder button {
   display: inline-block;
 }
 
+#email-add-overlay {
+  display: none;
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.8);
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+}
+
+#email-add-overlay .content-view {
+  width: 600px;
+  padding: var(--double-space);
+}
+
+#email-add-overlay .content-view p {
+  margin: var(--double-space) 0;
+}
+
 #login {
   height: 100%;
   display: flex;
@@ -530,4 +556,4 @@ span.time_remaining {
 
 .pagination .page-item.disabled .page-link {
   cursor: default;
-}
+}
\ No newline at end of file
diff --git a/src/project/templates/account/email.html b/src/project/templates/account/email.html
index c5cbe38..ec996ca 100644
--- a/src/project/templates/account/email.html
+++ b/src/project/templates/account/email.html
@@ -16,7 +16,7 @@
                 {% csrf_token %}
                 <fieldset class="blockLabels">
                     <div class="buttonHolder">
-                        <button class="small" name="action_add" style="float:right">Add Email …</button>
+                        <button class="small" name="action_add_open" style="float:right">Add Email …</button>
                         <button class="small" disabled type="submit" id="action_primary" name="action_primary">Make Primary</button>
                         <button class="small" type="submit" name="action_send">Re-send Verification</button>
                         <button class="small" type="submit" name="action_remove">Remove</button>
@@ -76,21 +76,22 @@
                 {% trans "You currently do not have any e-mail address set up. You should really add an e-mail address so you can receive notifications, reset your password, etc." %}
             </p>
         {% endif %}
-        <!--
-        <hr />
-
-        <h3>{% trans "Add E-mail" %}</h3>
-        <div class="panel-body">
-            <form method="post" action="{% url 'account_email' %}"
-                  class="add_email">
-                {% csrf_token %}
-                {{ form.as_p }}
-                <button name="action_add" class="btn btn-success" type="submit">
-                    {% trans "Add E-mail" %}
-                </button>
-            </form>
+    </div>
+    <div id="email-add-overlay">
+        <div class="content-view">
+            <h3>{% trans "Add E-mail" %}</h3>
+            <div class="panel-body">
+                <form method="post" action="{% url 'account_email' %}"
+                      class="add_email">
+                    {% csrf_token %}
+                    {{ form.as_p }}
+                    <button name="action_add" style="float:right" type="submit">
+                        {% trans "Add E-mail" %}
+                    </button>
+                    <button id="overlay-close-button" class="secondary">Cancel</button>
+                </form>
+            </div>
         </div>
-        -->
     </div>
 
     <script type="text/javascript">
@@ -105,6 +106,24 @@
                 });
             }
 
+            let addEmail = document.getElementsByName('action_add_open')[0];
+
+            addEmail.addEventListener('click', function(e) {
+                e.preventDefault();
+                let overlay = document.getElementById('email-add-overlay')    
+                overlay.style.display = 'flex'
+
+                window.addEventListener('keydown', function(e) {
+                    if (e.key == 'Escape') {
+                        overlay.style.display = 'none'
+                    }
+                })
+
+                document.getElementById('overlay-close-button').addEventListener('click', function() {
+                    overlay.style.display = 'none'
+                })
+            })
+
             let radio_actions = document.getElementsByName('email');
             if (radio_actions.length) {
                 for (radio of radio_actions) {

From 712c50fac781b2ae3f95846ae4eb006fae19e226 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?V=C3=AD=C3=B0ir=20Valberg=20Gu=C3=B0mundsson?=
 <valberg@orn.li>
Date: Sun, 3 Mar 2024 11:05:08 +0100
Subject: [PATCH 4/4] Use hatch for installing.

---
 .dockerignore  |  2 ++
 Dockerfile     | 20 ++++++++++----------
 pyproject.toml | 11 ++++++-----
 3 files changed, 18 insertions(+), 15 deletions(-)

diff --git a/.dockerignore b/.dockerignore
index d9671a8..ed0835d 100644
--- a/.dockerignore
+++ b/.dockerignore
@@ -5,3 +5,5 @@
 !src/
 !requirements/
 !entrypoint.sh
+!pyproject.toml
+!README.md
diff --git a/Dockerfile b/Dockerfile
index 3e3971a..cc600b1 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -11,7 +11,13 @@ ARG DJANGO_ENV
 ARG BUILD
 ENV BUILD ${BUILD}
 
-RUN apt-get update \
+WORKDIR /app
+
+RUN groupadd -g 1000 www && useradd -u 1000 -ms /bin/bash -g www www
+COPY --chown=www:www . .
+RUN mkdir /app/src/static \
+  && chown www:www /app/src/static \
+  && apt-get update \
   && apt-get install -y \
      binutils \
      libpq-dev \
@@ -23,15 +29,9 @@ RUN apt-get update \
      libgdk-pixbuf2.0-0 \
      libffi-dev \
      shared-mime-info \
-     gettext
-
-WORKDIR /app
-
-RUN groupadd -g 1000 www && useradd -u 1000 -ms /bin/bash -g www www
-COPY --chown=www:www . /app/
-RUN mkdir /app/src/static && chown www:www /app/src/static
-RUN pip install -r requirements/$([ "$DJANGO_ENV" = "production" ] && echo "base.txt" || echo "dev.txt") &&\
-    django-admin compilemessages
+     gettext \
+  && pip install . \
+  && django-admin compilemessages
 
 ENTRYPOINT ["./entrypoint.sh"]
 
diff --git a/pyproject.toml b/pyproject.toml
index 5d27e93..85da85f 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -1,5 +1,5 @@
 [build-system]
-requires = ["hatchling", "hatch-vcs"]
+requires = ["hatchling"]
 build-backend = "hatchling.build"
 
 [project]
@@ -22,11 +22,12 @@ dependencies = [
     "django-zen-queries==2.1.0",
     "django-registries==0.0.3",
     "django-view-decorator==0.0.4",
+    "django-oauth-toolkit==2.3.0",
 ]
-dynamic = ["version"]
+version = "0.0.1"
 
-[tool.hatch.version]
-source = "vcs"
+[tool.hatch.build.targets.wheel]
+packages = ["src"]
 
 [tool.hatch.envs.default]
 dependencies = [
@@ -59,7 +60,7 @@ cov = "pytest --cov-report=term-missing --cov-config=pyproject.toml --cov=src --
 no-cov = "cov --no-cov {args}"
 typecheck = "mypy --config-file=pyproject.toml ."
 requirements = "pip-compile --output-file requirements/base.txt pyproject.toml"
-server = "./src/manage.py runserver"
+server = "./src/manage.py runserver 0.0.0.0:8000"
 migrate = "./src/manage.py migrate"
 makemigrations = "./src/manage.py makemigrations"
 createsuperuser = "./src/manage.py createsuperuser"