From 8bc0161e66d4195a3950b2c1c101415719bad043 Mon Sep 17 00:00:00 2001
From: CodeSteak <codesteak@shellf.art>
Date: Fri, 6 Mar 2020 16:11:26 +0100
Subject: [PATCH] Implement some session storage magic for back buttons

---
 .../src/main/resources/static/js/back.js      | 31 +++++++++++++++++++
 .../resources/templates/fragments/intern.html |  2 +-
 .../templates/intern/accounting/index.html    |  3 ++
 .../templates/intern/accounting/main.html     |  3 ++
 .../templates/intern/accounting/vat.html      |  3 ++
 .../templates/intern/articles/index.html      |  3 ++
 .../templates/intern/customerOrders/id.html   |  3 ++
 .../intern/customerOrders/index.html          |  3 ++
 .../templates/intern/customers/id.html        |  3 ++
 .../templates/intern/customers/index.html     |  2 ++
 .../resources/templates/intern/index.html     |  6 ++--
 .../templates/intern/listedArticles/id.html   |  3 ++
 .../intern/listedArticles/index.html          |  3 ++
 .../intern/supplierOrders/index.html          |  3 ++
 .../templates/intern/suppliers/id.html        |  3 ++
 .../templates/intern/suppliers/index.html     |  3 ++
 .../templates/intern/warehouse/index.html     |  3 ++
 .../intern/warehouse/slots/index.html         |  3 ++
 .../templates/intern/warehouse/todo.html      |  3 ++
 .../resources/templates/shop/articles/id.html |  4 +++
 .../resources/templates/shop/checkout.html    |  4 ++-
 .../main/resources/templates/shop/index.html  |  2 ++
 .../main/resources/templates/shop/search.html |  2 ++
 23 files changed, 93 insertions(+), 5 deletions(-)
 create mode 100644 prototype/src/main/resources/static/js/back.js

diff --git a/prototype/src/main/resources/static/js/back.js b/prototype/src/main/resources/static/js/back.js
new file mode 100644
index 0000000..9f41110
--- /dev/null
+++ b/prototype/src/main/resources/static/js/back.js
@@ -0,0 +1,31 @@
+document.addEventListener("DOMContentLoaded", function(event) {
+   let back = document.getElementsByClassName('back')[0];
+   if (!back) {
+      return;
+   }
+
+   let group = back.dataset.group || 'default';
+   let name = back.dataset.name;
+   let insert = back.dataset.insert == "true";
+
+   if (name) {
+      window.sessionStorage.setItem('back-' + 'group', JSON.stringify({
+         'text': name,
+         'location': window.location.toString()
+      }));
+   }
+
+   let history = JSON.parse(window.sessionStorage.getItem('back-' + 'group'));
+   if (insert && history) {
+
+      let a = document.createElement("a");
+      a.href = "#";
+      a.onclick = function() {
+         window.location = history.location;
+      };
+
+      a.innerText = history.text || 'Zurück';
+      back.appendChild(a);
+   }
+
+});
diff --git a/prototype/src/main/resources/templates/fragments/intern.html b/prototype/src/main/resources/templates/fragments/intern.html
index 529b3bc..e082898 100644
--- a/prototype/src/main/resources/templates/fragments/intern.html
+++ b/prototype/src/main/resources/templates/fragments/intern.html
@@ -13,7 +13,7 @@
          <ul>
             <li><a th:href="@{/intern/}">Dashboard</a>
             </li>
-            <li><a th:href="@{/intern/listedArticles/}">Gelsistete Artikel</a>
+            <li><a th:href="@{/intern/listedArticles/}">Gelistete Artikel</a>
                <ul>
                   <li><a th:href="@{/intern/articles/}">Händlerangebote</a>
                   </li>
diff --git a/prototype/src/main/resources/templates/intern/accounting/index.html b/prototype/src/main/resources/templates/intern/accounting/index.html
index fbf28e7..d042cfc 100644
--- a/prototype/src/main/resources/templates/intern/accounting/index.html
+++ b/prototype/src/main/resources/templates/intern/accounting/index.html
@@ -16,6 +16,9 @@
       <nav></nav>
       <div>
          <h1>Alle Buchungen</h1>
+
+         <script th:src="@{/js/back.js}"></script>
+         <div class="back" data-group="intern" data-name="Zurück zu allen Buchungen." data-insert="false"></div>
       </div>
    </div>
    <main class="sidebar-layout content-width">
diff --git a/prototype/src/main/resources/templates/intern/accounting/main.html b/prototype/src/main/resources/templates/intern/accounting/main.html
index a50ce43..9af6fd7 100644
--- a/prototype/src/main/resources/templates/intern/accounting/main.html
+++ b/prototype/src/main/resources/templates/intern/accounting/main.html
@@ -16,6 +16,9 @@
       <nav></nav>
       <div>
          <h1>Hauptbuchungskonto</h1>
+
+         <script th:src="@{/js/back.js}"></script>
+         <div class="back" data-group="intern" data-name="Zurück zu den Hauptbuchungen." data-insert="false"></div>
       </div>
    </div>
    <main class="sidebar-layout content-width">
diff --git a/prototype/src/main/resources/templates/intern/accounting/vat.html b/prototype/src/main/resources/templates/intern/accounting/vat.html
index 7a52ce2..56c06b0 100644
--- a/prototype/src/main/resources/templates/intern/accounting/vat.html
+++ b/prototype/src/main/resources/templates/intern/accounting/vat.html
@@ -16,6 +16,9 @@
       <nav></nav>
       <div>
          <h1>Mehrwertsteuerkonto</h1>
+
+         <script th:src="@{/js/back.js}"></script>
+         <div class="back" data-group="intern" data-name="Zurück zu den Mehrwertsteuerbuchungen." data-insert="false"></div>
       </div>
    </div>
    <main class="sidebar-layout content-width">
diff --git a/prototype/src/main/resources/templates/intern/articles/index.html b/prototype/src/main/resources/templates/intern/articles/index.html
index f01a585..15ea16e 100644
--- a/prototype/src/main/resources/templates/intern/articles/index.html
+++ b/prototype/src/main/resources/templates/intern/articles/index.html
@@ -16,6 +16,9 @@
       <nav></nav>
       <div>
          <h1>Übersicht der von Lieferanten angebotenen Artikel</h1>
+
+         <script th:src="@{/js/back.js}"></script>
+         <div class="back" data-group="intern" data-name="Zurück zur Übersicht der von Lieferanten angebotenen Artikel." data-insert="false"></div>
       </div>
    </div>
    <main class="sidebar-layout content-width">
diff --git a/prototype/src/main/resources/templates/intern/customerOrders/id.html b/prototype/src/main/resources/templates/intern/customerOrders/id.html
index 256de74..6c16f6f 100644
--- a/prototype/src/main/resources/templates/intern/customerOrders/id.html
+++ b/prototype/src/main/resources/templates/intern/customerOrders/id.html
@@ -16,6 +16,9 @@
       <nav></nav>
       <div>
          <h1>Bestellung 1010</h1>
+
+         <script th:src="@{/js/back.js}"></script>
+         <div class="back" data-group="intern" data-insert="true"></div>
       </div>
    </div>
    <main class="sidebar-layout content-width">
diff --git a/prototype/src/main/resources/templates/intern/customerOrders/index.html b/prototype/src/main/resources/templates/intern/customerOrders/index.html
index be5f093..be4c8f2 100644
--- a/prototype/src/main/resources/templates/intern/customerOrders/index.html
+++ b/prototype/src/main/resources/templates/intern/customerOrders/index.html
@@ -16,6 +16,9 @@
       <nav></nav>
       <div>
          <h1>Bestellungen</h1>
+
+         <script th:src="@{/js/back.js}"></script>
+         <div class="back" data-group="intern" data-name="Zurück zu den Kunden Bestellungen." data-insert="false"></div>
       </div>
    </div>
    <main class="sidebar-layout content-width">
diff --git a/prototype/src/main/resources/templates/intern/customers/id.html b/prototype/src/main/resources/templates/intern/customers/id.html
index d96c9fa..e382f2b 100644
--- a/prototype/src/main/resources/templates/intern/customers/id.html
+++ b/prototype/src/main/resources/templates/intern/customers/id.html
@@ -23,6 +23,9 @@
       <nav></nav>
       <div>
          <h1>Kunde 1510</h1>
+
+         <script th:src="@{/js/back.js}"></script>
+         <div class="back" data-group="intern" data-insert="true"></div>
       </div>
    </div>
    <main class="sidebar-layout content-width">
diff --git a/prototype/src/main/resources/templates/intern/customers/index.html b/prototype/src/main/resources/templates/intern/customers/index.html
index f9a3338..94419ea 100644
--- a/prototype/src/main/resources/templates/intern/customers/index.html
+++ b/prototype/src/main/resources/templates/intern/customers/index.html
@@ -16,6 +16,8 @@
       <nav></nav>
       <div>
          <h1>Kunden</h1>
+         <script th:src="@{/js/back.js}"></script>
+         <div class="back" data-group="intern" data-name="Zurück zur Kundenübersicht." data-insert="false"></div>
       </div>
    </div>
    <main class="sidebar-layout content-width">
diff --git a/prototype/src/main/resources/templates/intern/index.html b/prototype/src/main/resources/templates/intern/index.html
index 7ac167c..dd6474c 100644
--- a/prototype/src/main/resources/templates/intern/index.html
+++ b/prototype/src/main/resources/templates/intern/index.html
@@ -74,6 +74,9 @@
       <nav></nav>
       <div>
          <h1>Dashboard</h1>
+
+         <script th:src="@{/js/back.js}"></script>
+         <div class="back" data-group="intern" data-name="Zurück zum Dashboard." data-insert="false"></div>
       </div>
    </div>
    <main class="sidebar-layout content-width">
@@ -146,9 +149,6 @@
             <section class="spacer"></section>
             <section class="spacer"></section>
          </div>
-
-
-      </div>
       </div>
    </main>
    <footer th:replace="fragments/footer :: footer"></footer>
diff --git a/prototype/src/main/resources/templates/intern/listedArticles/id.html b/prototype/src/main/resources/templates/intern/listedArticles/id.html
index 0c33014..6a41a79 100644
--- a/prototype/src/main/resources/templates/intern/listedArticles/id.html
+++ b/prototype/src/main/resources/templates/intern/listedArticles/id.html
@@ -16,6 +16,9 @@
       <nav></nav>
       <div>
          <h1>Gelisteter Artikel 8450</h1>
+
+         <script th:src="@{/js/back.js}"></script>
+         <div class="back" data-group="intern" data-insert="true"></div>
       </div>
    </div>
    <main class="sidebar-layout content-width">
diff --git a/prototype/src/main/resources/templates/intern/listedArticles/index.html b/prototype/src/main/resources/templates/intern/listedArticles/index.html
index d838d79..2c7a8ae 100644
--- a/prototype/src/main/resources/templates/intern/listedArticles/index.html
+++ b/prototype/src/main/resources/templates/intern/listedArticles/index.html
@@ -16,6 +16,9 @@
       <nav></nav>
       <div>
          <h1>Gelistete Artikel</h1>
+
+         <script th:src="@{/js/back.js}"></script>
+         <div class="back" data-group="intern" data-name="Zurück zu den gelisteten Artikeln." data-insert="false"></div>
       </div>
    </div>
    <main class="sidebar-layout content-width">
diff --git a/prototype/src/main/resources/templates/intern/supplierOrders/index.html b/prototype/src/main/resources/templates/intern/supplierOrders/index.html
index 3df1274..17019d9 100644
--- a/prototype/src/main/resources/templates/intern/supplierOrders/index.html
+++ b/prototype/src/main/resources/templates/intern/supplierOrders/index.html
@@ -16,6 +16,9 @@
       <nav></nav>
       <div>
          <h1>Lieferanten Bestellungen</h1>
+
+         <script th:src="@{/js/back.js}"></script>
+         <div class="back" data-group="intern" data-name="Zurück zu den Bestellungen bei Lieferanten." data-insert="false"></div>
       </div>
    </div>
    <main class="sidebar-layout content-width">
diff --git a/prototype/src/main/resources/templates/intern/suppliers/id.html b/prototype/src/main/resources/templates/intern/suppliers/id.html
index 6b29ce4..1369697 100644
--- a/prototype/src/main/resources/templates/intern/suppliers/id.html
+++ b/prototype/src/main/resources/templates/intern/suppliers/id.html
@@ -16,6 +16,9 @@
       <nav></nav>
       <div>
          <h1>Lierfant Cheap AG</h1>
+
+         <script th:src="@{/js/back.js}"></script>
+         <div class="back" data-group="intern" data-insert="true"></div>
       </div>
    </div>
    <main class="sidebar-layout content-width">
diff --git a/prototype/src/main/resources/templates/intern/suppliers/index.html b/prototype/src/main/resources/templates/intern/suppliers/index.html
index 816b223..e10b46e 100644
--- a/prototype/src/main/resources/templates/intern/suppliers/index.html
+++ b/prototype/src/main/resources/templates/intern/suppliers/index.html
@@ -16,6 +16,9 @@
       <nav></nav>
       <div>
          <h1>Lieferanten</h1>
+
+         <script th:src="@{/js/back.js}"></script>
+         <div class="back" data-group="intern" data-name="Zurück zur Übersicht der Lieferanten." data-insert="false"></div>
       </div>
    </div>
    <main class="sidebar-layout content-width">
diff --git a/prototype/src/main/resources/templates/intern/warehouse/index.html b/prototype/src/main/resources/templates/intern/warehouse/index.html
index d807797..accb604 100644
--- a/prototype/src/main/resources/templates/intern/warehouse/index.html
+++ b/prototype/src/main/resources/templates/intern/warehouse/index.html
@@ -16,6 +16,9 @@
       <nav></nav>
       <div>
          <h1>Lagerbuchungen</h1>
+
+         <script th:src="@{/js/back.js}"></script>
+         <div class="back" data-group="intern" data-name="Zurück zu den Lagerbuchungen." data-insert="false"></div>
       </div>
    </div>
    <main class="sidebar-layout content-width">
diff --git a/prototype/src/main/resources/templates/intern/warehouse/slots/index.html b/prototype/src/main/resources/templates/intern/warehouse/slots/index.html
index 0521b72..5b77c0d 100644
--- a/prototype/src/main/resources/templates/intern/warehouse/slots/index.html
+++ b/prototype/src/main/resources/templates/intern/warehouse/slots/index.html
@@ -16,6 +16,9 @@
       <nav></nav>
       <div>
          <h1>Inventar</h1>
+
+         <script th:src="@{/js/back.js}"></script>
+         <div class="back" data-group="intern" data-name="Zurück zum Inventar." data-insert="false"></div>
       </div>
    </div>
    <main class="sidebar-layout content-width">
diff --git a/prototype/src/main/resources/templates/intern/warehouse/todo.html b/prototype/src/main/resources/templates/intern/warehouse/todo.html
index 213549f..a12ef1b 100644
--- a/prototype/src/main/resources/templates/intern/warehouse/todo.html
+++ b/prototype/src/main/resources/templates/intern/warehouse/todo.html
@@ -16,6 +16,9 @@
       <nav></nav>
       <div>
          <h1>Packliste</h1>
+
+         <script th:src="@{/js/back.js}"></script>
+         <div class="back" data-group="intern" data-name="Zurück zur Packliste." data-insert="false"></div>
       </div>
    </div>
    <main class="sidebar-layout content-width">
diff --git a/prototype/src/main/resources/templates/shop/articles/id.html b/prototype/src/main/resources/templates/shop/articles/id.html
index d35ca71..f6a46b8 100644
--- a/prototype/src/main/resources/templates/shop/articles/id.html
+++ b/prototype/src/main/resources/templates/shop/articles/id.html
@@ -18,7 +18,11 @@
          <div class="content-width">
             <div class="detailgrid">
                <div class="s">
+
                   <h1>Tolle Kamera</h1>
+                  <script th:src="@{/js/back.js}"></script>
+                  <div class="back" data-group="shop" data-insert="true"></div>
+
                   <h2>25.14&nbsp;EUR</h2>
                   <p>
                      Eine TOLLE Kamera <br>
diff --git a/prototype/src/main/resources/templates/shop/checkout.html b/prototype/src/main/resources/templates/shop/checkout.html
index d778354..9cca269 100644
--- a/prototype/src/main/resources/templates/shop/checkout.html
+++ b/prototype/src/main/resources/templates/shop/checkout.html
@@ -15,10 +15,12 @@
    <div class="sidebar-layout content-width">
       <div>
          <h1>Warenkorb</h1>
+
+         <script th:src="@{/js/back.js}"></script>
+         <p class="back" data-group="shop" data-insert="true"></p>
       </div>
       <nav></nav>
    </div>
-   <!-- TODO: this is suboptimal on mobile -->
    <main class="content-width sidebar-layout" style="min-height: 100vh;">
       <div style="max-width: 45em; width: 100%;">
          <table>
diff --git a/prototype/src/main/resources/templates/shop/index.html b/prototype/src/main/resources/templates/shop/index.html
index 24874a1..a1bd5fd 100644
--- a/prototype/src/main/resources/templates/shop/index.html
+++ b/prototype/src/main/resources/templates/shop/index.html
@@ -15,6 +15,8 @@
       <div class='hero'>
          <div class='content-width'>
             <h1>Angebote</h1>
+             <script th:src="@{/js/back.js}"></script>
+             <div class="back" data-group="shop" data-name="Zurück zur Startseite." data-insert="false"></div>
             <div class='grid m base shadow'>
                <section> <a th:href="@{/shop/articles/1234}" class="section">
 
diff --git a/prototype/src/main/resources/templates/shop/search.html b/prototype/src/main/resources/templates/shop/search.html
index defdd3b..f44b0ac 100644
--- a/prototype/src/main/resources/templates/shop/search.html
+++ b/prototype/src/main/resources/templates/shop/search.html
@@ -16,6 +16,8 @@
       <nav></nav>
       <div>
          <h1>Suchergebnisse</h1>
+          <script th:src="@{/js/back.js}"></script>
+          <div class="back" data-group="shop" data-name="Zurück zur Suche." data-insert="false"></div>
       </div>
    </div>
    <main class="sidebar-layout content-width">