diff --git a/marko/page/logs/components/logs-table-row/component.js b/marko/page/logs/components/logs-table-row/component.js
new file mode 100644
index 0000000..83cb82b
--- /dev/null
+++ b/marko/page/logs/components/logs-table-row/component.js
@@ -0,0 +1,10 @@
+const moment = require("moment")
+
+module.exports = class {
+ onCreate(input) {
+ this.state = {
+ expand: false,
+ dateStr: moment(input.log.date).format("MMM D, YYYY"),
+ }
+ }
+}
\ No newline at end of file
diff --git a/marko/page/logs/components/logs-table-row/index.marko b/marko/page/logs/components/logs-table-row/index.marko
new file mode 100644
index 0000000..1a69c0d
--- /dev/null
+++ b/marko/page/logs/components/logs-table-row/index.marko
@@ -0,0 +1,22 @@
+$ const fullNames = (input.log.characters.length < 4);
+
+
+
+ ${state.dateStr}
+ |
+
+
+ ${(input.log.eventName || "").replace(/\s/g, " ")}
+ |
+
+
+
+
+
\ No newline at end of file
diff --git a/marko/page/logs/components/logs-table-row/style.less b/marko/page/logs/components/logs-table-row/style.less
new file mode 100644
index 0000000..04e4cbd
--- /dev/null
+++ b/marko/page/logs/components/logs-table-row/style.less
@@ -0,0 +1,19 @@
+tr.logs-table-row {
+ td {
+ padding: 0.25em 1ch;
+ text-align: center;
+ border-bottom: 1px solid rgba(51, 51, 51, 0.5);
+
+ a {
+ color: inherit;
+ }
+ }
+
+ td.expand {
+ width: 2%;
+ }
+
+ td.channel, td.date, td.event {
+ width: 12%;
+ }
+}
\ No newline at end of file
diff --git a/marko/page/logs/components/logs-table/index.marko b/marko/page/logs/components/logs-table/index.marko
new file mode 100644
index 0000000..5842b1e
--- /dev/null
+++ b/marko/page/logs/components/logs-table/index.marko
@@ -0,0 +1,11 @@
+import moment from "moment"
+
+
+
+ Date |
+ Channel |
+ Event |
+ Characters |
+
+
+
\ No newline at end of file
diff --git a/marko/page/logs/components/logs-table/style.less b/marko/page/logs/components/logs-table/style.less
new file mode 100644
index 0000000..9e37038
--- /dev/null
+++ b/marko/page/logs/components/logs-table/style.less
@@ -0,0 +1,11 @@
+table.logs-table {
+ outline: 1px solid;
+ margin: 1em auto;
+ width: 90%;
+ max-width: 140ch;
+
+ a:hover {
+ cursor: pointer;
+ text-decoration: underline;
+ }
+}
\ No newline at end of file
diff --git a/marko/page/logs/components/page/component.js b/marko/page/logs/components/page/component.js
index 0dc6761..61aa792 100644
--- a/marko/page/logs/components/page/component.js
+++ b/marko/page/logs/components/page/component.js
@@ -21,14 +21,13 @@ module.exports = class {
if (type === "search") {
this.state.filter = Object.assign({}, this.state.filter, {search: filter})
} else {
- this.state.filter = Object.assign({}, this.state.filter, {[type]: (this.state.filter[type] || []).concat(filter)})
+ this.state.filter = Object.assign({}, this.state.filter, {[type]: (this.state.filter[type] || []).filter(f => f !== filter).concat(filter)})
}
this.refresh()
}
removeFilter(type, filter) {
-
if (type === "search") {
this.state.filter = Object.assign({}, this.state.filter, {search: null})
this.refresh()
diff --git a/marko/page/logs/components/page/index.marko b/marko/page/logs/components/page/index.marko
index dbf9daa..2c438f8 100644
--- a/marko/page/logs/components/page/index.marko
+++ b/marko/page/logs/components/page/index.marko
@@ -1,7 +1,7 @@
-
+