# j-Page

> Tato složka může zacházet s různými obsahy asynchronně. složka má stejnou funkci jako j-Part. Pokud prvek neobsahuje žádný obsah, pak složka stahuje obsah akor

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

Tato složka může zacházet s různými obsahy asynchronně. složka má stejnou funkci jako `j-Part`. __Jestliže prvek neobsahuje žádný obsah__ pak složka stahuje obsah podle `url` definovaného v konfiguraci.

- __NEW__ `path` může obsahovat `{String Array}`

__Konfigurace__:

- `url {String}` požadovaný, relativní adresa URL
- `if {String}` požadovaný, podmínka, je srovnána s hodnotou v rámci `path` (__NEW__: podporuje více cest rozdělených `comma`)
- `reload {String}` volitelné, odkaz na funkci `function(init) {}`, je spuštěn, když je stránka viditelná (vždy)
- `hidden {String}` volitelné, odkaz na funkci, je spuštěn, když je stránka skrytá (vždy)
- `init {String}` volitelné, odkaz na funkci, je spuštěn, když je stránka viditelná a on-time
- `default {String}` volitelný, krátký alias pro `DEFAULT(default)`
- Volitelný, automaticky skrytý prvek `hide {Boolean}`, pokud stav `if` není platný (předvolený: `true`)
- `cleaner {Number}` volitelný, idle čas (v minutách) pro běh čištění (default: `0`)
- `clean {String}` volitelné, odkaz na funkci, je spuštěn dříve, než je stránka vyčištěna
- `loading {Boolean}` volitelně, umožňuje nabíjení prostřednictvím `SETTER('loading')` (podmínkou: `true`)
- `path {String}` volitelně, složka nahrazuje všechny fráze `~PATH~` a `CLASS` pro hodnotu `path` v staženém šabloně
- `replace {String}` volitelné, odkaz na metodu `function(content) { return content }` který může změnit stáhnutou šablónu
- `absolute {Boolean}` volitelné, umožňuje absolutní polohu (default `false`)
- `check {String}` volitelné, odkaz na funkci `function(next) { next(); }`, je spuštěn, když stránka chce zobrazit
- `invisible {Boolean}` umožňuje přidání třídy `invisible` při ukrývání stránky (předběžně: `false`)
- `delay {Number}` zpoždění (v ms) pro odstranění třídy `invisible` a ukrytí `loading` (předvolené: `500`)
- `autofocus {Boolean/String}` se soustředí na první vstup, textarea (přesněji řečeno: `false`)
- `delayloading {Number}` zpoždění (v ms) pro skrytí `loading` (předvolené: `800`)
- `id {String}` Způsob, jak nahradit `~ID~` Zkratky v importovaném HTML (default: prázdné)

__Dobré vědět 1__:

- Všichni `CLASS` a `~PATH~` Tyto fráze budou nahrazeny `config.path` nebo `config.if` automaticky
- Všichni `~ID~` Tyto fráze budou nahrazeny `config.id` automaticky

__Dobré vědět 2__:

Stránka komponenta vydává `event` ve formě: `pages.` + `config.if` pro rozšíření stránek.

__Dobré je znát 3__:

Pokud složka stránky není v rozsahu, pak hodnota z `config.if` nahradí znaky `?` ve všech konfiguračních klíčkách.

```js
ON('pages.YOURIFCONDITION', function(element, pagecomponent) {
	// It's executed only when the page is initialized
});
```

Použijte ji s `<ui-component name="page">`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="page" path="currentpage" config="if:home;url:/bla/bla/home.html"></ui-component>
<ui-component name="page" path="currentpage" config="if:services;url:/bla/bla/services.html;reload:services_reload"></ui-component>
<ui-component name="page" path="currentpage" config="if:contact;url:/bla/bla/contact.html;reload:contact_reload"></ui-component>

<pre><code>SET(&#39;currentpage&#39;, &#39;home&#39;);</code></pre>

<script>
	var currentpage = '';
</script>
```