ami/tl-vikunja
1
0
Fork 0
Code

feat(views): lint

Browse Source
This commit is contained in:
kolaente 2024-04-02 14:04:17 +02:00
parent d7554d9e70
commit 6f366d4907
No known key found for this signature in database
GPG Key ID: F40E70337AB24C9B
6 changed files with 177 additions and 171 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/input/button.vue
View File

@ -28,7 +28,7 @@
/> />
</span> </span>
</template> </template>
<slot/> <slot />
</BaseButton> </BaseButton>
</template> </template>

10
frontend/src/components/project/ProjectWrapper.vue
View File

@ -7,8 +7,14 @@
{{ getProjectTitle(currentProject) }} {{ getProjectTitle(currentProject) }}
</h1> </h1>
<div class="switch-view-container d-print-none" :class="{'is-justify-content-flex-end': views.length === 1}"> <div
<div class="switch-view" v-if="views.length > 1"> class="switch-view-container d-print-none"
:class="{'is-justify-content-flex-end': views.length === 1}"
>
<div
v-if="views.length > 1"
class="switch-view"
>
<BaseButton <BaseButton
v-for="v in views" v-for="v in views"
:key="v.id" :key="v.id"

2
frontend/src/components/project/views/ProjectGantt.vue
View File

@ -2,7 +2,7 @@
<ProjectWrapper <ProjectWrapper
class="project-gantt" class="project-gantt"
:project-id="filters.projectId" :project-id="filters.projectId"
:viewId :view-id
> >
<template #default> <template #default>
<card :has-content="false"> <card :has-content="false">

330
frontend/src/components/project/views/ProjectTable.vue
View File

@ -11,8 +11,8 @@
<x-button <x-button
icon="th" icon="th"
variant="secondary" variant="secondary"
@click.prevent.stop="toggle()"
class="mr-2" class="mr-2"
@click.prevent.stop="toggle()"
> >
{{ $t('project.table.columns') }} {{ $t('project.table.columns') }}
</x-button> </x-button>
@ -67,7 +67,7 @@
</card> </card>
</template> </template>
</Popup> </Popup>
<FilterPopup v-model="params"/> <FilterPopup v-model="params" />
</div> </div>
</template> </template>
@ -83,175 +83,175 @@
<div class="has-horizontal-overflow"> <div class="has-horizontal-overflow">
<table class="table has-actions is-hoverable is-fullwidth mb-0"> <table class="table has-actions is-hoverable is-fullwidth mb-0">
<thead> <thead>
<tr> <tr>
<th v-if="activeColumns.index"> <th v-if="activeColumns.index">
# #
<Sort <Sort
:order="sortBy.index" :order="sortBy.index"
@click="sort('index')" @click="sort('index')"
/> />
</th> </th>
<th v-if="activeColumns.done"> <th v-if="activeColumns.done">
{{ $t('task.attributes.done') }} {{ $t('task.attributes.done') }}
<Sort <Sort
:order="sortBy.done" :order="sortBy.done"
@click="sort('done')" @click="sort('done')"
/> />
</th> </th>
<th v-if="activeColumns.title"> <th v-if="activeColumns.title">
{{ $t('task.attributes.title') }} {{ $t('task.attributes.title') }}
<Sort <Sort
:order="sortBy.title" :order="sortBy.title"
@click="sort('title')" @click="sort('title')"
/> />
</th> </th>
<th v-if="activeColumns.priority"> <th v-if="activeColumns.priority">
{{ $t('task.attributes.priority') }} {{ $t('task.attributes.priority') }}
<Sort <Sort
:order="sortBy.priority" :order="sortBy.priority"
@click="sort('priority')" @click="sort('priority')"
/> />
</th> </th>
<th v-if="activeColumns.labels"> <th v-if="activeColumns.labels">
{{ $t('task.attributes.labels') }} {{ $t('task.attributes.labels') }}
</th> </th>
<th v-if="activeColumns.assignees"> <th v-if="activeColumns.assignees">
{{ $t('task.attributes.assignees') }} {{ $t('task.attributes.assignees') }}
</th> </th>
<th v-if="activeColumns.dueDate"> <th v-if="activeColumns.dueDate">
{{ $t('task.attributes.dueDate') }} {{ $t('task.attributes.dueDate') }}
<Sort <Sort
:order="sortBy.due_date" :order="sortBy.due_date"
@click="sort('due_date')" @click="sort('due_date')"
/> />
</th> </th>
<th v-if="activeColumns.startDate"> <th v-if="activeColumns.startDate">
{{ $t('task.attributes.startDate') }} {{ $t('task.attributes.startDate') }}
<Sort <Sort
:order="sortBy.start_date" :order="sortBy.start_date"
@click="sort('start_date')" @click="sort('start_date')"
/> />
</th> </th>
<th v-if="activeColumns.endDate"> <th v-if="activeColumns.endDate">
{{ $t('task.attributes.endDate') }} {{ $t('task.attributes.endDate') }}
<Sort <Sort
:order="sortBy.end_date" :order="sortBy.end_date"
@click="sort('end_date')" @click="sort('end_date')"
/> />
</th> </th>
<th v-if="activeColumns.percentDone"> <th v-if="activeColumns.percentDone">
{{ $t('task.attributes.percentDone') }} {{ $t('task.attributes.percentDone') }}
<Sort <Sort
:order="sortBy.percent_done" :order="sortBy.percent_done"
@click="sort('percent_done')" @click="sort('percent_done')"
/> />
</th> </th>
<th v-if="activeColumns.doneAt"> <th v-if="activeColumns.doneAt">
{{ $t('task.attributes.doneAt') }} {{ $t('task.attributes.doneAt') }}
<Sort <Sort
:order="sortBy.done_at" :order="sortBy.done_at"
@click="sort('done_at')" @click="sort('done_at')"
/> />
</th> </th>
<th v-if="activeColumns.created"> <th v-if="activeColumns.created">
{{ $t('task.attributes.created') }} {{ $t('task.attributes.created') }}
<Sort <Sort
:order="sortBy.created" :order="sortBy.created"
@click="sort('created')" @click="sort('created')"
/> />
</th> </th>
<th v-if="activeColumns.updated"> <th v-if="activeColumns.updated">
{{ $t('task.attributes.updated') }} {{ $t('task.attributes.updated') }}
<Sort <Sort
:order="sortBy.updated" :order="sortBy.updated"
@click="sort('updated')" @click="sort('updated')"
/> />
</th> </th>
<th v-if="activeColumns.createdBy"> <th v-if="activeColumns.createdBy">
{{ $t('task.attributes.createdBy') }} {{ $t('task.attributes.createdBy') }}
</th> </th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr <tr
v-for="t in tasks" v-for="t in tasks"
:key="t.id" :key="t.id"
> >
<td v-if="activeColumns.index"> <td v-if="activeColumns.index">
<router-link :to="taskDetailRoutes[t.id]"> <router-link :to="taskDetailRoutes[t.id]">
<template v-if="t.identifier === ''"> <template v-if="t.identifier === ''">
#{{ t.index }} #{{ t.index }}
</template> </template>
<template v-else> <template v-else>
{{ t.identifier }} {{ t.identifier }}
</template> </template>
</router-link> </router-link>
</td> </td>
<td v-if="activeColumns.done"> <td v-if="activeColumns.done">
<Done <Done
:is-done="t.done" :is-done="t.done"
variant="small" variant="small"
/>
</td>
<td v-if="activeColumns.title">
<router-link :to="taskDetailRoutes[t.id]">
{{ t.title }}
</router-link>
</td>
<td v-if="activeColumns.priority">
<PriorityLabel
:priority="t.priority"
:done="t.done"
:show-all="true"
/>
</td>
<td v-if="activeColumns.labels">
<Labels :labels="t.labels" />
</td>
<td v-if="activeColumns.assignees">
<AssigneeList
v-if="t.assignees.length > 0"
:assignees="t.assignees"
:avatar-size="28"
class="ml-1"
:inline="true"
/>
</td>
<DateTableCell
v-if="activeColumns.dueDate"
:date="t.dueDate"
/> />
</td> <DateTableCell
<td v-if="activeColumns.title"> v-if="activeColumns.startDate"
<router-link :to="taskDetailRoutes[t.id]"> :date="t.startDate"
{{ t.title }}
</router-link>
</td>
<td v-if="activeColumns.priority">
<PriorityLabel
:priority="t.priority"
:done="t.done"
:show-all="true"
/> />
</td> <DateTableCell
<td v-if="activeColumns.labels"> v-if="activeColumns.endDate"
<Labels :labels="t.labels"/> :date="t.endDate"
</td>
<td v-if="activeColumns.assignees">
<AssigneeList
v-if="t.assignees.length > 0"
:assignees="t.assignees"
:avatar-size="28"
class="ml-1"
:inline="true"
/> />
</td> <td v-if="activeColumns.percentDone">
<DateTableCell {{ t.percentDone * 100 }}%
v-if="activeColumns.dueDate" </td>
:date="t.dueDate" <DateTableCell
/> v-if="activeColumns.doneAt"
<DateTableCell :date="t.doneAt"
v-if="activeColumns.startDate"
:date="t.startDate"
/>
<DateTableCell
v-if="activeColumns.endDate"
:date="t.endDate"
/>
<td v-if="activeColumns.percentDone">
{{ t.percentDone * 100 }}%
</td>
<DateTableCell
v-if="activeColumns.doneAt"
:date="t.doneAt"
/>
<DateTableCell
v-if="activeColumns.created"
:date="t.created"
/>
<DateTableCell
v-if="activeColumns.updated"
:date="t.updated"
/>
<td v-if="activeColumns.createdBy">
<User
:avatar-size="27"
:show-username="false"
:user="t.createdBy"
/> />
</td> <DateTableCell
</tr> v-if="activeColumns.created"
:date="t.created"
/>
<DateTableCell
v-if="activeColumns.updated"
:date="t.updated"
/>
<td v-if="activeColumns.createdBy">
<User
:avatar-size="27"
:show-username="false"
:user="t.createdBy"
/>
</td>
</tr>
</tbody> </tbody>
</table> </table>
</div> </div>

2
frontend/src/components/project/views/viewEditForm.vue
View File

@ -170,7 +170,7 @@ function validateTitle() {
class="is-danger" class="is-danger"
@click.prevent="() => view.bucketConfiguration.splice(index, 1)" @click.prevent="() => view.bucketConfiguration.splice(index, 1)"
> >
<icon icon="trash-alt"/> <icon icon="trash-alt" />
</button> </button>
<div class="filter-bucket-form"> <div class="filter-bucket-form">
<div class="field"> <div class="field">

2
frontend/src/components/tasks/GanttChart.vue
View File

@ -21,7 +21,7 @@
@dragendBar="updateGanttTask" @dragendBar="updateGanttTask"
@dblclickBar="openTask" @dblclickBar="openTask"
> >
<template #timeunit="{value, date}"> <template #timeunit="{date}">
<div <div
class="timeunit-wrapper" class="timeunit-wrapper"
:class="{'today': dateIsToday(date)}" :class="{'today': dateIsToday(date)}"