From 3b8173e94b9228b0761e45174190b237b41d1db8 Mon Sep 17 00:00:00 2001
From: Irma Lahtinen <ilahtine@local>
Date: Tue, 12 Dec 2023 01:19:38 +0200
Subject: Adding "link to clipboard" functionality and forcing questions to
 consist printable characters.

---
 routes/question.py      |  2 +-
 static/alert-timeout.js | 21 ++++++++-------------
 static/kys-link-info.js | 20 ++++++++++++++++++++
 static/kyselma.css      | 15 +++++++++++++++
 templates/analyse.html  |  8 ++++----
 5 files changed, 48 insertions(+), 18 deletions(-)
 create mode 100644 static/kys-link-info.js

diff --git a/routes/question.py b/routes/question.py
index 6965529..a56c0db 100644
--- a/routes/question.py
+++ b/routes/question.py
@@ -37,7 +37,7 @@ def new_question():
         return redirect("/#create")
         
     for entry in [question, neg_ans, pos_ans]:
-        if len(entry) < 2 or len(entry) > 80:
+        if len(entry.strip()) < 2 or len(entry.strip()) > 80:
             session["alert"] = "Syötteiden tulee olla 2-80 merkkiä pitkiä"
             return redirect("/#question")
             
diff --git a/static/alert-timeout.js b/static/alert-timeout.js
index 6fe6def..e20106f 100644
--- a/static/alert-timeout.js
+++ b/static/alert-timeout.js
@@ -1,13 +1,8 @@
-Array.from(document.getElementsByClassName('kysAlert')).forEach( (a) => {
-        a.addEventListener('click', (event) => {
-            event.target.remove();
-        })
-        setTimeout( () => {
-            Array.from(document.getElementsByClassName('kysAlert'))
-                    .forEach( (a) => {
-                if (a.style.transition=="opacity 2s") a.remove()
-                a.style.transition="opacity 2s"
-                a.style.opacity=0;
-            } )
-        }, 5000)
-    })
+setInterval( () => {
+    Array.from(document.getElementsByClassName('kysAlert')).forEach( (a)=>{
+        a.addEventListener('click', (event) => { event.target.remove() } )
+        if (a.style.transition=="opacity 2s") a.remove()
+        a.style.transition="opacity 2s"
+        a.style.opacity=0;
+    } )
+}, 5000)
diff --git a/static/kys-link-info.js b/static/kys-link-info.js
new file mode 100644
index 0000000..f3165b2
--- /dev/null
+++ b/static/kys-link-info.js
@@ -0,0 +1,20 @@
+const kysLink = document.getElementById("kysLink")
+kysLink.onclick = () => {
+    const link = kysLink.innerHTML
+    navigator.clipboard.writeText(link)
+    const linkInfo = document.createElement("div")
+    linkInfo.className = 'kysInfo'
+    const linkText = document.createTextNode( 
+            "Linkki " + link + " on kopioitu leikepöydälle." )
+    linkInfo.appendChild( linkText )
+    document.documentElement.lastChild.append(linkInfo)
+}
+
+setInterval( () => {
+    Array.from(document.getElementsByClassName('kysInfo')).forEach( (a)=>{
+        a.addEventListener('click', (event) => { event.target.remove() } )
+        if (a.style.transition=="opacity 2s") a.remove()
+        a.style.transition="opacity 2s"
+        a.style.opacity=0;
+    } )
+}, 5000)
diff --git a/static/kyselma.css b/static/kyselma.css
index 92f51ca..fdc3996 100644
--- a/static/kyselma.css
+++ b/static/kyselma.css
@@ -62,6 +62,21 @@
     transform: translate(-50%, -50%);
 }
 
+.kysInfo {
+    border: 0.4rem solid;
+    padding: 0.8rem;
+    display: block;
+    background-color: #55F;
+    border-top-color: #79F;
+    border-left-color: #69F;
+    border-right-color: #31F;
+    border-bottom-color: #41F;
+    position: fixed;
+    top: 50vh;
+    left: 50vw;
+    transform: translate(-50%, -50%);
+}
+
 .kysTotal {
   max-width: 25rem;
   min-width: max-content;
diff --git a/templates/analyse.html b/templates/analyse.html
index 6dcc1be..bdb8fb1 100644
--- a/templates/analyse.html
+++ b/templates/analyse.html
@@ -103,10 +103,10 @@ Vaihda kyselyn koodia:
 </form>
 
 {% if code %}
-Linkki tähän kyselyyn:
-<a href="http://anal.fi:5000/kys/{{ code }}">
- http://127.0.0.1:5000/kys/{{ code }}
-</a>
+Kopioi linkki tähän kyselyyn:
+<button id="kysLink">http://127.0.0.1:5000/kys/{{ code }}</button>
+<script src="kys-link-info.js"></script>
+
 {% endif %}
 
 {% endif %}
-- 
cgit v1.2.3