click on icon behaves now like click on resource name

owncloud · Feb 16, 2022 · 2b314c9 · 2b314c9
1 parent 1f69c0a
commit 2b314c9
Showing 1 changed file with 22 additions and 9 deletions.
diff --git a/src/components/organisms/OcResource/OcResource.vue b/src/components/organisms/OcResource/OcResource.vue
@@ -1,14 +1,24 @@
 <template>
   <div class="oc-resource oc-text-overflow">
-    <oc-img
-      v-if="hasThumbnail"
-      :key="thumbnail"
-      :src="thumbnail"
-      class="oc-resource-thumbnail"
-      width="40"
-      height="40"
-    />
-    <oc-resource-icon v-else :resource="resource" />
+    <component
+      :is="componentType"
+      v-bind="componentProps"
+      v-if="isResourceClickable"
+      :target="linkTargetBlank"
+      :aria-describedby="opensInNewWindowDescriptionId"
+      @click.stop="emitClick"
+      @click.native.stop
+    >
+      <oc-img
+        v-if="hasThumbnail"
+        :key="thumbnail"
+        :src="thumbnail"
+        class="oc-resource-thumbnail"
+        width="40"
+        height="40"
+      />
+      <oc-resource-icon v-else :resource="resource" />
+    </component>
     <div class="oc-resource-details oc-text-overflow">
       <component
         :is="componentType"
@@ -205,6 +215,9 @@ export default {
   },
 
   methods: {
+    hover() {
+      console.log("hover")
+    },
     emitClick() {
       if (this.isFolder) {
         return