Infra-Mirrors/uptime-kuma
1
0
Fork 0
mirror of https://github.com/louislam/uptime-kuma.git synced 2025-07-22 14:30:58 -04:00
Code Issues Projects Releases Packages Wiki Activity

init

Browse source
This commit is contained in:
LouisLam 2021-06-25 21:55:49 +08:00
parent c22e3050fb
commit 0a4fb45a8c
17 changed files with 1533 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

77
src/components/Login.vue Normal file
View file

@ -0,0 +1,77 @@
<template>
<div class="form-container">
<div class="form">
<form @submit.prevent="submit">
<h1 class="h3 mb-3 fw-normal"></h1>
<div class="form-floating">
<input type="text" class="form-control" id="floatingInput" placeholder="Username" v-model="username">
<label for="floatingInput">Username</label>
</div>
<div class="form-floating mt-3">
<input type="password" class="form-control" id="floatingPassword" placeholder="Password" v-model="password">
<label for="floatingPassword">Password</label>
</div>
<div class="form-check mb-3 mt-3">
<label>
<input type="checkbox" value="remember-me" class="form-check-input" id="remember" v-model="remember">
<label class="form-check-label" for="remember">
Remember me
</label>
</label>
</div>
<button class="w-100 btn btn-primary" type="submit" :disabled="processing">Login</button>
<div class="alert alert-danger mt-3" role="alert" v-if="res && !res.ok">
{{ res.msg }}
</div>
</form>
</div>
</div>
</template>
<script>
export default {
data() {
return {
processing: false,
username: "",
password: "",
remember: true,
res: null,
}
},
methods: {
submit() {
this.processing = true;
this.$root.login(this.username, this.password, (res) => {
this.processing = false;
this.res = res;
})
}
}
}
</script>
<style scoped>
.form-container {
display: flex;
align-items: center;
padding-top: 40px;
padding-bottom: 40px;
}
.form {
width: 100%;
max-width: 330px;
padding: 15px;
margin: auto;
text-align: center;
}
</style>