From a2f15e134b59fe3a9efeeff83215e2797b3f8235 Mon Sep 17 00:00:00 2001
From: Paul Neubauer <paulneubauer@live.de>
Date: Tue, 8 Mar 2022 16:02:58 +0100
Subject: [PATCH] Move OcStatusIndicators in seperate column

Add changelog

Add changelog

Update changelog
---
 .../unreleased/enhancement-move-share-indicators |  8 ++++++++
 .../src/components/FilesList/ResourceTable.vue   | 16 ++++++++++++++++
 2 files changed, 24 insertions(+)
 create mode 100644 changelog/unreleased/enhancement-move-share-indicators

diff --git a/changelog/unreleased/enhancement-move-share-indicators b/changelog/unreleased/enhancement-move-share-indicators
new file mode 100644
index 00000000000..8704a491b5c
--- /dev/null
+++ b/changelog/unreleased/enhancement-move-share-indicators
@@ -0,0 +1,8 @@
+Enhancement: Move share indicators
+
+We've moved the share/status indicators into a separate column
+and adjusted the design in ODS.
+
+https://github.com/owncloud/web/issues/5976
+https://github.com/owncloud/web/pull/6552
+https://github.com/owncloud/owncloud-design-system/pull/2014
\ No newline at end of file
diff --git a/packages/web-app-files/src/components/FilesList/ResourceTable.vue b/packages/web-app-files/src/components/FilesList/ResourceTable.vue
index ada2437c9ef..bd521cb21b4 100644
--- a/packages/web-app-files/src/components/FilesList/ResourceTable.vue
+++ b/packages/web-app-files/src/components/FilesList/ResourceTable.vue
@@ -80,6 +80,13 @@
         v-text="formatDateRelative(item.mdate)"
       />
     </template>
+    <template #shareTypes="{ item }">
+      <oc-status-indicators
+        v-if="item.indicators.length"
+        :resource="item"
+        :indicators="item.indicators"
+      ></oc-status-indicators>
+    </template>
     <template #sdate="{ item }">
       <span
         v-oc-tooltip="formatDate(item.sdate)"
@@ -394,6 +401,8 @@ export default {
         })
       }
       const sortFields = determineSortFields(firstResource)
+      console.log('FIRST RESOURCE')
+      console.log(firstResource)
       fields.push(
         ...[
           {
@@ -403,6 +412,13 @@ export default {
             width: 'expand',
             wrap: 'truncate'
           },
+          {
+            name: 'shareTypes',
+            title: this.$gettext('Shares'), // How do we get the translations here?
+            type: 'slot',
+            alignH: 'right',
+            wrap: 'nowrap'
+          },
           {
             name: 'size',
             title: this.$gettext('Size'),