# j-Permissions

> j-Permissions: - jComponent v19|v20; NOVINKA: exec {String} voliteľné, vykoná metódu (cesta.k.metóde), keď používateľ zmení hodnotu

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

- - jComponent `v19|v20`

__Konfigurácia__:

- `placeholder {String}` zástupný symbol pre komponent `j-Directory` (predvolené: `Search`)
- Typy povolení `types {String}` (len jeden znak na operáciu!!!!) (pole oddelené čiarkou, predvolené: `R,W`)
- `dirsource {String}` voliteľné, cesta k zdroju údajov alebo __NEW__: `id|name,id|name`
- `empty {String}` voliteľné, pridá text do prázdnych oprávnení
- `disabled {Boolean}` voliteľné, deaktivuje tento komponent
- `default {String}` predvolená hodnota `type` (predvolená: `R`)
- `dirraw {Boolean}` voliteľné, zakáže kódovanie HTML pre text v `j-Directory` (predvolené: `false`)
- `autoremove {Boolean}` voliteľné, automaticky odstráni neexistujúce povolenia (predvolené: `true`)
- `autoexclude {Boolean}` voliteľné, vylučuje použité povolenia zo `dirsource` (predvolené: `true`)
- __NEW__: `exec {String}` voliteľné, vykoná metódu (`path.to.method`), keď používateľ zmení hodnotu
- __NEW__: `button {String}` voliteľné, označenie tlačidla (predvolené: `Add`)

__Zdroj__:

```js
[
	{
		id: "123456",
		name: 'Peter'
	},
	{
		id: "654321",
		name: 'John'
	}
]
```

__Vstup a výstup__:

```js
['R123456', 'W123456', 'W654321']
```

Použite ho so `<ui-component name="permissions">`. 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
<ui-component name="directory"></ui-component>
<ui-component name="permissions" path="mypermissions" config="dirsource:datasource;types:R|Read,U|Update;empty:Set permissions">Permissions</ui-component>

<div class="mt10"><ui-bind path="mypermissions" config="text:JSON.stringify(value)"></ui-bind></div>

<script>
	var mypermissions = ['Radmin', 'Remployee', 'Uaccountant'];
	var datasource = [{ id: 'admin', name: 'Admin' }, { id: 'employee', name: 'Employee' }, { id: 'accountant', name: 'Accountant' }];
</script>
```