[+] Add error class on error

2019-09-07 08:02:22 -04:00
parent 0296b2151a
commit 8eb2080f14
1 changed files with 13 additions and 2 deletions
@@ -3,9 +3,20 @@
        <div class="login-vertical-center">
            <div class="login-panel">
                <img alt="Vue logo" src="../../assets/logo.png">
+
                <h1>Veracross Analyzer</h1>
-                <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="username"
+                          placeholder="School Username"
+                          :class="{'input-error': error !== ''}">
+                </el-input>
+
+                <el-input v-model="password"
+                          placeholder="Veracross Password"
+                          show-password=""
+                          :class="{'input-error': error !== ''}">
+                </el-input>
+
                <el-button plain type="primary" @click="onLoginClick" :loading="loading">Login</el-button>
            </div>
        </div>