mirror of
https://github.com/woodpecker-ci/woodpecker.git
synced 2025-04-27 03:10:58 +00:00
55 lines
1.7 KiB
Vue
55 lines
1.7 KiB
Vue
<template>
|
|
<Scaffold v-if="org && orgPermissions" v-model:search="search">
|
|
<template #title>
|
|
{{ org.name }}
|
|
</template>
|
|
|
|
<template #headerActions>
|
|
<IconButton
|
|
v-if="orgPermissions.admin"
|
|
icon="settings"
|
|
:to="{ name: org.is_user ? 'user' : 'org-settings-secrets' }"
|
|
:title="$t('settings')"
|
|
/>
|
|
</template>
|
|
|
|
<div class="flex flex-col gap-4">
|
|
<RepoItem v-for="repo in reposLastActivity" :key="repo.id" :repo="repo" />
|
|
</div>
|
|
<div v-if="(reposLastActivity || []).length <= 0" class="text-center">
|
|
<span class="m-auto text-wp-text-100">{{ $t('repo.user_none') }}</span>
|
|
</div>
|
|
</Scaffold>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { computed, onMounted, ref } from 'vue';
|
|
|
|
import IconButton from '~/components/atomic/IconButton.vue';
|
|
import Scaffold from '~/components/layout/scaffold/Scaffold.vue';
|
|
import RepoItem from '~/components/repo/RepoItem.vue';
|
|
import { inject } from '~/compositions/useInjectProvide';
|
|
import useRepos from '~/compositions/useRepos';
|
|
import { useRepoSearch } from '~/compositions/useRepoSearch';
|
|
import { useRepoStore } from '~/store/repos';
|
|
|
|
const repoStore = useRepoStore();
|
|
const { repoWithLastPipeline, sortReposByLastActivity } = useRepos();
|
|
|
|
const org = inject('org');
|
|
const orgPermissions = inject('org-permissions');
|
|
|
|
const search = ref('');
|
|
const repos = computed(() =>
|
|
Array.from(repoStore.repos.values())
|
|
.filter((repo) => repo.org_id === org.value?.id)
|
|
.map(repoWithLastPipeline),
|
|
);
|
|
const { searchedRepos } = useRepoSearch(repos, search);
|
|
const reposLastActivity = computed(() => sortReposByLastActivity(searchedRepos.value || []));
|
|
|
|
onMounted(async () => {
|
|
await repoStore.loadRepos(); // TODO: load only org repos
|
|
});
|
|
</script>
|