daanselen/WGDashboard
1
0
Fork 0
mirror of https://github.com/WGDashboard/WGDashboard.git synced 2026-08-04 15:03:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed runJob

Browse Source
This commit is contained in:
Donald Zou
2025-06-25 23:16:51 +08:00
parent aafef538f1
commit 4ca79ac1c9
9 changed files with 108 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/static/client/src/components/Configuration/configuration.vue
+29 -38
View File
@@ -10,48 +10,39 @@ const showQRCode = ref(false)
</script>
<template>
<div class="card rounded-3 border-0">
<div class="card-body p-3">
<div class="row gy-3">
<div class="col-sm-6 d-flex flex-column gap-3">
<h6 class="fw-bold mb-0">
{{ props.config.name }}
</h6>
<div class="mt-auto">
<button class="btn btn-outline-body rounded-3 flex-grow-1 fw-bold w-100" @click="showQRCode = true">
<i class="bi bi-link-45deg me-2"></i><small>Connect</small>
</button>
</div>
</div>
<div class="col-sm-6 d-flex flex-column gap-3">
<div class="d-flex gap-2">
<small class="text-muted">
<i class="bi bi-bar-chart-fill me-1"></i> Protocol
</small>
<span class="badge rounded-3 shadow ms-auto"
:class="[props.config.protocol === 'wg' ? 'wireguardBg' : 'amneziawgBg' ]"
v-if="props.config.protocol === 'wg'">
<div class="card rounded-3 border shadow">
<div class="card-header border-0 align-items-center d-flex p-3 flex-column flex-sm-row gap-2">
<small class="fw-bold">
{{ props.config.name }}
</small>
<span class="badge rounded-3 shadow ms-sm-auto"
:class="[props.config.protocol === 'wg' ? 'wireguardBg' : 'amneziawgBg' ]"
v-if="props.config.protocol === 'wg'">
{{ props.config.protocol === 'wg' ? 'WireGuard': 'AmneziaWG' }}
</span>
</div>
<div class="d-flex gap-2">
<small class="text-muted">
<i class="bi bi-bar-chart-fill me-1"></i> Data Usage
</small>
<small class="fw-bold flex-grow-1 text-end">
3.42 / 4.00 GB
</small>
</div>
<div class="d-flex gap-2">
<small class="text-muted">
<i class="bi bi-calendar me-1"></i> Valid Until
</small>
<small class="fw-bold flex-grow-1 text-end">
2025-08-31 00:00:00
</small>
</div>
</div>
<div class="card-body p-3">
<div class="row gy-2 mb-2">
<div class="col-sm text-center">
<small class="text-muted mb-2">
<i class="bi bi-bar-chart-fill me-1"></i> Data Usage
</small>
<h6 class="fw-bold ">
3.42 / 4.00 GB
</h6>
</div>
<div class="col-sm text-center">
<small class="text-muted mb-2">
<i class="bi bi-calendar me-1"></i> Valid Until
</small>
<h6 class="fw-bold ">
3.42 / 4.00 GB
</h6>
</div>
</div>
<button class="btn btn-outline-body rounded-3 flex-grow-1 fw-bold w-100" @click="showQRCode = true">
<i class="bi bi-link-45deg me-2"></i><small>Connect</small>
</button>
</div>
<Transition name="app">
<ConfigurationQRCode