sbierti/smartbooking
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial version of smartbooking generated by generator-jhipster@9.0.0-beta.0

Browse Source
This commit is contained in:
Simone Bierti
2025-12-10 16:41:34 +01:00
commit e4b8486f4b
376 changed files with 44072 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
src/main/webapp/app/account/change-password/change-password.vue Normal file
View File

@@ -0,0 +1,92 @@
<template>
<div>
<div class="d-flex justify-content-center">
<div class="col-md-8 toastify-container">
<h2 v-if="username" id="password-title">
<span v-html="t$('password.title', { username })"></span>
</h2>
<div class="alert alert-success" role="alert" v-if="success" v-html="t$('password.messages.success')"></div>
<div class="alert alert-danger" role="alert" v-if="error" v-html="t$('password.messages.error')"></div>
<div class="alert alert-danger" role="alert" v-if="doNotMatch">{{ t$('global.messages.error.dontmatch') }}</div>
<form name="form" id="password-form" @submit.prevent="changePassword()">
<div class="mb-3">
<label class="form-control-label" for="currentPassword">{{ t$("global.form['currentpassword.label']") }}</label>
<input
type="password"
class="form-control"
id="currentPassword"
name="currentPassword"
:class="{ 'is-valid': !v$.resetPassword.currentPassword.$invalid, 'is-invalid': v$.resetPassword.currentPassword.$invalid }"
:placeholder="t$('global.form[\'currentpassword.placeholder\']')"
v-model="v$.resetPassword.currentPassword.$model"
required
data-cy="currentPassword"
/>
<div v-if="v$.resetPassword.currentPassword.$anyDirty && v$.resetPassword.currentPassword.$invalid">
<small class="form-text text-danger" v-if="v$.resetPassword.currentPassword.required.$invalid">{{
t$('global.messages.validate.newpassword.required')
}}</small>
</div>
</div>
<div class="mb-3">
<label class="form-control-label" for="newPassword">{{ t$("global.form['newpassword.label']") }}</label>
<input
type="password"
class="form-control"
id="newPassword"
name="newPassword"
:placeholder="t$('global.form[\'newpassword.placeholder\']')"
:class="{ 'is-valid': !v$.resetPassword.newPassword.$invalid, 'is-invalid': v$.resetPassword.newPassword.$invalid }"
v-model="v$.resetPassword.newPassword.$model"
minlength="4"
maxlength="50"
required
data-cy="newPassword"
/>
<div v-if="v$.resetPassword.newPassword.$anyDirty && v$.resetPassword.newPassword.$invalid">
<small class="form-text text-danger" v-if="v$.resetPassword.newPassword.required.$invalid">{{
t$('global.messages.validate.newpassword.required')
}}</small>
<small class="form-text text-danger" v-if="v$.resetPassword.newPassword.minLength.$invalid">{{
t$('global.messages.validate.newpassword.minlength')
}}</small>
<small class="form-text text-danger" v-if="v$.resetPassword.newPassword.maxLength.$invalid">{{
t$('global.messages.validate.newpassword.maxlength')
}}</small>
</div>
</div>
<div class="mb-3">
<label class="form-control-label" for="confirmPassword">{{ t$("global.form['confirmpassword.label']") }}</label>
<input
type="password"
class="form-control"
id="confirmPassword"
name="confirmPassword"
:class="{ 'is-valid': !v$.resetPassword.confirmPassword.$invalid, 'is-invalid': v$.resetPassword.confirmPassword.$invalid }"
:placeholder="t$('global.form[\'confirmpassword.placeholder\']')"
v-model="v$.resetPassword.confirmPassword.$model"
minlength="4"
maxlength="50"
required
data-cy="confirmPassword"
/>
<div v-if="v$.resetPassword.confirmPassword.$anyDirty && v$.resetPassword.confirmPassword.$invalid">
<small class="form-text text-danger" v-if="v$.resetPassword.confirmPassword.sameAsPassword.$invalid">{{
t$('global.messages.error.dontmatch')
}}</small>
</div>
</div>
<button type="submit" :disabled="v$.resetPassword.$invalid" class="btn btn-primary" data-cy="submit">
{{ t$('password.form.button') }}
</button>
</form>
</div>
</div>
</div>
</template>
<script lang="ts" src="./change-password.component.ts"></script>