Removes rpm and dep

1.0.3
Adds different colors
2018-10-30 18:06:33 -07:00 · 2018-10-30 18:04:10 -07:00 · 2018-10-30 18:04:00 -07:00 · 2018-10-30 16:39:10 -07:00 · 2018-10-30 16:38:59 -07:00
7 changed files with 55 additions and 50 deletions
--- a/.goreleaser.yml
+++ b/.goreleaser.yml
@@ -30,25 +30,6 @@ changelog:
    exclude:
      - "^docs:"
      - "^test:"
-
-nfpm:
-  name_template: "{{ .ProjectName }}_{{ .Version }}_{{ .Os }}_{{ .Arch }}"
-  replacements:
-    amd64: 64-bit
-    386: 32-bit
-    arm64: ARM_64-bit
-    arm: ARM_32-bit
-    linux: Linux
-    darwin: macOS
-
-  vendor: Amir Raminfar
-  homepage: https://github.com/amir20/dozzle/
-  maintainer: Amir Raminfar <findamir@gmail.com>
-  license: MIT
-  formats:
-    - deb
-    - rpm
-
 dockers:
  - image_templates:
      - "amir20/dozzle:{{ .Tag }}"
--- a/assets/App.vue
+++ b/assets/App.vue
@@ -1,10 +1,5 @@
 <template lang="html">
-  <div class="content">
-    <p>
-      <router-link to="/">Go back</router-link>      
-    </p>
-    <router-view></router-view>
-  </div>
+   <router-view></router-view>
 </template>

 <script>
@@ -14,4 +9,7 @@ export default {
 </script>

 <style lang="css">
+.section.is-fullwidth {
+  padding: 0 !important;
+}
 </style>
--- a/assets/index.html
+++ b/assets/index.html
@@ -1,13 +1,16 @@
 <!DOCTYPE html>
 <html>
-
-<head>
-  <meta charset="utf-8">
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.css" integrity="sha256-dMQYvN6BU9M4mHK94P22cZ4dPGTSGOVP41yVXvXatws=" crossorigin="anonymous" />
-</head>
-
-<body>
-  <div id="app"></div>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Dozzle!</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css">
+    <script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
+  </head>
+  <body>
+  <section class="section is-fullwidth">
+    <div id="app"></div>
+  </section>
  <script src="/main.js"></script>
-</body>
+  </body>
 </html>
--- a/assets/pages/Container.vue
+++ b/assets/pages/Container.vue
@@ -1,7 +1,7 @@
 <template lang="html">
-  <pre ref="logs">
+  <ul ref="events" class="events">
    
-  </pre>
+  </ul>
 </template>

 <script>
@@ -15,14 +15,27 @@ export default {
    ws.onclose = e => console.log("Connection closed.");
    ws.onerror = e => console.error("Connection error: " + e.data);
    ws.onmessage = e => {
-      const parent = this.$refs.logs;
-      const item = document.createTextNode(e.data);
+      const parent = this.$refs.events;
+      const item = document.createElement("li");
+      item.classList.add("event");
+      item.innerHTML = e.data;
      parent.appendChild(item);
-      parent.scrollIntoView({block: "end"});
+      item.scrollIntoView();
    };
  }
 };
 </script>
 <style>
-
+.events {
+  color: #ddd;
+  background-color: #111;
+  padding: 10px;
+}
+.event {
+  font-family: monaco, monospace;
+  font-size: 12px;
+  line-height: 16px;
+  padding: 0 15px 0 30px;
+  word-wrap: break-word;  
+}
 </style>
--- a/assets/pages/Index.vue
+++ b/assets/pages/Index.vue
@@ -1,18 +1,23 @@
 <template lang="html">
-  <div>
-    <ul>
+  <div class="container">
+    <div class="content">
+      <section class="section">
+        <ul class="is-marginless is-paddless">
      <li v-for="item in containers" class="columns unstyled box">
-        <div class="column is-6">
-          <router-link :to="{name: 'container', params: {id: item.Id}}">{{ item.Names[0] }}</router-link>
+        <div class="column is-4">
+          <router-link :to="{name: 'container', params: {id: item.Id}}"><h2 class="is-2">{{ item.Names[0] }}</h2></router-link>
+          <span class="subtitle is-6">{{ item.Command}}</span>
+        </div>
+        <div class="column is-4 image-name">
+          <code>{{ item.Image }} {{ item.Image }}</code>
        </div>
        <div class="column is-4">
-          <code>{{ item.Image }}</code>
-        </div>
-        <div class="column is-2">
-          {{ item.Status}}
+          <span class="subtitle is-7">{{ item.Status}}</span>
        </div>
      </li>
    </ul>
+      </section>
+    </div>
  </div>
 </template>

@@ -31,4 +36,9 @@ export default {
 </script>

 <style lang="css">
+.image-name {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
 </style>
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
  "name": "dozzle",
-  "version": "1.0.1",
+  "version": "1.0.3",
  "lockfileVersion": 1,
  "requires": true,
  "dependencies": {
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "dozzle",
-  "version": "1.0.1",
+  "version": "1.0.3",
  "description": "",
  "main": "index.js",
  "scripts": {
Author	SHA1	Message	Date
Amir Raminfar	b41f755c08	Removes rpm and dep	2018-10-30 18:06:33 -07:00
Amir Raminfar	226c5bce54	1.0.3	2018-10-30 18:04:10 -07:00
Amir Raminfar	13dd12d737	Adds different colors	2018-10-30 18:04:00 -07:00
Amir Raminfar	078ffec475	1.0.2	2018-10-30 16:39:10 -07:00
Amir Raminfar	0595fdd0ce	Adds more styles	2018-10-30 16:38:59 -07:00