diff --git a/frontend/src/components/files/ListingItem.vue b/frontend/src/components/files/ListingItem.vue
index 51093ce8..1798ce5e 100644
--- a/frontend/src/components/files/ListingItem.vue
+++ b/frontend/src/components/files/ListingItem.vue
@@ -12,6 +12,7 @@
:data-type="type"
:aria-label="name"
:aria-selected="isSelected"
+ :data-ext="getExtension(name).toLowerCase()"
>
![]()
{
const itemClick = (event: Event | KeyboardEvent) => {
if (
- !((event as KeyboardEvent).ctrlKey || (event as KeyboardEvent).metaKey) &&
singleClick.value &&
+ !(event as KeyboardEvent).ctrlKey &&
+ !(event as KeyboardEvent).metaKey &&
+ !(event as KeyboardEvent).shiftKey &&
!fileStore.multiple
)
open();
@@ -270,4 +273,14 @@ const click = (event: Event | KeyboardEvent) => {
const open = () => {
router.push({ path: props.url });
};
+
+const getExtension = (fileName: string): string => {
+ const lastDotIndex = fileName.lastIndexOf('.');
+ if (lastDotIndex === -1) {
+ return fileName;
+ }
+ return fileName.substring(lastDotIndex );
+};
+
+
diff --git a/frontend/src/components/files/VideoPlayer.vue b/frontend/src/components/files/VideoPlayer.vue
index e1e14da4..cc9bca84 100644
--- a/frontend/src/components/files/VideoPlayer.vue
+++ b/frontend/src/components/files/VideoPlayer.vue
@@ -1,14 +1,8 @@
-