Conditionally show cost column in report tables; Task/Project Modal

Field cleanup; improve estimated time UX
This commit is contained in:
Gregor Vostrak
2026-02-11 17:09:32 +01:00
parent 2d9f33387e
commit c78c681ec4
18 changed files with 664 additions and 266 deletions

View File

@@ -1,26 +1,23 @@
<script setup lang="ts">
import EstimatedTimeInput from '@/packages/ui/src/Input/EstimatedTimeInput.vue';
import { ClockIcon } from '@heroicons/vue/20/solid';
import { Field, FieldLabel } from './field';
import { Field, FieldDescription, FieldLabel } from './field';
const model = defineModel<number | null>();
const emit = defineEmits(['submit']);
</script>
<template>
<Field class="pt-6">
<div class="flex items-center space-x-1">
<ClockIcon class="text-text-quaternary w-4"></ClockIcon>
<FieldLabel for="billable">Time Estimated</FieldLabel>
</div>
<EstimatedTimeInput v-model="model" @submit="emit('submit')"></EstimatedTimeInput>
<div class="flex items-center text-text-secondary text-xs pt-2 pl-1">
<span>
<span class="font-semibold">Info:</span>
You can type natural language like
<span class="font-semibold">2h 30m</span>
</span>
</div>
<Field>
<FieldLabel for="time_estimated" :icon="ClockIcon">Time Estimated</FieldLabel>
<EstimatedTimeInput
id="time_estimated"
v-model="model"
@submit="emit('submit')"></EstimatedTimeInput>
<FieldDescription>
You can type natural language like
<span class="font-semibold">2h 30m</span>
</FieldDescription>
</Field>
</template>