Merge pull request #278 from SelfhostedPro/projects

scroll with log
SelfhostedPro · Feb 9, 2021 · cb26b9b · cb26b9b
2 parents 25da964 + 7ef0bba
commit cb26b9b
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 4 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -19,6 +19,7 @@
     "vee-validate": "^3.4.5",
     "vue": "^2.6.12",
     "vue-chartjs": "^3.5.1",
+    "vue-chat-scroll": "^1.4.0",
     "vue-router": "^3.4.9",
     "vue2-ace-editor": "0.0.15",
     "vuetify": "^2.4.2",

diff --git a/frontend/src/components/applications/ApplicationDetailsComponents/AppLogs.vue b/frontend/src/components/applications/ApplicationDetailsComponents/AppLogs.vue
@@ -11,6 +11,7 @@
     </v-card-text>
     <v-virtual-scroll
       v-else
+      v-chat-scroll="{enable: true, always: false, notSmoothOnInit: true}"
       :bench="20"
       :items="logs"
       height="600"
@@ -19,9 +20,9 @@
       id="logcontainer"
     >
       <template v-slot="{ item }">
-        <div id="logtext">
+        <li id="logtext">
           {{ item }}
-        </div>
+        </li>
       </template>
     </v-virtual-scroll>
   </v-card>
@@ -32,7 +33,8 @@
 export default {
   props: ["app", "logs"],
   data() {
-    return {};
+    return {
+    };
   }
 };
 </script>

diff --git a/frontend/src/main.js b/frontend/src/main.js
@@ -3,6 +3,7 @@ import Vue from "vue";
 import App from "./App.vue";
 import router from "./router";
 import store from "./store";
+import VueChatScroll from 'vue-chat-scroll';
 // API Calls
 import axios from "axios";
 // UI Framework
@@ -13,6 +14,8 @@ import "./vee-validate";
 // Animations
 require("animate.css/animate.compat.css");
 
+Vue.use(VueChatScroll)
+
 Vue.config.productionTip = false;
 
 // Handle Token Refresh on 401