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-10-06 17:19:26 +00:00
parent eddacbfa1d
commit 5e7ab769c0
1 changed files with 26 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
ayanova/src/views/svc-schedule.vue
View File

@@ -4,18 +4,24 @@
<!-- {{ categories }}<br /> <!-- {{ categories }}<br />
{{ events }} --> {{ events }} -->
<v-sheet height="64"> <v-sheet height="64">
<v-toolbar flat class="ml-n3"> <v-toolbar flat dense class="ml-n3">
<v-btn outlined class="xxmr-4" color="grey darken-2" @click="setToday"> <v-btn
outlined
:small="$vuetify.breakpoint.xs"
:large="$vuetify.breakpoint.md"
class="xxmr-4"
@click="setToday"
>
{{ $ay.t("DateRangeToday") }} {{ $ay.t("DateRangeToday") }}
</v-btn> </v-btn>
<v-btn fab text small color="grey darken-2" @click="prev"> <v-btn fab text small @click="prev">
<v-icon small>$prev</v-icon> <v-icon small>$prev</v-icon>
</v-btn> </v-btn>
<v-btn fab text small color="grey darken-2" @click="next"> <v-btn fab text small @click="next">
<v-icon small>$next</v-icon> <v-icon small>$next</v-icon>
</v-btn> </v-btn>
<v-toolbar-title v-if="$refs.calendar"> <v-toolbar-title v-if="$refs.calendar">
<v-btn text @click="viewType = 'month'"> <v-btn small text @click="viewType = 'month'">
{{ $refs.calendar.title }}</v-btn {{ $refs.calendar.title }}</v-btn
> >
</v-toolbar-title> </v-toolbar-title>
@@ -23,6 +29,7 @@
<v-spacer v-if="!$vuetify.breakpoint.xs"></v-spacer> <v-spacer v-if="!$vuetify.breakpoint.xs"></v-spacer>
<template v-if="!$vuetify.breakpoint.xs"> <template v-if="!$vuetify.breakpoint.xs">
<gz-tag-picker <gz-tag-picker
class="mr-3"
place-holder="ph filter users" place-holder="ph filter users"
no-label no-label
select-only select-only
@@ -30,20 +37,13 @@
@input="refresh" @input="refresh"
></gz-tag-picker> ></gz-tag-picker>
</template> </template>
<v-btn <v-btn class="mr-3" fab text small @click="settingsDialog = true">
class="mr-3"
fab
text
small
color="grey darken-2"
@click="settingsDialog = true"
>
<v-icon small>$ayiCog</v-icon> <v-icon small>$ayiCog</v-icon>
</v-btn> </v-btn>
<v-menu bottom right> <v-menu bottom right>
<template v-slot:activator="{ on, attrs }"> <template v-slot:activator="{ on, attrs }">
<v-btn outlined color="grey darken-2" v-bind="attrs" v-on="on"> <v-btn small outlined v-bind="attrs" v-on="on">
<span>{{ typeToLabel() }}</span> <span>{{ typeToLabel() }}</span>
<v-icon right>$sort</v-icon> <v-icon right>$sort</v-icon>
</v-btn> </v-btn>
@@ -287,6 +287,18 @@
<v-card-title>{{ $ay.t("ScheduleOptions") }} </v-card-title> <v-card-title>{{ $ay.t("ScheduleOptions") }} </v-card-title>
<v-card-text> <v-card-text>
<v-row no-gutters> <v-row no-gutters>
<template v-if="$vuetify.breakpoint.xs">
<v-col cols="12">
<gz-tag-picker
place-holder="ph filter users"
label="mylabel"
hint="BLAH"
select-only
v-model="tags"
@input="refresh"
></gz-tag-picker>
</v-col>
</template>
<v-col cols="12" class="mt-2"> <v-col cols="12" class="mt-2">
<gz-time-picker <gz-time-picker
:label="$ay.t('ScheduleFirstHour')" :label="$ay.t('ScheduleFirstHour')"