Move OcStatusIndicators in seperate column

Add changelog

Add changelog

Update changelog

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

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'),