- MyProfile
- Immagine profilo e small
This commit is contained in:
@@ -21,11 +21,6 @@ $grayshadow: #555;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.myimg-view {
|
||||
border-radius: 5px !important;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.q-img {
|
||||
&__image {
|
||||
border-radius: 10px !important;
|
||||
|
||||
@@ -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') }}
|
||||
|
||||
@@ -32,11 +32,6 @@ $grayshadow: #555;
|
||||
}
|
||||
|
||||
|
||||
.myimg-view {
|
||||
border-radius: 5px !important;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.q-img {
|
||||
&__image {
|
||||
border-radius: 10px !important;
|
||||
|
||||
@@ -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)
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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 }}
|
||||
|
||||
@@ -27,3 +27,4 @@
|
||||
.q-img__content > div{
|
||||
background: rgba(0,0,0,0.17) !important;
|
||||
}
|
||||
|
||||
|
||||
@@ -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,
|
||||
}
|
||||
},
|
||||
})
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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() {
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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
|
||||
|
||||
|
||||
Reference in New Issue
Block a user