vikunja
/
frontend
Archived
6
39
Fork 49
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

fix: remove precision setting

This commit is contained in:
kolaente 2022-08-02 14:09:29 +02:00
parent fd9d0ad155
commit 970a04d973
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
2 changed files with 34 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/tasks/gantt-chart.vue
View File

@ -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,

90
src/views/list/ListGantt.vue
View File

@ -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;
}
}
}