j-Console2

jComponent 20 · jcomponent@20 component Exemple chargé avec jComponent 20

prend en charge le mode sombre

Configuration :

icon {String} une icône d'étiquette (par défaut : ti ti-script)
name {String} une étiquette (par défaut : Console)
datasource {String} required un chemin vers une source de données Array
clear {String_LinkToFunction/Boolean} ajoute un bouton d'effacement (par défaut : true)
La console autoclose {Boolean} se ferme automatiquement après l'effacement (par défaut : true)
La console autoshow {Boolean} s'ouvre automatiquement après de nouveaux journaux (par défaut : true)
Hauteur de la console height {Number} en pixels (par défaut : 150)

Utilisez-le avec <ui-component name="console2">. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans DEF.fallback (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence 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>