# j-Panel

> Nová verze této složky podporuje dynamickou hodnocení obsahu <script type='text/html'>. Příklad níže obsahuje skript s HTML a složka hodnotí obsah, pokud j-Pa

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

- Podporuje _tmavý režim_

__Konfigurace__:

- Titulek `title {String}`
- Požadavek `if {String}` pro zobrazení okna je ve srovnání s hodnotou v rámci `path`
- `icon {String}` Ikony bez `ti-`
- `reload {String}` odkaz na globální funkci a je spuštěn, pokud je formulář zobrazován
- `enter {Boolean}` je volitelný, automaticky zachytí klíč `enter` a provádí předání (default: `false`)
- `autofocus {Boolean/String}` volitelně, může se soustředit na vstup. `String` === `jQuery selector` pro vstup
- `default {String}` volitelný, krátký alias pro `DEFAULT(default, true)`
- `closebutton {Boolean}` volitelně, může skrývat tlačítko `x` (předvolené: `false`)
- `width {Number}` volitelné, výchozí šířka panelu (důvodní: `300`)
- `bg {Boolean}` volitelně, může být deaktivován `background` (předvolený: `true`)
- `bgclose {Boolean}` je volitelný, pokud uživatel klikne na pozadí, pak bude panel uzavřen (podle předvolby: `false`)
- `zindex {Number}` je volitelný, může ovlivnit index z (default: `12`)
- `close {String}` volitelně, cesta/metoda se provádí jako `path_to_method(com)` když uživatel manuálně zavře panel pomocí tlačítka uzavření
- `scrollbar {Boolean}` volitelně, umožňuje přizpůsobený scrollbar (default: `true`)
- `scrollbarY {Boolean}` volitelně, zobrazuje vertikální přizpůsobené skříňky (default: `true`)
- `scrollbarshadow {Boolean}` volitelně, umožňuje stín v sklonu (podmíněné: `false`)
- `menu {String}` volitelně, odkaz na funkci (panel zobrazí tlačítko s ikonu burgeru v titulní řádku)
- `container {String}` volitelný, jQuery selektor (tento kontejner znamená kontejnera pro scrollbar)
- `margin {Number}` volitelný, margin pro `container` a jeho `scrollbar` (pracuje pouze s `container`)
- `closeicon {String}` volitelný, Font-Awesome ikona (podmínkou: `ti ti-times`)
- __NEW__ `closeesc {Boolean}` uzavírá formulář, když uživatel stiskne klíč `ESC`

__Dobré vědět__:

Nová verze této složky 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-Panel (pouze jednou).

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

Použijte ji s `<ui-component name="panel">`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
<ui-component name="panel" path="common.panel" config="if:user;title:Title of this panel" class="hidden">
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
</ui-component>

<script>
	var common = {};
	common.panel = 'user';
</script>
```