vikunja/frontend
Archived
6
39
Fork 48
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

chore: use long variable name

Browse Source
This commit is contained in:
kolaente 2023-04-01 21:31:03 +02:00
parent 24604ca3ec
commit 81dd64563e
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
1 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/home/ProjectsNavigation.vue
View File

@ -18,45 +18,45 @@
] ]
}" }"
> >
<template #item="{element: p}"> <template #item="{element: project}">
<li <li
class="list-menu loader-container is-loading-small" class="list-menu loader-container is-loading-small"
:class="{'is-loading': projectUpdating[p.id]}" :class="{'is-loading': projectUpdating[project.id]}"
:data-project-id="p.id" :data-project-id="project.id"
> >
<section> <section>
<BaseButton <BaseButton
v-if="childProjects[p.id]?.length > 0" v-if="childProjects[project.id]?.length > 0"
@click="collapsedProjects[p.id] = !collapsedProjects[p.id]" @click="collapsedProjects[project.id] = !collapsedProjects[project.id]"
class="collapse-project-button" class="collapse-project-button"
> >
<icon icon="chevron-down" :class="{ 'project-is-collapsed': collapsedProjects[p.id] }"/> <icon icon="chevron-down" :class="{ 'project-is-collapsed': collapsedProjects[project.id] }"/>
</BaseButton> </BaseButton>
<span class="collapse-project-button-placeholder" v-else></span> <span class="collapse-project-button-placeholder" v-else></span>
<BaseButton <BaseButton
:to="{ name: 'project.index', params: { projectId: p.id} }" :to="{ name: 'project.index', params: { projectId: project.id} }"
class="list-menu-link" class="list-menu-link"
:class="{'router-link-exact-active': currentProject.id === p.id}" :class="{'router-link-exact-active': currentProject.id === project.id}"
> >
<span class="icon menu-item-icon handle"> <span class="icon menu-item-icon handle">
<icon icon="grip-lines"/> <icon icon="grip-lines"/>
</span> </span>
<ColorBubble <ColorBubble
v-if="p.hexColor !== ''" v-if="project.hexColor !== ''"
:color="p.hexColor" :color="project.hexColor"
class="mr-1" class="mr-1"
/> />
<span class="list-menu-title">{{ getProjectTitle(p) }}</span> <span class="list-menu-title">{{ getProjectTitle(project) }}</span>
</BaseButton> </BaseButton>
<BaseButton <BaseButton
v-if="p.id > 0" v-if="project.id > 0"
class="favorite" class="favorite"
:class="{'is-favorite': p.isFavorite}" :class="{'is-favorite': project.isFavorite}"
@click="projectStore.toggleProjectFavorite(p)" @click="projectStore.toggleProjectFavorite(project)"
> >
<icon :icon="p.isFavorite ? 'star' : ['far', 'star']"/> <icon :icon="project.isFavorite ? 'star' : ['far', 'star']"/>
</BaseButton> </BaseButton>
<ProjectSettingsDropdown class="menu-list-dropdown" :project="p" v-if="p.id > 0"> <ProjectSettingsDropdown class="menu-list-dropdown" :project="project" v-if="project.id > 0">
<template #trigger="{toggleOpen}"> <template #trigger="{toggleOpen}">
<BaseButton class="menu-list-dropdown-trigger" @click="toggleOpen"> <BaseButton class="menu-list-dropdown-trigger" @click="toggleOpen">
<icon icon="ellipsis-h" class="icon"/> <icon icon="ellipsis-h" class="icon"/>
@ -66,8 +66,8 @@
<span class="list-setting-spacer" v-else></span> <span class="list-setting-spacer" v-else></span>
</section> </section>
<ProjectsNavigation <ProjectsNavigation
v-if="!collapsedProjects[p.id]" v-if="!collapsedProjects[project.id]"
v-model="childProjects[p.id]" v-model="childProjects[project.id]"
:can-edit-order="true" :can-edit-order="true"
/> />
</li> </li>