1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
|
/**
* SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
* SPDX-License-Identifier: AGPL-3.0-or-later
*/
import moment from '@nextcloud/moment'
import { getCurrentUser } from '@nextcloud/auth'
import { Column, Node } from '@nextcloud/files'
import { getCanonicalLocale, getLanguage, translate as t } from '@nextcloud/l10n'
import { dirname } from '@nextcloud/paths'
import Vue from 'vue'
import NcUserBubble from '@nextcloud/vue/components/NcUserBubble'
export const originalLocation = new Column({
id: 'files_trashbin--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, [getLanguage(), getCanonicalLocale()], { numeric: true, usage: 'sort' })
},
})
export const deletedBy = new Column({
id: 'files_trashbin--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 ?? userId,
}
const userBubble = new UserBubble({ propsData }).$mount().$el
return userBubble as HTMLElement
},
sort(nodeA, nodeB) {
const deletedByA = parseDeletedBy(nodeA)
const deletedbyALabel = deletedByA.label ?? deletedByA.displayName ?? deletedByA.userId
const deletedByB = parseDeletedBy(nodeB)
const deletedByBLabel = deletedByB.label ?? deletedByB.displayName ?? deletedByB.userId
// label is set if uid and display name are unset - if label is unset at least uid or display name is set.
return deletedbyALabel!.localeCompare(deletedByBLabel!, [getLanguage(), getCanonicalLocale()], { numeric: true, usage: 'sort' })
},
})
export const deleted = new Column({
id: 'files_trashbin--deleted',
title: t('files_trashbin', 'Deleted'),
render(node) {
const deletionTime = node.attributes?.['trashbin-deletion-time'] || ((node?.mtime?.getTime() ?? 0) / 1000)
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) {
// deletion time is a unix timestamp while mtime is a JS Date -> we need to align the numbers (seconds vs milliseconds)
const deletionTimeA = nodeA.attributes?.['trashbin-deletion-time'] || ((nodeA?.mtime?.getTime() ?? 0) / 1000)
const deletionTimeB = nodeB.attributes?.['trashbin-deletion-time'] || ((nodeB?.mtime?.getTime() ?? 0) / 1000)
return deletionTimeB - deletionTimeA
},
})
/**
* Get the original file location of a trashbin file.
*
* @param node The node to parse
*/
function parseOriginalLocation(node: Node): string {
const path = stringOrNull(node.attributes?.['trashbin-original-location'])
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 dir.replace(/^\//, '')
}
/**
* Parse a trashbin file to get information about the user that deleted the file.
*
* @param node The node to parse
*/
function parseDeletedBy(node: Node) {
const userId = stringOrNull(node.attributes?.['trashbin-deleted-by-id'])
const displayName = stringOrNull(node.attributes?.['trashbin-deleted-by-display-name'])
let label: string|undefined
const currentUserId = getCurrentUser()?.uid
if (userId === currentUserId) {
label = t('files_trashbin', 'You')
}
if (!userId && !displayName) {
label = t('files_trashbin', 'Unknown')
}
return {
userId,
displayName,
label,
}
}
/**
* If the attribute is given it will be stringified and returned - otherwise null is returned.
*
* @param attribute The attribute to check
*/
function stringOrNull(attribute: unknown): string | null {
if (attribute) {
return String(attribute)
}
return null
}
|
