Reformats code

amir20 · Mar 30, 2020 · 024dd22 · 024dd22
1 parent 564d089
commit 024dd22
Show file tree

Hide file tree

Showing 15 changed files with 81 additions and 84 deletions.
diff --git a/assets/App.vue b/assets/App.vue
@@ -58,18 +58,18 @@ export default {
     Splitpanes,
     Pane,
     Search,
-    ContainerTitle
+    ContainerTitle,
   },
   data() {
     return {
       title: "",
-      collapseNav: false
+      collapseNav: false,
     };
   },
   metaInfo() {
     return {
       title: this.title,
-      titleTemplate: "%s - Dozzle"
+      titleTemplate: "%s - Dozzle",
     };
   },
   async created() {
@@ -89,27 +89,27 @@ export default {
       } else {
         document.documentElement.classList.remove("has-custom-scrollbars");
       }
-    }
+    },
   },
   computed: {
     ...mapState(["containers", "activeContainers", "isMobile", "settings"]),
     hasSmallerScrollbars() {
       return this.settings.smallerScrollbars;
-    }
+    },
   },
   methods: {
     ...mapActions({
       fetchContainerList: "FETCH_CONTAINERS",
       removeActiveContainer: "REMOVE_ACTIVE_CONTAINER",
-      updateSetting: "UPDATE_SETTING"
+      updateSetting: "UPDATE_SETTING",
     }),
     onResized(e) {
       if (e.length == 2) {
         const menuWidth = e[0].size;
         this.updateSetting({ menuWidth });
       }
-    }
-  }
+    },
+  },
 };
 </script>
 

diff --git a/assets/components/ContainerTitle.vue b/assets/components/ContainerTitle.vue
@@ -13,10 +13,10 @@ export default {
     value: String,
     closable: {
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
-  name: "ContainerTitle"
+  name: "ContainerTitle",
 };
 </script>
 

diff --git a/assets/components/InfiniteLoader.vue b/assets/components/InfiniteLoader.vue
@@ -7,16 +7,16 @@ export default {
   name: "InfiniteLoader",
   data() {
     return {
-      isLoading: false
+      isLoading: false,
     };
   },
   props: {
     onLoadMore: Function,
-    enabled: Boolean
+    enabled: Boolean,
   },
   mounted() {
     const intersectionObserver = new IntersectionObserver(
-      async entries => {
+      async (entries) => {
         if (entries[0].intersectionRatio <= 0) return;
         if (this.onLoadMore && this.enabled) {
           const scrollingParent = this.$el.closest("[data-scrolling]") || document.documentElement;
@@ -31,7 +31,7 @@ export default {
     );
 
     intersectionObserver.observe(this.$refs.observer);
-  }
+  },
 };
 </script>
 <style scoped lang="scss"></style>
diff --git a/assets/components/LogEventSource.vue b/assets/components/LogEventSource.vue
@@ -16,20 +16,20 @@ function parseMessage(data) {
   return {
     key,
     date,
-    message
+    message,
   };
 }
 
 export default {
   props: ["id"],
   name: "LogEventSource",
   components: {
-    InfiniteLoader
+    InfiniteLoader,
   },
   data() {
     return {
       messages: [],
-      buffer: []
+      buffer: [],
     };
   },
   created() {
@@ -52,11 +52,11 @@ export default {
         250,
         { maxWait: 1000 }
       );
-      this.es.onmessage = e => {
+      this.es.onmessage = (e) => {
         this.buffer.push(parseMessage(e.data));
         flushBuffer();
       };
-      this.es.onerror = e => console.log("EventSource failed." + e);
+      this.es.onerror = (e) => console.log("EventSource failed." + e);
       this.$once("hook:beforeDestroy", () => this.es.close());
     },
     async loadOlderLogs() {
@@ -73,17 +73,17 @@ export default {
         const newMessages = logs
           .trim()
           .split("\n")
-          .map(line => parseMessage(line));
+          .map((line) => parseMessage(line));
         this.messages.unshift(...newMessages);
       }
-    }
+    },
   },
   watch: {
     id(newValue, oldValue) {
       if (oldValue !== newValue) {
         this.loadLogs(newValue);
       }
-    }
-  }
+    },
+  },
 };
 </script>
diff --git a/assets/components/LogViewer.vue b/assets/components/LogViewer.vue
@@ -20,16 +20,13 @@ export default {
   components: {},
   data() {
     return {
-      showSearch: false
+      showSearch: false,
     };
   },
   methods: {
-    colorize: function(value) {
-      return ansiConvertor
-        .toHtml(value)
-        .replace("&lt;mark&gt;", "<mark>")
-        .replace("&lt;/mark&gt;", "</mark>");
-    }
+    colorize: function (value) {
+      return ansiConvertor.toHtml(value).replace("&lt;mark&gt;", "<mark>").replace("&lt;/mark&gt;", "</mark>");
+    },
   },
   computed: {
     ...mapState(["searchFilter", "settings"]),
@@ -40,10 +37,10 @@ export default {
         try {
           const regex = isSmartCase ? new RegExp(searchFilter, "i") : new RegExp(searchFilter);
           return messages
-            .filter(d => d.message.match(regex))
-            .map(d => ({
+            .filter((d) => d.message.match(regex))
+            .map((d) => ({
               ...d,
-              message: d.message.replace(regex, "<mark>$&</mark>")
+              message: d.message.replace(regex, "<mark>$&</mark>"),
             }));
         } catch (e) {
           if (e instanceof SyntaxError) {
@@ -54,13 +51,13 @@ export default {
         }
       }
       return messages;
-    }
+    },
   },
   filters: {
     relativeTime(date) {
       return formatRelative(date, new Date());
-    }
-  }
+    },
+  },
 };
 </script>
 <style scoped lang="scss">

diff --git a/assets/components/LogViewerWithSource.vue b/assets/components/LogViewerWithSource.vue
@@ -13,7 +13,7 @@ export default {
   name: "LogViewerWithSource",
   components: {
     LogEventSource,
-    LogViewer
-  }
+    LogViewer,
+  },
 };
 </script>
diff --git a/assets/components/MobileMenu.vue b/assets/components/MobileMenu.vue
@@ -34,22 +34,22 @@ export default {
   name: "MobileMenu",
   data() {
     return {
-      showNav: false
+      showNav: false,
     };
   },
 
   computed: {
     ...mapState(["containers"]),
-    ...mapGetters(["activeContainersById"])
+    ...mapGetters(["activeContainersById"]),
   },
   methods: {
-    ...mapActions({})
+    ...mapActions({}),
   },
   watch: {
     $route(to, from) {
       this.showNav = false;
-    }
-  }
+    },
+  },
 };
 </script>
 <style scoped lang="scss">

diff --git a/assets/components/ScrollableView.vue b/assets/components/ScrollableView.vue
@@ -27,19 +27,19 @@ export default {
   props: {
     scrollable: {
       type: Boolean,
-      default: true
-    }
+      default: true,
+    },
   },
   name: "ScrollableView",
   data() {
     return {
       paused: false,
-      hasMore: false
+      hasMore: false,
     };
   },
   mounted() {
     const { content } = this.$refs;
-    new MutationObserver(e => {
+    new MutationObserver((e) => {
       if (!this.paused) {
         this.scrollToBottom("instant");
       } else {
@@ -48,7 +48,7 @@ export default {
     }).observe(content, { childList: true, subtree: true });
 
     const intersectionObserver = new IntersectionObserver(
-      entries => (this.paused = entries[0].intersectionRatio == 0),
+      (entries) => (this.paused = entries[0].intersectionRatio == 0),
       { threshholds: [0, 1], rootMargin: "80px 0px" }
     );
 
@@ -59,8 +59,8 @@ export default {
     scrollToBottom(behavior = "instant") {
       this.$refs.scrollObserver.scrollIntoView({ behavior });
       this.hasMore = false;
-    }
-  }
+    },
+  },
 };
 </script>
 <style scoped lang="scss">

diff --git a/assets/components/Search.vue b/assets/components/Search.vue
@@ -30,7 +30,7 @@ export default {
   name: "Search",
   data() {
     return {
-      showSearch: false
+      showSearch: false,
     };
   },
   mounted() {
@@ -45,12 +45,12 @@ export default {
   },
   methods: {
     ...mapActions({
-      updateSearchFilter: "SET_SEARCH"
+      updateSearchFilter: "SET_SEARCH",
     }),
     resetSearch() {
       this.showSearch = false;
       this.filter = "";
-    }
+    },
   },
   computed: {
     ...mapState(["searchFilter", "settings"]),
@@ -60,9 +60,9 @@ export default {
       },
       set(value) {
         this.updateSearchFilter(value);
-      }
-    }
-  }
+      },
+    },
+  },
 };
 </script>
 

diff --git a/assets/components/SideMenu.vue b/assets/components/SideMenu.vue
@@ -49,13 +49,13 @@ export default {
   },
   computed: {
     ...mapState(["containers", "activeContainers"]),
-    ...mapGetters(["activeContainersById"])
+    ...mapGetters(["activeContainersById"]),
   },
   methods: {
     ...mapActions({
-      appendActiveContainer: "APPEND_ACTIVE_CONTAINER"
-    })
-  }
+      appendActiveContainer: "APPEND_ACTIVE_CONTAINER",
+    }),
+  },
 };
 </script>
 <style scoped lang="scss">

diff --git a/assets/pages/Container.vue b/assets/pages/Container.vue
@@ -20,16 +20,16 @@ export default {
   components: {
     LogViewerWithSource,
     ScrollableView,
-    ContainerTitle
+    ContainerTitle,
   },
   data() {
     return {
-      title: "loading"
+      title: "loading",
     };
   },
   metaInfo() {
     return {
-      title: this.title
+      title: this.title,
     };
   },
   mounted() {
@@ -39,15 +39,15 @@ export default {
   },
   computed: {
     ...mapState(["activeContainers"]),
-    ...mapGetters(["allContainersById"])
+    ...mapGetters(["allContainersById"]),
   },
   watch: {
     id() {
       this.title = this.allContainersById[this.id].name;
     },
     allContainersById() {
       this.title = this.allContainersById[this.id].name;
-    }
-  }
+    },
+  },
 };
 </script>
diff --git a/assets/pages/Index.vue b/assets/pages/Index.vue
@@ -11,7 +11,7 @@
 <script>
 export default {
   props: [],
-  name: "Default"
+  name: "Default",
 };
 </script>
 <style scoped>