Přehled

• Na stránce změněno: (1 změněno, 0 přidáno, 0 odstraněno)
• Objects (1 změněno, 0 přidáno, 0 odstraněno)
  • XWiki.JavaScriptExtension[1]

Rozpis

Na stránce změněno:

Obsah

...	...	@@ -1,17 +1,20 @@
1		-Tento JSX
	1	+Tato stránka obsahuje JSX, které
2	2
3		-1) aktivuje na celé wiki [[lightbox viewer>>https://lokeshdhakar.com/projects/lightbox2/]] pro zobrazení obrázků - pokud najde A hrefu s atributem data-lightbox="lightbox" pak zobrazí child element v lightboxu
	3	+1) **enablují** na celé wiki [[lightbox viewer>>https://lokeshdhakar.com/projects/lightbox2/]] pro zobrazení obrázků - pokud najde A hrefu s atributem data-lightbox="lightbox" pak zobrazí child img element v lightboxu
4	4
5		-2) zároveň je zde dodělaná funkcionalita, která u všech A elementů obklopených span xwikiattachement a obsahující child element IMG - nastaví u A dynamicky data-lightbox atribut, zároveň zkopíruje alt u image do lightbox-title do A elementu
	5	+2) u všech příloh s obrázkem (tzn. A elementů obklopených span xwikiattachement a obsahující child element IMG) provede:
6	6
7		-3) tento update je proveden na dom-reloaded akci - nutné aby zafungovalo i po uložení editace a nejenom reloadu stranky
	7	+* **vytvoří caption** - tzn. obklopí img element do figure a figureCaption (do kterého zkopíruje alt)
	8	+* **aktivuje lightbox** - tzn. nastaví u A dynamicky data-lightbox atribut, zároveň zkopíruje alt u image do lightbox-title do A elementu
8	8
	10	+3) tento update je triggerován na dom-reloaded akci - nutné aby zafungovalo i po uložení editace a nejenom reloadu stranky
9	9
10		-Jinak je celý proces následující
11	11
	13	+Jinak je celý end to end proces následující
	14	+
12	12	1. uživatel vloží paste obrázku do CKEditoru
13	13	1. zafunguje upraveny upload plugin a místo samotného image vrací image nalinkovaný na daný attachement, tzn. uploadovaná image je vždycky s linkem a validní v xwiki 2.1 syntax -  xwiki-upload (loaduje [[CKEditor plugin loader>>BackEnd.CKEditor plugin loader.WebHome]] a samotny kod je v /resources/mujupload.js xwiki-upload (loaduje [[CKEditor plugin loader>>BackEnd.CKEditor plugin loader.WebHome]] a samotny kod je v /resources/mujupload.js
14	14	1. standardní render z tohoto udělá IMG obalený A
15		-1. JSX v Lightbox supportu dynamicky přidá data-lightbox atribut pro všechyn A
	18	+1. JSX v Lightbox supportu dynamicky přidá data-lightbox atribut pro všechyn A a vytvori fig a figcaption viz výše
16	16
17	17

XWiki.JavaScriptExtension[1]

Kód

...	...	@@ -13,6 +13,16 @@
13	13	if (img_alt) {
14	14	$(this).parents("a").attr("data-title", img_alt);
15	15	}
	16	+ //fig and figcaption handling
	17	+ if (!jQuery(this).parent().is('figure')) {
	18	+ jQuery(this).wrap($('<figure/>', {
	19	+ 'class': 'image'
	20	+ }));
	21	+ if (img_alt) {
	22	+ $(this).after($('<figcaption/>').append(img_alt));
	23	+ }
	24	+ }
16	16	}); //each function
17	17	}); //dom updated
18	18	}); //require
	28	+

Jméno

...	...	@@ -1,1 +1,1 @@
1		-add lightbox again after save
	1	+update lightbox when loaded and after save