j-Console2

jComponent 20 · jcomponent@20 component Beispiel mit jComponent 20 geladen

unterstützt den Dark-Modus

Konfiguration:

icon {String} ein Beschriftungssymbol (Standard: ti ti-script)
name {String} ein Label (Standard: Console)
datasource {String} required ein Pfad zu einer Datenquelle Array
clear {String_LinkToFunction/Boolean} fügt eine Schaltfläche zum Löschen hinzu (Standard: true)
autoclose {Boolean}-Konsole wird nach dem Löschen automatisch geschlossen (Standard: true)
autoshow {Boolean}-Konsole öffnet sich automatisch nach neuen Protokollen (Standard: true)
height {Number} Konsolenhöhe in Pixel (Standard: 150)

Verwenden Sie es mit <ui-component name="console2">. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in DEF.fallback herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

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>