master
parent
9ee623c38f
commit
0ed66418e5
|
@ -1,11 +1,16 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
|
<video-background
|
||||||
|
src="/video/bg-video.mp4"
|
||||||
|
style=" height: 100vh;"
|
||||||
|
>
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-12 col-md-5 col-lg-4 d-none d-md-block bg-img" style="background-image: url('/images/login.svg');background-size: cover;height: 100vh">
|
<div class="col-12 col-md-5 col-lg-4 d-none d-md-block bg-img" style="background-image: url('/images/login.svg');background-size: cover;height: 100vh">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 col-md-7 col-lg-8 pt-3 ">
|
<div class="col-12 col-md-7 col-lg-8 pt-3 ">
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
<div class="py-3 text-center ">
|
<div class="py-3 text-center ">
|
||||||
|
@ -22,48 +27,43 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row" style="height: 90%">
|
|
||||||
<div class="col-12 my-auto">
|
|
||||||
<div class="text-center pt-1 ">
|
|
||||||
<h2 class="fw-bolder display-6 text-center" >Forgot Password</h2>
|
|
||||||
<!-- <span class="fs-5 pt-1 text-muted">Welcome back, <span class="fw-bolder text-dark">Morris!</span></span>-->
|
|
||||||
</div>
|
|
||||||
<div class="row pt-2 pb-5">
|
|
||||||
<div class="col-12 pb-5">
|
|
||||||
<form @submit.prevent="loginNow" method="POST" class=" pb-5 ">
|
|
||||||
<div class="row pt-3 justify-content-center">
|
|
||||||
<div class="col-12 col-sm-8 col-md-8 col-lg-6">
|
|
||||||
<label class="form-label">Password</label>
|
|
||||||
<input type="password" placeholder="Password" class="form-control" >
|
|
||||||
<!-- <div class="invalid-feedback d-block" v-if="errors.email">{{errors.email[0]}}</div>-->
|
|
||||||
<!-- <div class="invalid-feedback d-block" v-if="auth_error">Email or password is wrong, please try again!</div>-->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row justify-content-center pt-3">
|
|
||||||
<div class="col-12 col-sm-8 col-md-8 col-lg-6">
|
|
||||||
<label class="form-label">Confirm Password</label>
|
|
||||||
<input type="password" placeholder="Confirm Password" class="form-control" >
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row justify-content-center pb-5">
|
|
||||||
<div class="col-12 col-sm-8 col-md-8 col-lg-6 pt-4 text-center">
|
|
||||||
<button type="submit" class=" login-btn col-12" >Forgot Password <div v-if="loading" class="spinner-border spinner-border-sm" role="status">
|
|
||||||
<span class="sr-only">Loading...</span>
|
|
||||||
</div></button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
<div class="row" style="height: 90%">
|
||||||
|
<div class="col-12 my-auto">
|
||||||
|
<div class="text-center pt-1 ">
|
||||||
|
<h2 class="fw-bolder display-6 text-center" >Forgot Password</h2>
|
||||||
|
<!-- <span class="fs-5 pt-1 text-muted">Welcome back, <span class="fw-bolder text-dark">Morris!</span></span>-->
|
||||||
</div>
|
</div>
|
||||||
|
<div class="row pt-2 ">
|
||||||
|
<div class="col-12 ">
|
||||||
|
<form @submit.prevent="loginNow" method="POST" class=" ">
|
||||||
|
<div class="row pt-3 justify-content-center">
|
||||||
|
<div class="col-12 col-sm-8 col-md-8 col-lg-6">
|
||||||
|
<label class="form-label">Email</label>
|
||||||
|
<input type="email" placeholder="email" class="form-control" >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row justify-content-center pb-5">
|
||||||
|
<div class="col-12 col-sm-8 col-md-8 col-lg-6 pt-4 text-center">
|
||||||
|
<button type="submit" class="login-btn col-12" >Forgot Password <div v-if="loading" class="spinner-border spinner-border-sm" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</video-background>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
|
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-12 col-md-5 col-lg-4 bg-img" :style="{ backgroundImage: `url(${backgroundImagePath})` }" >
|
<div class="col-12 col-md-5 col-lg-4 bg-img" :style="{ backgroundImage: `url(${backgroundImagePath})` }" >
|
||||||
|
|
|
@ -1,5 +1,9 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
|
<video-background
|
||||||
|
src="/video/bg-video.mp4"
|
||||||
|
style=" height: 100vh;"
|
||||||
|
>
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="row ">
|
<div class="row ">
|
||||||
<div class="col-12 col-md-5 col-lg-4 bg-img d-none d-md-block" style="background-image: url('/images/login.svg');background-size: cover;height: 100vh">
|
<div class="col-12 col-md-5 col-lg-4 bg-img d-none d-md-block" style="background-image: url('/images/login.svg');background-size: cover;height: 100vh">
|
||||||
|
@ -65,6 +69,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</video-background>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1,5 +1,9 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
|
<video-background
|
||||||
|
src="/video/bg-video.mp4"
|
||||||
|
style=" height: 100vh;"
|
||||||
|
>
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-12 col-lg-4 bg-img d-none d-lg-block" style="background-image: url('/images/login.svg');background-size: cover;height: 100vh;" >
|
<div class="col-12 col-lg-4 bg-img d-none d-lg-block" style="background-image: url('/images/login.svg');background-size: cover;height: 100vh;" >
|
||||||
|
@ -87,6 +91,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</video-background>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
|
Loading…
Reference in New Issue