- MyProfile

- Immagine profilo e small
This commit is contained in:
paoloar77
2022-01-03 21:53:41 +01:00
parent f31eb0ea99
commit 5375e9d728
37 changed files with 542 additions and 128 deletions

View File

@@ -21,11 +21,6 @@ $grayshadow: #555;
height: 200px;
}
.myimg-view {
border-radius: 5px !important;
height: 80px;
}
.q-img {
&__image {
border-radius: 10px !important;

View File

@@ -11,7 +11,7 @@
<div>
<!-- display an myevent -->
<q-dialog v-model="displayEvent">
<q-card v-if="myevent" :style="`min-width: ` + tools.myheight_dialog() + `px;`">
<q-card v-if="myevent" class="dialog_card">
<q-toolbar class="bg-primary text-white">
<!--<q-toolbar :class="tools.displayClasses(myevent)"-->
<!--:style="tools.displayStyles(myevent) + ` min-width: `+ tools.myheight_dialog() + `px;`">-->
@@ -120,7 +120,7 @@
<!-- id_bookedeventadd/edit an myevent -->
<q-dialog v-model="addEvent" no-backdrop-dismiss persistent>
<q-card v-if="addEvent" :style="`min-width: `+ tools.myheight_dialog() + `px;`">
<q-card v-if="addEvent" class="dialog_card">
<q-toolbar class="bg-primary text-white">
<q-toolbar-title>
{{ addOrUpdateEvent() }} {{ $t('cal.event') }}
@@ -350,7 +350,7 @@
</q-dialog>
<q-dialog v-model="bookEventpage.show" no-backdrop-dismiss>
<q-card v-if="bookEventpage.show" :style="`min-width: `+ tools.myheight_dialog() + `px;`">
<q-card v-if="bookEventpage.show" class="dialog_card">
<q-toolbar class="bg-primary text-white">
<q-toolbar-title>
{{ $t('cal.booking') }}
@@ -481,7 +481,7 @@
</q-dialog>
<q-dialog v-model="askInfopage.show" no-backdrop-dismiss>
<q-card v-if="askInfopage.show" :style="`min-width: `+ tools.myheight_dialog() + `px;`">
<q-card v-if="askInfopage.show" class="dialog_card">
<q-toolbar class="bg-primary text-white">
<q-toolbar-title>
{{ $t('cal.booking') }}

View File

@@ -32,11 +32,6 @@ $grayshadow: #555;
}
.myimg-view {
border-radius: 5px !important;
height: 80px;
}
.q-img {
&__image {
border-radius: 10px !important;

View File

@@ -135,7 +135,7 @@ export default defineComponent({
type: Object as PropType<IPagination>,
required: false,
default: () => {
return { sortBy: 'desc', descending: false, page: 1, rowsNumber: 10, rowsPerPage: 10 }
return { sortBy: 'desc', descending: false, page: 1, rowsNumber: 0, rowsPerPage: 10 }
},
},
defaultnewrec: {
@@ -216,11 +216,16 @@ export default defineComponent({
return lab
})
watch(searchList.value, (to: any, from: any) => {
watch(() => searchList.value, (to: any, from: any) => {
console.log('watch searchlist', to)
refresh()
})
watch(() => props.filtercustom, (to: any, from: any) => {
console.log('filtercustom', to)
refresh()
})
function searchval(newval: any, table: any) {
console.log('searchval', newval, table)
tools.setCookie(tools.COOK_SEARCH + table, newval)

View File

@@ -169,8 +169,8 @@
</span>
</div>
<div
class="row justify-center vertical-middle">
<div v-if="(prop_search || canEdit)"
class="row justify-center vertical-middle">
<div v-if="prop_search" class="q-mr-sm">
<q-input
@@ -184,7 +184,7 @@
<q-space></q-space>
<q-select
v-if="mytable"
v-if="mytable && pagination.rowsNumber > 0 && (prop_search || canEdit)"
v-model="colVisib"
rounded
outlined
@@ -202,7 +202,7 @@
</div>
<div v-if="pagination.rowsNumber > 0">{{ pagination.rowsNumber }} elementi trovati</div>
<div v-if="pagination.rowsNumber > 0 && prop_search">{{ pagination.rowsNumber }} elementi trovati</div>
</template>
<template v-slot:body="props">
@@ -364,7 +364,7 @@
</div>
</div>
<q-dialog v-model="newRecordBool" @hide="hidewindow">
<q-card :style="`min-width: `+ tools.myheight_dialog() + `px;`">
<q-card class="dialog_card">
<q-bar dense class="bg-primary text-white">
Nuovo:
<q-space/>
@@ -404,7 +404,7 @@
</q-card>
</q-dialog>
<q-dialog v-model="editRecordBool">
<q-card :style="`min-width: `+ tools.myheight_dialog() + `px;`">
<q-card class="dialog_card">
<q-bar dense class="bg-primary text-white">
<span v-if="mytitle">{{ mytitle }}</span>
<span v-else>{{ recModif[col_title] }}</span>

View File

@@ -1,6 +1,6 @@
<template>
<div>
<q-card :style="`min-width: `+ tools.myheight_dialog() + `px;` ">
<q-card class="dialog_card">
<q-toolbar v-if="showButtons" class="bg-primary text-white" style="min-height: 30px;">
<q-toolbar-title>
Editor
@@ -25,6 +25,7 @@
</q-btn>
<q-editor
ref="editor"
content-class="wrap_anywhere"
toolbar-text-color="white"
toolbar-toggle-color="yellow-8"
toolbar-bg="primary"

View File

@@ -157,6 +157,7 @@ export default defineComponent({
const myvalueprec = ref('false')
const countryname = ref('')
const visueditor = ref(false)
const visuhtml = ref(false)
const showeditor = ref(false)
const myImgGall = ref(<IImgGallery[]>[{}])
@@ -477,6 +478,17 @@ export default defineComponent({
return ''
} else {
let mystr = ''
let mylink = ''
if (col.link)
mylink = col.link.replace(col.name, val)
if (col.tipovisu === costanti.TipoVisu.LINK && col.link) {
return "<a href='"+mylink+"'>" + val + '</a>'
} else if (col.tipovisu === costanti.TipoVisu.BUTTON && col.link) {
return ''
}
if (props.showall) {
return val
} else {
@@ -586,6 +598,7 @@ export default defineComponent({
myvalue,
countryname,
visueditor,
visuhtml,
showeditor,
isviewfield,
changeval,

View File

@@ -2,7 +2,7 @@
<div :class="getclassCol(col)">
<div v-if="(visInNewRec(col) && visulabel) || !visulabel " style="flex-grow: 1;">
<div
:class="{ editor: (col.fieldtype === costanti.FieldType.html) && !isInModif, flex: true, 'justify-center': true }">
:class="{ flex: true, 'justify-center': true }">
<div>
<!-- Edit Value -->
<div v-if="col.fieldtype === costanti.FieldType.boolean">
@@ -24,8 +24,10 @@
<div v-else-if="col.fieldtype === costanti.FieldType.string">
<div v-if="visulabel || isInModif" class="flex">
<q-input
v-bind="$attrs"
v-model="myvalue"
autogrow
:disable="disable"
@keyup.enter.stop
@update:model-value="changevalRec"
autofocus
@@ -33,12 +35,21 @@
</q-input>
</div>
<div v-else>
<span v-html="visuValByType(myvalue, col, row)"></span>
<q-btn v-if="col.tipovisu === costanti.TipoVisu.LINK && myvalue" type="a" rounded dense size="sm"
color="white" text-color="blue" icon="person" :to="col.link.replace(col.name, myvalue)">
{{ myvalue }}
</q-btn>
<q-btn v-else-if="col.tipovisu === costanti.TipoVisu.BUTTON && myvalue" rounded dense size="sm"
color="primary" icon="person" :to="col.link.replace(col.name, myvalue)">{{ myvalue }}
</q-btn>
<span v-else v-html="visuValByType(myvalue, col, row)"></span>
</div>
</div>
<div v-else-if="col.fieldtype === costanti.FieldType.number">
<div v-if="canEdit || isInModif">
<q-input
v-bind="$attrs"
v-model="myvalue"
@update:model-value="Savedb"
type="number"
@@ -316,10 +327,28 @@
</div>
</div>
<div v-else>
<div v-html="visuValByType(myvalue, col, row)" @click="visueditor = true"></div>
<q-btn
v-if="myvalue"
:label="$t('cal.details')" color="primary" text-color="white"
@click="visuhtml = true">
</q-btn>
<!--<div v-html="visuValByType(myvalue, col, row)" @click="visueditor = true"></div>-->
<div v-if="!isFieldDb()">
<q-dialog v-model="visuhtml" full-height full-width auto-close>
<q-card>
<q-bar dense class="bg-primary text-white">
<q-space/>
</q-bar>
<q-card-section class="inset-shadow">
<q-card class="dialog_card">
<div v-html="myvalue" class="wrap_anywhere"></div>
</q-card>
</q-card-section>
</q-card>
</q-dialog>
<q-dialog v-model="visueditor" no-backdrop-dismiss persistent full-height full-width>
<q-card :style="`min-width: `+ tools.myheight_dialog() + `px;`">
<q-card class="dialog_card">
<q-card-section>
<CMyEditor
v-if="visueditor" v-model:value="myvalue" :title="col.title" @keyup.enter.stop
@@ -369,6 +398,7 @@
</div>
<div v-else-if="col.fieldtype === costanti.FieldType.string">
<q-input
v-bind="$attrs"
v-model="scope.value"
autogrow
@keyup.enter.stop

View File

@@ -1,7 +1,7 @@
<template>
<span>
<q-dialog v-model="showuserdetails" v-if="myop">
<q-card :style="`min-width: `+ tools.myheight_dialog() + `px;`">
<q-card class="dialog_card">
<q-toolbar class="bg-primary text-white">
<q-toolbar-title>
{{ myop.name }} {{ myop.surname }}

View File

@@ -27,3 +27,4 @@
.q-img__content > div{
background: rgba(0,0,0,0.17) !important;
}

View File

@@ -25,6 +25,11 @@ export default defineComponent({
return []
}
},
username: {
type: String,
required: false,
default: ''
}
},
components: {
CMyFieldDb, CGridTableRec,
@@ -44,7 +49,7 @@ export default defineComponent({
data: {},
field: 'myskills'
}
};
}
if (props.defaultnewrec) {
@@ -72,13 +77,23 @@ export default defineComponent({
function extraparams() {
let lk_tab = 'users'
let lk_LF = 'userId'
let lk_FF = '_id'
let lk_as = 'user'
let af_objId_tab = 'myId'
if (props.username) {
// lk_LF = 'username'
}
return {
lookup1: {
lk_tab: 'users',
lk_LF: 'userId',
lk_FF: '_id',
lk_as: 'user',
af_objId_tab: 'myId',
lk_tab,
lk_LF,
lk_FF,
lk_as,
af_objId_tab,
lk_proj: {
idSkill: 1,
idSubSkill: 1,
@@ -97,12 +112,24 @@ export default defineComponent({
}
}
function getFilterCustom() {
/*if (props.username) {
return [
{ username: props.username }
]
} else {
return props.filtercustom
}*/
}
return {
tools,
costanti,
colmySkills,
getdefaultnewrec,
extraparams,
getFilterCustom,
}
},
})

View File

@@ -2,6 +2,7 @@
<div>
<div class="q-ma-sm q-gutter-sm q-pa-xs">
<CGridTableRec
v-if="filtercustom.length > 0"
prop_mytable="myskills"
prop_mytitle=""
:prop_mycolumns="colmySkills"
@@ -13,6 +14,7 @@
noresultLabel="Il filtro selezionato non ha trovato nessun risultato"
:defaultnewrec="getdefaultnewrec"
:filtercustom="filtercustom"
v-bind="$attrs"
:extraparams="extraparams()">
</CGridTableRec>

View File

@@ -70,9 +70,11 @@ export default defineComponent({
}
function apri() {
myvisible.value = !myvisible.value
if (myvisible.value)
emit('apri')
if (props.canopen) {
myvisible.value = !myvisible.value
if (myvisible.value)
emit('apri')
}
}
function getclass() {

View File

@@ -24,8 +24,8 @@
<slot></slot>
</div>
<div
v-if="imgpreview" class="text-center cursor-pointer clBorderSteps" style="opacity: 0.5;"
@click="myvisible = !myvisible">
v-if="imgpreview" class="text-center cursor-pointer clBorderSteps" style="opacity: 0.5;"
@click="myvisible = !myvisible">
<q-img :src="imgpreview" class="img"></q-img>
</div>
</div>

View File

@@ -345,9 +345,13 @@ export default defineComponent({
function getappname() {
let mystr = tools.getsuffisso() + tools.getappname(tools.isMobile())
//if (!tools.isMobile()) {
if (!tools.isMobile()) {
//if (!tools.isMobile()) {
mystr += ' ' + getAppVersion()
//}
//}
} else {
mystr = ''
}
return mystr