videon/videon-frontend
3
0
Fork 0
Code Pull Requests Releases Activity

Rewritten stuff

Browse Source
This commit is contained in:
Pünkösd Marcell
2020-11-25 01:45:05 +01:00
parent 0e9c16dfea
commit 3bf484890a
10 changed files with 212 additions and 287 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/Login.vue
View File

@@ -1,16 +1,25 @@
<template>
<div>
<b-overlay :show="processing">
<b-form class="my-4">
<div>
<ejs-textbox id='username' floatLabelType="Auto" placeholder="Username" autocomplete="off"/>
<ejs-textbox id='password' floatLabelType="Auto" placeholder="Password" autocomplete="off" type="password"/>
</div>
<div class="mt-4 text-center">
<ejs-button cssClass='e-primary'>Login</ejs-button>
</div>
</b-form>
</b-overlay>
<form novalidate @submit.prevent="performLogin">
<md-card-content>
<md-field>
<label>Username</label>
<md-input :disabled="processing"></md-input>
</md-field>
<md-field>
<label>Password</label>
<md-input :disabled="processing" type="password"></md-input>
</md-field>
</md-card-content>
<md-card-actions>
<md-progress-spinner :md-diameter="30" :md-stroke="3" md-mode="indeterminate" v-if="processing"
class="md-accent"></md-progress-spinner>
<md-button type="submit" class="md-primary" :disabled="processing">Login</md-button>
</md-card-actions>
</form>
</div>
</template>
@@ -21,6 +30,11 @@ export default {
return {
processing: false
}
},
methods: {
performLogin() {
this.processing = true;
}
}
}
</script>

25
src/components/LoginBoxContent.vue
View File

@@ -1,25 +1,20 @@
<template>
<div>
<ejs-tab id='element'>
<div class="e-tab-header">
<div>Login</div>
<div>Register</div>
</div>
<div class="e-content">
<div>
<login/>
</div>
<div>
<register/>
</div>
</div>
</ejs-tab>
<md-tabs>
<md-tab id="tab-login" md-label="Login" exact>
<login/>
</md-tab>
<md-tab id="tab-register" md-label="Register">
<register/>
</md-tab>
</md-tabs>
</div>
</template>
<script>
import Register from "@/components/Register";
import Login from "@/components/Login";
import Register from "@/components/Register";
export default {
name: "LoginBoxContent",

43
src/components/Register.vue
View File

@@ -1,19 +1,31 @@
<template>
<div>
<b-overlay :show="processing">
<form novalidate @submit.prevent="performRegister">
<md-card-content>
<b-form class="my-4">
<div>
<ejs-textbox id='username' floatLabelType="Auto" placeholder="Username" autocomplete="off"/>
<ejs-textbox id='password' floatLabelType="Auto" placeholder="Password" autocomplete="off" type="password"/>
<ejs-textbox id='password-confirm' floatLabelType="Auto" placeholder="Confirm password" autocomplete="off"
type="password"/>
</div>
<div class="mt-4 text-center">
<ejs-button cssClass='e-primary'>Register</ejs-button>
</div>
</b-form>
</b-overlay>
<md-field>
<label>Username</label>
<md-input :disabled="processing"></md-input>
</md-field>
<md-field :md-toggle-password="false">
<label>Password</label>
<md-input type="password" :disabled="processing"></md-input>
</md-field>
<md-field :md-toggle-password="false">
<label>Confirm password</label>
<md-input :disabled="processing" type="password"></md-input>
</md-field>
</md-card-content>
<md-card-actions>
<md-progress-spinner :md-diameter="30" :md-stroke="3" md-mode="indeterminate" v-if="processing"
class="md-accent"></md-progress-spinner>
<md-button type="submit" class="md-primary" :disabled="processing">Register</md-button>
</md-card-actions>
</form>
</div>
</template>
@@ -24,6 +36,11 @@ export default {
return {
processing: false
}
},
methods: {
performRegister() {
this.processing = true;
}
}
}
</script>