From dad0fc88cac032d702e7a669dcde4d8d5359f710 Mon Sep 17 00:00:00 2001
From: Benedikt Kulmann <benedikt@kulmann.biz>
Date: Fri, 13 Sep 2024 15:43:38 +0200
Subject: [PATCH] feat: add min oCIS to app releases table

---
 .../enhancement-app-store-min-ocis-version    |  5 +++++
 .../src/components/AppVersions.vue            | 22 +++++++++++--------
 packages/web-app-app-store/src/types.ts       |  1 +
 3 files changed, 19 insertions(+), 9 deletions(-)
 create mode 100644 changelog/unreleased/enhancement-app-store-min-ocis-version

diff --git a/changelog/unreleased/enhancement-app-store-min-ocis-version b/changelog/unreleased/enhancement-app-store-min-ocis-version
new file mode 100644
index 00000000000..a37f7bf813f
--- /dev/null
+++ b/changelog/unreleased/enhancement-app-store-min-ocis-version
@@ -0,0 +1,5 @@
+Enhancement: Show min oCIS version in app details (app store)
+
+We're now showing the minimum required oCIS version of apps in the app releases of the app store.
+
+https://github.com/owncloud/web/pull/11580
diff --git a/packages/web-app-app-store/src/components/AppVersions.vue b/packages/web-app-app-store/src/components/AppVersions.vue
index 78cd341d383..e31a13c0bfe 100644
--- a/packages/web-app-app-store/src/components/AppVersions.vue
+++ b/packages/web-app-app-store/src/components/AppVersions.vue
@@ -1,11 +1,5 @@
 <template>
-  <oc-table
-    class="oc-width-1-1"
-    :data="data"
-    :fields="fields"
-    padding-x="remove"
-    :has-header="false"
-  >
+  <oc-table class="oc-width-1-1" :data="data" :fields="fields" padding-x="remove">
     <template #version="{ item }">
       v{{ item.version }}
       <oc-tag v-if="item.version === app.mostRecentVersion.version" size="small" class="oc-ml-s">
@@ -41,24 +35,34 @@ export default defineComponent({
       return props.app.versions.map((version) => {
         return {
           ...version,
+          minOCIS: version.minOCIS ? `v${version.minOCIS}` : '-',
           id: version.version
         }
       })
     })
     const fields = computed(() => {
       return [
+        {
+          name: 'minOCIS',
+          type: 'raw',
+          width: 'shrink',
+          wrap: 'nowrap',
+          title: $gettext('oCIS Version')
+        },
         {
           name: 'version',
           type: 'slot',
           width: 'expand',
-          wrap: 'truncate'
+          wrap: 'truncate',
+          title: $gettext('App Version')
         },
         {
           name: 'actions',
           type: 'slot',
           alignH: 'right',
           width: 'shrink',
-          wrap: 'nowrap'
+          wrap: 'nowrap',
+          title: ''
         }
       ]
     })
diff --git a/packages/web-app-app-store/src/types.ts b/packages/web-app-app-store/src/types.ts
index f719f7ba4c3..6cfc6d6454c 100644
--- a/packages/web-app-app-store/src/types.ts
+++ b/packages/web-app-app-store/src/types.ts
@@ -12,6 +12,7 @@ export const AppStoreConfigSchema = z.object({
 
 export const AppVersionSchema = z.object({
   version: z.string(),
+  minOCIS: z.string().optional(),
   url: z.string(),
   filename: z.string().optional()
 })