Skip to content
Snippets Groups Projects
Verified Commit 275938ee authored by Volker Schukai's avatar Volker Schukai :alien:
Browse files

feat(log): set direction

parent d413d9a0
No related branches found
No related tags found
No related merge requests found
...@@ -81,6 +81,8 @@ class Log extends CustomElement { ...@@ -81,6 +81,8 @@ class Log extends CustomElement {
* @property {string} templates.main Main template * @property {string} templates.main Main template
* @property {Object} labels Labels * @property {Object} labels Labels
* @property {string} labels.nothingToReport Label for empty state * @property {string} labels.nothingToReport Label for empty state
* @property {Object} classes Classes
* @property {string} classes.direction Direction of the log: ascending or descending
* @property {number} updateFrequency Update frequency in milliseconds for the timestamp * @property {number} updateFrequency Update frequency in milliseconds for the timestamp
*/ */
get defaults() { get defaults() {
...@@ -93,8 +95,8 @@ class Log extends CustomElement { ...@@ -93,8 +95,8 @@ class Log extends CustomElement {
nothingToReport: "There is nothing to report yet.", nothingToReport: "There is nothing to report yet.",
}, },
classes: { features: {
direction: "vertical", direction: "ascending",
}, },
updateFrequency: 10000, updateFrequency: 10000,
...@@ -123,8 +125,7 @@ class Log extends CustomElement { ...@@ -123,8 +125,7 @@ class Log extends CustomElement {
* @return {Log} * @return {Log}
*/ */
clear() { clear() {
this[logElementSymbol].innerHTML = ""; this[logElementSymbol].setOption("entries", []);
this[emptyStateElementSymbol].style.display = "block";
return this; return this;
} }
...@@ -141,7 +142,11 @@ class Log extends CustomElement { ...@@ -141,7 +142,11 @@ class Log extends CustomElement {
} }
const entries = this.getOption("entries"); const entries = this.getOption("entries");
if (this.getOption("features.direction") === "ascending") {
entries.unshift(entry);
} else {
entries.push(entry); entries.push(entry);
}
/** this field is not used, but triggers a change event */ /** this field is not used, but triggers a change event */
this.setOption("length", entries.length - 1); this.setOption("length", entries.length - 1);
......
...@@ -25,7 +25,7 @@ export { State }; ...@@ -25,7 +25,7 @@ export { State };
/** /**
* A state component * A state component
* *
* @fragments /fragments/components/state/state/ * @fragments /fragments/components/state/state
* *
* @example /examples/components/state/state-simple * @example /examples/components/state/state-simple
* *
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment