MakeImagePublic action now does not need any payload (#171)

* `MakeImagePublic` action now does not need any payload * clickable assetId chip in `VideoShowEpisodeDetail`
anzusystems · Jan 19, 2024 · f30af7b · f30af7b
1 parent b29a1a0
commit f30af7b
Show file tree

Hide file tree

Showing 5 changed files with 36 additions and 12 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,9 @@
+## [1.3.1](https://github.com/anzusystems/admin-dam/compare/1.2.0...1.3.0) (2024-01-19)
+
+### Features
+* `MakeImagePublic` action now does not need any payload
+* clickable assetId chip in `VideoShowEpisodeDetail` 
+
 ## [1.3.0](https://github.com/anzusystems/admin-dam/compare/1.2.0...1.3.0) (2024-01-10)
 
 ### Features

diff --git a/src/services/api/coreDam/fileApi.ts b/src/services/api/coreDam/fileApi.ts
@@ -456,7 +456,7 @@ export const makePublicFile = (assetType: DamAssetType, assetFileId: DocId, slug
   return new Promise<AssetFileRoute>((resolve, reject) => {
     switch (assetType) {
       case DamAssetType.Image:
-        imageMakePublic(assetFileId, slug)
+        imageMakePublic(assetFileId)
           .then((res) => {
             resolve(res)
           })

diff --git a/src/services/api/coreDam/imageApi.ts b/src/services/api/coreDam/imageApi.ts
@@ -281,16 +281,11 @@ export const rotateImage = (imageId: DocId, angle: 90 | 270) => {
   })
 }
 
-export const makePublic = (imageId: DocId, slug: string) => {
+export const makePublic = (imageId: DocId) => {
   return new Promise<AssetFileRoute>((resolve, reject) => {
     const url = END_POINT + '/' + imageId + '/make-public'
     damClient()
-      .patch(
-        url,
-        JSON.stringify({
-          slug,
-        })
-      )
+      .patch(url)
       .then((res) => {
         if (res.status === HTTP_STATUS_OK) {
           resolve(res.data)

diff --git a/src/views/coreDam/assetFileRoute/components/AssetFileRouteMakePublicDialog.vue b/src/views/coreDam/assetFileRoute/components/AssetFileRouteMakePublicDialog.vue
@@ -1,8 +1,16 @@
 <script setup lang="ts">
 import { computed, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
-import type { DamAssetType, DocId } from '@anzusystems/common-admin'
-import { ADialogToolbar, AFormTextField, stringToSlug, useAlerts, useValidate } from '@anzusystems/common-admin'
+import {
+  ADialogToolbar,
+  AFormTextField,
+  type DamAssetType,
+  DamAssetType as DamAssetTypeValue,
+  type DocId,
+  stringToSlug,
+  useAlerts,
+  useValidate
+} from '@anzusystems/common-admin'
 import { makePublicFile } from '@/services/api/coreDam/fileApi'
 import useVuelidate from '@vuelidate/core'
 
@@ -92,6 +100,7 @@ const onConfirm = async () => {
       </ADialogToolbar>
       <VCardText>
         <AFormTextField
+          v-if="assetType !== DamAssetTypeValue.Image"
           v-model="slug"
           :label="t('coreDam.asset.assetFilePublicLink.model.slug')"
           :v="v$"

diff --git a/src/views/coreDam/videoShowEpisode/components/VideoShowEpisodeDetail.vue b/src/views/coreDam/videoShowEpisode/components/VideoShowEpisodeDetail.vue
@@ -1,16 +1,23 @@
 <script lang="ts" setup>
-import { ACopyText, ARow, AUserAndTimeTrackingFields } from '@anzusystems/common-admin'
+import { ACopyText, ARow, AUserAndTimeTrackingFields, COMMON_CONFIG } from '@anzusystems/common-admin'
 import { useI18n } from 'vue-i18n'
 import { storeToRefs } from 'pinia'
 import { useVideoShowEpisodeOneStore } from '@/stores/coreDam/videoShowEpisodeStore'
+import { ROUTE } from '@/router/routes'
+import { useRouter } from 'vue-router'
 
 const { videoShowEpisode } = storeToRefs(useVideoShowEpisodeOneStore())
 
 const { t } = useI18n()
+const router = useRouter()
 
 // const imageSrc = computed(() => {
 //   return videoShowEpisode.value.links ? videoShowEpisode.value.links.image_list.url : undefined
 // })
+
+const onAssetChipClick = () => {
+  router.push({ name: ROUTE.DAM.ASSET.DETAIL, params: { id: videoShowEpisode.value.asset } })
+}
 </script>
 
 <template>
@@ -33,7 +40,14 @@ const { t } = useI18n()
       <!--          <AssetImage :src="imageSrc" use-component />-->
       <!--        </ARow>-->
       <ARow :title="t('coreDam.videoShowEpisode.model.asset')">
-        {{ videoShowEpisode.asset }}
+        <VChip
+          size="small"
+          :append-icon="COMMON_CONFIG.CHIP.ICON.LINK"
+          label
+          @click.stop="onAssetChipClick"
+        >
+          {{ videoShowEpisode.asset }}
+        </VChip>
       </ARow>
       <AUserAndTimeTrackingFields :data="videoShowEpisode" />
     </VCol>