performance improvements, charts improvements, minor UI improvements

This commit is contained in:
Антон
2026-01-09 17:50:45 +03:00
parent 53a3a99309
commit f64f49a7a6
7 changed files with 337 additions and 179 deletions

View File

@@ -30,11 +30,14 @@
<button class="btn-header" @click="toggleTheme" title="Toggle Theme">
<i class="fas" :class="isDark ? 'fa-sun' : 'fa-moon'" id="themeIcon"></i>
</button>
<button class="btn-header" @click="refreshPage" title="Refresh">
<i class="fas fa-sync-alt" id="refreshIcon"></i>
</button>
</div>
</div>
</div>
<router-view></router-view>
<router-view :key="$route.fullPath + '-' + refreshKey"></router-view>
</div>
</div>
</template>
@@ -46,6 +49,7 @@ import { useAppConfig } from './composables/useAppConfig';
const { loadConfig, isLoaded } = useAppConfig();
const timezoneAbbr = ref(new Date().toLocaleTimeString('en-us',{timeZoneName:'short'}).split(' ')[2] || 'UTC');
const isDark = ref(false);
const refreshKey = ref(0);
const toggleTheme = () => {
isDark.value = !isDark.value;
@@ -54,6 +58,10 @@ const toggleTheme = () => {
localStorage.setItem('theme', theme);
};
const refreshPage = () => {
refreshKey.value++;
};
onMounted(async () => {
await loadConfig();

View File

@@ -18,20 +18,9 @@
@change="loadHistory">
<option value="1h">Last 1 Hour (30s agg)</option>
<option value="3h">Last 3 Hours (1m agg)</option>
<option value="6h">Last 6 Hours (1m agg)</option>
<option value="12h">Last 12 Hours (1m agg)</option>
<option value="24h">Last 24 Hours (1m agg)</option>
<option disabled></option>
<option value="1d">Last 1 Day (15m agg)</option>
<option value="2d">Last 2 Days (15m agg)</option>
<option value="3d">Last 3 Days (15m agg)</option>
<option disabled></option>
<option value="4d">Last 4 Days (1h agg)</option>
<option value="5d">Last 5 Days (1h agg)</option>
<option value="6d">Last 6 Days (1h agg)</option>
<option value="24h">Last 24 Hours (15m agg)</option>
<option value="7d">Last 7 Days (1h agg)</option>
<option value="14d">Last 14 Days (1h agg)</option>
<option value="30d">Last 1 Month (1h agg)</option>
<option value="30d">Last 30 Days (6h agg)</option>
</select>
</div>

View File

@@ -178,7 +178,7 @@ const expiringCertsList = ref([]);
let cachedHistory = null;
// Helpers
const MAX_CHART_POINTS = 48;
const MAX_CHART_POINTS = 96;
const loadAnalytics = async () => {
loading.analytics = true;