aindreas/traintracker
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' into owen

Browse Source
This commit is contained in:
Aindréas Ó hAodha
2023-03-21 14:43:52 +00:00
committed by GitHub
parent 0c0464ea5a 8500cd5e41
commit 513cb153f5
10 changed files with 294 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/pages/AccountPage.vue
View File

@ -9,7 +9,10 @@
<h3>Enter your current password to edit account settings</h3>
<input v-if="showCurrentPassword" type="text" v-model="currentPassword" placeholder="Enter existing password">
<input v-else type="password" v-model="currentPassword" placeholder="Enter existing password">
<button @click="this.showCurrentPassword = !this.showCurrentPassword" class="eye-button">Eye</button>
<div id="imgDiv1">
<img v-if="showPassword" id="eyeImg" src="../assets/314858_hidden_eye_icon.png" @click="this.showPassword = !this.showPassword" alt="show">
<img v-else id = "eyeImg" src="../assets/315220_eye_icon.png" @click="this.showPassword = !this.showPassword">
</div>
<h3>Change email</h3>
<input type="email" v-model="newEmail" aria-describedby="emailHelp" placeholder="Enter new email">
@ -18,8 +21,12 @@
<h3>Change password</h3>
<input v-if="showNewPassword" type="text" v-model="newPassword" placeholder="Enter new password">
<input v-else type="password" v-model="newPassword" placeholder="Enter new password">
<button @click="this.showNewPassword = !this.showNewPassword" class="eye-button">Eye</button>
<button @click="updateUserPassword()" type="submit" name="" value="Update Password">Update Password</button>
<div id="imgDiv2">
<img v-if="showPassword" id="eyeImg" src="../assets/314858_hidden_eye_icon.png" @click="this.showPassword = !this.showPassword" alt="show">
<img v-else id = "eyeImg" src="../assets/315220_eye_icon.png" @click="this.showPassword = !this.showPassword">
</div>
<input @click="updateUserPassword()" type="submit" name="" value="Update Password">
<h3>Delete account</h3>
<button @click="deleteUserAccount()" type="submit" name="" value="Delete Account">Delete Account</button>
@ -221,4 +228,26 @@ button:focus {
background-color: grey;
}
#imgDiv1{
height:8%;
left:190px;
top:260px;
position: absolute;
}
#imgDiv2{
height:8%;
left:330px;
top:400px;
position: absolute;
}
#eyeImg{
height:60%;
width:100%;
}
#eyeImg:hover{
transform: scale(1.3);
}
</style>