forked from vikunja/frontend
83 lines
2.4 KiB
Vue
83 lines
2.4 KiB
Vue
<template>
|
|
<div>
|
|
<p class="help has-text-grey">
|
|
{{ $t('task.quickAddMagic.hint') }}.
|
|
<a @click="() => visible = true">{{ $t('task.quickAddMagic.what') }}</a>
|
|
</p>
|
|
<transition name="fade">
|
|
<div class="modal-mask hint-modal" v-if="visible">
|
|
<div @click.self="() => visible = false" class="modal-container">
|
|
<div class="modal-content">
|
|
<card class="has-background-white 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: '@'}) }}
|
|
{{ $t('task.quickAddMagic.label2') }}
|
|
{{ $t('task.quickAddMagic.multiple') }}
|
|
</p>
|
|
<p>
|
|
{{ $t('task.quickAddMagic.label3') }}
|
|
{{ $t('task.quickAddMagic.label4', {prefix: '@'}) }}
|
|
</p>
|
|
|
|
<h3>{{ $t('task.attributes.priority') }}</h3>
|
|
<p>
|
|
{{ $t('task.quickAddMagic.priority1', {prefix: '!'}) }}
|
|
{{ $t('task.quickAddMagic.priority2') }}
|
|
</p>
|
|
|
|
<h3>{{ $t('task.attributes.assignees') }}</h3>
|
|
<p>
|
|
{{ $t('task.quickAddMagic.assignees') }}
|
|
{{ $t('task.quickAddMagic.multiple') }}
|
|
</p>
|
|
|
|
<h3>{{ $t('list.list.title') }}</h3>
|
|
<p>
|
|
{{ $t('task.quickAddMagic.list1', {prefix: '#'}) }}
|
|
{{ $t('task.quickAddMagic.list2') }}
|
|
</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>
|
|
</card>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</transition>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'quick-add-magic',
|
|
data() {
|
|
return {
|
|
visible: false,
|
|
}
|
|
},
|
|
}
|
|
</script>
|