ForgeKomponenty
sk

Komponenty

j-Console2

jComponent 20 · jcomponent@20 component Príklad načítaný s jComponent 20
  • podporuje tmavý režim

Konfigurácia:

  • icon {String} ikona štítku (predvolené: ti ti-script)
  • name {String} a label (default: Console)
  • datasource {String} vyžaduje cestu k zdroju údajov Array
  • clear {String_LinkToFunction/Boolean} pridá tlačidlo na vymazanie (predvolené: true)
  • Konzola autoclose {Boolean} sa po vymazaní automaticky zatvorí (predvolené: true)
  • Konzola autoshow {Boolean} sa automaticky otvorí po nových protokoloch (predvolené: true)
  • Výška konzoly height {Number} v pixeloch (predvolené: 150)

Použite ho so <ui-component name="console2">. 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.

example.html
<style>
	body { background-color: #D0D0D0; }
</style>

<ui-component name="console2" path="visible" config="datasource:logs"></ui-component>

<script>

	var visible = true;
	var logs = [];

	logs.push({ type: 'info', body: 'Lorem <b>ipsum</b> dolor sit amet, consectetur adipisicing elit. Soluta, ea.' });
	logs.push({ type: 'error', body: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta, ea.' });

	// 2 seconds delay
	setTimeout(() => PUSH('logs', { type: 'warning', body: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic, tempora.' }), 2000);

</script>