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; } | 	.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