admin/raven-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Browse Source
This commit is contained in:
John Cardinal
2021-09-14 00:03:51 +00:00
parent 96fefb23e1
commit 895b4fc7e0
1 changed files with 95 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

190
ayanova/src/views/home-schedule.vue
View File

@@ -1,94 +1,96 @@
<template> <template>
<v-row class="fill-height"> <div v-resize="onResize" class="my-n8">
<v-col> <!-- <v-row dense>
<v-sheet height="64"> <v-col> -->
<v-toolbar flat> <v-sheet height="64">
<v-btn outlined class="mr-4" color="grey darken-2" @click="setToday"> <v-toolbar flat>
Today <v-btn outlined class="mr-4" color="grey darken-2" @click="setToday">
</v-btn> Today
<v-btn fab text small color="grey darken-2" @click="prev"> </v-btn>
<v-icon small>$prev</v-icon> <v-btn fab text small color="grey darken-2" @click="prev">
</v-btn> <v-icon small>$prev</v-icon>
<v-btn fab text small color="grey darken-2" @click="next"> </v-btn>
<v-icon small>$next</v-icon> <v-btn fab text small color="grey darken-2" @click="next">
</v-btn> <v-icon small>$next</v-icon>
<v-toolbar-title v-if="$refs.calendar"> </v-btn>
{{ $refs.calendar.title }} <v-toolbar-title v-if="$refs.calendar">
</v-toolbar-title> {{ $refs.calendar.title }}
<v-spacer></v-spacer> </v-toolbar-title>
<v-menu bottom right> <v-spacer></v-spacer>
<template v-slot:activator="{ on, attrs }"> <v-menu bottom right>
<v-btn outlined color="grey darken-2" v-bind="attrs" v-on="on"> <template v-slot:activator="{ on, attrs }">
<span>{{ typeToLabel[type] }}</span> <v-btn outlined color="grey darken-2" v-bind="attrs" v-on="on">
<v-icon right> <span>{{ typeToLabel[type] }}</span>
mdi-menu-down <v-icon right>
</v-icon> mdi-menu-down
</v-btn> </v-icon>
</template> </v-btn>
<v-list> </template>
<v-list-item @click="type = 'day'"> <v-list>
<v-list-item-title>Day</v-list-item-title> <v-list-item @click="type = 'day'">
</v-list-item> <v-list-item-title>Day</v-list-item-title>
<v-list-item @click="type = 'week'"> </v-list-item>
<v-list-item-title>Week</v-list-item-title> <v-list-item @click="type = 'week'">
</v-list-item> <v-list-item-title>Week</v-list-item-title>
<v-list-item @click="type = 'month'"> </v-list-item>
<v-list-item-title>Month</v-list-item-title> <v-list-item @click="type = 'month'">
</v-list-item> <v-list-item-title>Month</v-list-item-title>
<v-list-item @click="type = '4day'"> </v-list-item>
<v-list-item-title>4 days</v-list-item-title> <v-list-item @click="type = '4day'">
</v-list-item> <v-list-item-title>4 days</v-list-item-title>
</v-list> </v-list-item>
</v-menu> </v-list>
</v-toolbar>
</v-sheet>
<!-- HEIGHT="600" -->
<v-sheet>
<v-calendar
ref="calendar"
v-model="focus"
color="primary"
:events="events"
:event-color="getEventColor"
:type="type"
@click:event="showEvent"
@click:more="viewDay"
@click:date="viewDay"
@change="updateRange"
></v-calendar>
<v-menu
v-model="selectedOpen"
:close-on-content-click="false"
:activator="selectedElement"
offset-x
>
<v-card color="grey lighten-4" min-width="350px" flat>
<v-toolbar :color="selectedEvent.color" dark>
<v-btn icon>
<v-icon>mdi-pencil</v-icon>
</v-btn>
<v-toolbar-title v-html="selectedEvent.name"></v-toolbar-title>
<v-spacer></v-spacer>
<v-btn icon>
<v-icon>mdi-heart</v-icon>
</v-btn>
<v-btn icon>
<v-icon>mdi-dots-vertical</v-icon>
</v-btn>
</v-toolbar>
<v-card-text>
<span v-html="selectedEvent.details"></span>
</v-card-text>
<v-card-actions>
<v-btn text color="secondary" @click="selectedOpen = false">
Cancel
</v-btn>
</v-card-actions>
</v-card>
</v-menu> </v-menu>
</v-sheet> </v-toolbar>
</v-col> </v-sheet>
</v-row> <!-- HEIGHT="600" -->
<v-sheet :height="calendarHeight">
<v-calendar
ref="calendar"
v-model="focus"
color="primary"
:events="events"
:event-color="getEventColor"
:type="type"
@click:event="showEvent"
@click:more="viewDay"
@click:date="viewDay"
@change="updateRange"
></v-calendar>
<v-menu
v-model="selectedOpen"
:close-on-content-click="false"
:activator="selectedElement"
offset-x
>
<v-card color="grey lighten-4" min-width="350px" flat>
<v-toolbar :color="selectedEvent.color" dark>
<v-btn icon>
<v-icon>mdi-pencil</v-icon>
</v-btn>
<v-toolbar-title v-html="selectedEvent.name"></v-toolbar-title>
<v-spacer></v-spacer>
<v-btn icon>
<v-icon>mdi-heart</v-icon>
</v-btn>
<v-btn icon>
<v-icon>mdi-dots-vertical</v-icon>
</v-btn>
</v-toolbar>
<v-card-text>
<span v-html="selectedEvent.details"></span>
</v-card-text>
<v-card-actions>
<v-btn text color="secondary" @click="selectedOpen = false">
Cancel
</v-btn>
</v-card-actions>
</v-card>
</v-menu>
</v-sheet>
<!-- </v-col>
</v-row> -->
</div>
</template> </template>
<script> <script>
@@ -151,18 +153,16 @@ export default {
serverError: {} serverError: {}
}, },
rights: window.$gz.role.defaultRightsObject(), rights: window.$gz.role.defaultRightsObject(),
ayaType: window.$gz.type.Memo, calendarHeight: 600
composing: false,
replyMode: false,
pickListSelectedUserId: null,
items: [],
toUsers: []
}; };
}, },
mounted() { mounted() {
this.$refs.calendar.checkChange(); this.$refs.calendar.checkChange();
}, },
methods: { methods: {
onResize() {
this.calendarHeight = window.innerHeight * 0.84;
},
viewDay({ date }) { viewDay({ date }) {
this.focus = date; this.focus = date;
this.type = "day"; this.type = "day";