# j-FixedModal

> Obsah j-FixedModal je rozdělen na 3 části: hlava, tělo a stop. Každá část musí být definována. Komponenta přidává třídy CSS do každé části, například první div bude obsahovat ui-fixedmodal

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

- Práce pouze s `+v17`
- Komponenta pohybuje obsah této složky pod označením `<body>` (z důvodu umístění)


__Konfigurace__:

- `width {Number}` Modální max. šířka
- `if {String}` podmínka pro zobrazení modal, je ve srovnání s hodnotou v rámci `path`
- `reload {String}` odkaz na globální funkci a je spuštěn, pokud formulář zobrazuje
- `submit {String}` odkaz na globální funkci a je spuštěn, pokud je tlačítko předložení stisknuto
- `cancel {String}` odkaz na globální funkci a je spuštěn, pokud je tlačítko zrušení stisknuto
- `enter {Boolean}` automaticky zaznamenává klíč `enter` a provádí předání (podmínkou: `false`)
- `autofocus {Boolean/String}` může soustředit vstup. `String` === `jQuery selector` pro vstup
- `default {String}` krátký alias pro `DEFAULT(default, true)`
- `zindex {Number}` může mít vliv na index z (předvolený: `12`)

__Dobré vědět__:

Obsah `j-FixedModal` je rozdělen na 3 části: `header`, `body` a `footer`.Každá část musí být definována.Komponent přidává třídy CSS do každé části, například první `div` bude obsahovat `ui-fixedmodal-header`, druhý `ui-fixedmodal-body` a třetí `ui-fixedmodal-footer`.

---

Tato složka podporuje dynamickou hodnocení obsahu `<script type="text/html">`. Příklad níže obsahuje skript s HTML a složka hodnotí obsah, pokud se zobrazí j-Modal (pouze jednou).

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

Použijte ji s `<ui-component name="fixedmodal">`Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy `DEF.fallback` a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

```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>
```