Upload artifact with groups option

yunusefendi52 · Apr 28, 2024 · 1fed3b9 · 1fed3b9
1 parent c120292
commit 1fed3b9
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 3 deletions.
diff --git a/components/AppFileUpload.vue b/components/AppFileUpload.vue
@@ -5,11 +5,18 @@
             <label for="releasenotes">Release Notes</label>
             <InputText id="releasenotes" v-model="releaseNotes" aria-describedby="releasenotes-help" />
         </div>
+        <div class="flex flex-column gap-2">
+            <label for="releasenotes">Groups</label>
+            <MultiSelect v-model="selectedGroup" display="chip" :options="groups" optionLabel="name"
+                placeholder="Select Groups" />
+        </div>
         <Button label="Upload" @click="submit" :loading="isPending" />
     </div>
 </template>
 
 <script setup lang="ts">
+import { UpdateGroupsRequest } from '~/server/api/update-artifact-groups.put';
+
 const releaseNotes = ref<string | null>(null)
 const dialogRef = inject<any>('dialogRef');
 const osType = ref<OsType | null>(null)
@@ -26,9 +33,28 @@ onMounted(() => {
 const mimeTypeFromOsType = computed(() => getMimeTypeFromosType(osType.value ?? 'android'))
 const fileRef = ref<HTMLInputElement | null>(null)
 
+const { data: appGroups } = useFetch('/api/groups/list-groups', {
+    query: {
+        appName: appName,
+        orgName: orgName,
+    },
+})
+const groups = computed(() => appGroups.value ?? [])
+const selectedGroup = ref<any[]>()
+
 const { mutateAsync, isPending } = useMutation({
     mutationFn: async (file: File) => {
-        await onUpload(file)
+        const { artifactId } = await onUpload(file)
+        const groupIds = selectedGroup.value?.map(e => e.id) ?? []
+        if (artifactId && groupIds && groupIds.length) {
+            await $fetch('/api/update-artifact-groups', {
+                body: {
+                    artifactId: artifactId,
+                    groupIds: groupIds,
+                } satisfies UpdateGroupsRequest,
+                method: 'put',
+            })
+        }
     },
     onSuccess: () => {
         if (fileRef.value) {
@@ -64,13 +90,14 @@ const onUpload = async (file: File) => {
         body: file,
         redirect: "follow",
     })
-    await $fetch('/api/artifacts/upload-artifact-url', {
+    const data = await $fetch('/api/artifacts/upload-artifact-url', {
         method: 'post',
         body: {
             key: key,
             ...prop.value,
             releaseNotes: releaseNotes.value,
         },
     })
+    return data
 };
 </script>
diff --git a/components/Releases.vue b/components/Releases.vue
@@ -60,6 +60,7 @@ const upload = () => {
             props,
             orgName: props.orgName,
             appName: props.appName,
+            artifactId: 
         },
         onClose: (o) => {
             if (o?.data?.success) {

diff --git a/server/api/artifacts/upload-artifact-url.post.ts b/server/api/artifacts/upload-artifact-url.post.ts
@@ -54,4 +54,8 @@ export default defineEventHandler(async (event) => {
         Bucket: s3BucketName,
         Key: temp,
     }))
+
+    return {
+        artifactId: artifactsId,
+    }
 })
diff --git a/server/api/groups/list-groups.get.ts b/server/api/groups/list-groups.get.ts
@@ -3,7 +3,14 @@ import { takeUniqueOrThrow } from "../detail-app.get"
 import { and, eq } from "drizzle-orm"
 
 export default defineEventHandler(async (event) => {
-    const { appName, orgName } = getQuery(event)
+    const query = getQuery(event)
+    const orgName = query.orgName?.toString()
+    const appName = query.appName?.toString()
+    if (!orgName || !appName) {
+        setResponseStatus(event, 400)
+        return
+    }
+
     const db = event.context.drizzle
     const userId = event.context.auth.userId
     const userOrg = await db.select({