From e90d6a6f83c954c7dc7c092f19e457162b5b00c8 Mon Sep 17 00:00:00 2001
From: "Tomas \"Jethro\" Pokorny" <xtompok@gmail.com>
Date: Sun, 19 May 2019 11:06:29 +0200
Subject: [PATCH] Uklid v CSS korektur.

---
 korektury/static/korektury/opraf.css     | 87 +++++++-----------------
 korektury/static/korektury/opraf.js      | 35 ++--------
 korektury/templates/korektury/opraf.html | 19 ++++--
 3 files changed, 46 insertions(+), 95 deletions(-)

diff --git a/korektury/static/korektury/opraf.css b/korektury/static/korektury/opraf.css
index 33146e1b..4a731de4 100644
--- a/korektury/static/korektury/opraf.css
+++ b/korektury/static/korektury/opraf.css
@@ -13,72 +13,46 @@ body,
 
 img{background:white;}
 
+/* Barvy korektur */
+.k_oprave { 
+	--rgb: 255, 0, 0;
+}
+.opraveno {
+	--rgb: 0, 0, 255;
+}
+.neni_chyba {
+	--rgb: 128, 128, 128;
+}
+.k_zaneseni {
+	--rgb: 0, 255, 0;
+}
+
 .pointer-hi, 
-.pointer, 
-.pointer-wontfix, 
-.pointer-wontfix-hi, 
-.pointer-ready,
-.pointer-ready-hi,
-.pointer-done, 
-.pointer-done-hi {
+.pointer{ 
 	position:absolute;
 	/*border-bottom-left-radius: 10px; */
 	border-left: 2px solid yellow;
 	border-bottom: 2px solid yellow;
+	border-color: rgb(var(--rgb),var(--alpha));
 }
 
-.pointer-done-hi, 
-.pointer-wontfix-hi, 
-.pointer-ready-hi,
-.pointer-hi {
-	border-width: 3px;
+.pointer {
+	border-width: 1px;
+	--alpha: 0.35;	
 }
 
-.pointer { 
-	border-color: #F00; /*IE*/
-	border-color: rgba(255, 0, 0, 0.35);
-}
 .pointer-hi {
-	border-color: #F00; /*IE*/
-	border-color: rgba(255, 0, 0, 1);
-}
-.pointer-done {
-	border-color: #00F; /*IE*/
-	border-color: rgba(0, 0, 255, 0.2);
-}
-.pointer-done-hi {
-	border-color: #00F; /*IE*/
-	border-color: rgba(0, 0, 255, 1);
-}
-.pointer-wontfix {
-	border-color: #000; /*IE*/
-	border-color: rgba(128, 128, 128, 0.2);
-}
-.pointer-wontfix-hi {
-	border-color: #000; /*IE*/
-	border-color: rgba(128, 128, 128, 1);
-}
-.pointer-ready {
-	border-color: #0F0; /*IE*/
-	border-color: rgba(0, 255, 0, 0.2);
-}
-.pointer-ready-hi {
-	border-color: #0F0; /*IE*/
-	border-color: rgba(0, 255, 0, 1);
+	border-width: 3px;
+	--alpha: 1;
 }
 
 
-.box:hover,
-.box-done:hover,
-.box-ready:hover,
-.box-wontfix:hover{
+
+.box:hover{
 	border-width:3px;
 	margin: 0px;
 }
-.box,
-.box-done,
-.box-ready,
-.box-wontfix {
+.box {
 	margin: 1px;
 	background-color: white;
 	width:300px;
@@ -86,18 +60,7 @@ img{background:white;}
 	padding: 3px;
 	border: 2px solid black;
 	border-radius: 10px;
-}
-.box {
-	border-color: red;
-}
-.box-done {
-	border-color: blue;
-}
-.box-ready {
-	border-color: rgba(0,255,0,1);
-}
-.box-wontfix {
-	border-color: grey;
+	border-color: rgb(var(--rgb));
 }
 form {
 	display:inline;
diff --git a/korektury/static/korektury/opraf.js b/korektury/static/korektury/opraf.js
index 5cfe02e2..5d042ec1 100644
--- a/korektury/static/korektury/opraf.js
+++ b/korektury/static/korektury/opraf.js
@@ -212,45 +212,22 @@ function show_form(img_id, dx, dy, id, text, action) {
 	textarea.focus();
 
 	return true;
-
 }
 
-function box_onmouseover(box, stat)
+function box_onmouseover(box)
 {
 	var id = box.id;
 	var pointer = document.getElementById(box.id + '-pointer');
-	switch (stat){
-		case 'done':
-			pointer.className = 'pointer-done-hi';
-			break;
-		case 'wontfix':
-			pointer.className = 'pointer-wontfix-hi';
-			break;
-		case 'ready':
-			pointer.className = 'pointer-ready-hi';
-			break;
-		default:
-			pointer.className = 'pointer-hi';
-	}
+	pointer.classList.remove('pointer');
+	pointer.classList.add('pointer-hi');
 }
 
-function box_onmouseout(box, stat)
+function box_onmouseout(box)
 {
 	var id = box.id;
 	var pointer = document.getElementById(box.id + '-pointer');
-	switch (stat){
-		case 'done':
-			pointer.className = 'pointer-done';
-			break;
-		case 'wontfix':
-			pointer.className = 'pointer-wontfix';
-			break;
-		case 'ready':
-			pointer.className = 'pointer-ready';
-			break;
-		default:
-			pointer.className = 'pointer';
-	}
+	pointer.classList.remove('pointer-hi');
+	pointer.classList.add('pointer');
 }
 
 function save_scroll(form)
diff --git a/korektury/templates/korektury/opraf.html b/korektury/templates/korektury/opraf.html
index fccfc53b..6a7d97c3 100644
--- a/korektury/templates/korektury/opraf.html
+++ b/korektury/templates/korektury/opraf.html
@@ -20,6 +20,17 @@
 	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|
 	<a href="/">hlavní stránka</a> |
 	<a href="https://mam.mff.cuni.cz/wiki">wiki</a> |
+	<hr />
+	Zobrazit: 
+	<input type="checkbox" id="k_oprave_checkbox" name="k_oprave_checkbox" checked>
+	<label for="k_oprave_checkbox">K opravě</labe>
+	<input type="checkbox" id="opraveno_checkbox" name="opraveno_checkbox" checked>
+	<label for="opraveno_checkbox">Opraveno</labe>
+	<input type="checkbox" id="neni_chyba_checkbox" name="neni_chyba_checkbox" checked>
+	<label for="neni_chyba_checkbox">Není chyba</labe>
+	<input type="checkbox" id="k_zaneseni_checkbox" name="k_zaneseni_checkbox" checked>
+	<label for="k_zaneseni_checkbox">K opravě</labe>
+
 	<hr/>
 
 	<div id="commform-div">
@@ -81,12 +92,12 @@
 	{% for o in opravy %}
 	<div onclick='img_click(this,event)'
 		id='op{{o.id}}-pointer'
-		class='pointer{%if o.status == 'opraveno' %}-done{% elif o.status == 'neni_chyba' %}-wontfix{% elif o.status == 'k_zaneseni' %}-ready{% endif %}'>
+		class='pointer {{o.status}}'>
 	</div>
 	<div name='op{{o.id}}' id='op{{o.id}}' 
-	    class='box{%if o.status == 'opraveno' %}-done{% elif o.status == 'neni_chyba' %}-wontfix{% elif o.status == 'k_zaneseni' %}-ready{% endif %}' 
-	    onmouseover='box_onmouseover(this,{% if o.status == 'opraveno' %}"done"{% elif o.status == 'neni_chyba' %}"wontfix"{% elif o.status == 'k_zaneseni' %}"ready"{% else %}""{% endif %})' 
-	    onmouseout='box_onmouseout(this,  {% if o.status == 'opraveno' %}"done"{% elif o.status == 'neni_chyba' %}"wontfix"{% elif o.status == 'k_zaneseni' %}"ready"{% else %}""{% endif %})'> 
+	    class='box {{o.status}}' 
+	    onmouseover='box_onmouseover(this)' 
+	    onmouseout='box_onmouseout(this)'> 
 
     	<div class='corr-header'> 
 			<span class='author' id='op{{o.id}}-autor'>{{o.autor}}</span>