- Dynamic Pages (MyPage)
- Uploading files to the Server FTP.
This commit is contained in:
Paolo Arena
@@ -39,21 +39,22 @@
|
||||
<q-icon v-if="canEdit" name="event" class="cursor-pointer">
|
||||
<q-popup-proxy v-model="showDateTimeScroller" @before-show="Opening" @before-hide="Closing">
|
||||
|
||||
<q-date-time-scroller
|
||||
<q-scroller
|
||||
v-model="myvalue"
|
||||
view="date-time"
|
||||
:locale="toolsext.getLocale()"
|
||||
:hour24-format="true"
|
||||
:rounded-borders="true"
|
||||
border-color="#2196f3"
|
||||
bar-color="#2196f3"
|
||||
color="white"
|
||||
background-color="primary"
|
||||
inner-color="primary"
|
||||
inner-background-color="white"
|
||||
text-color="white"
|
||||
color="primary"
|
||||
minute-interval="5"
|
||||
inner-text-color="primary"
|
||||
inner-color="white"
|
||||
:style="scrollerPopupStyle280"
|
||||
@input="changeval"
|
||||
@close="() => { savetoclose(); }"
|
||||
/>
|
||||
></q-scroller>
|
||||
|
||||
</q-popup-proxy>
|
||||
</q-icon>
|
||||
|
||||
@@ -10,6 +10,17 @@ $graytext: #555;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.my-event-rel {
|
||||
width: 100%;
|
||||
font-size: 0.75rem;
|
||||
line-height: 1.25rem;
|
||||
text-align: center;
|
||||
vertical-align: center;
|
||||
margin-bottom: 5px;
|
||||
cursor: pointer;
|
||||
padding: 4px 2px 4px 2px !important;
|
||||
}
|
||||
|
||||
.flex-container {
|
||||
background-color: #ccc;
|
||||
padding: 10px;
|
||||
|
||||
@@ -17,8 +17,6 @@ import { CMySelect } from '../../components/CMySelect/index'
|
||||
import { CMyEditor } from '../../components/CMyEditor/index'
|
||||
import { stop, prevent, stopAndPrevent } from 'quasar/src/utils/event'
|
||||
|
||||
import QDateScroller from '@quasar/quasar-app-extension-qscroller/src/component/QDateScroller'
|
||||
import QDateTimeScroller from '@quasar/quasar-app-extension-qscroller/src/component/QDateTimeScroller'
|
||||
import { CTodo } from '@src/components/todos/CTodo'
|
||||
import { SingleProject } from '@src/components/projects/SingleProject'
|
||||
import { IEvents } from '@src/model'
|
||||
@@ -46,8 +44,6 @@ import { CMyTeacher } from '../CMyTeacher'
|
||||
Footer,
|
||||
CTitle,
|
||||
CImgText,
|
||||
QDateTimeScroller,
|
||||
QDateScroller,
|
||||
CMySelect,
|
||||
CMyEditor,
|
||||
CDateTime,
|
||||
@@ -277,7 +273,9 @@ export default class CEventsCalendar extends MixinEvents {
|
||||
}
|
||||
|
||||
get dayHeight() {
|
||||
if (Screen.height < 500)
|
||||
if (Screen.height < 400)
|
||||
return 80
|
||||
else if (Screen.height < 500)
|
||||
return 100
|
||||
if (Screen.height < 700)
|
||||
return 110
|
||||
@@ -1027,5 +1025,8 @@ export default class CEventsCalendar extends MixinEvents {
|
||||
public getTitleEv(event: IEvents) {
|
||||
return (!!event.short_tit) ? event.short_tit : event.title
|
||||
}
|
||||
public getLongTitleEv(event: IEvents) {
|
||||
return event.title
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -403,17 +403,19 @@
|
||||
<!--v-touch-swipe.mouse.left.right="handleSwipe" -->
|
||||
|
||||
<!-- the calendar -->
|
||||
<q-page v-if="visuAllCal && showfirstN === 0" class="column" style="min-height: 500px !important;">
|
||||
<q-page v-if="visuAllCal && showfirstN === 0" class="column" style="min-height: 200px !important;">
|
||||
|
||||
<div>
|
||||
<q-toolbar class="mytoolbar">
|
||||
<q-btn color="primary" round icon="keyboard_arrow_left" @click="calendarPrev"/>
|
||||
<q-btn color="primary" round icon="keyboard_arrow_right" @click="calendarNext"/>
|
||||
<q-separator vertical/>
|
||||
<q-btn color="primary" :label="$t('dialog.today')" class="q-mx-md" @click="SetToday"></q-btn>
|
||||
<!--<q-btn color="primary" :label="$t('dialog.today')" class="q-mx-md" @click="SetToday"></q-btn>-->
|
||||
<q-separator vertical/>
|
||||
<q-btn label="GG" color="primary" @click="calendarView = 'day'"/>
|
||||
<q-btn label="Set" color="primary" @click="calendarView = 'week'"/>
|
||||
<!--<q-btn label="GG" color="primary" @click="calendarView = 'day'"/>
|
||||
<q-btn label="Set" color="primary" @click="calendarView = 'week'"/>-->
|
||||
<q-btn label="5 GG" color="primary" @click="calendarView = '5day-agenda'"/>
|
||||
<q-btn label="Sett" color="primary" @click="calendarView = 'week-agenda'"/>
|
||||
<q-btn label="Mese" color="primary" @click="calendarView = 'month'"/>
|
||||
<q-space/>
|
||||
</q-toolbar>
|
||||
@@ -497,23 +499,6 @@
|
||||
<template #day-header="{ date }">
|
||||
<div class="row justify-center">
|
||||
<template v-for="(event, index) in eventsMap[date]">
|
||||
<!--<q-badge-->
|
||||
<!--v-if="event.allday"-->
|
||||
<!--:key="index"-->
|
||||
<!--style="width: 100%; cursor: pointer;"-->
|
||||
<!--class="ellipsis"-->
|
||||
<!--:class="badgeClasses(event, 'header')"-->
|
||||
<!--:style="badgeStyles(event, 'header')"-->
|
||||
<!--@click.stop.prevent="showEvent(event)"-->
|
||||
<!--:draggable="true"-->
|
||||
<!--@dragstart.native="(e) => onDragStart(e, event)"-->
|
||||
<!--@dragend.native="(e) => onDragEnd(e, event)"-->
|
||||
<!--@dragenter.native="(e) => onDragEnter(e, event)"-->
|
||||
<!--@touchmove.native="(e) => {}"-->
|
||||
<!-->-->
|
||||
<!--<q-icon v-if="event.icon" :name="event.icon" class="q-mr-xs"></q-icon>-->
|
||||
<!--<span class="ellipsis">{{ event.title }}</span>-->
|
||||
<!--</q-badge>-->
|
||||
<q-badge
|
||||
:key="index"
|
||||
class="q-ma-xs"
|
||||
@@ -526,6 +511,42 @@
|
||||
</template>
|
||||
<template #day-body="{ date, timeStartPos, timeDurationHeight }">
|
||||
<template v-for="(event, index) in getEvents(date)">
|
||||
<div
|
||||
:key="index"
|
||||
:label="tools.getstrTime(event.dateTimeStart)"
|
||||
class="justify-start q-ma-sm shadow-5 bg-blue-grey-6"
|
||||
>
|
||||
<div v-if="getImgEvent(event)" class="row justify-center"
|
||||
style="margin-top: 30px; width: 100%;">
|
||||
<q-avatar
|
||||
style="margin-top: -25px; margin-bottom: 10px; font-size: 60px; max-height: 50px;">
|
||||
<img :src="getImgEvent(event)" style="border: #a4edf6 solid 5px;">
|
||||
</q-avatar>
|
||||
</div>
|
||||
<div class="col-12 q-px-xs text-white">
|
||||
<strong>{{ tools.getstrTime(event.dateTimeStart) }}</strong>
|
||||
</div>
|
||||
<div v-if="getTitleEv(event)" class="col-12 q-px-xs text-white"
|
||||
style="font-size: 0.75rem;">
|
||||
<q-badge
|
||||
:key="index"
|
||||
multi-line
|
||||
class="my-event-rel justify-center rounded-borders"
|
||||
:class="badgeClasses(event, 'body')"
|
||||
:style="badgeStyles(event, 'body', timeStartPos, timeDurationHeight)"
|
||||
@click.stop.prevent="showEvent(event)"
|
||||
:draggable="tools.isManager()"
|
||||
@dragstart.native="(e) => onDragStart(e, event)"
|
||||
@dragend.native="(e) => onDragEnd(e, event)"
|
||||
@dragenter.native="(e) => onDragEnter(e, event)"
|
||||
@touchmove.native="(e) => {}"
|
||||
>
|
||||
<span class="">{{ getTitleEv(event) }}</span> <br>
|
||||
|
||||
</q-badge>
|
||||
</div>
|
||||
</div>
|
||||
<!--
|
||||
<q-badge
|
||||
:key="index"
|
||||
class="my-event justify-center"
|
||||
@@ -539,8 +560,14 @@
|
||||
@touchmove.native="(e) => {}"
|
||||
>
|
||||
<q-icon v-if="event.icon" :name="event.icon" class="q-mr-xs"></q-icon>
|
||||
<span class="">{{ getTitleEv(event) }}</span>
|
||||
</q-badge>
|
||||
<p class="">{{ getTitleEv(event) }}</p> <br>
|
||||
<div class="text-center"><img :src="getImgEvent(event)"
|
||||
class="text-center listaev__tdimg_small"
|
||||
:alt="event.title">
|
||||
</div>
|
||||
|
||||
|
||||
</q-badge> -->
|
||||
</template>
|
||||
</template>
|
||||
</q-calendar>
|
||||
@@ -651,7 +678,8 @@
|
||||
|
||||
<q-chip>
|
||||
<q-avatar v-if="getWhereIcon(event.wherecode)">
|
||||
<img :src="`../../statics/images/avatar/` + getWhereIcon(event.wherecode)" :alt="event.wherecode">
|
||||
<img :src="`../../statics/images/avatar/` + getWhereIcon(event.wherecode)"
|
||||
:alt="event.wherecode">
|
||||
</q-avatar>
|
||||
<q-avatar color="blue" font-size="20px" text-color="white" icon="home">
|
||||
</q-avatar>
|
||||
|
||||
@@ -36,6 +36,11 @@
|
||||
<q-toggle dark color="green" v-model="myvalue" :label="col.title"
|
||||
@input="Savedb"></q-toggle>
|
||||
</div>
|
||||
<div v-else-if="col.fieldtype === tools.FieldType.html">
|
||||
<div v-html="visuValByType(myvalue, col, row)">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
{{ visuValByType(myvalue, col, row) }}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user