local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fix: remove precision setting

Browse source
This commit is contained in:
kolaente 2022-08-02 14:09:29 +02:00
parent cf67edb4a6
commit daaa7d3864
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
2 changed files with 33 additions and 63 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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