diff options
| author | Eduardo Morales <emoral435@gmail.com> | 2023-11-07 17:29:17 -0600 |
|---|---|---|
| committer | Eduardo Morales <emoral435@gmail.com> | 2023-11-16 14:33:10 -0600 |
| commit | 3b48af212244fa48a8e8864181da4794d2eabb52 (patch) | |
| tree | 2b2e6cc06d101fe5a2c68d8e9fc1f0550a23650f /apps/files/src/components/FileEntry.vue | |
| parent | 179b7bb3cbcdce19218462c067469db32c73a150 (diff) | |
| download | nextcloud-server-3b48af212244fa48a8e8864181da4794d2eabb52.tar.gz nextcloud-server-3b48af212244fa48a8e8864181da4794d2eabb52.zip | |
fix(component): utilized NcDateTime component
Resolves #41261
Replaces span element with custom Nc Vue Component
Signed-off-by: Eduardo Morales <emoral435@gmail.com>
Diffstat (limited to 'apps/files/src/components/FileEntry.vue')
| -rw-r--r-- | apps/files/src/components/FileEntry.vue | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/apps/files/src/components/FileEntry.vue b/apps/files/src/components/FileEntry.vue index df18dcae016..31400b95dfc 100644 --- a/apps/files/src/components/FileEntry.vue +++ b/apps/files/src/components/FileEntry.vue @@ -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 |