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 20:58:10 +00:00
parent 492007cc07
commit abf411f759
2 changed files with 34 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,35 +3,46 @@
<gz-error :error-box-message="formState.errorBoxMessage"></gz-error> <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
<v-sheet height="64"> <v-sheet height="64">
<v-toolbar flat class="ml-n3"> <v-toolbar flat class="ml-n3">
<v-btn outlined class="xxmr-4" color="grey darken-2" @click="setToday"> <v-btn text :small="isXS" :large="issmAndUp" @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="isXS" @click="prev">
<v-icon small>$prev</v-icon> <v-icon :small="isXS">$prev</v-icon>
</v-btn> </v-btn>
<v-btn fab text small color="grey darken-2" @click="next"> <v-btn fab text :small="isXS" @click="next">
<v-icon small>$next</v-icon> <v-icon :small="isXS">$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="isXS"
:large="issmAndUp"
text
@click="viewType = 'month'"
>
{{ $refs.calendar.title }}</v-btn {{ $refs.calendar.title }}</v-btn
> >
</v-toolbar-title> </v-toolbar-title>
<v-spacer v-if="!$vuetify.breakpoint.xs"></v-spacer> <v-spacer v-if="issmAndUp"></v-spacer>
<v-btn <v-btn
class="mr-3" class="mr-3"
fab fab
text text
small :small="isXS"
color="grey darken-2" :large="issmAndUp"
@click="settingsDialog = true" @click="settingsDialog = true"
> >
<v-icon small>$ayiCog</v-icon> <v-icon :small="isXS">$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="isXS"
:large="issmAndUp"
text
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>
@@ -406,7 +417,7 @@
<v-btn text @click="settingsDialog = false" color="primary">{{ <v-btn text @click="settingsDialog = false" color="primary">{{
$ay.t("Cancel") $ay.t("Cancel")
}}</v-btn> }}</v-btn>
<v-spacer v-if="!$vuetify.breakpoint.xs"></v-spacer> <v-spacer v-if="issmAndUp"></v-spacer>
<v-btn <v-btn
color="primary" color="primary"
text text
@@ -898,6 +909,13 @@ export default {
return window.$gz.util.DaysOfWeekToWeekdays( return window.$gz.util.DaysOfWeekToWeekdays(
this.formUserOptions.excludeDaysOfWeek this.formUserOptions.excludeDaysOfWeek
); );
},
isXS() {
//console.log(this.$vuetify.breakpoint);
return this.$vuetify.breakpoint.xs;
},
issmAndUp() {
return this.$vuetify.breakpoint.smAndUp;
} }
} }
}; };

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

@@ -6,19 +6,13 @@
<v-sheet height="64"> <v-sheet height="64">
<v-toolbar flat dense class="ml-n3"> <v-toolbar flat dense class="ml-n3">
<v-btn <v-btn text :small="isXS" :large="issmAndUp" @click="setToday">
text
:small="isXS"
:large="issmAndUp"
class="xxmr-4"
@click="setToday"
>
{{ $ay.t("DateRangeToday") }} {{ $ay.t("DateRangeToday") }}
</v-btn> </v-btn>
<v-btn fab text small @click="prev"> <v-btn fab text :small="isXS" @click="prev">
<v-icon :small="isXS">$prev</v-icon> <v-icon :small="isXS">$prev</v-icon>
</v-btn> </v-btn>
<v-btn fab text small @click="next"> <v-btn fab text :small="isXS" @click="next">
<v-icon :small="isXS">$next</v-icon> <v-icon :small="isXS">$next</v-icon>
</v-btn> </v-btn>
<v-toolbar-title v-if="$refs.calendar"> <v-toolbar-title v-if="$refs.calendar">
@@ -53,7 +47,7 @@
:large="issmAndUp" :large="issmAndUp"
@click="settingsDialog = true" @click="settingsDialog = true"
> >
<v-icon :small="isXS" >$ayiCog</v-icon> <v-icon :small="isXS">$ayiCog</v-icon>
</v-btn> </v-btn>
<v-menu bottom right> <v-menu bottom right>