[+] Add login button loading switch
This commit is contained in:
@@ -12,6 +12,8 @@ export default class Login extends Vue
|
|||||||
public username: any = '';
|
public username: any = '';
|
||||||
public password: any = '';
|
public password: any = '';
|
||||||
|
|
||||||
|
public loading: boolean = false;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* On click, sends username and password to the server.
|
* On click, sends username and password to the server.
|
||||||
*/
|
*/
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
<h1>Veracross Analyzer</h1>
|
<h1>Veracross Analyzer</h1>
|
||||||
<el-input v-model="username" placeholder="School Username"></el-input>
|
<el-input v-model="username" placeholder="School Username"></el-input>
|
||||||
<el-input v-model="password" placeholder="Veracross Password" show-password=""></el-input>
|
<el-input v-model="password" placeholder="Veracross Password" show-password=""></el-input>
|
||||||
<el-button plain type="primary" @click="onLoginClick">Login</el-button>
|
<el-button plain type="primary" @click="onLoginClick" loading="{{loading}}">Login</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Reference in New Issue
Block a user