From 497ddcf0ade46b246dd2beb42c0cdf702c11c121 Mon Sep 17 00:00:00 2001
From: jb-alvarado <jb@pixelcrusher.de>
Date: Wed, 17 Apr 2024 12:32:07 +0200
Subject: [PATCH] change pt home. fix import

---
 components/SystemStats.vue | 20 ++++++++++----------
 lang/pt-BR.js              |  2 +-
 pages/logging.vue          |  2 +-
 pages/player.vue           |  2 +-
 stores/config.ts           |  4 ++--
 5 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/components/SystemStats.vue b/components/SystemStats.vue
index 30696142..49e1da47 100644
--- a/components/SystemStats.vue
+++ b/components/SystemStats.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="grid grid-cols-1 xs:grid-cols-2 border-4 rounded-md border-primary text-left shadow max-w-[756px]">
+    <div class="grid grid-cols-1 xs:grid-cols-2 border-4 rounded-md border-primary text-left shadow max-w-[960px]">
         <div class="p-4 bg-base-100">
             <span class="text-3xl">{{ sysStat.system.name }} {{ sysStat.system.version }}</span>
             <span v-if="sysStat.system.kernel">
@@ -15,7 +15,7 @@
         </div>
         <div class="p-4 border border-primary">
             <div class="text-xl">{{ $t('system.cpu') }}</div>
-            <div class="grid grid-cols-2">
+            <div class="grid grid-cols-2 gap-2">
                 <div>
                     <strong>{{ $t('system.cores') }}:</strong> {{ sysStat.cpu.cores }}
                 </div>
@@ -26,7 +26,7 @@
         </div>
         <div class="p-4 border border-primary">
             <div class="text-xl">{{ $t('system.load') }}</div>
-            <div class="grid grid-cols-3">
+            <div class="grid grid-cols-3 gap-2">
                 <div>{{ sysStat.load.one }}</div>
                 <div>{{ sysStat.load.five }}</div>
                 <div>{{ sysStat.load.fifteen }}</div>
@@ -34,7 +34,7 @@
         </div>
         <div class="p-4 border border-primary">
             <div class="text-xl">{{ $t('system.memory') }}</div>
-            <div class="grid grid-cols-2">
+            <div class="grid grid-cols-2 gap-2">
                 <div>
                     <strong>{{ $t('system.total') }}:</strong> {{ fileSize(sysStat.memory.total) }}
                 </div>
@@ -45,7 +45,7 @@
         </div>
         <div class="p-4 border border-primary">
             <div class="text-xl">{{ $t('system.swap') }}</div>
-            <div class="grid grid-cols-2">
+            <div class="grid grid-cols-2 gap-2">
                 <div>
                     <strong>{{ $t('system.total') }}:</strong> {{ fileSize(sysStat.swap.total) }}
                 </div>
@@ -58,7 +58,7 @@
             <div class="text-xl">
                 {{ $t('system.network') }} <span v-if="sysStat.network" class="fs-6">{{ sysStat.network?.name }}</span>
             </div>
-            <div class="grid grid-cols-2">
+            <div class="grid grid-cols-2 gap-2">
                 <div>
                     <strong>{{ $t('system.in') }}:</strong> {{ fileSize(sysStat.network?.current_in) }}
                 </div>
@@ -71,11 +71,11 @@
         </div>
         <div v-if="sysStat.storage?.path" class="p-4 border border-primary">
             <div class="text-xl">{{ $t('system.storage') }}</div>
-            <div v-if="sysStat.storage">
-                <strong>{{ $t('system.device') }}:</strong> {{ sysStat.storage?.path }}
-            </div>
 
-            <div v-if="sysStat.storage" class="grid grid-cols-2">
+            <div v-if="sysStat.storage" class="grid grid-cols-2 gap-2">
+                <div v-if="sysStat.storage" class="col-span-2">
+                    <strong>{{ $t('system.device') }}:</strong> {{ sysStat.storage?.path }}
+                </div>
                 <div>
                     <strong>{{ $t('system.size') }}:</strong> {{ fileSize(sysStat.storage?.total) }}
                 </div>
diff --git a/lang/pt-BR.js b/lang/pt-BR.js
index a03e074d..0c3b4f08 100644
--- a/lang/pt-BR.js
+++ b/lang/pt-BR.js
@@ -6,7 +6,7 @@ export default {
     },
     button: {
         login: 'Login',
-        home: 'Página inicial',
+        home: 'Início',
         player: 'Playout',
         media: 'Media',
         message: 'Mensagem',
diff --git a/pages/logging.vue b/pages/logging.vue
index af5be114..ba8168d3 100644
--- a/pages/logging.vue
+++ b/pages/logging.vue
@@ -12,7 +12,7 @@
                     auto-apply
                     :locale="locale"
                     :dark="colorMode.value === 'dark'"
-                    input-class-name="input input-sm !input-bordered !w-[250px] text-right !pe-3"
+                    input-class-name="input input-sm !input-bordered !w-[300px] text-right !pe-3"
                     required
                 />
             </div>
diff --git a/pages/player.vue b/pages/player.vue
index 96d86390..45fc13d4 100644
--- a/pages/player.vue
+++ b/pages/player.vue
@@ -13,7 +13,7 @@
                     auto-apply
                     :locale="locale"
                     :dark="colorMode.value === 'dark'"
-                    input-class-name="input input-sm !input-bordered !w-[250px] text-right !pe-3"
+                    input-class-name="input input-sm !input-bordered !w-[300px] text-right !pe-3"
                     required
                 />
             </div>
diff --git a/stores/config.ts b/stores/config.ts
index 8fe68f4e..9733ed27 100644
--- a/stores/config.ts
+++ b/stores/config.ts
@@ -1,8 +1,6 @@
 import _ from 'lodash'
 import { defineStore } from 'pinia'
 
-const { timeToSeconds } = stringFormatter()
-
 export const useConfig = defineStore('config', {
     state: () => ({
         configID: 0,
@@ -117,6 +115,7 @@ export const useConfig = defineStore('config', {
         },
 
         async getPlayoutConfig() {
+            const { timeToSeconds } = stringFormatter()
             const authStore = useAuth()
             const indexStore = useIndex()
             const channel = this.configGui[this.configID].id
@@ -142,6 +141,7 @@ export const useConfig = defineStore('config', {
         },
 
         async setPlayoutConfig(obj: any) {
+            const { timeToSeconds } = stringFormatter()
             const authStore = useAuth()
             const channel = this.configGui[this.configID].id