surya/salvato.newfreeplanet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- CGallery MyFieldDB

Browse Source
This commit is contained in:
Paolo Arena
2021-11-04 16:02:14 +01:00
parent 57cda99f9c
commit ae62860d51
24 changed files with 397 additions and 343 deletions
Download Patch File Download Diff File Expand all files Collapse all files

282
src/components/CMyPopupEdit/CMyPopupEdit.ts
View File

@@ -1,9 +1,9 @@
import { defineComponent, onMounted, ref, toRef } from 'vue'
import { defineComponent, onMounted, PropType, ref, toRef, watch } from 'vue'
import { useI18n } from '@src/boot/i18n'
import { useUserStore } from '@store/UserStore'
import { useGlobalStore } from '@store/globalStore'
import { useQuasar } from 'quasar'
import { IColGridTable } from 'model'
import { IColGridTable, IImgGallery } from 'model'
import { CMyChipList } from '../CMyChipList'
import { CDate } from '../CDate'
import { CDateTime } from '../CDateTime'
@@ -15,16 +15,23 @@ import { tools } from '@store/Modules/tools'
import { costanti } from '@costanti'
import { fieldsTable } from '@store/Modules/fieldsTable'
import MixinBase from '@/mixins/mixin-base'
import MixinUsers from '@/mixins/mixin-users'
export default defineComponent({
name: 'CMyPopupEdit',
props: {
title: {
type: String,
required: false,
default: '',
},
row: {
type: Object,
required: true,
},
col: {
type: Object,
mycol: {
type: Object as PropType<IColGridTable>,
required: true,
},
canEdit: {
@@ -42,6 +49,26 @@ export default defineComponent({
required: false,
default: '',
},
mysubsubkey: {
type: String,
required: false,
default: '',
},
serv: {
type: Boolean,
required: false,
default: false,
},
indrec: {
type: Number,
required: false,
default: -1,
},
type: {
type: Number,
required: false,
default: 0,
},
showall: {
type: Boolean,
required: false,
@@ -67,11 +94,31 @@ export default defineComponent({
required: false,
default: false,
},
jointable: {
type: String,
required: false,
default: '',
},
table: {
type: String,
required: false,
default: '',
},
myimg: {
type: String,
required: false,
default: '',
},
id: {
type: String,
required: false,
default: '',
},
idmain: {
type: String,
required: false,
default: '',
},
},
components: { CMyChipList, CDateTime, CDate, CMyToggleList, CMySelect, CMyEditor, CGallery },
setup(props, { emit }) {
@@ -86,8 +133,59 @@ export default defineComponent({
const visueditor = ref(false)
const showeditor = ref(false)
const myImgGall = ref(<IImgGallery[]>[{}])
const col = ref(<IColGridTable> { name: 'test', fieldtype: 0 })
const myrow = toRef(props, 'row')
const { setValDb, getValDb } = MixinBase()
const { getMyUsername } = MixinUsers()
function crea() {
if (isFieldDb()) {
// mykey -> field
// mysubkey -> subfield
// table -> table
// serv -> serv
// id -> id
// idmain -> idmain
// console.table(props)
myvalue.value = getValDb(props.field, props.serv, '', props.table, props.subfield, props.id, props.idmain)
// console.log('myvalue.value', myvalue.value)
col.value.jointable = props.jointable
col.value.fieldtype = props.type
col.value.label = props.title
if (props.type === costanti.FieldType.image) {
myImgGall.value = [{
_id: '',
imagefile: myvalue.value,
order: 1,
alt: 'img',
}]
}
console.log('col', col.value);
} else {
col.value = {...props.mycol}
}
// console.log('CMyFieldDb crea', myvalue)
}
watch(() => props.id, (newval, oldval) => {
crea()
})
function isFieldDb(){
return props.type !== 0
}
function isviewfield() {
return props.view === 'field'
}
@@ -98,21 +196,21 @@ export default defineComponent({
}
function getrealval(newval: any) {
if (props.col.fieldtype === costanti.FieldType.hours) {
if (col.value.fieldtype === costanti.FieldType.hours) {
newval = newval.value
}
}
function changevalRec(newval: any) {
// console.log('row', props.row, 'col', props.col, 'newval', newval)
// console.log('row[col.name]', props.row[props.col.name])
myrow.value[props.col.name] = newval
// console.log('row', props.row, 'col', props.mycol, 'newval', newval)
// console.log('row[col.value.name]', props.row[col.value.name])
myrow.value[col.value.name] = newval
// console.log('changevalRec update:row', newval)
emit('update:row', props.row)
}
function changevalRecHours(newval: any) {
if (props.col.fieldtype === costanti.FieldType.hours) {
if (col.value.fieldtype === costanti.FieldType.hours) {
newval = newval.value
}
changevalRec(newval)
@@ -126,23 +224,27 @@ export default defineComponent({
function mounted() {
// console.log('mounted')
if (props.subfield !== '') {
if (props.row[props.field] === undefined) {
myrow.value[props.field] = {}
myvalue.value = ''
} else {
myvalue.value = myrow.value[props.field][props.subfield]
}
if (isFieldDb()) {
} else {
if (props.field !== '')
myvalue.value = myrow.value[props.field]
else {
// @ts-ignore
myvalue.value = myrow.value
if (props.subfield !== '') {
if (props.row[props.field] === undefined) {
myrow.value[props.field] = {}
myvalue.value = ''
} else {
myvalue.value = myrow.value[props.field][props.subfield]
}
} else {
if (props.field !== '')
myvalue.value = myrow.value[props.field]
else {
// @ts-ignore
myvalue.value = myrow.value
}
}
}
if (props.col.fieldtype === costanti.FieldType.listimages) {
if (col.value.fieldtype === costanti.FieldType.listimages) {
if (myvalue.value === '' || myvalue.value === undefined) {
console.log('set default myvalue.value ')
myvalue.value = {
@@ -159,7 +261,6 @@ export default defineComponent({
}
}
}
// console.log('myvalue.value', myvalue.value)
myvalueprec.value = myvalue.value
@@ -171,7 +272,7 @@ export default defineComponent({
emit('show')
}
function getval() {
/*function getval() {
let myval: any = 'false'
if ((props.subfield !== '') && (props.subfield !== '')) {
@@ -189,34 +290,54 @@ export default defineComponent({
}
return myval
}
}*/
function SaveValueInt(newVal: any, valinitial: any) {
// console.log('SaveValueInt', newVal, valinitial)
// Update value in table memory
if (props.subfield !== '') {
if (myrow.value[props.field] === undefined)
myrow.value[props.field] = {}
myrow.value[props.field][props.subfield] = newVal
if (isFieldDb()) {
savefield(newVal, valinitial, $q);
} else {
if (props.field !== '')
myrow.value[props.field] = newVal
else
myrow.value = newVal
}
// Update value in table memory
if (props.subfield !== '') {
if (myrow.value[props.field] === undefined)
myrow.value[props.field] = {}
myrow.value[props.field][props.subfield] = newVal
} else {
if (props.field !== '')
myrow.value[props.field] = newVal
else
myrow.value = newVal
}
emit('save', newVal, valinitial)
emit('save', newVal, valinitial)
}
}
function savefield(value: any, initialval: any, myq: any) {
myvalue.value = value
setValDb(myq, props.field, myvalue.value, props.type, props.serv, props.table, props.subfield, props.id, props.indrec, props.mysubsubkey)
}
function annulla(val: any) {
emit('annulla', true)
}
function savefieldboolean(value: any) {
if (myvalue.value === undefined)
myvalue.value = 'true'
else
myvalue.value = value
setValDb($q, props.field, myvalue, props.type, props.serv, props.table, props.subfield, props.id, props.indrec, props.mysubsubkey)
}
function Savedb(newVal: any, valinitial: any) {
if (props.col.fieldtype === costanti.FieldType.boolean) {
if (col.value.fieldtype === costanti.FieldType.boolean) {
// console.log('myvalue', myvalue, newVal, myvalueprec)
if (myvalueprec.value === undefined) {
newVal = true
@@ -227,9 +348,14 @@ export default defineComponent({
// console.log('DOPO myvalue', myvalue, newVal, myvalueprec)
}
if (col.value.fieldtype === costanti.FieldType.image) {
console.log('newVal.imagefile', newVal)
myvalue.value = newVal
}
// console.log('Savedb', newVal)
emit('showandsave', props.row, props.col, newVal, valinitial)
emit('showandsave', props.row, props.mycol, newVal, valinitial)
visueditor.value = false
}
@@ -238,49 +364,59 @@ export default defineComponent({
return
// let val = ''
// if (props.col.subfield !== '') {
// if (row[props.col.field] === undefined)
// row[props.col.field] = {}
// if (col.subfield !== '') {
// if (row[col.field] === undefined)
// row[col.field] = {}
//
// val = row[props.col.field][props.col.subfield]
// val = row[col.field][col.subfield]
// } else {
// val = row[props.col.field]
// val = row[col.field]
// }
//
if (props.col.fieldtype === costanti.FieldType.date) {
if (col.fieldtype === costanti.FieldType.date) {
if (val === undefined) {
return '[]'
} else {
return tools.getstrDateTime(val)
}
} else if (props.col.fieldtype === costanti.FieldType.onlydate) {
} else if (col.fieldtype === costanti.FieldType.onlydate) {
if (val === undefined) {
return '[]'
} else {
return tools.getstrDate(val)
}
} else if (props.col.fieldtype === costanti.FieldType.boolean) {
} else if (col.fieldtype === costanti.FieldType.boolean) {
return (val) ? t('dialog.yes') : t('dialog.no')
} else if (props.col.fieldtype === costanti.FieldType.binary) {
} else if (col.fieldtype === costanti.FieldType.binary) {
if (val === undefined)
return '[---]'
else
return globalStore.getArrStrByValueBinary(col, val)
} else if (props.col.fieldtype === costanti.FieldType.select) {
} else if (col.fieldtype === costanti.FieldType.select) {
if (val === undefined)
return '[---]'
else
return globalStore.getValueByTable(col, val)
} else if (props.col.fieldtype === costanti.FieldType.multiselect) {
} else if (col.fieldtype === costanti.FieldType.multiselect) {
if (val === undefined)
return '[---]'
else
return globalStore.getMultiValueByTable(col, val)
} else if (col.fieldtype === costanti.FieldType.multioption) {
if (val === undefined)
return '[---]'
else
return globalStore.getMultiValueByTable(col, val)
} else if (col.fieldtype === costanti.FieldType.password) {
if (val === undefined)
return '[---]'
else
return '***************'
} else {
if (val === undefined || val === null)
return '[]'
return ' <span class="text-grey">(' + t('reg.select') + ')</span> '
else if (val === '') {
return '[]'
return ' <span class="text-grey">(' + t('reg.select') + ')</span> '
} else {
let mystr = ''
if (props.showall) {
@@ -300,13 +436,13 @@ export default defineComponent({
}
function visInNewRec(col: any) {
return !props.col.notShowInNewRec
return !col.notShowInNewRec
}
function getclassCol(col: any) {
if (col) {
let mycl = (props.col.disable || isviewfield()) ? '' : 'colmodif'
mycl += ((props.col.fieldtype === costanti.FieldType.date) || (props.col.fieldtype === costanti.FieldType.onlydate)) ? ' coldate flex flex-container' : ''
let mycl = (col.disable || isviewfield()) ? '' : 'colmodif'
mycl += ((col.fieldtype === costanti.FieldType.date) || (col.fieldtype === costanti.FieldType.onlydate)) ? ' coldate flex flex-container' : ''
return mycl
} else {
@@ -314,6 +450,12 @@ export default defineComponent({
}
}
function mycl() {
if (props.disable) {
return 'cldisable'
}
}
function selectcountry({ name, iso2, dialCode }: {name: string, iso2: string, dialCode: string}) {
// console.log(name, iso2, dialCode)
myvalueprec.value = myvalue.value
@@ -333,19 +475,44 @@ export default defineComponent({
}
function getTitleGall() {
return fieldsTable.getTitleImgByTable(props.table);
if (fieldsTable.tableForUsers.includes(props.table)) {
return 'Profilo'
} else {
return fieldsTable.getTitleImgByTable(props.table);
}
}
function getDirectoryGall() {
if (fieldsTable.tableForUsers.includes(props.table)) {
return 'profile/' + userStore.my.username + '/' + props.table
}else if (props.table === 'users') {
return 'profile/' + userStore.my.username
} else {
return props.table
}
}
function uploaded(info: any) {
if (info.files) {
myvalue.value = tools.geturlrelativeprofile()+ '/' + getMyUsername() + '/' + info.files[0].name
console.log('uploaded', myvalue.value)
savefield(myvalue.value, '', $q)
}
// info.files[0].name
}
function removephoto() {
myvalue.value = ''
SaveValueInt(myvalue.value, '')
}
onMounted(mounted)
crea()
return {
myvalue,
countryname,
@@ -357,7 +524,6 @@ export default defineComponent({
changevalRecHours,
updatedata,
OpenEdit,
getval,
SaveValueInt,
annulla,
Savedb,
@@ -373,6 +539,10 @@ export default defineComponent({
globalStore,
getTitleGall,
getDirectoryGall,
removephoto,
isFieldDb,
col,
myImgGall,
}
}
})