diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/components/AppNavigation/CalendarShare.vue | 3 | ||||
-rw-r--r-- | src/components/AppNavigation/CalendarSharee.vue | 12 | ||||
-rw-r--r-- | src/components/AppNavigation/ListItemCalendar.vue | 21 | ||||
-rw-r--r-- | src/components/AppNavigation/Trashbin.vue | 6 | ||||
-rw-r--r-- | src/components/AppSidebar/CalendarPickerItem.vue | 6 | ||||
-rw-r--r-- | src/components/AppSidebar/CalendarPickerOption.vue | 9 | ||||
-rw-r--r-- | src/components/AppSidebar/MultiselectItem.vue | 3 | ||||
-rw-r--r-- | src/components/AppSidebar/MultiselectOption.vue | 3 | ||||
-rw-r--r-- | src/components/AppSidebar/NotesItem.vue | 6 | ||||
-rw-r--r-- | src/components/AppSidebar/TagsItem.vue | 3 | ||||
-rw-r--r-- | src/components/Header.vue | 3 | ||||
-rw-r--r-- | src/components/SortorderDropdown.vue | 12 | ||||
-rw-r--r-- | src/components/TaskBody.vue | 15 | ||||
-rw-r--r-- | src/components/TaskCreateDialog.vue | 3 | ||||
-rw-r--r-- | src/views/AppContent/Calendar.vue | 3 | ||||
-rw-r--r-- | src/views/AppContent/General.vue | 3 | ||||
-rw-r--r-- | src/views/AppContent/Week.vue | 3 | ||||
-rw-r--r-- | src/views/AppNavigation.vue | 12 | ||||
-rw-r--r-- | src/views/AppSidebar.vue | 39 | ||||
-rw-r--r-- | src/views/Dashboard.vue | 9 |
20 files changed, 58 insertions, 116 deletions
diff --git a/src/components/AppNavigation/CalendarShare.vue b/src/components/AppNavigation/CalendarShare.vue index b128f757..d6e7dd5e 100644 --- a/src/components/AppNavigation/CalendarShare.vue +++ b/src/components/AppNavigation/CalendarShare.vue @@ -30,8 +30,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>. <div class="calendar-shares"> <ul> <li class="app-navigation-entry__multiselect"> - <Multiselect - id="users-groups-search" + <Multiselect id="users-groups-search" :options="usersOrGroups" :searchable="true" :internal-search="false" diff --git a/src/components/AppNavigation/CalendarSharee.vue b/src/components/AppNavigation/CalendarSharee.vue index fb5e0657..65313cd5 100644 --- a/src/components/AppNavigation/CalendarSharee.vue +++ b/src/components/AppNavigation/CalendarSharee.vue @@ -25,11 +25,9 @@ along with this program. If not, see <http://www.gnu.org/licenses/>. --> <template> - <AppNavigationItem - :title="sharee.displayName"> + <AppNavigationItem :title="sharee.displayName"> <template #icon> - <AccountMultiple - v-if="sharee.isGroup" + <AccountMultiple v-if="sharee.isGroup" :size="18" class="avatar" /> <div v-else-if="sharee.isCircle" class="avatar icon-circle" /> @@ -40,8 +38,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>. </template> <template #counter> - <ActionCheckbox - :disabled="loading" + <ActionCheckbox :disabled="loading" :checked="writeable" @update:checked="editSharee"> {{ t('tasks', 'Can edit') }} @@ -49,8 +46,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>. </template> <template #actions> - <ActionButton - :disabled="loading" + <ActionButton :disabled="loading" @click.prevent.stop="deleteSharee"> <template #icon> <Delete :size="20" /> diff --git a/src/components/AppNavigation/ListItemCalendar.vue b/src/components/AppNavigation/ListItemCalendar.vue index 8184d6fe..16c123bb 100644 --- a/src/components/AppNavigation/ListItemCalendar.vue +++ b/src/components/AppNavigation/ListItemCalendar.vue @@ -20,8 +20,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. --> <template> - <AppNavigationItem - :id="'list_' + calendar.id" + <AppNavigationItem :id="'list_' + calendar.id" v-click-outside="{ handler: resetView, middleware: clickOutsideMiddleware }" :calendar-id="calendar.id" :to="{ name: 'calendars', params: { calendarId: calendar.id } }" @@ -40,8 +39,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. <Actions v-if="calendar.canBeShared" :class="{shared: hasShares}" class="sharing"> - <ActionButton - @click="toggleShare"> + <ActionButton @click="toggleShare"> <template #icon> <ShareVariant :size="20" /> </template> @@ -56,8 +54,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. </template> <template v-if="!deleteTimeout" #actions> - <ActionButton - v-if="!calendar.readOnly" + <ActionButton v-if="!calendar.readOnly" class="edit-calendar" :close-after-click="true" @click="editCalendar"> @@ -66,8 +63,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. </template> {{ t('tasks', 'Edit') }} </ActionButton> - <ActionButton - :close-after-click="true" + <ActionButton :close-after-click="true" @click="copyCalDAVUrl($event, calendar)"> <template #icon> <LinkVariant :size="20" /> @@ -78,16 +74,14 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. ? t('tasks', 'Copied') : t('tasks', 'Cannot copy') }} </ActionButton> - <ActionLink - :close-after-click="true" + <ActionLink :close-after-click="true" :href="exportUrl"> <template #icon> <Download :size="20" /> </template> {{ t('tasks', 'Download') }} </ActionLink> - <ActionButton - v-if="!calendar.readOnly || calendar.isSharedWithMe" + <ActionButton v-if="!calendar.readOnly || calendar.isSharedWithMe" v-tooltip="{ placement: 'left', boundariesElement: 'body', @@ -105,8 +99,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. </template> <template v-else #actions> - <ActionButton - @click.prevent.stop="cancelDelete"> + <ActionButton @click.prevent.stop="cancelDelete"> <template #icon> <Undo :size="20" /> </template> diff --git a/src/components/AppNavigation/Trashbin.vue b/src/components/AppNavigation/Trashbin.vue index 55564cb0..d4e26767 100644 --- a/src/components/AppNavigation/Trashbin.vue +++ b/src/components/AppNavigation/Trashbin.vue @@ -54,8 +54,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. </div> <template v-for="item in items" class="row"> <div :key="`${item.url}desc`" class="table__body"> - <div - class="icon-bullet" + <div class="icon-bullet" :style="{ 'background-color': item.color }" /> <div class="item-description"> <div class="item-description__mainline"> @@ -74,8 +73,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. {{ t('tasks','Restore') }} </button> <Actions :force-menu="true"> - <ActionButton - @click="onDeletePermanently(item)"> + <ActionButton @click="onDeletePermanently(item)"> <template #icon> <Delete :size="20" /> </template> diff --git a/src/components/AppSidebar/CalendarPickerItem.vue b/src/components/AppSidebar/CalendarPickerItem.vue index f54dd245..3822a9ba 100644 --- a/src/components/AppSidebar/CalendarPickerItem.vue +++ b/src/components/AppSidebar/CalendarPickerItem.vue @@ -24,8 +24,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. <template> <div class="property__item"> - <Multiselect - label="displayName" + <Multiselect label="displayName" track-by="url" :disabled="isDisabled" :options="calendars" @@ -39,8 +38,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. <CalendarPickerOption v-bind="scope.option" /> </template> <template #noResult> - <CalendarPickerOption - color="" + <CalendarPickerOption color="" owner="" :is-shared-with-me="false" :display-name="t('tasks', 'No calendar matches the search.')" /> diff --git a/src/components/AppSidebar/CalendarPickerOption.vue b/src/components/AppSidebar/CalendarPickerOption.vue index b966f9b7..ba208cfe 100644 --- a/src/components/AppSidebar/CalendarPickerOption.vue +++ b/src/components/AppSidebar/CalendarPickerOption.vue @@ -24,17 +24,14 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. <template> <div class="calendar-picker-option"> - <div - class="calendar-picker-option__color-indicator" + <div class="calendar-picker-option__color-indicator" :style="{ backgroundColor: color }" /> - <span - class="calendar-picker-option__label"> + <span class="calendar-picker-option__label"> {{ displayName }} </span> - <Avatar - v-if="isSharedWithMe" + <Avatar v-if="isSharedWithMe" class="calendar-picker-option__avatar" :disable-menu="true" :disable-tooltip="true" diff --git a/src/components/AppSidebar/MultiselectItem.vue b/src/components/AppSidebar/MultiselectItem.vue index abc008a9..9312af3d 100644 --- a/src/components/AppSidebar/MultiselectItem.vue +++ b/src/components/AppSidebar/MultiselectItem.vue @@ -24,8 +24,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. <template> <div class="property__item"> - <Multiselect - label="displayName" + <Multiselect label="displayName" :disabled="isDisabled" :options="options" :value="value" diff --git a/src/components/AppSidebar/MultiselectOption.vue b/src/components/AppSidebar/MultiselectOption.vue index 3c2af2d5..4786b4a0 100644 --- a/src/components/AppSidebar/MultiselectOption.vue +++ b/src/components/AppSidebar/MultiselectOption.vue @@ -27,8 +27,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. <span class="multiselect-picker-option__icon"> <component :is="icon" :size="20" /> </span> - <span - class="multiselect-picker-option__label"> + <span class="multiselect-picker-option__label"> {{ displayName }} </span> </div> diff --git a/src/components/AppSidebar/NotesItem.vue b/src/components/AppSidebar/NotesItem.vue index 9cbe282e..32027cae 100644 --- a/src/components/AppSidebar/NotesItem.vue +++ b/src/components/AppSidebar/NotesItem.vue @@ -25,16 +25,14 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. <div :class="{'content__note--editing': editing}" class="content__note" @click="setEditing(true, $event)"> - <div - id="note__viewer" + <div id="note__viewer" ref="note__viewer" :source="value" class="note__viewer" :class="{'note__viewer--empty': !value.trim()}" /> <div class="note__editor"> <pre><span>{{ newValue }}</span><br><br></pre> - <textarea - ref="note__editor" + <textarea ref="note__editor" v-model="newValue" @keyup.27="setEditing(false)" @keydown.enter.ctrl.prevent="setValue()" diff --git a/src/components/AppSidebar/TagsItem.vue b/src/components/AppSidebar/TagsItem.vue index 4556d9a5..35b79868 100644 --- a/src/components/AppSidebar/TagsItem.vue +++ b/src/components/AppSidebar/TagsItem.vue @@ -24,8 +24,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. <template> <div class="property__item"> - <Multiselect - :value="tags" + <Multiselect :value="tags" :taggable="true" :disabled="disabled" :options="options" diff --git a/src/components/Header.vue b/src/components/Header.vue index 362c1cb8..c9c6125e 100644 --- a/src/components/Header.vue +++ b/src/components/Header.vue @@ -25,8 +25,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. class="header__input"> <form @submit.prevent="addTask"> <Plus :size="20" /> - <input - v-model="newTaskName" + <input v-model="newTaskName" :placeholder="placeholder" autocomplete="off" class="transparent reactive" diff --git a/src/components/SortorderDropdown.vue b/src/components/SortorderDropdown.vue index c08db883..1e7444ec 100644 --- a/src/components/SortorderDropdown.vue +++ b/src/components/SortorderDropdown.vue @@ -26,12 +26,10 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. menu-align="right"> <template #icon> <component :is="sortOrderIcon" :size="20" /> - <MenuDown - v-if="sortDirection" + <MenuDown v-if="sortDirection" class="sort-direction" :size="18" /> - <MenuUp - v-else + <MenuUp v-else class="sort-direction" :size="18" /> </template> @@ -48,12 +46,10 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. @click="setSortOrder(order.id)"> <template #icon> <component :is="order.icon" :size="20" /> - <MenuDown - v-if="order.id == sortOrder && sortDirection" + <MenuDown v-if="order.id == sortOrder && sortDirection" class="sort-direction" :size="18" /> - <MenuUp - v-if="order.id == sortOrder && !sortDirection" + <MenuUp v-if="order.id == sortOrder && !sortDirection" class="sort-direction" :size="18" /> </template> diff --git a/src/components/TaskBody.vue b/src/components/TaskBody.vue index 93887ab4..4eccb048 100644 --- a/src/components/TaskBody.vue +++ b/src/components/TaskBody.vue @@ -75,8 +75,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. </div> <!-- Icons: sync-status, calendarname, date, note, subtask-show-completed, subtask-visibility, add-subtask, starred --> <div class="task-body__icons"> - <TaskStatusDisplay - :status="task.syncStatus" + <TaskStatusDisplay :status="task.syncStatus" class="reactive no-nav" @status-clicked="updateTask" @reset-status="resetStatus({ task })" /> @@ -86,8 +85,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. </div> <SortVariant v-if="hasHiddenSubtasks" :size="20" :title="t('tasks', 'Task has hidden subtasks')" /> <Pin v-if="task.pinned" :size="20" :title="t('tasks', 'Task is pinned')" /> - <TextBoxOutline - v-if="task.note!=''" + <TextBoxOutline v-if="task.note!=''" :size="20" :title="t('tasks', 'Task has a note')" @click.stop="openAppSidebarTab($event, 'app-sidebar-tab-notes')" /> @@ -131,8 +129,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. </ActionButton> </Actions> <Actions v-if="task.deleteCountdown !== null"> - <ActionButton - class="reactive no-nav" + <ActionButton class="reactive no-nav" @click.prevent.stop="clearTaskDeletion(task)"> <template #icon> <Undo :size="20" /> @@ -141,8 +138,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. </ActionButton> </Actions> <Actions :disabled="readOnly" :class="[{ priority: task.priority }, priorityClass]" class="reactive no-nav"> - <ActionButton - :disabled="readOnly" + <ActionButton :disabled="readOnly" @click="toggleStarred(task)"> <template #icon> <Star :size="20" /> @@ -165,8 +161,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. @keyup.27="showSubtaskInput = false"> </form> </div> - <TaskDragContainer - :tasks="filteredSubtasksShown" + <TaskDragContainer :tasks="filteredSubtasksShown" :disabled="task.calendar.readOnly" :collection-string="collectionString" :task-id="task.uri" diff --git a/src/components/TaskCreateDialog.vue b/src/components/TaskCreateDialog.vue index 9c0533a7..cb04bd38 100644 --- a/src/components/TaskCreateDialog.vue +++ b/src/components/TaskCreateDialog.vue @@ -31,8 +31,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. <div v-if="!creating && !created" id="modal-inner" :class="{ 'icon-loading': loading }"> <h3>{{ t('tasks', 'Create a new task') }}</h3> - <CalendarPickerItem - :disabled="loading" + <CalendarPickerItem :disabled="loading" :calendar="pendingCalendar" :calendars="writableCalendars" @change-calendar="changeCalendar" /> diff --git a/src/views/AppContent/Calendar.vue b/src/views/AppContent/Calendar.vue index 15a1f6bc..02db7f60 100644 --- a/src/views/AppContent/Calendar.vue +++ b/src/views/AppContent/Calendar.vue @@ -26,8 +26,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. <Header /> <div class="task-list"> <div class="grouped-tasks"> - <TaskDragContainer - :tasks="openRootTasks(calendar.tasks)" + <TaskDragContainer :tasks="openRootTasks(calendar.tasks)" :calendar-id="calendarId" :disabled="calendar.readOnly" collection-id="uncompleted" /> diff --git a/src/views/AppContent/General.vue b/src/views/AppContent/General.vue index 64f01f8d..cfef9c8a 100644 --- a/src/views/AppContent/General.vue +++ b/src/views/AppContent/General.vue @@ -32,8 +32,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. <span class="heading__icon-bullet" :style="{'background-color': calendar.color }" /> <span class="heading__title">{{ calendar.displayName }}</span> </h2> - <TaskDragContainer - :tasks="calendar.filteredTasks" + <TaskDragContainer :tasks="calendar.filteredTasks" :disabled="calendar.readOnly" :collection-string="collectionId" :calendar-id="calendar.id" diff --git a/src/views/AppContent/Week.vue b/src/views/AppContent/Week.vue index 76cf11e8..6dfda250 100644 --- a/src/views/AppContent/Week.vue +++ b/src/views/AppContent/Week.vue @@ -31,8 +31,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. <h2 class="heading"> <span class="heading__title">{{ dayString(day.diff) }}</span> </h2> - <TaskDragContainer - :tasks="day.tasks" + <TaskDragContainer :tasks="day.tasks" :collection-string="`week-${day.diff}`" :collection-id="`week-${day.diff}`" /> </div> diff --git a/src/views/AppNavigation.vue b/src/views/AppNavigation.vue index 22c2a0e9..3815a3cb 100644 --- a/src/views/AppNavigation.vue +++ b/src/views/AppNavigation.vue @@ -22,8 +22,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. <template> <AppNavigation> <template #list> - <AppNavigationItem - v-for="collection in collections" + <AppNavigationItem v-for="collection in collections" v-show="!hideCollection(collection)" :id="'collection_' + collection.id" :key="collection.id" @@ -39,8 +38,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. @dragleave.native="dragLeave" @click="setInitialRoute(`/collections/${collection.id}`)"> <template #icon> - <component - :is="collection.icon" + <component :is="collection.icon" :size="20" /> </template> <template #counter> @@ -49,13 +47,11 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. </AppNavigationCounter> </template> </AppNavigationItem> - <draggable - class="draggable-container" + <draggable class="draggable-container" :set-data="setData" v-bind="{swapThreshold: 0.30, delay: 500, delayOnTouchOnly: true, touchStartThreshold: 3}" @update="update"> - <ListItemCalendar - v-for="calendar in calendars" + <ListItemCalendar v-for="calendar in calendars" :key="calendar.id" :calendar="calendar" @click.native="setInitialRoute(`/calendars/${calendar.id}`)" /> diff --git a/src/views/AppSidebar.vue b/src/views/AppSidebar.vue index 22a70b21..34becda9 100644 --- a/src/views/AppSidebar.vue +++ b/src/views/AppSidebar.vue @@ -20,8 +20,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. --> <template> - <AppSidebar - :title="title" + <AppSidebar :title="title" :title-editable="editingTitle" :linkify-title="true" :subtitle="subtitle" @@ -35,8 +34,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. @submit-title="saveTitle()" @close="closeAppSidebar()"> <template v-if="task" #description> - <DatetimePickerItem - v-show="!readOnly || task.start" + <DatetimePickerItem v-show="!readOnly || task.start" :date="task.startMoment" :value="newStartDate" :all-day="allDay" @@ -49,8 +47,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. <CalendarStart :size="20" /> </template> </DatetimePickerItem> - <DatetimePickerItem - v-show="!readOnly || task.due" + <DatetimePickerItem v-show="!readOnly || task.due" :date="task.dueMoment" :value="newDueDate" :all-day="allDay" @@ -63,15 +60,13 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. <CalendarEnd :size="20" /> </template> </DatetimePickerItem> - <CheckboxItem - v-show="showAllDayToggle" + <CheckboxItem v-show="showAllDayToggle" id="allDayToggle" :checked="allDay" :read-only="readOnly" :property-string="t('tasks', 'All day')" @set-checked="toggleAllDay(task)" /> - <CalendarPickerItem - :disabled="readOnly" + <CalendarPickerItem :disabled="readOnly" :calendar="task.calendar" :calendars="targetCalendars" @change-calendar="changeCalendar" /> @@ -105,8 +100,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. </template> {{ t('tasks', 'Edit title') }} </ActionButton> - <ActionLink - :href="downloadURL" + <ActionLink :href="downloadURL" :close-after-click="true"> <template #icon> <Download :size="20" /> @@ -122,8 +116,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. </ActionButton> </template> <template v-else #secondary-actions> - <ActionButton - class="reactive no-nav" + <ActionButton class="reactive no-nav" @click.prevent.stop="clearTaskDeletion(task)"> <template #icon> <Undo :size="20" /> @@ -158,24 +151,21 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. <InformationOutline :size="20" /> </template> <div> - <MultiselectItem - v-show="!readOnly || task.class !== 'PUBLIC'" + <MultiselectItem v-show="!readOnly || task.class !== 'PUBLIC'" :value="classSelect.find( _ => _.type === task.class )" :options="classSelect" :disabled="readOnly || task.calendar.isSharedWithMe" :placeholder="t('tasks', 'Select a classification')" icon="IconEye" @change-value="changeClass" /> - <MultiselectItem - v-show="!readOnly || task.status" + <MultiselectItem v-show="!readOnly || task.status" :value="statusOptions.find( _ => _.type === task.status )" :options="statusOptions" :disabled="readOnly" :placeholder="t('tasks', 'Select a status')" icon="IconPulse" @change-value="changeStatus" /> - <SliderItem - v-show="!readOnly || task.priority" + <SliderItem v-show="!readOnly || task.priority" :value="task.priority" :property-string="priorityString" :read-only="readOnly" @@ -188,8 +178,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. <Star :size="20" /> </template> </SliderItem> - <SliderItem - v-show="!readOnly || task.complete" + <SliderItem v-show="!readOnly || task.complete" :value="task.complete" :property-string="completeString" :read-only="readOnly" @@ -202,8 +191,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. <Percent :size="20" /> </template> </SliderItem> - <TagsItem - v-show="!readOnly || task.tags.length > 0" + <TagsItem v-show="!readOnly || task.tags.length > 0" :options="tags" :tags="task.tags" :disabled="readOnly" @@ -225,8 +213,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. <template #icon> <TextBoxOutline :size="20" /> </template> - <NotesItem - v-show="!readOnly || task.note" + <NotesItem v-show="!readOnly || task.note" :value="task.note" :read-only="readOnly" :task="task" diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue index 83505ab3..7f807136 100644 --- a/src/views/Dashboard.vue +++ b/src/views/Dashboard.vue @@ -23,8 +23,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. --> <template> <div> - <DashboardWidget - id="tasks_panel" + <DashboardWidget id="tasks_panel" :items="filteredTasks.slice(0, hasTaskToday ? 6 : 4)" empty-content-icon="icon-tasks" :empty-content-message="t('tasks', 'No upcoming tasks')" @@ -33,15 +32,13 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. :show-items-and-empty-content="!hasTaskToday" :half-empty-content-message="t('tasks', 'No tasks today')"> <template #default="{ item }"> - <DashboardWidgetItem - :main-text="item.summary" + <DashboardWidgetItem :main-text="item.summary" :sub-text="formatSubtext(item)" :target-url="getTasksAppUrl(item)" :item-menu="itemMenu" @markAsDone="onMarkAsDone(item)"> <template #avatar> - <div - class="calendar-dot" + <div class="calendar-dot" :style="{'background-color': item.calendar.color}" :title="item.calendar.displayName" /> </template> |