j-Console2

jComponent 20 · jcomponent@20 component Exemplu încărcat cu jComponent 20

Modul întunecat - Dark Mode

Configurarea:

icon {String} un icon de etichetă (default: ti ti-script)
name {String} o etichetă (default: Console)
datasource {String} required o cale către o sursă de date Array
clear {String_LinkToFunction/Boolean} adăuga un buton clar (default: true)
Consola autoclose {Boolean} se închide automat după curățare (default: true)
Consola autoshow {Boolean} se deschide automat după noi înregistrări (default: true)
Înălțimea consolei height {Number} în pixeli (default: 150)

Utilizați-l cu <ui-component name="console2">Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa DEF.fallback (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

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>