diff --git a/korektury/static/korektury/opraf.css b/korektury/static/korektury/opraf.css index d5107d55..2aeeb65c 100644 --- a/korektury/static/korektury/opraf.css +++ b/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 */ diff --git a/korektury/templates/korektury/korekturovatko/moduly/komentar.html b/korektury/templates/korektury/korekturovatko/moduly/komentar.html index 5e51b2db..7d601ee1 100644 --- a/korektury/templates/korektury/korekturovatko/moduly/komentar.html +++ b/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() {