Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Feat: コントロールパネル内のファイル一覧でファイル名と説明で検索できるように(#14789)

Browse source
This commit is contained in:
tetsuya-ki 2024-10-19 15:11:38 +00:00
parent 58419e1621
commit 0c59948828
2 changed files with 24 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

12
packages/frontend/src/pages/admin/files.vue
View file

@ -28,6 +28,14 @@ SPDX-License-Identifier: AGPL-3.0-only
<template #label>MIME type</template>
</MkInput>
</div>
<div class="inputs" style="display: flex; gap: var(--MI-margin); flex-wrap: wrap;">
<MkInput v-model="name" :debounce="true" type="search" style="margin: 0; flex: 1;">
<template #label>File Name</template>
</MkInput>
<MkInput v-model="comment" :debounce="true" type="search" style="margin: 0; flex: 1;">
<template #label>Comment</template>
</MkInput>
</div>
<MkFileListForAdmin :pagination="pagination" :viewMode="viewMode"/>
</div>
</MkSpacer>
@ -51,6 +59,8 @@ const type = ref<string | null>(null);
const searchHost = ref('');
const userId = ref('');
const viewMode = ref('grid');
const name = ref('');
const comment = ref('');
const pagination = {
endpoint: 'admin/drive/files' as const,
limit: 10,
@ -59,6 +69,8 @@ const pagination = {
userId: (userId.value && userId.value !== '') ? userId.value : null,
origin: origin.value,
hostname: (searchHost.value && searchHost.value !== '') ? searchHost.value : null,
name: (name.value && name.value !== '') ? name.value : null,
comment: (comment.value && comment.value !== '') ? comment.value : null,
})),
};