From 310a8c1c638a69919e42cd1e2df76859e26e58a2 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Thu, 2 May 2024 13:08:56 +0200
Subject: [PATCH] frontend: remove primevue from logsviewer

---
 frontend/src/components/LogsViewer.vue | 23 +++++++----------------
 frontend/src/logs.js                   |  9 ---------
 2 files changed, 7 insertions(+), 25 deletions(-)

diff --git a/frontend/src/components/LogsViewer.vue b/frontend/src/components/LogsViewer.vue
index 47f96b1c5..de60e154f 100644
--- a/frontend/src/components/LogsViewer.vue
+++ b/frontend/src/components/LogsViewer.vue
@@ -8,11 +8,12 @@
           <span class="title">{{ name }}</span>
         </template>
         <template #right>
-          <Button type="button" :label="$t('logs.clear')" icon="pi pi-eraser" @click="onClear()" style="margin-right: 5px" />
-          <a :href="downloadUrl" target="_blank"><Button :label="$t('logs.download')" icon="pi pi-download" /></a>
-          <a class="hide-phone" style="margin-left: 5px; margin-right: 5px;" :href="'/frontend/filemanager.html#/home/app/' + id" target="_blank" v-show="type === 'app'"><Button type="button" severity="secondary" icon="pi pi-folder" :label="$t('filemanager.title')" /></a>
-          <a class="hide-phone" style="margin-right: 5px;" :href="'/frontend/terminal.html?id=' + id" target="_blank" v-show="type === 'app'"><Button severity="secondary" icon="pi pi-desktop" :label="$t('terminal.title')" /></a>
-          <Button class="hide-phone" type="button" :label="$t('filemanager.toolbar.restartApp')" severity="secondary" icon="pi pi-sync" @click="onRestartApp" :loading="busyRestart" v-show="type === 'app'"/>
+          <Button icon="fa-solid fa-eraser" @click="onClear()" style="margin-right: 5px">{{ $t('logs.clear') }}</Button>
+          <Button :href="downloadUrl" target="_blank" icon="fa-solid fa-download">{{ $t('logs.download') }}</Button>
+
+          <Button style="margin-left: 20px;" :title="$t('filemanager.toolbar.restartApp')" v-show="type === 'app'" secondary :loading="busyRestart" icon="fa-solid fa-arrows-rotate" @click="onRestartApp"/>
+          <Button :href="'/frontend/terminal.html?id=' + id" target="_blank" v-show="type === 'app'" secondary icon="fa-solid fa-terminal" :title="$t('terminal.title')" />
+          <Button :href="'/frontend/filemanager.html#/home/app/' + id" target="_blank" v-show="type === 'app'" secondary icon="fa-solid fa-folder" :title="$t('filemanager.title')" />
         </template>
       </TopBar>
     </template>
@@ -27,13 +28,7 @@
 
 <script>
 
-import Button from 'primevue/button';
-import Dialog from 'primevue/dialog';
-import InputText from 'primevue/inputtext';
-import Menu from 'primevue/menu';
-import ProgressSpinner from 'primevue/progressspinner';
-
-import { TopBar, MainLayout } from 'pankow';
+import { Button, TopBar, MainLayout } from 'pankow';
 
 import LogsModel from '../models/LogsModel.js';
 import AppModel from '../models/AppModel.js';
@@ -44,11 +39,7 @@ export default {
   name: 'LogsViewer',
   components: {
     Button,
-    Dialog,
-    InputText,
     MainLayout,
-    Menu,
-    ProgressSpinner,
     TopBar
   },
   data() {
diff --git a/frontend/src/logs.js b/frontend/src/logs.js
index 83eb677b5..2dc830d12 100644
--- a/frontend/src/logs.js
+++ b/frontend/src/logs.js
@@ -5,13 +5,6 @@ import './style.css';
 
 import '@fontsource/noto-sans';
 
-import 'primevue/resources/themes/saga-blue/theme.css';
-// import 'primevue/resources/themes/arya-blue/theme.css';
-import 'primevue/resources/primevue.min.css';
-import 'primeicons/primeicons.css';
-
-import PrimeVue from 'primevue/config';
-import ConfirmationService from 'primevue/confirmationservice';
 import superagent from 'superagent';
 
 import LogsViewer from './components/LogsViewer.vue';
@@ -54,8 +47,6 @@ const i18n = createI18n({
   const app = createApp(LogsViewer);
 
   app.use(i18n);
-  app.use(PrimeVue, { ripple: true });
-  app.use(ConfirmationService);
 
   app.mount('#app');
 })();