mirrors/recipes
1
0
Fork 0
mirror of https://github.com/TandoorRecipes/recipes.git synced 2026-01-01 12:18:45 -05:00
Code Issues Packages Projects Releases Wiki Activity

setting starting day in meal plan

Browse Source
This commit is contained in:
Kaibu
2021-10-17 17:31:52 +02:00
parent e784074ac8
commit bfbf932f6b
3 changed files with 51 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
vue/src/components/MealPlanCalenderHeader.vue
View File

@@ -1,51 +1,52 @@
<template>
<div class="cv-header">
<div class="cv-header-nav">
<button
:disabled="!headerProps.previousYear"
class="previousYear"
aria-label="Previous Year"
@click.prevent="onInput(headerProps.previousYear)"
>
{{ previousYearLabel }}
</button>
<button
:disabled="!headerProps.previousPeriod"
class="previousPeriod"
aria-label="Previous Period"
@click.prevent="onInput(headerProps.previousPeriod)"
v-html="previousPeriodLabel"
/>
v-b-tooltip.hover.top
:title="$t('Previous_Period')"
v-html="previousYearLabel"/>
<button
class="previousDay"
aria-label="Previous Day"
@click.prevent="onDayBack"
v-b-tooltip.hover.top
:title="$t('Previous_Day')"
v-html="previousPeriodLabel"/>
<button
class="currentPeriod"
aria-label="Current Period"
@click.prevent="onInput(headerProps.currentPeriod)"
>
@click.prevent="onInput(headerProps.currentPeriod)">
{{ headerProps.currentPeriodLabel }}
</button>
<button
class="nextDay"
aria-label="Next Day"
@click.prevent="onDayForward"
v-b-tooltip.hover.top
:title="$t('Next_Day')"
v-html="nextPeriodLabel"/>
<button
:disabled="!headerProps.nextPeriod"
class="nextPeriod"
aria-label="Next Period"
v-b-tooltip.hover.top
:title="$t('Next_Period')"
@click.prevent="onInput(headerProps.nextPeriod)"
>
{{ nextPeriodLabel }}
</button>
<button
:disabled="!headerProps.nextYear"
class="nextYear"
aria-label="Next Year"
@click.prevent="onInput(headerProps.nextYear)">
{{ nextYearLabel }}
</button>
v-html="nextYearLabel"/>
</div>
<div class="periodLabel">
<slot name="label">{{ headerProps.periodLabel }}</slot>
</div>
<div class="actionArea d-none d-sm-flex">
<button class="btn btn-success plus-button pt-1 pb-1" @click="$emit('create-new')"><i class="fas fa-plus"></i></button>
<button class="btn btn-success plus-button pt-1 pb-1" @click="$emit('create-new')"><i class="fas fa-plus"></i>
</button>
<span class="delete-area text-danger p-1 mr-2 ml-2" @drop.prevent="onDeleteDrop($event)"
@dragenter.prevent="onDeleteDragEnter($event)" @dragleave.prevent="onDeleteDragLeave($event)" @dragover.prevent="onDeleteDragEnter"><i
@dragenter.prevent="onDeleteDragEnter($event)" @dragleave.prevent="onDeleteDragLeave($event)"
@dragover.prevent="onDeleteDragEnter"><i
class="fas fa-trash"></i> {{ $t('Drag_Here_To_Delete') }}</span>
</div>
</div>
@@ -64,6 +65,12 @@ export default {
nextYearLabel: {type: String, default: ">>"},
},
methods: {
onDayForward() {
this.$emit("set-starting-day-forward")
},
onDayBack() {
this.$emit("set-starting-day-back")
},
onInput(d) {
this.$emit("input", d)
},