j-Console2

jComponent 20 · jcomponent@20 component Ejemplo cargado con jComponent 20

admite modo oscuro

Configuración:

icon {String} un icono de etiqueta (predeterminado: ti ti-script)
name {String} una etiqueta (predeterminada: Console)
datasource {String} requirió una ruta a una fuente de datos Array
clear {String_LinkToFunction/Boolean} agrega un botón de borrar (predeterminado: true)
La consola autoclose {Boolean} se cierra automáticamente después de borrarse (predeterminado: true)
La consola autoshow {Boolean} se abre automáticamente después de nuevos registros (predeterminado: true)
height {Number} altura de la consola en píxeles (predeterminado: 150)

Úselo con <ui-component name="console2">. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en DEF.fallback (la CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes 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>