MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(front): remove duplicate manage uploads table

This commit is contained in:
ArneBo 2025-05-04 15:56:50 +02:00 committed by Arne Bollinger
parent 3bcba605b4
commit 8b5462a8a4
1 changed files with 2 additions and 159 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

161
front/src/views/auth/ManageUploads.vue
View File

@ -1,5 +1,5 @@
<script setup lang="ts">
import type { ImportStatus, PrivacyLevel, Upload } from '~/types'
import type { PrivacyLevel, Upload } from '~/types'
import type { SmartSearchProps } from '~/composables/navigation/useSmartSearch'
import type { OrderingProps } from '~/composables/navigation/useOrdering'
import type { RouteRecordName } from 'vue-router'
@ -14,7 +14,6 @@ import { useI18n } from 'vue-i18n'
import axios from 'axios'
import ImportStatusModal from '~/components/library/ImportStatusModal.vue'
import ActionTable from '~/components/common/ActionTable.vue'
import useSmartSearch from '~/composables/navigation/useSmartSearch'
import useSharedLabels from '~/composables/locale/useSharedLabels'
@ -153,19 +152,6 @@ const orderingOptions: [OrderingField, keyof typeof sharedLabels.filters][] = [
]
const { t } = useI18n()
const actionFilters = computed(() => ({ q: query.value, ...props.filters }))
const actions = computed(() => [
{
name: 'delete',
label: t('components.manage.library.UploadsTable.action.delete.label'),
confirmationMessage: t('components.manage.library.UploadsTable.action.delete.warning'),
isDangerous: true,
allowAll: false,
confirmColor: 'danger' as const
}
])
// .delete<api/v2/uploads/{uid}>(...)
const isLoading = ref(false)
const fetchData = async () => {
@ -204,14 +190,6 @@ const displayName = (item: Item): string => {
const detailedUpload = ref<Item>()
const showUploadDetailModal = ref(false)
const getImportStatusChoice = (importStatus: ImportStatus) => {
return sharedLabels.fields.import_status.choices[importStatus]
}
const getPrivacyLevelChoice = (privacyLevel: PrivacyLevel) => {
return sharedLabels.fields.privacy_level.shortChoices[privacyLevel]
}
</script>
<template>
@ -372,7 +350,7 @@ const getPrivacyLevelChoice = (privacyLevel: PrivacyLevel) => {
</b>
<!-- 5. date of upload (not creation) -->
<b>
{{ t('components.manage.library.UploadsTable.table.upload.header.accessedDate') }}
{{ t('components.manage.library.UploadsTable.table.upload.header.creationDate') }}
</b>
</template>
<template
@ -459,141 +437,6 @@ const getPrivacyLevelChoice = (privacyLevel: PrivacyLevel) => {
</template>
</Table>
<!-- Yes -->
<action-table
v-if="result"
:objects-data="result"
:actions="actions"
action-url="manage/library/uploads/action/"
:filters="actionFilters"
@action-launched="fetchData"
>
<template #header-cells>
<th>
{{ t('components.manage.library.UploadsTable.table.upload.header.name') }}
</th>
<th>
{{ t('components.manage.library.UploadsTable.table.upload.header.library') }}
</th>
<th>
{{ t('components.manage.library.UploadsTable.table.upload.header.account') }}
</th>
<th>
{{ t('components.manage.library.UploadsTable.table.upload.header.domain') }}
</th>
<th>
{{ t('components.manage.library.UploadsTable.table.upload.header.visibility') }}
</th>
<th>
{{ t('components.manage.library.UploadsTable.table.upload.header.importStatus') }}
</th>
<th>
{{ t('components.manage.library.UploadsTable.table.upload.header.size') }}
</th>
<th>
{{ t('components.manage.library.UploadsTable.table.upload.header.creationDate') }}
</th>
<th>
{{ t('components.manage.library.UploadsTable.table.upload.header.accessedDate') }}
</th>
</template>
<template #row-cells="scope">
<td>
<router-link :to="{name: 'manage.library.uploads.detail', params: {id: scope.obj.uuid }}">
{{ truncate(displayName(scope.obj), 30, undefined, true) }}
</router-link>
</td>
<td>
<!-- <router-link :to="{name: 'manage.library.libraries.detail', params: {id: scope.obj.library.uuid }}">
<i class="wrench icon" />
</router-link>
<a
href=""
class="discrete link"
:title="scope.obj.library.name"
@click.prevent="addSearchToken('library_id', scope.obj.library.id)"
>
{{ truncate(scope.obj.library.name, 20) }}
</a> -->
</td>
<td>
<!-- <router-link :to="{name: 'manage.moderation.accounts.detail', params: {id: scope.obj.library.actor.full_username }}" />
<a
href=""
class="discrete link"
:title="scope.obj.library.actor.full_username"
@click.prevent="addSearchToken('account', scope.obj.library.actor.full_username)"
>{{ scope.obj.library.actor.preferred_username }}</a> -->
</td>
<td>
<!-- <template v-if="!scope.obj.is_local">
<router-link :to="{name: 'manage.moderation.domains.detail', params: {id: scope.obj.domain }}">
<i class="wrench icon" />
</router-link>
<a
href=""
class="discrete link"
:title="scope.obj.domain"
@click.prevent="addSearchToken('domain', scope.obj.domain)"
>{{ scope.obj.domain }}</a>
</template>
<a
v-else
href=""
class="ui tiny accent icon link label"
@click.prevent="addSearchToken('domain', scope.obj.domain)"
>
<i class="home icon" />
{{ t('components.manage.library.UploadsTable.link.local') }}
</a> -->
</td>
<td>
<a
href=""
class="discrete link"
:title="getPrivacyLevelChoice(scope.obj.library.privacy_level)"
@click.prevent="addSearchToken('privacy_level', scope.obj.library.privacy_level)"
>
{{ getPrivacyLevelChoice(scope.obj.library.privacy_level) }}
</a>
</td>
<td>
<a
href=""
class="discrete link"
:title="getImportStatusChoice(scope.obj.import_status).help"
@click.prevent="addSearchToken('status', scope.obj.import_status)"
>
{{ getImportStatusChoice(scope.obj.import_status).label }}
</a>
<Button
class="tiny"
icon="bi-question-circle"
:title="sharedLabels.fields.import_status.label"
@click="detailedUpload = scope.obj; showUploadDetailModal = true"
/>
</td>
<td>
<span v-if="scope.obj.size">{{ humanSize(scope.obj.size) }}</span>
<span v-else>
{{ t('components.manage.library.UploadsTable.notApplicable') }}
</span>
</td>
<td>
<human-date :date="scope.obj.creation_date" />
</td>
<td>
<human-date
v-if="scope.obj.accessed_date"
:date="scope.obj.accessed_date"
/>
<span v-else>
{{ t('components.manage.library.UploadsTable.notApplicable') }}
</span>
</td>
</template>
</action-table>
<Pagination
v-if="page && result && result.count > paginateBy"
v-model:page="page"