j-Console2

jComponent 20 · jcomponent@20 component Παράδειγμα φορτωμένο με jComponent 20

Υποστήριξη - Dark Mode

ΕΠΙΤΡΟΦΗ:

icon {String} ένα εικονίδιο ετικέτας (προεπιλεγμένο: ti ti-script)
name {String} μια ετικέτα (προεπιλεγμένη: Console)
datasource {String} απαιτείται ένα μονοπάτι προς μια πηγή δεδομένων Array
Το clear {String_LinkToFunction/Boolean} προσθέτει ένα σαφές κουμπί (προεπιλεγμένο: true)
Η κονσόλα autoclose {Boolean} κλείνει αυτόματα μετά το καθαρισμό (προεπιλεγμένο: true)
Η κονσόλα autoshow {Boolean} ανοίγει αυτόματα μετά από νέες εγγραφές (προεπιλογή: true)
Το ύψος της κονσόλας height {Number} σε pixels (προεπιλεγμένο: 150)

Χρησιμοποιήστε το με <ui-component name="console2">Όταν το στοιχείο δεν έχει φορτωθεί ακόμα, jComponent Κατεβάστε το για πρώτη φορά από τη διεύθυνση DEF.fallback (Η Componentator Συγγραφέας: Peter Širka. πηγή: το Componentator Ετικέτες Αξιολόγηση, 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>