Rewritten stuff
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user