Update Password + Signup

This commit is contained in:
Paolo Arena
2021-09-19 02:59:24 +02:00
parent d1eb9a9733
commit 622bd6943d
32 changed files with 987 additions and 1145 deletions

View File

@@ -9,6 +9,11 @@ import { tools } from '@store/Modules/tools'
import { toolsext } from '@store/Modules/toolsext'
import { costanti } from '@costanti'
import MixinBase from '../../mixins/mixin-base'
import { CMyEditor } from '@/components/CMyEditor'
import { CMySelect } from '@/components/CMySelect'
import { CMyChipList } from '@/components/CMyChipList'
import { CMyToggleList } from '@/components/CMyToggleList'
import { CDateTime } from '@/components/CDateTime'
export default defineComponent({
name: 'CMyFieldDb',
@@ -66,7 +71,7 @@ export default defineComponent({
default: '',
},
},
// components: { CMyEditor, CMySelect, CMyChipList, CMyToggleList, CDateTime },
components: { CMyEditor, CMySelect, CMyChipList, CMyToggleList, CDateTime },
setup(props, { emit }) {
const $q = useQuasar()
const { t } = useI18n()
@@ -172,7 +177,7 @@ export default defineComponent({
}
function myvalprinted() {
return visuValByType(myvalue)
return visuValByType(myvalue.value)
}
function savefield(value: any, initialval: any) {
@@ -220,6 +225,9 @@ export default defineComponent({
col,
countryname,
onInput,
tools,
costanti,
}
},
})

View File

@@ -8,10 +8,10 @@
<div class="centermydiv">
<div v-if="myimg" class="text-center">
<q-img
:src="myimg"
class="text-center"
style="height: 50px; width: 50px;"
:alt="title">
:src="myimg"
class="text-center"
style="height: 50px; width: 50px;"
:alt="title">
</q-img>
</div>
<div class="self-center full-width no-outline text-center" tabindex="0">{{ title }}</div>
@@ -20,7 +20,7 @@
</q-field>
</div>
<div :class="getclassCol(col) + ` q-ma-sm q-pa-sm col-grow rounded-borders`" style="border: 1px solid #bbb">
<div v-if="type === tools.FieldType.date">
<div v-if="type === costanti.FieldType.date">
<CDateTime
:label="col.label"
class="cursor-pointer"
@@ -31,7 +31,7 @@
>
</CDateTime>
</div>
<div v-else-if="type === tools.FieldType.onlydate">
<div v-else-if="type === costanti.FieldType.onlydate">
<CDateTime
:label="col.label"
class="cursor-pointer"
@@ -44,9 +44,9 @@
</CDateTime>
</div>
<div v-else :class="mycl">
<div v-if="type === tools.FieldType.binary">
<div v-if="type === costanti.FieldType.binary">
<CMyChipList
:type="tools.FieldType.binary"
:type="costanti.FieldType.binary"
:value="myvalue"
:options="db_fieldsTable.getTableJoinByName(col.jointable)"
:optval="db_fieldsTable.getKeyByTable(col.jointable)"
@@ -54,7 +54,7 @@
:opticon="db_fieldsTable.getIconByTable(col.jointable)"></CMyChipList>
</div>
<!-- Show Value -->
<div v-else-if="type === tools.FieldType.nationality">
<div v-else-if="type === costanti.FieldType.nationality">
<q-input
input-class="cursor-pointer text-center"
:readonly="true"
@@ -65,24 +65,24 @@
>
<div class="hidden">
<vue-country-code
<!--<vue-country-code
:defaultCountry="myvalue"
:disabledFetchingCountry="true"
@onSelect="selectcountry"
:preferredCountries="tools.getprefCountries"
:dropdownOptions="{ disabledDialCode: true }">
</vue-country-code>
</vue-country-code>-->
</div>
</q-input>
</div>
<div v-else-if="type === tools.FieldType.intcode">
<div v-else-if="type === costanti.FieldType.intcode">
<div v-html="myvalprinted"></div>
<div v-html="myvalprinted()"></div>
</div>
<div v-else-if="((type === tools.FieldType.multiselect) || (type === tools.FieldType.multioption))">
<div v-else-if="((type === costanti.FieldType.multiselect) || (type === costanti.FieldType.multioption))">
<CMyChipList
:type="type"
:value="myvalue"
@@ -91,32 +91,32 @@
:optlab="db_fieldsTable.getLabelByTable(col.jointable)"
:opticon="db_fieldsTable.getIconByTable(col.jointable)"></CMyChipList>
</div>
<div v-else-if="type === tools.FieldType.select">
<div v-else-if="type === costanti.FieldType.select">
<CMyChipList
myclass="text-center"
:type="tools.FieldType.select"
:type="costanti.FieldType.select"
:value="myvalue"
:options="db_fieldsTable.getTableJoinByName(col.jointable)"
:optval="db_fieldsTable.getKeyByTable(col.jointable)"
:optlab="db_fieldsTable.getLabelByTable(col.jointable)"
:opticon="db_fieldsTable.getIconByTable(col.jointable)"></CMyChipList>
</div>
<div v-else-if="type === tools.FieldType.html">
<div v-html="myvalprinted">
<div v-else-if="type === costanti.FieldType.html">
<div v-html="myvalprinted()">
</div>
</div>
<div v-else-if="type === tools.FieldType.boolean">
<div v-else-if="type === costanti.FieldType.boolean">
<q-toggle
dark color="green" v-model="myvalue" :label="col.title"
@input="savefieldboolean"></q-toggle>
dark color="green" v-model="myvalue" :label="col.title"
@input="savefieldboolean"></q-toggle>
</div>
<div v-else>
<div v-html="myvalprinted"></div>
<div v-html="myvalprinted()"></div>
</div>
<q-popup-edit
v-if="(canEdit && type !== tools.FieldType.boolean) && !disable"
v-if="(canEdit && type !== costanti.FieldType.boolean) && !disable"
v-model="myvalue"
:disable="col.disable"
:title="col.title"
@@ -124,71 +124,70 @@ dark color="green" v-model="myvalue" :label="col.title"
buttons
>
<div v-if="type === tools.FieldType.boolean">
<div v-if="type === costanti.FieldType.boolean">
<q-checkbox v-model="myvalue" :label="col.title">
</q-checkbox>
<div v-html="visuValByType(myvalue)">
</div>
</div>
<div v-else-if="type === tools.FieldType.string">
<div v-else-if="type === costanti.FieldType.string">
<q-input
v-model="myvalue"
autogrow
@keyup.enter.stop
autofocus>
v-model="myvalue"
autogrow
@keyup.enter.stop
autofocus>
</q-input>
</div>
<div v-else-if="type === tools.FieldType.password">
<div v-else-if="type === costanti.FieldType.password">
<q-input
v-model="myvalue"
type="password"
@keyup.enter.stop
autofocus>
v-model="myvalue"
type="password"
@keyup.enter.stop
autofocus>
</q-input>
</div>
<div v-else-if="type === tools.FieldType.number">
<div v-else-if="type === costanti.FieldType.number">
<q-input
v-model="myvalue" type="number"
autofocus>
v-model="myvalue" type="number"
autofocus>
</q-input>
</div>
<div v-else-if="type === tools.FieldType.hours">
<div v-else-if="type === costanti.FieldType.hours">
<CMySelect
label="Ore" v-model:value="myvalue"
optval="_id" optlab="label"
:useinput="false"
o :options="tools.SelectHours">
label="Ore" v-model:value="myvalue"
optval="_id" optlab="label"
:useinput="false"
o :options="tools.SelectHours">
</CMySelect>
</div>
<div v-else-if="type === tools.FieldType.binary">
<div v-else-if="type === costanti.FieldType.binary">
<CMyToggleList
:label="col.title"
:options="db_fieldsTable.getTableJoinByName(col.jointable)"
v-model:value="myvalue"
:optval="db_fieldsTable.getKeyByTable(col.jointable)"
:optlab="db_fieldsTable.getLabelByTable(col.jointable)">
:label="col.title"
:options="db_fieldsTable.getTableJoinByName(col.jointable)"
v-model:value="myvalue"
:optval="db_fieldsTable.getKeyByTable(col.jointable)"
:optlab="db_fieldsTable.getLabelByTable(col.jointable)">
</CMyToggleList>
</div>
<div v-else-if="type === tools.FieldType.html">
<div v-else-if="type === costanti.FieldType.html">
<CMyEditor v-model:value="myvalue" :title="title" @keyup.enter.stop>
</CMyEditor>
</div>
<div v-else-if="type === tools.FieldType.select">
<div v-else-if="type === costanti.FieldType.select">
<CMySelect
:label="col.title"
v-model:value="myvalue"
:optval="db_fieldsTable.getKeyByTable(col.jointable)"
:optlab="db_fieldsTable.getLabelByTable(col.jointable)"
:options="db_fieldsTable.getTableJoinByName(col.jointable)"
:useinput="false">
:label="col.title"
v-model:value="myvalue"
:optval="db_fieldsTable.getKeyByTable(col.jointable)"
:optlab="db_fieldsTable.getLabelByTable(col.jointable)"
:options="db_fieldsTable.getTableJoinByName(col.jointable)"
:useinput="false">
</CMySelect>
</div>
<div v-else-if="col.fieldtype === tools.FieldType.nationality">
<div v-else-if="col.fieldtype === costanti.FieldType.nationality">
<div class="justify-center q-gutter-sm clgutter q-mt-sm">
<q-input
v-model="countryname"
@@ -199,14 +198,14 @@ label="Ore" v-model:value="myvalue"
<template v-slot:prepend>
<div style="font-size: 1rem;">
<vue-country-code
<!--<vue-country-code
:defaultCountry="myvalue"
:disabledFetchingCountry="true"
@onSelect="selectcountry"
:preferredCountries="tools.getprefCountries"
:dropdownOptions="{ disabledDialCode: true }">
</vue-country-code>
</vue-country-code>-->
</div>
</template>
</q-input>
@@ -215,10 +214,10 @@ label="Ore" v-model:value="myvalue"
</div>
</div>
</div>
<div v-else-if="col.fieldtype === tools.FieldType.intcode">
<div v-else-if="col.fieldtype === costanti.FieldType.intcode">
<div class="justify-center q-gutter-sm clgutter q-mt-sm">
<vue-tel-input
<!--<vue-tel-input
@country-changed="intcode_change"
:value="myvalue"
@input="onInput"
@@ -228,21 +227,21 @@ label="Ore" v-model:value="myvalue"
:enabledCountryCode="true"
inputClasses="clCell"
wrapperClasses="clCellCode">
</vue-tel-input>
</vue-tel-input>-->
<div style="height: 180px;">
</div>
</div>
</div>
<div v-else-if="col.fieldtype === tools.FieldType.multiselect">
<div v-else-if="col.fieldtype === costanti.FieldType.multiselect">
<CMyToggleList
:label="col.title"
:options="db_fieldsTable.getTableJoinByName(col.jointable)"
v-model:value="myvalue"
:optval="db_fieldsTable.getKeyByTable(col.jointable)"
:optlab="db_fieldsTable.getLabelByTable(col.jointable)"
:isarray="true">
:label="col.title"
:options="db_fieldsTable.getTableJoinByName(col.jointable)"
v-model:value="myvalue"
:optval="db_fieldsTable.getKeyByTable(col.jointable)"
:optlab="db_fieldsTable.getLabelByTable(col.jointable)"
:isarray="true">
</CMyToggleList>
<!--
@@ -265,7 +264,7 @@ label="Ore" v-model:value="myvalue"
</q-select>
-->
</div>
<div v-else-if="col.fieldtype === tools.FieldType.multioption">
<div v-else-if="col.fieldtype === costanti.FieldType.multioption">
</div>
</q-popup-edit>

View File

@@ -170,7 +170,7 @@ export default defineComponent({
function SaveValueInt(newVal: any, valinitial: any) {
// console.log('SaveValueInt', newVal, valinitial)
console.log('SaveValueInt', newVal, valinitial)
// Update value in table memory
if (props.subfield !== '') {
@@ -192,6 +192,7 @@ export default defineComponent({
}
function Savedb(newVal: any, valinitial: any) {
console.log('Savedb')
if (props.col.fieldtype === costanti.FieldType.boolean) {
// console.log('myvalue', myvalue, newVal, myvalueprec)
@@ -330,6 +331,7 @@ export default defineComponent({
selectcountry,
intcode_change,
tools,
costanti,
fieldsTable,
onInput,
}

View File

@@ -2,7 +2,7 @@
<div :class="getclassCol(col)">
<div v-if="visulabel" class="flex">
<div v-if="visInNewRec(col)" style="flex-grow: 1;">
<div v-if="col.fieldtype === tools.FieldType.string">
<div v-if="col.fieldtype === costanti.FieldType.string">
<q-input
v-model="myvalue"
autogrow
@@ -12,7 +12,7 @@
:label="col.label">
</q-input>
</div>
<div v-else-if="col.fieldtype === tools.FieldType.date">
<div v-else-if="col.fieldtype === costanti.FieldType.date">
<CDateTime
:label="col.label"
class="cursor-pointer"
@@ -26,7 +26,7 @@
@show="OpenEdit">
</CDateTime>
</div>
<div v-else-if="col.fieldtype === tools.FieldType.onlydate">
<div v-else-if="col.fieldtype === costanti.FieldType.onlydate">
<CDateTime
:label="col.label"
class="cursor-pointer"
@@ -41,7 +41,7 @@
view="date">
</CDateTime>
</div>
<div v-else-if="col.fieldtype === tools.FieldType.number">
<div v-else-if="col.fieldtype === costanti.FieldType.number">
<q-input
v-model="myvalue" type="number"
autofocus
@@ -51,7 +51,7 @@
</q-input>
</div>
<div v-else-if="col.fieldtype === tools.FieldType.hours">
<div v-else-if="col.fieldtype === costanti.FieldType.hours">
<div class="row">
<q-input
v-model="myvalue" type="number"
@@ -82,7 +82,7 @@
-->
</div>
<div v-else-if="col.fieldtype === tools.FieldType.listimages">
<div v-else-if="col.fieldtype === costanti.FieldType.listimages">
<CGallery
:gall="row" :listimages="myvalue" :edit="isviewfield"
@showandsave="Savedb"
@@ -91,7 +91,7 @@
</CGallery>
</div>
<div v-else-if="col.fieldtype === tools.FieldType.image">
<div v-else-if="col.fieldtype === costanti.FieldType.image">
<CGallery
:gall="row" :listimages="myvalue" :edit="isviewfield"
@input="changevalRec"
@@ -99,9 +99,9 @@
</CGallery>
</div>
<div v-if="col.fieldtype === tools.FieldType.binary">
<div v-if="col.fieldtype === costanti.FieldType.binary">
<CMyChipList
:type="tools.FieldType.binary"
:type="costanti.FieldType.binary"
:value="myvalue"
@input="changevalRec"
:options="fieldsTable.getTableJoinByName(col.jointable)"
@@ -110,34 +110,34 @@
:opticon="fieldsTable.getIconByTable(col.jointable)"></CMyChipList>
</div>
<!-- Show Value -->
<div v-else-if="col.fieldtype === tools.FieldType.multiselect">
<div v-else-if="col.fieldtype === costanti.FieldType.multiselect">
<CMyChipList
@input="changevalRec"
:type="tools.FieldType.multiselect"
:type="costanti.FieldType.multiselect"
:value="myvalue"
:options="fieldsTable.getTableJoinByName(col.jointable)"
:optval="fieldsTable.getKeyByTable(col.jointable)"
:optlab="fieldsTable.getLabelByTable(col.jointable)"
:opticon="fieldsTable.getIconByTable(col.jointable)"></CMyChipList>
</div>
<div v-else-if="col.fieldtype === tools.FieldType.select">
<div v-else-if="col.fieldtype === costanti.FieldType.select">
<CMyChipList
@input="changevalRec"
myclass="text-center"
:type="tools.FieldType.select"
:type="costanti.FieldType.select"
:value="myvalue"
:options="fieldsTable.getTableJoinByName(col.jointable)"
:optval="fieldsTable.getKeyByTable(col.jointable)"
:optlab="fieldsTable.getLabelByTable(col.jointable)"
:opticon="fieldsTable.getIconByTable(col.jointable)"></CMyChipList>
</div>
<div v-else-if="col.fieldtype === tools.FieldType.boolean">
<div v-else-if="col.fieldtype === costanti.FieldType.boolean">
<q-toggle
dark color="green" v-model="myvalue" :label="col.title"
:disable="disable && col.name !== 'profile.saw_zoom_presentation'"
@input="changevalRec"></q-toggle>
</div>
<div v-else-if="col.fieldtype === tools.FieldType.html">
<div v-else-if="col.fieldtype === costanti.FieldType.html">
<div v-html="visuValByType(myvalue, col, row)" @click="visueditor = true">
</div>
@@ -145,33 +145,33 @@
</div>
</div>
<div v-else>
<div v-if="col.fieldtype === tools.FieldType.listimages">
<div v-if="col.fieldtype === costanti.FieldType.listimages">
<CGallery
:gall="row" :listimages="myvalue" :edit="isviewfield"
@showandsave="Savedb">
</CGallery>
</div>
<div v-else-if="col.fieldtype === tools.FieldType.image">
<div v-else-if="col.fieldtype === costanti.FieldType.image">
<CGallery
:gall="row" :listimages="myvalue" :edit="isviewfield"
@showandsave="Savedb">
</CGallery>
</div>
<div v-else-if="col.fieldtype === tools.FieldType.nationality">
<div v-else-if="col.fieldtype === costanti.FieldType.nationality">
<div>
{{ myvalue }}
</div>
</div>
<div v-else-if="col.fieldtype === tools.FieldType.intcode">
<div v-else-if="col.fieldtype === costanti.FieldType.intcode">
<div>
{{ myvalue }}
</div>
</div>
<div v-else>
<!-- Edit Value -->
<span v-if="col.fieldtype === tools.FieldType.date">
<span v-if="col.fieldtype === costanti.FieldType.date">
<CDateTime
:label="col.label"
class="cursor-pointer"
@@ -184,7 +184,7 @@
@show="OpenEdit">
</CDateTime>
</span>
<span v-else-if="col.fieldtype === tools.FieldType.onlydate">
<span v-else-if="col.fieldtype === costanti.FieldType.onlydate">
<CDateTime
:label="col.label"
class="cursor-pointer"
@@ -200,9 +200,9 @@
</span>
<div v-else>
<div>
<div v-if="col.fieldtype === tools.FieldType.binary">
<div v-if="col.fieldtype === costanti.FieldType.binary">
<CMyChipList
:type="tools.FieldType.binary"
:type="costanti.FieldType.binary"
:value="myvalue"
:options="fieldsTable.getTableJoinByName(col.jointable)"
:optval="fieldsTable.getKeyByTable(col.jointable)"
@@ -210,32 +210,32 @@
:opticon="fieldsTable.getIconByTable(col.jointable)"></CMyChipList>
</div>
<!-- Show Value -->
<div v-else-if="col.fieldtype === tools.FieldType.multiselect">
<div v-else-if="col.fieldtype === costanti.FieldType.multiselect">
<CMyChipList
:type="tools.FieldType.multiselect"
:type="costanti.FieldType.multiselect"
:value="myvalue"
:options="fieldsTable.getTableJoinByName(col.jointable)"
:optval="fieldsTable.getKeyByTable(col.jointable)"
:optlab="fieldsTable.getLabelByTable(col.jointable)"
:opticon="fieldsTable.getIconByTable(col.jointable)"></CMyChipList>
</div>
<div v-else-if="col.fieldtype === tools.FieldType.select">
<div v-else-if="col.fieldtype === costanti.FieldType.select">
<CMyChipList
myclass="text-center"
:type="tools.FieldType.select"
:type="costanti.FieldType.select"
:value="myvalue"
:options="fieldsTable.getTableJoinByName(col.jointable)"
:optval="fieldsTable.getKeyByTable(col.jointable)"
:optlab="fieldsTable.getLabelByTable(col.jointable)"
:opticon="fieldsTable.getIconByTable(col.jointable)"></CMyChipList>
</div>
<div v-else-if="col.fieldtype === tools.FieldType.boolean">
<div v-else-if="col.fieldtype === costanti.FieldType.boolean">
<q-toggle
dark color="green" v-model="myvalue" :label="col.title"
:disable="disable && col.name !== 'profile.saw_zoom_presentation'"
@input="Savedb"></q-toggle>
</div>
<div v-else-if="col.fieldtype === tools.FieldType.html">
<div v-else-if="col.fieldtype === costanti.FieldType.html">
<div v-html="visuValByType(myvalue, col, row)" @click="visueditor = true">
</div>
@@ -245,7 +245,7 @@
</div>
<div v-if="col.fieldtype === tools.FieldType.html">
<div v-if="col.fieldtype === costanti.FieldType.html">
<!--<q-dialog v-model="showeditor">-->
<CMyEditor
@@ -255,8 +255,10 @@
</CMyEditor>
<!--</q-dialog>-->
</div>
myvalue: {{ myvalue}}
<q-popup-edit
v-if="canEdit && col.fieldtype !== tools.FieldType.html"
v-if="canEdit && col.fieldtype !== costanti.FieldType.html"
v-model="myvalue"
:disable="col.disable"
:title="col.title"
@@ -265,12 +267,12 @@
@save="SaveValueInt"
@show="OpenEdit">
<div v-if="col.fieldtype === tools.FieldType.boolean">
<div v-if="col.fieldtype === costanti.FieldType.boolean">
<q-checkbox v-model="myvalue" :label="col.title">
</q-checkbox>
{{ visuValByType(myvalue, col, row) }}
</div>
<div v-else-if="col.fieldtype === tools.FieldType.string">
<div v-else-if="col.fieldtype === costanti.FieldType.string">
<q-input
v-model="myvalue"
autogrow
@@ -279,7 +281,7 @@
</q-input>
</div>
<div v-else-if="col.fieldtype === tools.FieldType.password">
<div v-else-if="col.fieldtype === costanti.FieldType.password">
<q-input
v-model="myvalue"
type="password"
@@ -288,21 +290,21 @@
</q-input>
</div>
<div v-else-if="col.fieldtype === tools.FieldType.number">
<div v-else-if="col.fieldtype === costanti.FieldType.number">
<q-input
v-model="myvalue" type="number"
autofocus>
</q-input>
</div>
<div v-else-if="col.fieldtype === tools.FieldType.hours">
<div v-else-if="col.fieldtype === costanti.FieldType.hours">
<q-input
v-model="myvalue" type="number"
autofocus>
</q-input>
</div>
<div v-else-if="col.fieldtype === tools.FieldType.binary">
<div v-else-if="col.fieldtype === costanti.FieldType.binary">
<CMyToggleList
:label="col.title"
:options="fieldsTable.getTableJoinByName(col.jointable)"
@@ -311,7 +313,7 @@
:optlab="fieldsTable.getLabelByTable(col.jointable)">
</CMyToggleList>
</div>
<div v-else-if="col.fieldtype === tools.FieldType.select">
<div v-else-if="col.fieldtype === costanti.FieldType.select">
<CMySelect
:label="col.title"
v-model:value="myvalue"
@@ -321,7 +323,7 @@
:useinput="false">
</CMySelect>
</div>
<div v-else-if="col.fieldtype === tools.FieldType.nationality">
<div v-else-if="col.fieldtype === costanti.FieldType.nationality">
<div class="justify-center q-gutter-sm clgutter q-mt-sm">
<q-input
v-model="countryname"
@@ -348,7 +350,7 @@
</div>
</div>
</div>
<div v-else-if="col.fieldtype === tools.FieldType.intcode">
<div v-else-if="col.fieldtype === costanti.FieldType.intcode">
<vue-tel-input
@country-changed="intcode_change"
@@ -361,7 +363,7 @@
</vue-tel-input>
</div>
<div v-else-if="col.fieldtype === tools.FieldType.multiselect">
<div v-else-if="col.fieldtype === costanti.FieldType.multiselect">
<div>join: {{ col.jointable }}</div>
<q-select

View File

@@ -186,7 +186,7 @@ export default defineComponent({
const descr = shared.description
// Aggiorna Record Personale
userStore.my.profile.myshares = userStore.my.profile.myshares.filter((rec) => rec.description !== descr)
userStore.my.profile.myshares = userStore.my.profile.myshares.filter((rec: any) => rec.description !== descr)
const mydata = {
'profile.myshares': userStore.my.profile.myshares
@@ -222,7 +222,7 @@ export default defineComponent({
if (userStore.my.profile.myshares) {
if (userStore.my.profile.myshares.length === 0)
return false
return userStore.my.profile.myshares.find((rec) => rec.description.toLowerCase() === descr.toLowerCase())
return userStore.my.profile.myshares.find((rec: any) => rec.description.toLowerCase() === descr.toLowerCase())
}
return null
}

View File

@@ -1,17 +1,20 @@
import { ISigninOptions } from 'model'
import { required, minLength } from '@vuelidate/validators'
import { computed } from 'vue'
export type TSignin = { signin: ISigninOptions, validationGroup: string[] }
export const validations = {
signin: {
password: {
required,
minLength: minLength(8),
export const validations = computed(() => {
return {
signin: {
password: {
required,
minLength: minLength(8),
},
username: {
required,
minLength: minLength(6),
},
},
username: {
required,
minLength: minLength(6),
},
},
}
}
})

View File

@@ -1,41 +0,0 @@
import { ISignupOptions } from 'model'
import { email, minLength, required, sameAs } from '@vuelidate/validators'
// import { ValidationRuleset } from 'vuelidate'
import { complexity, registeredemail, registereduser, aportadorexist } from '../../validation'
import { computed } from 'vue'
export interface TSignup {
signup: ISignupOptions,
validationGroup: string[]
}
export const validations = {
repeatPassword: {
required,
sameAsPassword: sameAs('password'),
},
password: {
required,
minLength: minLength(8),
complexity,
},
username: {
required,
minLength: minLength(6),
registereduser,
},
name: {
required,
},
surname: {
required,
},
email: {
email,
registeredemail,
required,
},
terms: {
required,
},
}

View File

@@ -1,7 +1,6 @@
import { tools } from '@store/Modules/tools'
import { ISignupOptions } from 'model'
import { validations, TSignup } from './CSignUp-validate'
import { Logo } from '../../components/logo'
@@ -16,8 +15,11 @@ import { DefaultProfile, useUserStore } from '@store/UserStore'
import useValidate from '@vuelidate/core'
import useVuelidate from '@vuelidate/core'
import 'vue3-tel-input/dist/vue3-tel-input.css'
import { email, minLength, required, sameAs } from '@vuelidate/validators'
// import { ValidationRuleset } from 'vuelidate'
import { complexity, registeredemail, registereduser } from '../../validation'
import 'vue3-tel-input/dist/vue3-tel-input.css'
// import {Loading, QSpinnerFacebook, QSpinnerGears} from 'quasar'
@@ -63,6 +65,39 @@ export default defineComponent({
aportador_solidario: '',
})
const validations: any = computed(() => {
return {
repeatPassword: {
required,
repeatPassword: sameAs(signup.password),
},
password: {
required,
minLength: minLength(8),
complexity,
},
username: {
required,
minLength: minLength(6),
registereduser,
},
name: {
required,
},
surname: {
required,
},
email: {
email,
registeredemail,
required,
},
terms: {
required,
},
}
})
// @ts-ignore
const v$ = useVuelidate(validations, signup)

View File

@@ -3,7 +3,7 @@
<q-banner
inline-actions
rounded dense
:class="bgcolor+` cursor-pointer q-my-sm `+clcolor+ ` ` + myclass + ' ' + getclass"
:class="bgcolor+` cursor-pointer q-my-sm `+clcolor+ ` ` + myclass + ' ' + getclass()"
style="text-align: center; "
@click="apri()"
>
@@ -12,7 +12,7 @@
</template>
<template v-slot:action>
<div class="cursor-pointer">
<q-icon v-if="canopen" :name="iconopen" color="white"/>
<q-icon v-if="canopen" :name="iconopen()" color="white"/>
</div>
</template>
<span :class="`mybanner `+ myclasstext" :style="mystyle">{{ title }}</span>

View File

@@ -473,6 +473,7 @@ export default defineComponent({
getNumMsgUnread,
getMsgText,
paotest,
logoutHandler,
}
},