From 91be2a359b82c6f924ec8137007605eb47eb7d5b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jakob=20R=C3=B6hrl?= <jakob.roehrl@web.de>
Date: Wed, 30 Dec 2020 11:07:11 +0100
Subject: [PATCH] date shortcut
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Jakob Röhrl <jakob.roehrl@web.de>
---
 src/components/Controls.vue                   |  2 +-
 src/components/card/CardSidebarTabDetails.vue | 22 +++++++++++++++++++
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/components/Controls.vue b/src/components/Controls.vue
index 646615ef2..8339cec5a 100644
--- a/src/components/Controls.vue
+++ b/src/components/Controls.vue
@@ -65,7 +65,7 @@
 					</Actions>
 
 					<template>
-						<div class="filter" v-if="filterVisible">
+						<div v-if="filterVisible" class="filter">
 							<h3>{{ t('deck', 'Filter by tag') }}</h3>
 							<div v-for="label in labelsSorted" :key="label.id" class="filter--item">
 								<input
diff --git a/src/components/card/CardSidebarTabDetails.vue b/src/components/card/CardSidebarTabDetails.vue
index a049f39b1..878a71030 100644
--- a/src/components/card/CardSidebarTabDetails.vue
+++ b/src/components/card/CardSidebarTabDetails.vue
@@ -101,6 +101,7 @@
 					:lang="lang"
 					:formatter="format"
 					:disabled="saving || !canEdit"
+					:shortcuts="shortcuts"
 					confirm />
 				<Actions v-if="canEdit">
 					<ActionButton v-if="copiedCard.duedate" icon="icon-delete" @click="removeDue()">
@@ -176,6 +177,23 @@ export default {
 				stringify: this.stringify,
 				parse: this.parse,
 			},
+			shortcuts: [
+				{
+					text: 'Today',
+					onClick() {
+						const date = new Date()
+						return date
+					},
+				},
+				{
+					text: 'Tomorrow',
+					onClick() {
+						const date = new Date()
+						date.setTime(date.getTime() + 3600 * 1000 * 24)
+						return date
+					},
+				},
+			],
 		}
 	},
 	computed: {
@@ -316,6 +334,10 @@ export default {
 </script>
 <style lang="scss" scoped>
 
+.section-wrapper::v-deep .mx-datepicker-main .mx-datepicker-popup {
+	left: 0 !important;
+}
+
 .section-wrapper {
 	display: flex;
 	max-width: 100%;