performance improvements, charts improvements, minor UI improvements
This commit is contained in:
@@ -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();
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user