forked from vikunja/frontend
kolaente
befa6f27bb
fix: project table view fix: e2e tests fix: typo in readme fix: list view route fix: don't wait until background is loaded for list to show fix: rename component imports fix: lint fix: parse task text fix: use list card grid fix: use correct class names fix: i18n keys fix: load project fix: task overview fix: list view spacing fix: find project fix: setLoading when updating a project fix: loading saved filter fix: project store loading fix: color picker import fix: cypress tests feat: migrate old list settings chore: add const for project settings fix: wrong projecten rename from lists chore: rename unused variable fix: editor list fix: shortcut list class name fix: pagination list class name fix: notifications list class name fix: list view variable name chore: clarify comment fix: i18n keys fix: router imports fix: comment chore: remove debugging leftover fix: remove duplicate variables fix: change comment fix: list view variable name fix: list view css class name fix: list item property name fix: name update tasks function correctly fix: update comment fix: project create route fix: list view class names fix: list view component name fix: result list class name fix: animation class list name fix: change debug log fix: revert a few navigation changes fix: use @ for imports of all views fix: rename link share list class fix: remove unused css class fix: dynamically import project components again
105 lines
3.2 KiB
Vue
105 lines
3.2 KiB
Vue
<template>
|
|
<div v-if="mode !== 'disabled' && prefixes !== undefined">
|
|
<p class="help has-text-grey">
|
|
{{ $t('task.quickAddMagic.hint') }}.
|
|
<ButtonLink @click="() => visible = true">{{ $t('task.quickAddMagic.what') }}</ButtonLink>
|
|
</p>
|
|
<modal
|
|
:enabled="visible"
|
|
@close="() => visible = false"
|
|
transition-name="fade"
|
|
:overflow="true"
|
|
variant="hint-modal"
|
|
>
|
|
<card class="has-no-shadow" :title="$t('task.quickAddMagic.title')">
|
|
<p>{{ $t('task.quickAddMagic.intro') }}</p>
|
|
|
|
<h3>{{ $t('task.attributes.labels') }}</h3>
|
|
<p>
|
|
{{ $t('task.quickAddMagic.label1', {prefix: prefixes.label}) }}
|
|
{{ $t('task.quickAddMagic.label2') }}
|
|
{{ $t('task.quickAddMagic.multiple') }}
|
|
</p>
|
|
<p>
|
|
{{ $t('task.quickAddMagic.label3') }}
|
|
{{ $t('task.quickAddMagic.label4', {prefix: prefixes.label}) }}
|
|
</p>
|
|
|
|
<h3>{{ $t('task.attributes.priority') }}</h3>
|
|
<p>
|
|
{{ $t('task.quickAddMagic.priority1', {prefix: prefixes.priority}) }}
|
|
{{ $t('task.quickAddMagic.priority2') }}
|
|
</p>
|
|
|
|
<h3>{{ $t('task.attributes.assignees') }}</h3>
|
|
<p>
|
|
{{ $t('task.quickAddMagic.assignees', {prefix: prefixes.assignee}) }}
|
|
{{ $t('task.quickAddMagic.multiple') }}
|
|
</p>
|
|
|
|
<h3>{{ $t('project.list.title') }}</h3>
|
|
<p>
|
|
{{ $t('task.quickAddMagic.project1', {prefix: prefixes.project}) }}
|
|
{{ $t('task.quickAddMagic.project2') }}
|
|
</p>
|
|
<p>
|
|
{{ $t('task.quickAddMagic.project3') }}
|
|
{{ $t('task.quickAddMagic.project4', {prefix: prefixes.project}) }}
|
|
</p>
|
|
|
|
<h3>{{ $t('task.quickAddMagic.dateAndTime') }}</h3>
|
|
<p>
|
|
{{ $t('task.quickAddMagic.date') }}
|
|
</p>
|
|
<ul>
|
|
<!-- Not localized because these only work in english -->
|
|
<li>Today</li>
|
|
<li>Tomorrow</li>
|
|
<li>Next monday</li>
|
|
<li>This weekend</li>
|
|
<li>Later this week</li>
|
|
<li>Later next week</li>
|
|
<li>Next week</li>
|
|
<li>Next month</li>
|
|
<li>End of month</li>
|
|
<li>In 5 days [hours/weeks/months]</li>
|
|
<li>Tuesday ({{ $t('task.quickAddMagic.dateWeekday') }})</li>
|
|
<li>17/02/2021</li>
|
|
<li>Feb 17 ({{ $t('task.quickAddMagic.dateCurrentYear') }})</li>
|
|
<li>17th ({{ $t('task.quickAddMagic.dateNth', {day: '17'}) }})</li>
|
|
</ul>
|
|
<p>{{ $t('task.quickAddMagic.dateTime', {time: 'at 17:00', timePM: '5pm'}) }}</p>
|
|
|
|
<h3>{{ $t('task.quickAddMagic.repeats') }}</h3>
|
|
<p>{{ $t('task.quickAddMagic.repeatsDescription', {suffix: 'every {amount} {type}'}) }}</p>
|
|
<p>{{ $t('misc.forExample') }}</p>
|
|
<ul>
|
|
<!-- Not localized because these only work in english -->
|
|
<li>Every day</li>
|
|
<li>Every 3 days</li>
|
|
<li>Every week</li>
|
|
<li>Every 2 weeks</li>
|
|
<li>Every month</li>
|
|
<li>Every 6 months</li>
|
|
<li>Every year</li>
|
|
<li>Every 2 years</li>
|
|
</ul>
|
|
</card>
|
|
</modal>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import {ref, computed} from 'vue'
|
|
|
|
import ButtonLink from '@/components/misc/ButtonLink.vue'
|
|
|
|
import {getQuickAddMagicMode} from '@/helpers/quickAddMagicMode'
|
|
import {PREFIXES} from '@/modules/parseTaskText'
|
|
|
|
const visible = ref(false)
|
|
const mode = ref(getQuickAddMagicMode())
|
|
|
|
const prefixes = computed(() => PREFIXES[mode.value])
|
|
</script>
|