- fix QSelect

- permessi none/friends/all
This commit is contained in:
paoloar77
2022-01-28 18:15:46 +01:00
parent 5f51c231eb
commit d7480fd489
32 changed files with 777 additions and 222 deletions

View File

@@ -34,16 +34,15 @@ export default defineComponent({
const searchList = ref(<ISearchList[]>[])
const idSector = computed(() => {
let myval = 0
searchList.value.forEach((rec) => {
console.log(' rec', rec)
if (rec.table === 'sectors') {
console.log('trovato')
myval = rec.value
}
})
console.log('IDSECTOR = ' + myval)
return myval
let myval: any = null
myval = searchList.value.find((rec) => (rec.table === 'sectors'))
if (myval) {
const ris = myval.value || 0
// console.log('idSector=', ris)
return ris
} else {
return 0
}
})
function mounted() {
@@ -109,7 +108,7 @@ export default defineComponent({
addall: true,
filter: getFilterSkills,
showcount: true,
useinput: true,
useinput: false,
},
{
label: 'Specializzazione',
@@ -122,6 +121,7 @@ export default defineComponent({
filter: getFilterSubSkills,
showcount: true,
useinput: false,
icon: 'far fa-id-card',
},
/*{
label: 'Regione',
@@ -143,6 +143,7 @@ export default defineComponent({
arrvalue: tools.getCookie(tools.COOK_SEARCH + 'provinces', [costanti.FILTER_TUTTI]),
filter: null,
useinput: true,
icon: 'flag',
},
{
label: 'Città',
@@ -177,6 +178,7 @@ export default defineComponent({
type: costanti.FieldType.multiselect,
filter: null,
useinput: false,
icon: 'mood',
},
{
label: 'Contributo',
@@ -187,6 +189,8 @@ export default defineComponent({
type: costanti.FieldType.multiselect,
filter: null,
useinput: false,
icon: 'currency_exchange',
//icon: 'swap_horizontal_circle',
},
]

View File

@@ -279,7 +279,17 @@ export default defineComponent({
if (item.table === 'skills') {
// console.log('---PRIMA ', item.value)
const valsaved = tools.getCookie(tools.COOK_SEARCH + 'skills' + '_' + newval, costanti.FILTER_TUTTI)
if (valsaved)
// check if exist
const recSkill = searchList.value.find((rec) => rec.table === 'skills')
let trovato = false
if (recSkill) {
console.log('recSkill.value', recSkill)
const arrvalues = valoriopt.value(recSkill.value, false)
console.log('arrvalues', arrvalues)
if (arrvalues)
trovato = arrvalues.find((rec: any) => rec[recSkill.key] === valsaved)
}
if (valsaved && trovato)
item.value = valsaved
else
item.value = costanti.FILTER_TUTTI
@@ -438,7 +448,7 @@ export default defineComponent({
}
}
console.log('filtersearch', filtersearch)
// console.log('filtersearch', filtersearch)
if (props.prop_search) {
let nosearch = false
@@ -450,7 +460,6 @@ export default defineComponent({
if (props.keyMain) {
nosearch = true
filtersearch.forEach((rec: any) => {
console.log('rec', rec)
if (!!rec[props.keyMain]) {
nosearch = false
}
@@ -464,7 +473,7 @@ export default defineComponent({
}
}
console.log('filtercustom', props.filtercustom)
// console.log('filtercustom', props.filtercustom)
let params: IParamsQuery = {
@@ -843,7 +852,7 @@ export default defineComponent({
function mounted() {
// console.log('GridTable mounted', tablesel.value)
console.log('props.filtercustom', props.filtercustom)
// console.log('props.filtercustom', props.filtercustom)
if (!!props.tablesList) {

View File

@@ -105,6 +105,7 @@
:class="$q.screen.lt.sm ? `` : `row` + ` text-blue `">
<span v-for="(item, index) in searchList" :key="index">
<CMySelect
:col="fieldsTable.getColByTable('myskills', item.key)"
v-if="(item.type === costanti.FieldType.select) || (item.type === costanti.FieldType.select_by_server)"
:label="labelcombo(item)"
v-model:value="item.value"
@@ -115,6 +116,7 @@
label-color="primary"
class="combowidth"
color="primary"
:icon_alternative="item.icon"
:optval="fieldsTable.getKeyByTable(item.table)"
:optlab="fieldsTable.getLabelByTable(item.table)"
:options="valoriopt(item, false)"
@@ -127,6 +129,7 @@
<CMySelect
v-if="item.type === costanti.FieldType.multiselect_by_server"
:col="fieldsTable.getColByTable('myskills', item.key)"
:multiselect_by_server="true"
:label="labelcombo(item)"
v-model:arrvalue="item.arrvalue"
@@ -138,6 +141,7 @@
label-color="primary"
class="combowidth"
color="primary"
:icon_alternative="item.icon"
:optval="fieldsTable.getKeyByTable(item.table)"
:optlab="fieldsTable.getLabelByTable(item.table)"
:options="valoriopt(item, false)"
@@ -164,6 +168,9 @@
:option-value="fieldsTable.getKeyByTable(item.table)"
>
<template v-if="item.icon" v-slot:prepend>
<q-icon :name="item.icon" />
</template>
<template
v-if="item.arrvalue.length >= 1"
v-slot:selected-item="scope">
@@ -389,7 +396,6 @@
class="q-ma-sm q-pa-sm colmodif col-grow rounded-borders " style="border: 1px solid #bbb"
@click="colclicksel = mycol">
mycol : {{mycol}}
<CMyPopupEdit
:table="mytable"
:canEdit="true"

View File

@@ -31,6 +31,11 @@ export default defineComponent({
required: false,
default: -1,
},
maxlength: {
type: Number,
required: false,
default: 0,
},
mysubsubkey: {
type: String,
required: false,
@@ -97,7 +102,7 @@ export default defineComponent({
const { t } = useI18n()
const globalStore = useGlobalStore()
const col = ref(<IColGridTable> { name: 'test' })
const col = ref(<IColGridTable> { name: 'test', fieldtype: 0, showWhen: costanti.showWhen.NewRec + costanti.showWhen.InEdit + costanti.showWhen.InView, visible: true, maxlength: props.maxlength })
const row = ref({})
const { setValDb, getValDb } = MixinBase()

View File

@@ -177,7 +177,7 @@ export default defineComponent({
const myImgGall = ref(<IImgGallery[]>[{}])
const col = ref(<IColGridTable> { name: 'test', fieldtype: 0 })
const col = ref(<IColGridTable> { name: 'test', fieldtype: 0, showWhen: costanti.showWhen.NewRec + costanti.showWhen.InEdit + costanti.showWhen.InView, visible: true, maxlength: props.mycol ? props.mycol.maxlength : 0 })
const myrow = toRef(props, 'row')

View File

@@ -1,6 +1,6 @@
<template>
<div :class="getclassCol(col)">
<div v-if="tools.checkIfShowField(col, (isInModif ? tools.TIPOVIS_EDIT_RECORD : 0) + (insertMode ? tools.TIPOVIS_NEW_RECORD : 0), visulabel, myvalue)" style="flex-grow: 1;">
<div v-if="tools.checkIfShowField(col, insertMode ? tools.TIPOVIS_NEW_RECORD : (isInModif ? tools.TIPOVIS_EDIT_RECORD : tools.TIPOVIS_SHOW_RECORD), visulabel, myvalue)" style="flex-grow: 1;">
<div
:class="{ flex: !isInModif, 'justify-center': true }">
<div>
@@ -32,7 +32,6 @@
</div>
<div v-else-if="col.fieldtype === costanti.FieldType.string">
<div v-if="visulabel || isInModif" :class="{ flex: !isInModif}">
<q-input
v-bind="$attrs"
v-model="myvalue"
@@ -196,7 +195,6 @@
</div>
<div v-else-if="col.fieldtype === costanti.FieldType.date">
<CDateTime
v-if="myvalue"
:label="col.label"
class="cursor-pointer"
v-model:value="myvalue"

View File

@@ -115,6 +115,11 @@ export default defineComponent({
withToggle: {
type: Boolean,
default: false,
},
icon_alternative: {
type: String,
required: false,
default: '',
}
},
components: {},
@@ -317,6 +322,9 @@ export default defineComponent({
if (props.col.jointable) {
optionsreal.value = globalStore.getTableJoinByName(props.col.jointable, props.col.addall, props.col.filter)
// console.log('optionsreal.value', optionsreal.value)
} else {
optionsreal.value = props.options
}
myarr = optionsreal.value
@@ -326,7 +334,7 @@ export default defineComponent({
// console.log('needle', needle, 'props.multiple', props.multiple)
if (props.filter_table) {
// console.log(' FILTERTABLE', props.filter_field, myarr)
console.log(' FILTERTABLE', props.filter_field, myarr)
if (props.multiple) {
myarr = myarr.filter((rec: any) => rec[props.filter_field] === needle)
} else {
@@ -348,6 +356,7 @@ export default defineComponent({
// console.log(' myarr: ', myarr)
}
// console.log(' myarr: ', myarr)
return myarr
}
@@ -494,6 +503,15 @@ export default defineComponent({
}
}
function getIcon() {
if (props.icon_alternative)
return props.icon_alternative
if (props.col && props.col['icon']) {
return props.col['icon']
}
return ''
}
onMounted(mounted)
@@ -507,6 +525,7 @@ export default defineComponent({
checkIfShowRec,
abortFilterFn,
newvaluefuncfirst,
getIcon,
}
}
})

View File

@@ -25,6 +25,9 @@
:option-value="optval"
class="combowidth"
>
<template v-if="getIcon() && !sola_lettura" v-slot:prepend>
<q-icon :name="getIcon()" />
</template>
<template v-slot:no-option>
<q-item>
@@ -89,6 +92,9 @@
v-bind="$attrs"
style="width: 250px"
>
<template v-if="getIcon()" v-slot:prepend>
<q-icon :name="getIcon()" />
</template>
<template v-slot:no-option>
<q-item>
<q-item-section class="text-grey">
@@ -128,6 +134,9 @@
:option-label="optlab"
:dense="dense">
<template v-if="getIcon()" v-slot:prepend>
<q-icon :name="getIcon()" />
</template>
<template
v-slot:selected-item="scope">
<div v-if="scope.opt[optlab]">
@@ -137,7 +146,6 @@
@remove="scope.removeAtIndex(scope.index)"
v-if="checkIfShowRec(scope.opt)"
color="white"
text-color="mycol"
class="q-my-none q-ml-xs q-mr-none"
>
<q-avatar color="primary" text-color="white" :icon="scope.opt.icon ? scope.opt.icon : ''" size="12px"/>
@@ -182,6 +190,9 @@
map-options
v-bind="$attrs"
class="combowidth">
<template v-if="getIcon()" v-slot:prepend>
<q-icon :name="getIcon()" />
</template>
<template v-slot:option="scope">
<q-item v-bind="scope.itemProps">
<q-item-section avatar>

View File

@@ -10,7 +10,7 @@
<q-item-section @click="naviga(`/my/` + contact.username)">
<q-item-label><strong>{{ contact.name }} {{ contact.surname }}</strong> ({{ contact.username }})
</q-item-label>
<q-item-label caption lines="1"><em>{{ contact.profile.qualifica }}</em></q-item-label>
<q-item-label v-if="contact.profile" caption lines="1"><em>{{ contact.profile.qualifica }}</em></q-item-label>
</q-item-section>
<q-item-section side v-if="visu === costanti.FRIENDS">

View File

@@ -24,6 +24,7 @@ const msg_website_it = {
home: 'Home',
profile: 'Profilo',
profile2: 'ProfiloU',
mypage2: 'mypage2',
test: 'Test',
projects: 'Progetti',
report: 'Report Ore',

View File

@@ -424,7 +424,7 @@ const baseroutes: IListRoutes[] = [
},
{
active: true,
order: 130,
order: 135,
path: '/my/:username',
materialIcon: 'fas fa-user',
name: 'pages.profile2',
@@ -438,7 +438,7 @@ const baseroutes: IListRoutes[] = [
order: 130,
path: '/mypage/:idSkill',
materialIcon: 'fas fa-user',
name: 'pages.profile2',
name: 'pages.mypage2',
component: () => import('@/views/user/mypageskill/mypageskill.vue'),
meta: { requiresAuth: true },
inmenu: false,

View File

@@ -539,6 +539,7 @@ export interface ISearchList {
addall?: boolean
showcount?: boolean
tablesel?: string
icon?: string
}
export interface IFilter {

View File

@@ -683,6 +683,7 @@ const msg_it = {
showlastschedule: 'Vedi tutto il Calendario',
},
msgs: {
telegrammsg: 'Msg Telegram',
message: 'Messaggio',
messages: 'Messaggi',
nomessage: 'Nessun Messaggio',

View File

@@ -441,6 +441,7 @@ export const colmySkills = [
jointable: 'sectors',
showWhen: costanti.showWhen.NewRec + costanti.showWhen.InEdit,
visible: true,
icon: 'category',
}),
AddCol({
name: 'idSkill',
@@ -451,7 +452,7 @@ export const colmySkills = [
filter_table: 'sectors',
filter_field: 'idSector',
noshowlabel: true,
icon: 'far fa-id-card',
icon: 'engineering',
showWhen: costanti.showWhen.NewRec + costanti.showWhen.InPage + costanti.showWhen.InEdit + costanti.showWhen.InView,
allowNewValue: true,
}),
@@ -464,7 +465,7 @@ export const colmySkills = [
filter_table: 'skills',
filter_field: 'idSkill',
noshowlabel: true,
icon: 'fas fa-scroll',
icon: 'far fa-id-card',
showWhen: costanti.showWhen.NewRec + costanti.showWhen.InPage + costanti.showWhen.InEdit + costanti.showWhen.InView,
allowNewValue: true,
}),
@@ -476,7 +477,7 @@ export const colmySkills = [
jointable: 'levels',
showWhen: costanti.showWhen.NewRec + costanti.showWhen.InPage + costanti.showWhen.InEdit + costanti.showWhen.InView_OnlyifExist,
noshowlabel: true,
icon: 'fas fa-layer-group',
icon: 'grading',
}),
AddCol({
name: 'idStatusSkill',
@@ -484,6 +485,8 @@ export const colmySkills = [
fieldtype: costanti.FieldType.multiselect,
jointable: 'statusSkills',
showWhen: costanti.showWhen.NewRec + costanti.showWhen.InPage + costanti.showWhen.InEdit + costanti.showWhen.InView_OnlyifExist,
noshowlabel: true,
icon: 'mood',
}),
AddCol({
name: 'idContribType',
@@ -492,7 +495,8 @@ export const colmySkills = [
jointable: 'contribtypes',
showWhen: costanti.showWhen.NewRec + costanti.showWhen.InPage + costanti.showWhen.InEdit + costanti.showWhen.InView_OnlyifExist,
noshowlabel: true,
icon: 'fas fa-hands-helping',
icon: 'currency_exchange',
//icon: 'fas fa-hands-helping',
}),
AddCol({
name: 'idCity',
@@ -916,6 +920,16 @@ export const fieldsTable = {
getrecTableList(mytable: string) {
return this.tablesList.find((rec) => rec.value === mytable)
},
getColByTable(mytable: string, namecol: string) {
const tablerec: any = this.tablesList.find((rec) => rec.value === mytable)
if (tablerec) {
// console.log('tablerec', tablerec.columns)
const mycol = tablerec.columns.find((col: any) => col.name === namecol)
// console.log('mycol = ', mycol)
return mycol
} else
return null
},
getKeyByTable(mytable: string): string {
const myrec = this.getrecTableList(mytable)
if (myrec) return ((myrec.colkey) ? myrec.colkey : '_id')
@@ -1388,7 +1402,7 @@ export const fieldsTable = {
AddCol({
name: 'profile.nationality', field: 'profile', subfield: 'nationality', label_trans: 'reg.nationality',
}),
AddCol({ name: 'profile.dateofbirth', label_trans: 'reg.dateofbirth', fieldtype: costanti.FieldType.onlydate }),
AddCol({ name: 'profile.dateofbirth', label_trans: 'reg.dateofbirth', fieldtype: costanti.FieldType.date }),
AddCol({ name: 'profile.born_city', label_trans: 'reg.born_city', fieldtype: costanti.FieldType.string }),
AddCol({ name: 'profile.born_province', label_trans: 'reg.born_province', fieldtype: costanti.FieldType.string }),
AddCol({ name: 'profile.born_country', label_trans: 'reg.born_country', fieldtype: costanti.FieldType.string }),

View File

@@ -55,6 +55,8 @@ export const tools = {
COOK_SEARCH: 'SEARCH_',
FRIENDS_SEARCH: 'FR_SE',
getprefCountries: ['it', 'es', 'us'],
APORTADOR_NONE: '------',

View File

@@ -752,7 +752,7 @@ export const useGlobalStore = defineStore('GlobalStore', {
},
async loadTable(params: IParamsQuery) {
console.log('loadTable', params)
// console.log('loadTable', params)
const userStore = useUserStore()
return Api.SendReq('/gettable', 'POST', params)

View File

@@ -30,7 +30,14 @@ export default defineComponent({
searchList.value = []
filtercustom.value = []
arrfilterand.value = []
const filt_loaded = tools.getCookie(tools.COOK_SEARCH + tools.FRIENDS_SEARCH)
filter.value = filt_loaded ? filt_loaded : costanti.FIND_PEOPLE
}
watch(() => filter.value, (newval: any, oldval) => {
tools.setCookie(tools.COOK_SEARCH + tools.FRIENDS_SEARCH, newval)
})
function extraparams() {
let lk_tab = 'users'

View File

@@ -1,7 +1,6 @@
<template>
<div class="q-gutter-sm q-pa-sm q-pb-md">
<div v-if="myuser.profile" class="fit column no-wrap justify-evenly items-center content-start">
<div v-if="myuser.date_reg" class="fit column no-wrap justify-evenly items-center content-start">
<div class="">
<q-avatar size="140px">
@@ -18,8 +17,8 @@
{{ myuser.username }}
</div>
<div class="col-12 text-h7">
<span v-if="myuser.profile.born_city">{{ myuser.profile.born_city }}</span> <span
v-if="myuser.profile.nationality && myuser.profile.nationality !== 'Italia'">({{
<span v-if="myuser.profile && myuser.profile.born_city">{{ myuser.profile.born_city }}</span> <span
v-if="myuser.profile && myuser.profile.nationality && myuser.profile.nationality !== 'Italia'">({{
myuser.profile.nationality
}})</span>
</div>
@@ -39,11 +38,13 @@
/>
</div>
<div class="col-12 text-h8 q-mt-sm">
<em><span class="qualifica">{{ myuser.profile.qualifica }}</span></em>
</div>
<div class="col-12 text-h8 q-mt-sm">
{{ myuser.profile.biografia }}
<div v-if="myuser.name">
<div class="col-12 text-h8 q-mt-sm">
<em><span class="qualifica">{{ myuser.profile.qualifica }}</span></em>
</div>
<div class="col-12 text-h8 q-mt-sm">
{{ myuser.profile.biografia }}
</div>
</div>
<q-btn
@@ -54,7 +55,7 @@
to="/editprofile">
</q-btn>
<div class="myrow justify-evenly items-center q-pa-sm q-ma-sm">
<div v-if="myuser.name" class="myrow justify-evenly items-center q-pa-sm q-ma-sm">
<div class="col-6 q-ma-xs">
<q-btn
@@ -62,7 +63,7 @@
color="blue" type="a"
size="md"
rounded
:label="$t('msgs.message')"
:label="$t('msgs.telegrammsg')"
:href="getLinkUserTelegram()" target="__blank">
</q-btn>
@@ -101,25 +102,27 @@
</q-card>
</div>
<CTitleBanner
class="" :title="$t('dashboard.info')" bgcolor="bg-primary" clcolor="text-white"
myclass="myshad" :canopen="true">
<div v-if="myuser.name">
<CTitleBanner
class="" :title="$t('dashboard.info')" bgcolor="bg-primary" clcolor="text-white"
myclass="myshad" :canopen="true">
<div v-if="myuser.profile" class="fit column no-wrap justify-evenly content-start">
<div v-if="myuser.profile" class="fit column no-wrap justify-evenly content-start">
<div class="col-6 text-h6">
<CDateTime
v-if="checkifShow('profile.dateofbirth') && !!myuser.profile.dateofbirth"
v-model:value="myuser.profile.dateofbirth"
:label="$t('reg.dateofbirth')"
:canEdit="false">
</CDateTime>
<div class="col-6 text-h6">
<CDateTime
v-if="checkifShow('profile.dateofbirth') && !!myuser.profile.dateofbirth"
v-model:value="myuser.profile.dateofbirth"
:label="$t('reg.dateofbirth')"
:canEdit="false">
</CDateTime>
</div>
</div>
</div>
</CTitleBanner>
</CTitleBanner>
</div>
<CTitleBanner
class="" title="Competenze e Talenti" bgcolor="bg-positive" clcolor="text-white"