kamp/WGDashboard
1
0
Fork 0
mirror of https://github.com/donaldzou/WGDashboard.git synced 2024-11-06 16:00:28 +01:00
Code

Update

Browse Source
This commit is contained in:
Donald Zou 2024-08-09 20:46:11 -04:00
parent b4e8e57a22
commit d6b1f97a04
3 changed files with 44 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/static/app/src/components/configurationComponents/peerList.vue
View File

@ -238,15 +238,6 @@ export default {
fill: false, fill: false,
borderColor: '#0d6efd', borderColor: '#0d6efd',
tension: 0 tension: 0
},
{
label: 'Data Sent',
data: [...this.historySentData.datasets[0].data,
((sent - this.historyDataSentDifference[this.historyDataSentDifference.length - 1])*1000)
.toFixed(4)],
fill: false,
borderColor: '#198754',
tension: 0
} }
], ],
} }

6
src/static/app/src/components/navbar.vue
View File

@ -58,7 +58,11 @@ export default {
</ul> </ul>
<hr class="text-body"> <hr class="text-body">
<ul class="nav flex-column"> <ul class="nav flex-column">
<li class="nav-item"><a class="nav-link text-danger" @click="this.dashboardConfigurationStore.signOut()" role="button" style="font-weight: bold">Sign Out</a></li> <li class="nav-item"><a class="nav-link text-danger"
@click="this.dashboardConfigurationStore.signOut()"
role="button" style="font-weight: bold">
<i class="bi bi-box-arrow-left me-2"></i>
Sign Out</a></li>
</ul> </ul>
<ul class="nav flex-column"> <ul class="nav flex-column">
<li class="nav-item"><a href="https://github.com/donaldzou/WGDashboard/releases/tag/"><small class="nav-link text-muted"></small></a></li> <li class="nav-item"><a href="https://github.com/donaldzou/WGDashboard/releases/tag/"><small class="nav-link text-muted"></small></a></li>

73
src/static/app/src/views/signin.vue
View File

@ -83,49 +83,54 @@ export default {
<template> <template>
<div class="container-fluid login-container-fluid d-flex main flex-column" :data-bs-theme="this.theme"> <div class="container-fluid login-container-fluid d-flex main flex-column" :data-bs-theme="this.theme">
<div class="login-box m-auto" style="width: 500px;"> <div class="login-box m-auto" style="width: 600px;">
<h4 class="mb-0 text-body">Welcome to</h4>
<span class="dashboardLogo display-3">WGDashboard</span>
<div class="m-auto"> <div class="m-auto">
<div class="alert alert-danger mt-2 mb-0" role="alert" v-if="loginError"> <div class="card px-4 py-5 rounded-4 shadow-lg">
{{this.loginErrorMessage}} <div class="card-body">
</div> <h4 class="mb-0 text-body">Welcome to</h4>
<form @submit="(e) => {e.preventDefault(); this.auth();}"> <span class="dashboardLogo display-3">WGDashboard</span>
<div class="form-group text-body"> <div class="alert alert-danger mt-2 mb-0" role="alert" v-if="loginError">
<label for="username" class="text-left" style="font-size: 1rem"> {{this.loginErrorMessage}}
<i class="bi bi-person-circle"></i></label> </div>
<input type="text" v-model="username" class="form-control" id="username" name="username" <form @submit="(e) => {e.preventDefault(); this.auth();}">
autocomplete="on" <div class="form-group text-body">
placeholder="Username" required> <label for="username" class="text-left" style="font-size: 1rem">
</div> <i class="bi bi-person-circle"></i></label>
<div class="form-group text-body"> <input type="text" v-model="username" class="form-control" id="username" name="username"
<label for="password" class="text-left" style="font-size: 1rem"><i class="bi bi-key-fill"></i></label> autocomplete="on"
<input type="password" placeholder="Username" required>
v-model="password" class="form-control" id="password" name="password" </div>
autocomplete="on" <div class="form-group text-body">
placeholder="Password" required> <label for="password" class="text-left" style="font-size: 1rem"><i class="bi bi-key-fill"></i></label>
</div> <input type="password"
<div class="form-group text-body" v-if="totpEnabled"> v-model="password" class="form-control" id="password" name="password"
<label for="totp" class="text-left" style="font-size: 1rem"><i class="bi bi-lock-fill"></i></label> autocomplete="on"
<input class="form-control totp" placeholder="Password" required>
required </div>
id="totp" maxlength="6" type="text" inputmode="numeric" autocomplete="one-time-code" <div class="form-group text-body" v-if="totpEnabled">
placeholder="OTP from your authenticator" <label for="totp" class="text-left" style="font-size: 1rem"><i class="bi bi-lock-fill"></i></label>
v-model="this.totp" <input class="form-control totp"
> required
</div> id="totp" maxlength="6" type="text" inputmode="numeric" autocomplete="one-time-code"
<button class="btn btn-lg btn-dark ms-auto mt-4 w-100 d-flex btn-brand shadow signInBtn" ref="signInBtn"> placeholder="OTP from your authenticator"
v-model="this.totp"
>
</div>
<button class="btn btn-lg btn-dark ms-auto mt-4 w-100 d-flex btn-brand shadow signInBtn" ref="signInBtn">
<span v-if="!this.loading" class="d-flex w-100"> <span v-if="!this.loading" class="d-flex w-100">
Sign In<i class="ms-auto bi bi-chevron-right"></i> Sign In<i class="ms-auto bi bi-chevron-right"></i>
</span> </span>
<span v-else class="d-flex w-100 align-items-center"> <span v-else class="d-flex w-100 align-items-center">
Signing In... Signing In...
<span class="spinner-border ms-auto spinner-border-sm" role="status"> <span class="spinner-border ms-auto spinner-border-sm" role="status">
<span class="visually-hidden">Loading...</span> <span class="visually-hidden">Loading...</span>
</span> </span>
</span> </span>
</button> </button>
</form> </form>
</div>
</div>
</div> </div>
</div> </div>
<small class="text-muted pb-3 d-block w-100 text-center"> <small class="text-muted pb-3 d-block w-100 text-center">