TheCloneArmy/crater
1
0
Fork 1
mirror of https://github.com/crater-invoice/crater.git synced 2025-10-31 13:41:09 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix password eye icon and minor fix in dark mode (#1261)

Browse Source
This commit is contained in:
Yash Kanakiya
2023-08-22 17:56:23 +05:30
committed by GitHub
parent 45aaee72d8
commit d1ab4a8021
18 changed files with 79 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
resources/scripts/customer/views/auth/Login.vue
View File

@ -32,25 +32,10 @@
>
<BaseInput
v-model="authStore.loginData.password"
:type="getInputType"
:invalid="v$.loginData.password.$error"
type="password"
@input="v$.loginData.password.$touch()"
>
<template #right>
<BaseIcon
v-if="isShowPassword"
name="EyeOffIcon"
class="w-5 h-5 mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/>
<BaseIcon
v-else
name="EyeIcon"
class="w-5 h-5 mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/>
</template>
</BaseInput>
/>
</BaseInputGroup>
<div class="flex items-center justify-between">
<router-link
@ -91,14 +76,6 @@ const authStore = useAuthStore()
const { t } = useI18n()
let isLoading = ref(false)
const isShowPassword = ref(false)
const getInputType = computed(() => {
if (isShowPassword.value) {
return 'text'
}
return 'password'
})
const rules = computed(() => {
return {

17
resources/scripts/customer/views/auth/ResetPassword.vue
View File

@ -23,23 +23,11 @@
>
<BaseInput
v-model="loginData.password"
:type="isShowPassword ? 'text' : 'password'"
type="password"
name="password"
:invalid="v$.password.$error"
@input="v$.password.$touch()"
>
<template #right>
<EyeOffIcon
v-if="isShowPassword"
class="w-5 h-5 mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/>
<EyeIcon
v-else
class="w-5 h-5 mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/> </template
></BaseInput>
/>
</BaseInputGroup>
<BaseInputGroup
@ -93,7 +81,6 @@ const loginData = reactive({
const globalStore = useGlobalStore()
let isShowPassword = ref(false)
let isLoading = ref(false)
const rules = computed(() => {

38
resources/scripts/customer/views/settings/CustomerSettings.vue
View File

@ -66,24 +66,10 @@
>
<BaseInput
v-model="userStore.userForm.password"
:type="isShowPassword ? 'text' : 'password'"
type="password"
:invalid="v$.userForm.password.$error"
@input="v$.userForm.password.$touch()"
>
<template #right>
<BaseIcon
v-if="isShowPassword"
name="EyeOffIcon"
class="w-5 h-5 mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/>
<BaseIcon
v-else
name="EyeIcon"
class="w-5 h-5 mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/> </template
></BaseInput>
/>
</BaseInputGroup>
<BaseInputGroup
@ -95,24 +81,10 @@
>
<BaseInput
v-model="userStore.userForm.confirm_password"
:type="isShowConfirmPassword ? 'text' : 'password'"
type="password"
:invalid="v$.userForm.confirm_password.$error"
@input="v$.userForm.confirm_password.$touch()"
>
<template #right>
<BaseIcon
v-if="isShowConfirmPassword"
name="EyeOffIcon"
class="w-5 h-5 mr-1 text-gray-500 cursor-pointer"
@click="isShowConfirmPassword = !isShowConfirmPassword"
/>
<BaseIcon
v-else
name="EyeIcon"
class="w-5 h-5 mr-1 text-gray-500 cursor-pointer"
@click="isShowConfirmPassword = !isShowConfirmPassword"
/> </template
></BaseInput>
/>
</BaseInputGroup>
</div>
@ -151,8 +123,6 @@ const { t, tm } = useI18n()
let imgFiles = ref([])
let isSaving = ref(false)
let avatarFileBlob = ref(null)
let isShowPassword = ref(false)
let isShowConfirmPassword = ref(false)
const isCustomerAvatarRemoved = ref(false)
if (userStore.userForm.avatar) {