surya/newfreeplanet_OLD
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Quando si inserisce un evento, su giunge alla fine, si salva, NON SI MEMORIZZANO foto, data e orario!

Browse Source
This commit is contained in:
Surya Paolo
2023-06-07 17:25:14 +02:00
parent 9908558bf7
commit 1a57d5a2e3
11 changed files with 239 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/CDateTime/CDateTime.ts
View File

@@ -68,6 +68,8 @@ export default defineComponent({
const showDateTimeScroller = ref(false)
const saveit = ref(false)
const myvalue = ref('')
const mydate = ref(false)
const mytime = ref(false)
const valueprec = ref('')
// const myvalueDate = toRef(props, 'valueDate')
@@ -88,6 +90,8 @@ export default defineComponent({
}
function Closing() {
mydate.value = false
mytime.value = false
// console.log('Closing')
if (!saveit.value) {
if (myvalue.value !== valueprec.value) {
@@ -143,6 +147,16 @@ export default defineComponent({
emit('savetoclose', myvalue.value, valueprec.value)
}
function replacevalue() {
// console.log('changeval', newval, 'value=', value, 'myvalue=', myvalue)
if (valueprec.value) {
emit('update:value', valueprec.value)
saveit.value = true
showDateTimeScroller.value = false
emit('savetoclose', valueprec.value, valueprec.value)
}
}
function mystyle() {
if (props.label !== '')
return ''
@@ -172,6 +186,10 @@ export default defineComponent({
getclass,
myvalue,
showDateTimeScroller,
replacevalue,
mydate,
mytime,
tools,
}
},
})

105
src/components/CDateTime/CDateTime.vue
View File

@@ -27,33 +27,106 @@
color="blue-6"
:bg-color="bgcolor"
debounce="500"
:input-class="getclass()">
:input-class="getclass()"
>
<template v-slot:control>
<div style="">
<div class="self-center full-width no-outline" :style="mystyle()" tabindex="0">
<div
class="self-center full-width no-outline"
:style="mystyle()"
tabindex="0"
>
{{ getstrDate(myvalue) }}
</div>
</div>
</template>
<template v-slot:append>
<q-icon v-if="canEdit" name="event" class="cursor-pointer">
<q-popup-proxy transition-show="flip-up" v-model="showDateTimeScroller" @before-show="Opening" @before-hide="Closing">
<div class="q-gutter-md row items-start">
<q-btn
dense
color="primary"
v-if="canEdit"
icon="fas fa-calendar-day"
class="cursor-pointer"
@click="mydate = !mydate"
>
</q-btn>
<q-btn
dense
color="primary"
v-if="canEdit"
icon="fas fa-clock"
class="cursor-pointer"
@click="mytime = !mytime"
>
</q-btn>
<q-popup-proxy
v-if="mydate"
transition-show="flip-up"
v-model="showDateTimeScroller"
@before-show="Opening"
@before-hide="Closing"
>
<q-card class="justify-center">
<div class="q-gutter-md justify-center">
<q-date
v-model="myvalue" mask="YYYY-MM-DD HH:mm" color="purple"
v-model="myvalue"
mask="YYYY-MM-DD HH:mm"
color="purple"
@update:model-value="changeval"
@close="() => { savetoclose(); }"
/>
<q-time
v-model="myvalue" mask="YYYY-MM-DD HH:mm" color="purple"
@update:model-value="changeval"
@close="() => { savetoclose(); }"
@close="
() => {
savetoclose();
}
"
/>
<div class="row justify-center">
<q-btn
:label="$t('dialog.cancel')"
@click="replacevalue"
></q-btn>
<q-btn
:label="'Imposta a ' + tools.getstrDateLong(myvalue)"
color="primary"
v-close-popup
></q-btn>
</div>
</div>
</q-popup-proxy>
</q-icon>
</q-card>
</q-popup-proxy>
<q-popup-proxy
v-if="mytime"
transition-show="flip-up"
v-model="showDateTimeScroller"
@before-show="Opening"
@before-hide="Closing"
>
<q-card class="justify-center">
<div class="q-gutter-md justify-center">
<q-time
v-model="myvalue"
mask="YYYY-MM-DD HH:mm"
color="purple"
@update:model-value="changeval"
@close="
() => {
savetoclose();
}
"
/>
<div class="row justify-center">
<q-btn
:label="$t('dialog.cancel')"
@click="replacevalue"
></q-btn>
<q-btn
:label="'Imposta a ' + tools.getstrTime(myvalue)"
color="primary"
v-close-popup
></q-btn>
</div>
</div>
</q-card>
</q-popup-proxy>
</template>
</q-field>
</div>