upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-04-26 16:48:59 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 31

fix(component): utilized NcDateTime component

Browse source 
Resolves #41261
Replaces span element with custom Nc Vue Component
Signed-off-by: Eduardo Morales <emoral435@gmail.com>
This commit is contained in:
Eduardo Morales 2023-11-07 17:29:17 -06:00
parent 179b7bb3cb
commit 3b48af2122
1 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
apps/files/src/components/FileEntry.vue
View file

@ -20,7 +20,7 @@
-
-->
<template>
<template>
<tr :class="{'files-list__row--dragover': dragover, 'files-list__row--loading': isLoading}"
data-cy-files-list-row
:data-cy-files-list-row-fileid="fileid"
@ -83,7 +83,7 @@
class="files-list__row-mtime"
data-cy-files-list-row-mtime
@click="openDetailsIfAvailable">
<span>{{ mtime }}</span>
<NcDateTime :timestamp="mDateTime"/>
</td>
<!-- View columns -->
@ -122,6 +122,7 @@ import { useDragAndDropStore } from '../store/dragging.ts'
import { useFilesStore } from '../store/files.ts'
import { useRenamingStore } from '../store/renaming.ts'
import { useSelectionStore } from '../store/selection.ts'
import NcDateTime from '@nextcloud/vue/dist/Components/NcDateTime.js'
import CustomElementRender from './CustomElementRender.vue'
import FileEntryActions from './FileEntry/FileEntryActions.vue'
import FileEntryCheckbox from './FileEntry/FileEntryCheckbox.vue'
@ -140,6 +141,7 @@ export default Vue.extend({
FileEntryCheckbox,
FileEntryName,
FileEntryPreview,
NcDateTime,
},
props: {
@ -262,6 +264,12 @@ export default Vue.extend({
}
return t('files_trashbin', 'A long time ago')
},
mDateTime() {
if (this.source.mtime) {
return moment(this.source.mtime)
}
return t('files_trashbin', 'A long time ago')
},
mtimeOpacity() {
const maxOpacityTime = 31 * 24 * 60 * 60 * 1000 // 31 days