feat: ajusta limites de alerta de RAM e disco e corrige porta do servidor
parent
f213be7f20
commit
2035a9e3b4
|
@ -78,7 +78,7 @@ const diskPercentageNumber = computed(() => {
|
||||||
<div
|
<div
|
||||||
class="h-1.5 rounded-full transition-all duration-300"
|
class="h-1.5 rounded-full transition-all duration-300"
|
||||||
:class="
|
:class="
|
||||||
ramPercentage > 80 ? 'bg-red-400' : ramPercentage > 60 ? 'bg-yellow-400' : 'bg-blue-400'
|
ramPercentage > 90 ? 'bg-red-400' : ramPercentage > 70 ? 'bg-yellow-400' : 'bg-blue-400'
|
||||||
"
|
"
|
||||||
:style="`width: ${ramPercentage}%`"
|
:style="`width: ${ramPercentage}%`"
|
||||||
></div>
|
></div>
|
||||||
|
@ -105,9 +105,9 @@ const diskPercentageNumber = computed(() => {
|
||||||
<div
|
<div
|
||||||
class="h-2 rounded-full transition-all duration-300"
|
class="h-2 rounded-full transition-all duration-300"
|
||||||
:class="
|
:class="
|
||||||
diskPercentageNumber > 80
|
diskPercentageNumber > 90
|
||||||
? 'bg-red-500'
|
? 'bg-red-500'
|
||||||
: diskPercentageNumber > 60
|
: diskPercentageNumber > 70
|
||||||
? 'bg-yellow-500'
|
? 'bg-yellow-500'
|
||||||
: 'bg-green-500'
|
: 'bg-green-500'
|
||||||
"
|
"
|
||||||
|
|
|
@ -1,17 +1,13 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { computed } from 'vue';
|
|
||||||
import { storeToRefs } from 'pinia';
|
import { storeToRefs } from 'pinia';
|
||||||
import { useWebSocket } from '../composables/useWebSocket';
|
import { useWebSocket } from '../composables/useWebSocket';
|
||||||
import SessionCard from '../components/SessionCard.vue';
|
import SessionCard from '../components/SessionCard.vue';
|
||||||
import { useStore } from '../stores/store';
|
import { useStore } from '../stores/store';
|
||||||
|
|
||||||
const store = useStore();
|
const store = useStore();
|
||||||
const { sessions, isLoading, reminderSessions } = storeToRefs(store);
|
const { sessions, isLoading } = storeToRefs(store);
|
||||||
|
|
||||||
useWebSocket();
|
useWebSocket();
|
||||||
|
|
||||||
// Compute se há alertas
|
|
||||||
const hasSessionAlerts = computed(() => reminderSessions.value);
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
|
@ -5,7 +5,7 @@ import vue from '@vitejs/plugin-vue';
|
||||||
export default defineConfig({
|
export default defineConfig({
|
||||||
plugins: [vue()],
|
plugins: [vue()],
|
||||||
server: {
|
server: {
|
||||||
port: 3334,
|
port: 3333,
|
||||||
host: '0.0.0.0',
|
host: '0.0.0.0',
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
Loading…
Reference in New Issue