From 970a04d9733f4cbdc35e5b772ce4a34fa71e6c4c Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Tue, 2 Aug 2022 14:09:29 +0200
Subject: [PATCH] fix: remove precision setting

---
 src/components/tasks/gantt-chart.vue |  8 +--
 src/views/list/ListGantt.vue         | 90 ++++++++++------------------
 2 files changed, 34 insertions(+), 64 deletions(-)

diff --git a/src/components/tasks/gantt-chart.vue b/src/components/tasks/gantt-chart.vue
index 7d77c9880..f35e7cde5 100644
--- a/src/components/tasks/gantt-chart.vue
+++ b/src/components/tasks/gantt-chart.vue
@@ -4,7 +4,7 @@
 		<g-gantt-chart
 			:chart-start="`${dateFrom} 00:00`"
 			:chart-end="`${dateTo} 23:59`"
-			:precision="precision"
+			precision="day"
 			bar-start="startDate"
 			bar-end="endDate"
 			:grid="true"
@@ -54,7 +54,7 @@
 </template>
 
 <script setup lang="ts">
-import {computed, nextTick, ref, watch, watchEffect} from 'vue'
+import {computed, nextTick, ref, watchEffect} from 'vue'
 import TaskCollectionService from '@/services/taskCollection'
 import TaskService from '@/services/task'
 import {format, parse} from 'date-fns'
@@ -75,10 +75,6 @@ const props = defineProps({
 		type: Number,
 		required: true,
 	},
-	precision: {
-		type: String,
-		default: 'day',
-	},
 	dateFrom: {
 		type: String,
 		required: true,
diff --git a/src/views/list/ListGantt.vue b/src/views/list/ListGantt.vue
index 76865b793..6af080d71 100644
--- a/src/views/list/ListGantt.vue
+++ b/src/views/list/ListGantt.vue
@@ -3,29 +3,16 @@
 		<template #header>
 			<card>
 				<div class="gantt-options">
-					<div class="range-picker">
-						<div class="field">
-							<label class="label" for="precision">{{ $t('list.gantt.size') }}</label>
-							<div class="control">
-								<div class="select">
-									<select id="precision" v-model="precision">
-										<option value="day">{{ $t('list.gantt.day') }}</option>
-										<option value="month">{{ $t('list.gantt.month') }}</option>
-									</select>
-								</div>
-							</div>
-						</div>
-						<div class="field">
-							<label class="label" for="range">{{ $t('list.gantt.range') }}</label>
-							<div class="control">
-								<flat-pickr
-									:config="flatPickerConfig"
-									class="input"
-									id="range"
-									:placeholder="$t('list.gantt.range')"
-									v-model="range"
-								/>
-							</div>
+					<div class="field">
+						<label class="label" for="range">{{ $t('list.gantt.range') }}</label>
+						<div class="control">
+							<flat-pickr
+								:config="flatPickerConfig"
+								class="input"
+								id="range"
+								:placeholder="$t('list.gantt.range')"
+								v-model="range"
+							/>
 						</div>
 					</div>
 					<fancycheckbox class="is-block" v-model="showTasksWithoutDates">
@@ -42,7 +29,6 @@
 					<gantt-chart
 						:date-from="dateFrom"
 						:date-to="dateTo"
-						:precision="precision"
 						:list-id="props.listId"
 						:show-tasks-without-dates="showTasksWithoutDates"
 					/>
@@ -73,7 +59,6 @@ const props = defineProps({
 })
 
 const showTasksWithoutDates = ref(false)
-const precision = ref('day')
 
 const now = new Date()
 const defaultFrom = format(new Date((new Date()).setDate(now.getDate() - 15)), 'yyyy-LL-dd')
@@ -113,46 +98,35 @@ const flatPickerConfig = computed(() => ({
 		flex-direction: column;
 	}
 
-	.range-picker {
-		display: flex;
-		margin-bottom: 1rem;
-		width: 50%;
+	.field {
+		margin-bottom: 0;
+		width: 33%;
 
-		@media screen and (max-width: $tablet) {
-			flex-direction: column;
-			width: 100%;
+		&:not(:last-child) {
+			padding-right: .5rem;
 		}
 
-		.field {
-			margin-bottom: 0;
-			width: 33%;
+		@media screen and (max-width: $tablet) {
+			width: 100%;
+			max-width: 100%;
+			margin-top: .5rem;
+			padding-right: 0 !important;
+		}
 
-			&:not(:last-child) {
-				padding-right: .5rem;
-			}
+		&, .input {
+			font-size: .8rem;
+		}
 
-			@media screen and (max-width: $tablet) {
-				width: 100%;
-				max-width: 100%;
-				margin-top: .5rem;
-				padding-right: 0 !important;
-			}
-
-			&, .input {
-				font-size: .8rem;
-			}
-
-			.select, .select select {
-				height: auto;
-				width: 100%;
-				font-size: .8rem;
-			}
+		.select, .select select {
+			height: auto;
+			width: 100%;
+			font-size: .8rem;
+		}
 
 
-			.label {
-				font-size: .9rem;
-				padding-left: .4rem;
-			}
+		.label {
+			font-size: .9rem;
+			padding-left: .4rem;
 		}
 	}
 }