From 283320b161fa05cfbb1b25a83bfa2d45b580e193 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jon=C3=A1=C5=A1=20Havelka?= <jonas.havelka@volny.cz>
Date: Tue, 11 Feb 2025 20:53:46 +0100
Subject: [PATCH] =?UTF-8?q?Buttonky=20dal=C5=A1=C3=AD/p=C5=99edchoz=C3=AD?=
 =?UTF-8?q?=20korektura?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 korektury/static/korektury/opraf.css          | 34 +++++++++
 .../korekturovatko/__dalsi_korektura.html     | 69 +++++++++++++++++++
 .../korektury/korekturovatko/__oprava.html    |  3 +-
 .../korektury/korekturovatko/_main.html       |  2 +
 4 files changed, 107 insertions(+), 1 deletion(-)
 create mode 100644 korektury/templates/korektury/korekturovatko/__dalsi_korektura.html

diff --git a/korektury/static/korektury/opraf.css b/korektury/static/korektury/opraf.css
index bdc8aa83..2f259d41 100644
--- a/korektury/static/korektury/opraf.css
+++ b/korektury/static/korektury/opraf.css
@@ -145,6 +145,40 @@ form {
 	&[data-selected="false"] { opacity: 0.5; }
 }
 
+/* Šipky na posouvání korektur */
+#korektury-sipky {
+	position: fixed;
+	bottom: 5px;
+	left: 5px;
+
+	button, img {
+		border: 1px solid white;
+		background-color:transparent;
+		margin:0;
+		padding: 1px;
+
+		border-radius: 5px;
+
+		&:hover {
+			border: 1px solid black;
+		}
+	}
+
+	button img { pointer-events: none; }
+
+	#predchozi-korektura, #dalsi-korektura {
+		background-color: #EEEEEE;
+	}
+
+	#predchozi-korektura-k-oprave, #dalsi-korektura-k-oprave {
+		background-color: #FF0000;
+	}
+
+	#predchozi-korektura-k-zaneseni, #dalsi-korektura-k-zaneseni {
+		background-color: #00FF00;
+	}
+}
+
 
 /**** ROZLIŠENÍ MEZI LOKÁLNÍM, TESTOVACÍM A PRODUKČNÍM WEBEM ****/
 body.localweb, body.testweb, body.suprodweb {
diff --git a/korektury/templates/korektury/korekturovatko/__dalsi_korektura.html b/korektury/templates/korektury/korekturovatko/__dalsi_korektura.html
new file mode 100644
index 00000000..51ebc7a1
--- /dev/null
+++ b/korektury/templates/korektury/korekturovatko/__dalsi_korektura.html
@@ -0,0 +1,69 @@
+{% load static %}
+
+<div id="korektury-sipky">
+  <button type='button' id="predchozi-korektura" title='Předchozí korektura'>
+    <img class='toggle-button' src='{% static "korektury/imgs/hide.png" %}' alt='⬆'/>
+  </button>
+  <button type='button' id="predchozi-korektura-k-oprave" title='Předchozí korektura k opravě'>
+    <img class='toggle-button' src='{% static "korektury/imgs/hide.png" %}' alt='⬆'/>
+  </button>
+  <button type='button' id="predchozi-korektura-k-zaneseni" title='Předchozí korektura k zaneseni'>
+    <img class='toggle-button' src='{% static "korektury/imgs/hide.png" %}' alt='⬆'/>
+  </button>
+  <br>
+  <button type='button' id="dalsi-korektura" title='Další korektura'>
+    <img class='toggle-button' src='{% static "korektury/imgs/hide.png" %}' alt='⬇' style="transform: rotate(180deg);"/>
+  </button>
+  <button type='button' id="dalsi-korektura-k-oprave" title='Další korektura k opravě'>
+    <img class='toggle-button' src='{% static "korektury/imgs/hide.png" %}' alt='⬇' style="transform: rotate(180deg);"/>
+  </button>
+  <button type='button' id="dalsi-korektura-k-zaneseni" title='Další korektura k zaneseni'>
+    <img class='toggle-button' src='{% static "korektury/imgs/hide.png" %}' alt='⬇' style="transform: rotate(180deg);"/>
+  </button>
+</div>
+
+<script>
+  const predchozi_k = document.getElementById('predchozi-korektura');
+  const dalsi_k = document.getElementById('dalsi-korektura');
+  const predchozi_k_o = document.getElementById('predchozi-korektura-k-oprave');
+  const dalsi_k_o = document.getElementById('dalsi-korektura-k-oprave');
+  const predchozi_k_z = document.getElementById('predchozi-korektura-k-zaneseni');
+  const dalsi_k_z = document.getElementById('dalsi-korektura-k-zaneseni');
+
+  function dalsi_nebo_predchozi_korektura(dalsi=true, stav=null) {
+    let predchozi = null;
+    for (let [_, opravy] of Object.entries(comments)) {
+      for (const oprava of opravy) {
+        if (stav == null || oprava.status === stav) {
+          console.log(oprava, oprava.htmlElement.getBoundingClientRect().y);
+          const y = oprava.htmlElement.getBoundingClientRect().y;
+          if (y >= -1) {
+            if (dalsi) {
+              if (y > 1) {
+                oprava.htmlElement.scrollIntoView();
+                return;
+              }
+            } else {
+              console.log(predchozi);
+              if (predchozi !== null) predchozi.htmlElement.scrollIntoView(); else alert("Výše už není žádná taková korektura.");
+              return;
+            }
+          }
+          predchozi = oprava;
+        }
+      }
+    }
+    if (!dalsi && predchozi !== null) {
+      predchozi.htmlElement.scrollIntoView();
+      return;
+    }
+    alert("Žádná další korektura.");
+  }
+
+  predchozi_k.addEventListener('click', _ => { dalsi_nebo_predchozi_korektura(false) });
+  dalsi_k.addEventListener('click', _ => { dalsi_nebo_predchozi_korektura(true) });
+  predchozi_k_o.addEventListener('click', _ => { dalsi_nebo_predchozi_korektura(false, "k_oprave") });
+  dalsi_k_o.addEventListener('click', _ => { dalsi_nebo_predchozi_korektura(true, "k_oprave") });
+  predchozi_k_z.addEventListener('click', _ => { dalsi_nebo_predchozi_korektura(false, "k_zaneseni") });
+  dalsi_k_z.addEventListener('click', _ => { dalsi_nebo_predchozi_korektura(true, "k_zaneseni") });
+</script>
diff --git a/korektury/templates/korektury/korekturovatko/__oprava.html b/korektury/templates/korektury/korekturovatko/__oprava.html
index caaa9849..2879d2c3 100644
--- a/korektury/templates/korektury/korekturovatko/__oprava.html
+++ b/korektury/templates/korektury/korekturovatko/__oprava.html
@@ -71,7 +71,7 @@
 
     #komentare; #tagy;
     htmlElement; pointer;
-    id; x; y; img_id; zobrazit = true; {# oprava_data; #}
+    id; x; y; img_id; status; zobrazit = true; {# oprava_data; #}
 
     constructor(oprava_data) {
       this.htmlElement = preoprava.cloneNode(true);
@@ -120,6 +120,7 @@
     };
 
     set_status(status) {
+      this.status = status;
       this.htmlElement.dataset.opravastatus=status;
       this.pointer.dataset.opravastatus=status;
     };
diff --git a/korektury/templates/korektury/korekturovatko/_main.html b/korektury/templates/korektury/korekturovatko/_main.html
index 96d91b17..33211305 100644
--- a/korektury/templates/korektury/korekturovatko/_main.html
+++ b/korektury/templates/korektury/korekturovatko/_main.html
@@ -6,6 +6,8 @@
 {% include "korektury/korekturovatko/__oprava.html" %}
 {% include "korektury/korekturovatko/__komentar.html" %}
 
+{% include "korektury/korekturovatko/__dalsi_korektura.html" %}
+
 <script>
   /**
    *