Shovávání komentářů

korektury/static/korektury/opraf.css

@@ -59,6 +59,12 @@ img{background:white;}
 	.korektura-tlacitka { display: none; }
 	.sbal-rozbal-img { transform: rotate(180deg); }
 }
+/* Skrývání komentářů */
+[data-komentar_sbalen="true"] {
+	.sbal-rozbal-img { transform: rotate(180deg); }
+	.uprav-komentar { display: none; }
+	.komtext { display: none; }
+}
 
 
 /* Čára od textu k místu korektury */

korektury/templates/korektury/korekturovatko/moduly/komentar.html

@@ -13,6 +13,10 @@
       <button type='button' class="uprav-komentar" title='Uprav komentář'>
         <img src='{% static "korektury/imgs/edit.png" %}' alt='edit'/>
       </button>
+
+      <button type='button' class='sbal-rozbal' title='Skrýt/Zobrazit'>
+        <img class='sbal-rozbal-img' src='{% static "korektury/imgs/hide.png" %}' alt='⬆'/>
+      </button>
     </div>
 
   </div>
@@ -71,6 +75,8 @@
     korektura;
     /** @type{string} */
     autor;
+    /** @type {boolean} */
+    sbalen = false;
 
     /**
      * Vytvoří HTML reprezentaci, připojí komentář pod korekturu, nastaví event-listenery, uloží si data
@@ -90,6 +96,7 @@
 
       this.aktualizuj(komentar_data);
 
+      this.htmlElement.getElementsByClassName('sbal-rozbal')[0].addEventListener('click', _ => this.#sbal_nebo_rozbal());
       this.htmlElement.getElementsByClassName('uprav-komentar')[0].addEventListener('click', _ => this.#uprav_komentar());
       this.htmlElement.getElementsByClassName('smaz-komentar')[0].addEventListener('click', _ => this.#smaz_komentar());
 
@@ -121,6 +128,16 @@
       this.#text.innerHTML=text;
     };
 
+    /** Sbalí/rozbalí (podle toho, zda byl rozbalený/sbalený) komentář, ale nezmění pozice korektur (je třeba později zavolat umisti_korektury()) */
+    sbal_nebo_rozbal() {
+      this.sbalen = !this.sbalen;
+      this.htmlElement.dataset.komentar_sbalen = String(this.sbalen);
+    }
+    /** Doplněk sbal_nebo_rozbal, který i přeskládá korektury. */
+    #sbal_nebo_rozbal(){
+      this.sbal_nebo_rozbal();
+      umisti_korektury();
+    }
 
     /** Ukáže formulář na editaci komentáře (když je zmáčknuto „uprav-komentar“) */
     #uprav_komentar() {