Shovávání komentářů
This commit is contained in:
		
							parent
							
								
									0722729bcd
								
							
						
					
					
						commit
						b8739d2b4a
					
				
					 2 changed files with 23 additions and 0 deletions
				
			
		|  | @ -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 */ | ||||
|  |  | |||
|  | @ -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() { | ||||
|  |  | |||
		Loading…
	
		Reference in a new issue