# j-FixedModal

> Obsah j-FixedModal je rozdelený do 3 častí: hlavička, telo a päta. Každá časť musí byť definovaná. Komponent pridáva do každej časti CSS triedy, napríklad prvý div bude obsahovať ui-fixedmodal

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: sk
Content-SHA256: e88a3b110afce3d9065d36adbd7bd5dc028e01c252244e0d1bfdfeeaf739ff62
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

- Funguje iba so `+v17`
- Komponent presúva obsah tohto komponentu pod tag `<body>` (kvôli polohovaniu)


__Konfigurácia__:

- `width {Number}` modálna max-šírka
- `if {String}` podmienka pre zobrazenie modálu, je porovnaná s hodnotou v rámci `path`
- `reload {String}` prepojenie na globálnu funkciu a vykoná sa, ak sa zobrazí formulár
- `submit {String}` prepojenie na globálnu funkciu a vykoná sa po stlačení tlačidla Odoslať
- `cancel {String}` prepojenie s globálnou funkciou a vykoná sa po stlačení tlačidla Zrušiť
- `enter {Boolean}` automaticky zachytí kľúč `enter` a odošle (predvolené: `false`)
- `autofocus {Boolean/String}` môže zamerať vstup. `String` === `jQuery selector` pre vstup
- `default {String}` krátky alias pre `DEFAULT(default, true)`
- `zindex {Number}` môže ovplyvniť z-index (predvolené: `12`)

__Je dobré vedieť__:

Obsah `j-FixedModal` je rozdelený na 3 časti: `header`, `body` a `footer`. Každá časť musí byť definovaná. Komponent pridáva do každej časti triedy CSS, napríklad prvá `div` bude obsahovať `ui-fixedmodal-header`, druhá `ui-fixedmodal-body` a tretia `ui-fixedmodal-footer`.

---

Tento komponent podporuje dynamické vyhodnocovanie obsahu `<script type="text/html">`. Príklad nižšie obsahuje skript s HTML a komponent vyhodnotí obsah, ak sa zobrazí j-Modal (iba raz).

```html
<ui-component name="fixedmodal" path="path" config="config">
	<script type="text/html">
		A CONTENT
	</script>
</ui-component>
```

Použite ho so `<ui-component name="fixedmodal">`. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v `DEF.fallback` (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia MIT.

```html example.html
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores illum quaerat quisquam voluptatem soluta necessitatibus accusamus possimus consequuntur nihil nam. Fugiat unde nemo, ratione magnam. Placeat minima, fugiat quo a. Esse commodi temporibus quos numquam suscipit! Mollitia accusantium temporibus nisi quibusdam alias provident rerum impedit, fuga officia non illum unde magni recusandae eos ducimus, maiores, dolore voluptates reiciendis accusamus odit quo ipsum veniam. Consectetur vitae minima dolor, possimus earum quae necessitatibus quia! Ex reiciendis nam eius adipisci harum ad. Atque fuga sint deleniti repellat quisquam. Deserunt laudantium maiores dicta, aliquid quidem id veritatis sint rem iusto. Ab similique culpa quasi!

<ui-component name="fixedmodal" path="common.form" config="if:folder;submit:folder_submit" class="hidden">

	<!-- HEADER -->
	<div>
		<i class="ti ti-folder orange"></i>
		<strong>New folder</strong>
		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus qui facilis magni porro reiciendis.
	</div>

	<!-- BODY -->
	<div>
		CONTENT Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit illo rem dicta temporibus beatae quibusdam dolore fugit, quidem nostrum. Hic asperiores enim ipsum maxime. Hic nisi nulla iusto id commodi?
	</div>

	<!-- FOOTER -->
	<div>
		<button name="cancel">Cancel</button>
		<button name="submit"><i class="ti ti-plus"></i>Create folder</button>
	</div>

</ui-component>

<script>

	function folder_submit(hide) {
		alert('SUBMIT');
		hide();
	}

	var common = {};

	// Show the form
	common.form = 'folder';

</script>
```