mirror of https://github.com/nextcloud/server.git
refactor(trashbin): Move columns into separate file
Signed-off-by: Christopher Ng <chrng8@gmail.com>pull/44694/head
parent
ce7b2c0945
commit
017fbfa6e5
@ -0,0 +1,143 @@
|
||||
/**
|
||||
* @copyright 2024 Christopher Ng <chrng8@gmail.com>
|
||||
*
|
||||
* @author Christopher Ng <chrng8@gmail.com>
|
||||
*
|
||||
* @license AGPL-3.0-or-later
|
||||
*
|
||||
* This program is free software: you can redistribute it and/or modify
|
||||
* it under the terms of the GNU Affero General Public License as
|
||||
* published by the Free Software Foundation, either version 3 of the
|
||||
* License, or (at your option) any later version.
|
||||
*
|
||||
* This program is distributed in the hope that it will be useful,
|
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
* GNU Affero General Public License for more details.
|
||||
*
|
||||
* You should have received a copy of the GNU Affero General Public License
|
||||
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
*
|
||||
*/
|
||||
|
||||
import moment from '@nextcloud/moment'
|
||||
import { Column, Node } from '@nextcloud/files'
|
||||
import { getCurrentUser } from '@nextcloud/auth'
|
||||
import { dirname, joinPaths } from '@nextcloud/paths'
|
||||
import { translate as t } from '@nextcloud/l10n'
|
||||
|
||||
import Vue from 'vue'
|
||||
import NcUserBubble from '@nextcloud/vue/dist/Components/NcUserBubble.js'
|
||||
|
||||
const parseOriginalLocation = (node: Node): string => {
|
||||
const path = node.attributes?.['trashbin-original-location'] !== undefined ? String(node.attributes?.['trashbin-original-location']) : null
|
||||
if (!path) {
|
||||
return t('files_trashbin', 'Unknown')
|
||||
}
|
||||
const dir = dirname(path)
|
||||
if (dir === path) { // Node is in root folder
|
||||
return t('files_trashbin', 'All files')
|
||||
}
|
||||
return joinPaths(t('files_trashbin', 'All files'), dir)
|
||||
}
|
||||
|
||||
interface DeletedBy {
|
||||
userId: null | string
|
||||
displayName: null | string
|
||||
label: null | string
|
||||
}
|
||||
|
||||
const generateLabel = (userId: null | string, displayName: null | string) => {
|
||||
const currentUserId = getCurrentUser()?.uid
|
||||
if (userId === currentUserId) {
|
||||
return t('files_trashbin', 'You')
|
||||
}
|
||||
if (!userId && !displayName) {
|
||||
return t('files_trashbin', 'Unknown')
|
||||
}
|
||||
return null
|
||||
}
|
||||
|
||||
const parseDeletedBy = (node: Node): DeletedBy => {
|
||||
const userId = node.attributes?.['trashbin-deleted-by-id'] !== undefined ? String(node.attributes?.['trashbin-deleted-by-id']) : null
|
||||
const displayName = node.attributes?.['trashbin-deleted-by-display-name'] !== undefined ? String(node.attributes?.['trashbin-deleted-by-display-name']) : null
|
||||
const label = generateLabel(userId, displayName)
|
||||
return {
|
||||
userId,
|
||||
displayName,
|
||||
label,
|
||||
}
|
||||
}
|
||||
|
||||
const originalLocation = new Column({
|
||||
id: 'original-location',
|
||||
title: t('files_trashbin', 'Original location'),
|
||||
render(node) {
|
||||
const originalLocation = parseOriginalLocation(node)
|
||||
const span = document.createElement('span')
|
||||
span.title = originalLocation
|
||||
span.textContent = originalLocation
|
||||
return span
|
||||
},
|
||||
sort(nodeA, nodeB) {
|
||||
const locationA = parseOriginalLocation(nodeA)
|
||||
const locationB = parseOriginalLocation(nodeB)
|
||||
return locationA.localeCompare(locationB)
|
||||
},
|
||||
})
|
||||
|
||||
const deletedBy = new Column({
|
||||
id: 'deleted-by',
|
||||
title: t('files_trashbin', 'Deleted by'),
|
||||
render(node) {
|
||||
const { userId, displayName, label } = parseDeletedBy(node)
|
||||
if (label) {
|
||||
const span = document.createElement('span')
|
||||
span.textContent = label
|
||||
return span
|
||||
}
|
||||
|
||||
const UserBubble = Vue.extend(NcUserBubble)
|
||||
const propsData = {
|
||||
size: 32,
|
||||
user: userId ?? undefined,
|
||||
displayName: displayName ?? t('files_trashbin', 'Unknown'),
|
||||
}
|
||||
const userBubble = new UserBubble({ propsData }).$mount().$el
|
||||
return userBubble as HTMLElement
|
||||
},
|
||||
sort(nodeA, nodeB) {
|
||||
const deletedByA = parseDeletedBy(nodeA).label ?? parseDeletedBy(nodeA).displayName ?? t('files_trashbin', 'Unknown')
|
||||
const deletedByB = parseDeletedBy(nodeB).label ?? parseDeletedBy(nodeB).displayName ?? t('files_trashbin', 'Unknown')
|
||||
return deletedByA.localeCompare(deletedByB)
|
||||
},
|
||||
})
|
||||
|
||||
const deleted = new Column({
|
||||
id: 'deleted',
|
||||
title: t('files_trashbin', 'Deleted'),
|
||||
render(node) {
|
||||
const deletionTime = node.attributes?.['trashbin-deletion-time']
|
||||
const span = document.createElement('span')
|
||||
if (deletionTime) {
|
||||
span.title = moment.unix(deletionTime).format('LLL')
|
||||
span.textContent = moment.unix(deletionTime).fromNow()
|
||||
return span
|
||||
}
|
||||
|
||||
// Unknown deletion time
|
||||
span.textContent = t('files_trashbin', 'A long time ago')
|
||||
return span
|
||||
},
|
||||
sort(nodeA, nodeB) {
|
||||
const deletionTimeA = nodeA.attributes?.['trashbin-deletion-time'] || nodeA?.mtime || 0
|
||||
const deletionTimeB = nodeB.attributes?.['trashbin-deletion-time'] || nodeB?.mtime || 0
|
||||
return deletionTimeB - deletionTimeA
|
||||
},
|
||||
})
|
||||
|
||||
export const columns = [
|
||||
originalLocation,
|
||||
deletedBy,
|
||||
deleted,
|
||||
]
|
Loading…
Reference in New Issue