Shovávání komentářů
This commit is contained in:
parent
0722729bcd
commit
b8739d2b4a
2 changed files with 23 additions and 0 deletions
korektury
|
@ -59,6 +59,12 @@ img{background:white;}
|
||||||
.korektura-tlacitka { display: none; }
|
.korektura-tlacitka { display: none; }
|
||||||
.sbal-rozbal-img { transform: rotate(180deg); }
|
.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 */
|
/* Čára od textu k místu korektury */
|
||||||
|
|
|
@ -13,6 +13,10 @@
|
||||||
<button type='button' class="uprav-komentar" title='Uprav komentář'>
|
<button type='button' class="uprav-komentar" title='Uprav komentář'>
|
||||||
<img src='{% static "korektury/imgs/edit.png" %}' alt='edit'/>
|
<img src='{% static "korektury/imgs/edit.png" %}' alt='edit'/>
|
||||||
</button>
|
</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>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
@ -71,6 +75,8 @@
|
||||||
korektura;
|
korektura;
|
||||||
/** @type{string} */
|
/** @type{string} */
|
||||||
autor;
|
autor;
|
||||||
|
/** @type {boolean} */
|
||||||
|
sbalen = false;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Vytvoří HTML reprezentaci, připojí komentář pod korekturu, nastaví event-listenery, uloží si data
|
* Vytvoří HTML reprezentaci, připojí komentář pod korekturu, nastaví event-listenery, uloží si data
|
||||||
|
@ -90,6 +96,7 @@
|
||||||
|
|
||||||
this.aktualizuj(komentar_data);
|
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('uprav-komentar')[0].addEventListener('click', _ => this.#uprav_komentar());
|
||||||
this.htmlElement.getElementsByClassName('smaz-komentar')[0].addEventListener('click', _ => this.#smaz_komentar());
|
this.htmlElement.getElementsByClassName('smaz-komentar')[0].addEventListener('click', _ => this.#smaz_komentar());
|
||||||
|
|
||||||
|
@ -121,6 +128,16 @@
|
||||||
this.#text.innerHTML=text;
|
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“) */
|
/** Ukáže formulář na editaci komentáře (když je zmáčknuto „uprav-komentar“) */
|
||||||
#uprav_komentar() {
|
#uprav_komentar() {
|
||||||
|
|
Loading…
Reference in a new issue