From 032ebfd307cdaa3749d07f422abb9819cd78de5a Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Wed, 14 Nov 2018 07:40:24 -0800
Subject: [PATCH] Makes background dark

---
 assets/pages/Container.vue | 17 +++++++++++++----
 main.go                    |  2 +-
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/assets/pages/Container.vue b/assets/pages/Container.vue
index 71964f3a..c66b76ed 100644
--- a/assets/pages/Container.vue
+++ b/assets/pages/Container.vue
@@ -1,6 +1,6 @@
 <template lang="html">
   <ul ref="events" class="events">
-    <li v-for="item in messages" class="event">
+    <li v-for="item in messages" class="event" :key="item.key">
       <span class="date">{{ item.dateRelative }}</span>
       <span class="text">{{ item.message }}</span>
     </li>
@@ -15,9 +15,9 @@ const parseMessage = data => {
   const date = new Date(data.substring(0, 30));
   const dateRelative = formatRelative(date, new Date());
   const message = data.substring(30);
-  const id = nextId++;
+  const key = nextId++;
   return {
-    id,
+    key,
     date,
     dateRelative,
     message
@@ -32,7 +32,10 @@ export default {
       messages: []
     };
   },
-  mounted() {
+  beforeCreate() {
+    document.documentElement.className = "dark";
+  },
+  created() {
     ws = new WebSocket(`ws://${window.location.host}/api/logs?id=${this.id}`);
     ws.onopen = e => console.log("Connection opened.");
     ws.onclose = e => console.log("Connection closed.");
@@ -49,6 +52,7 @@ export default {
   beforeDestroy() {
     ws.close();
     ws = null;
+    document.documentElement.className = "";
   }
 };
 </script>
@@ -71,4 +75,9 @@ export default {
   background-color: #262626;
   color: #258ccd;
 }
+
+html.dark {
+  background-color: #111;
+  color: #ddd;
+}
 </style>
diff --git a/main.go b/main.go
index 492fe823..7e6605a9 100644
--- a/main.go
+++ b/main.go
@@ -74,7 +74,7 @@ func logs(w http.ResponseWriter, r *http.Request) {
 	}
 	defer c.Close()
 
-	options := types.ContainerLogsOptions{ShowStdout: true, ShowStderr: true, Follow: true, Tail: "500", Timestamps: true}
+	options := types.ContainerLogsOptions{ShowStdout: true, ShowStderr: true, Follow: true, Tail: "300", Timestamps: true}
 	reader, err := cli.ContainerLogs(context.Background(), id, options)
 	defer reader.Close()
 	if err != nil {