# j-Importer

> j-Import je skvelý komponent na importovanie HTML šablón, skriptov alebo štýlov podľa cesty a podmienky. Komponent môže pomôcť s aplikáciami SPA, pretože môžete jednoducho importovať šablóny,

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

__j-Import__ je skvelý komponent na importovanie HTML šablón, skriptov alebo štýlov podľa cesty a podmienky. Komponent môže pomôcť s aplikáciami SPA, pretože môžete jednoducho dynamicky importovať šablóny, skripty alebo štýly.


__Konfigurácia__:

- `if {String}` musí obsahovať hodnotu
- `url {String}` relatívne/absolútne URL na podstránku alebo podčasť
- `reload {String}` odkaz na metódu v globálnom rozsahu, vykoná sa, ak je platná __podmienka__
- `cleaner {Number}` (voliteľné) čas nečinnosti (v minútach) pre spustenie čistenia (predvolené: `0`)
- `clean {String}` (voliteľné) prepojenie na funkciu, vykoná sa pred vyčistením importéra
- `id {String}` vlastný identifikátor na nahradenie fráz `~ID~` v importovanom HTML (predvolené: prázdne)
- __NEW__: `singleton {Boolean}` spracováva iba jednu inštanciu dovozcu podľa `path + if + url` (predvolené: `false`)
- __NOVINKA__: `parent {String}` sa pohybuje ako priame dieťa voliča `parent`
- __NEW__: `adapt {Boolean}` ak `true` volá metódu `reload:?/soemthing` pre vnorený doplnok namiesto aktuálneho doplnku (predvolené: `false`)

__Nová aktualizácia__:

j-Importer môže obsahovať `<script type="text/html">` s obsahom, ktorý bude v prípade platnosti podmienky vyhodnotený ako HTML.

__Je dobré vedieť 1__:

- všetky frázy `CLASS` a `~PATH~` budú automaticky nahradené výrazmi `config.path` alebo `config.if`
- všetky frázy `~ID~` budú automaticky nahradené frázami `config.id`
- importér automaticky nahradí prvky `<SCR>` na prvky `<script>` iba v rámci šablóny `<script type="text/html">`

__Je dobré vedieť 2__:

Ak komponent dielu nie je v rozsahu, potom hodnota zo `config.if` nahradí znaky `?` vo všetkých konfiguračných kľúčoch.

Použite ho so `<ui-component name="importer">`. 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
<div>CURRENT VALUE: <ui-bind path="myvalue" config="html:value"></ui-bind></div>
<ui-component name="importer" path="myvalue" config="if:d3;url:https://d3js.org/d3.v4.min.js"></ui-component>

<script>

	var myvalue = '';

	setTimeout(function() {
		SET('myvalue', 'd3');
	}, 3000);

	setTimeout(function() {
		SET('myvalue', null);
	}, 5000);

	setTimeout(function() {
		// The component contains prevention for double import, so D3 won't be imported again.
		SET('myvalue', 'd3');
	}, 8000);

</script>
```