update

src/assets/configurations.example.ts

@@ -134,4 +134,5 @@ export enum API_PATHS {
   getListDeposit = 'deposit',
   formalityDeposit = 'common/formalityDeposit', // danh sách hình thức đặt cọc
   configHomeProduct = 'config/home/product',
+  artistFeaturedProduct= 'artist/featuredProduct'
 }

src/components/add-update-post/index.vue

@@ -177,8 +177,6 @@
 
               <q-separator />
 
-             
-
               <q-tab-panels v-model="tabContent" animated>
                 <q-tab-panel
                   v-for="(info, index) in languageOptions"
@@ -195,7 +193,6 @@
                     toolbar-bg="primary"
                     style="height: 100%"
                     :definitions="{
-            
                       upload: {
                         tip: 'Upload to cloud',
                         icon: 'cloud_upload',
@@ -302,7 +299,7 @@
                       >
                       </q-btn>
                     </template>
-                  </q-editor> 
+                  </q-editor>
                 </q-tab-panel>
               </q-tab-panels>
             </div>
@@ -335,8 +332,17 @@
 <script lang="ts">
 import { defineComponent, PropType, ref, Ref } from 'vue';
 import { i18n } from 'src/boot/i18n';
+import { config } from 'src/assets/configurations.example';
+import { API_PATHS } from 'src/assets/configurations.example';
+import { AxiosResponse } from 'axios';
+import { api, BaseResponseBody } from 'src/boot/axios';
 
+import { FileUploadType } from 'src/assets/type';
 
+export type AvatarType = {
+  file?: File;
+  url?: string | null;
+};
 
 export default defineComponent({
   props: {
@@ -349,7 +355,7 @@ export default defineComponent({
     name: { type: String, required: true },
     category: { type: Number, required: true },
     categoryOptions: { type: Array, required: true },
-  
+
     status: { type: Number, required: true },
     languageOptions: {
       type: Array as PropType<
@@ -372,7 +378,7 @@ export default defineComponent({
   methods: {},
 
   setup(_, context) {
-   
+    const avatarUploaded: Ref<string> = ref('');
     const uploadImage = ref(null);
     const uploadFile = () => {
       // eslint-disable-next-line
@@ -388,6 +394,28 @@ export default defineComponent({
       });
     };
 
+    const callApiUploadAvatar = async (file: File) => {
+      try {
+        const bodyFormData = new FormData();
+        bodyFormData.append('file', file);
+        const response = (await api({
+          headers: { 'Content-Type': 'multipart/form-data' },
+
+          url: config.API_IMAGE_ENDPOINT, // pro
+
+          method: 'POST',
+          data: bodyFormData,
+        })) as AxiosResponse<BaseResponseBody<FileUploadType>>;
+        if (response.data.error.code === config.API_RES_CODE.OK.code) {
+          return response.data.data.fileName;
+        } else {
+          return '';
+        }
+      } catch (error) {
+        return '';
+      }
+    };
+
     const insertImg = () => {
       // eslint-disable-next-line
       // @ts-ignore
@@ -396,24 +424,31 @@ export default defineComponent({
       const input = document.createElement('input');
       input.type = 'file';
       input.accept = '.png, .jpg'; // file extensions allowed
-
       input.onchange = (e) => {
-        // const div = `<img src="${url}>`
-
         const files = (<HTMLInputElement & EventTarget>e.target).files;
         // eslint-disable-next-line
         // @ts-ignore
         // eslint-disable-next-line
-        const url = URL.createObjectURL(files[0]);
-
+         const file = files[0]
         // eslint-disable-next-line
         // @ts-ignore
         // eslint-disable-next-line
-        document.execCommand(
+        avatarUploaded.value = callApiUploadAvatar(
+           file
+        ).then(res => {
+     console.log(res,'res')
+     document.execCommand(
           'insertHTML',
           true,
-          '<div><img src="' + url + '" /></div>'
+          '<div><img src="' + config.API_IMAGE_ENDPOINT + res + '" /></div>'
         );
+        })
+
+   
+        // eslint-disable-next-line
+        // @ts-ignore
+        // eslint-disable-next-line
+   
       };
       input.click();
     };
@@ -447,11 +482,11 @@ export default defineComponent({
     const tab = ref('vi');
     const tabContent = ref('vi');
 
-
     return {
       nameRules,
       imageRules,
       selectedFile,
+      callApiUploadAvatar,
       categoryRules,
       uploadImage,
       upload,

src/components/artist-information/hot-product/HotProduct.ts

@@ -3,8 +3,11 @@ import { defineComponent, Ref, ref } from 'vue';
 import Pagination from 'components/pagination/index.vue';
 import { ProductType } from 'src/assets/type';
 import { HotProductStatus } from 'src/assets/enums';
-import { config } from 'src/assets/configurations.example';
+
 import { Dialog, Notify } from 'quasar';
+import { AxiosResponse } from 'axios';
+import { config, API_PATHS } from 'src/assets/configurations.example';
+import { api, BaseResponseBody } from 'src/boot/axios';
 export default defineComponent({
   components: {
     Pagination,
@@ -102,7 +105,8 @@ export default defineComponent({
       
     };
    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-    const showHiden = (index: any) => {
+
+    const  showHiden = (index: any) => {
         Dialog.create({
           title: i18n.global.t(
             'managingUnit.confirmActionsTitle.confirmDeleteManagingUnitsTitle'
@@ -113,20 +117,30 @@ export default defineComponent({
             'managingUnit.confirmActionsTitle.confirmDeleteManagingUnitsCancelBtnLabel'
           ),
           color: 'negative',
-        }).onOk(() => {
-          context.emit('click:updateStatusHot');
+        }).onOk( () => {
+          void deleteBanner(index);
          // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-          console.log(index.id,'index')
+        });
+    }
+    const deleteBanner = async (index: {id: number, isFeaturedOnHomepage :number}) =>{
+      try {
+        const  deleteResult = (await api({
+          url: API_PATHS.artistFeaturedProduct,
+          method: 'GET',
+          params: {
+            id: index?.id,
+            isFeaturedOnHomepage: index?.isFeaturedOnHomepage === 1 ? 0 : 1 ,
+          },
+        })) as AxiosResponse<BaseResponseBody<unknown>>;
+        if (deleteResult.data.error.code === config.API_RES_CODE.OK.code) {
+          context.emit('click:updateStatusHot');
           Notify.create({
             type: 'positive',
             message: 'Thay đổi trạng thái thành công',
             actions: [{ icon: 'close', color: 'white' }],
           });
-        });
-
-       
-     
-    
+        }
+      } catch (error) {}
     }
 
 

src/components/configSystem/index.vue

@@ -383,9 +383,18 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from 'vue';
-import { i18n } from 'src/boot/i18n';
 
+import { i18n } from 'src/boot/i18n';
+import { config } from 'src/assets/configurations.example';
+import { API_PATHS } from 'src/assets/configurations.example';
+import { AxiosResponse } from 'axios';
+import { api, BaseResponseBody } from 'src/boot/axios';
+import { FileUploadType } from 'src/assets/type';
+import { defineComponent, PropType, ref, Ref } from 'vue';
+export type AvatarType = {
+  file?: File;
+  url?: string | null;
+};
 export default defineComponent({
   props: {
     isOpened: {
@@ -419,6 +428,29 @@ export default defineComponent({
     },
   },
   setup() {
+    const avatarUploaded: Ref<string> = ref('');
+
+     const callApiUploadAvatar = async (file: File) => {
+      try {
+        const bodyFormData = new FormData();
+        bodyFormData.append('file', file);
+        const response = (await api({
+          headers: { 'Content-Type': 'multipart/form-data' },
+          url: config.API_IMAGE_ENDPOINT, // pro
+          method: 'POST',
+          data: bodyFormData,
+        })) as AxiosResponse<BaseResponseBody<FileUploadType>>;
+        if (response.data.error.code === config.API_RES_CODE.OK.code) {
+          return response.data.data.fileName;
+        } else {
+          return '';
+        }
+      } catch (error) {
+        return '';
+      }
+    };
+
+
     const selectedFile = () => {
       // eslint-disable-next-line
       // @ts-ignore
@@ -428,23 +460,31 @@ export default defineComponent({
       input.type = 'file';
       input.accept = '.png, .jpg'; // file extensions allowed
 
-      input.onchange = (e) => {
-        // const div = `<img src="${url}>`
-
+         input.onchange = (e) => {
         const files = (<HTMLInputElement & EventTarget>e.target).files;
         // eslint-disable-next-line
         // @ts-ignore
         // eslint-disable-next-line
-        const url = URL.createObjectURL(files[0]);
-
+         const file = files[0]
         // eslint-disable-next-line
         // @ts-ignore
         // eslint-disable-next-line
-        document.execCommand(
+        avatarUploaded.value = callApiUploadAvatar(
+           file
+        ).then(res => {
+     console.log(res,'res')
+     document.execCommand(
           'insertHTML',
           true,
-          '<div><img src="' + url + '" /></div>'
+          '<div><img src="' + config.API_IMAGE_ENDPOINT + res + '" /></div>'
         );
+        })
+
+   
+        // eslint-disable-next-line
+        // @ts-ignore
+        // eslint-disable-next-line
+   
       };
       input.click();
     };

src/pages/cau-hinh-trang-chu/index.vue

@@ -71,9 +71,6 @@
       isUpdate
       @saveBannerInfo="addBanner"
     /> -->
-
-
-
   </div>
 </template>
 
@@ -86,9 +83,8 @@ import { api, BaseResponseBody } from 'src/boot/axios';
 import {
   PaginationResponse,
   FileUploadType,
-  ListBannerConfig,
   DetailBannerConfig,
- ListHomeConfig,
+  ListHomeConfig,
   AddBannerConfig,
 } from 'src/assets/type';
 import { config, API_PATHS } from 'src/assets/configurations.example';
@@ -114,7 +110,7 @@ export default defineComponent({
         required: true,
         label: 'Tên sản phẩm',
         headerStyle: 'text-align: center !important; width: 10%',
-    
+
         align: 'left',
         sortable: false,
       },
@@ -133,7 +129,7 @@ export default defineComponent({
         required: true,
         label: 'Tên nghệ sỹ',
         align: 'center',
-           headerStyle: 'width: 10%',
+        headerStyle: 'width: 10%',
         sortable: false,
       },
       {
@@ -144,7 +140,6 @@ export default defineComponent({
         headerStyle: 'text-align: center !important; width: 25%',
         align: 'left',
         sortable: false,
-        
       },
       {
         name: 'imageUrl',
@@ -155,7 +150,7 @@ export default defineComponent({
         ),
         align: 'center',
         sortable: false,
-        headerStyle:'width: 25%'
+        headerStyle: 'width: 25%',
       },
       {
         name: 'action',
@@ -164,7 +159,7 @@ export default defineComponent({
         label: i18n.global.t('artist.bankAccount.tableColumnsBank.action'),
         align: 'center',
         sortable: false,
-          headerStyle:'width: 5%'
+        headerStyle: 'width: 5%',
       },
     ];
 
@@ -210,7 +205,8 @@ export default defineComponent({
         title: i18n.global.t(
           'banner.confirmActionsTitle.confirmDeleteBannerTitle'
         ),
-        message: 'Bạn chắc chắn muốn xóa sản phẩm này khỏi danh sách nổi bật không?',
+        message:
+          'Bạn chắc chắn muốn xóa sản phẩm này khỏi danh sách nổi bật không?',
         cancel: i18n.global.t(
           'banner.confirmActionsTitle.confirmDeleteBannerCancelBtnLabel'
         ),
@@ -224,16 +220,17 @@ export default defineComponent({
     const deleteBanner = async (id: number) => {
       try {
         const deleteResult = (await api({
-          url: API_PATHS.deleteBanner,
+          url: API_PATHS.artistFeaturedProduct,
           method: 'GET',
           params: {
             id: id,
+            isFeaturedOnHomepage: 0,
           },
         })) as AxiosResponse<BaseResponseBody<unknown>>;
         if (deleteResult.data.error.code === config.API_RES_CODE.OK.code) {
           Notify.create({
             type: 'positive',
-            message: i18n.global.t('banner.actionMessages.deleteBannerAccess'),
+            message: 'Xóa thành công',
           });
           void configHomeProduct();
         }
@@ -275,8 +272,6 @@ export default defineComponent({
       }
     };
 
-
-
     //gọi api detail
     const getDetailBanner = async (id: number) => {
       try {
@@ -298,11 +293,6 @@ export default defineComponent({
       } catch (error) {}
     };
 
-
-
-
-
-
     const setAvatar = (value: { file?: File; url?: string }) => {
       avatarFile.value = value.file as File;
       image.value = value.url as string;
@@ -342,7 +332,7 @@ export default defineComponent({
     });
     return {
       addBannerDialogIsOpened,
-      
+
       bannerTableColumns,
       bannerTableRows,
       configHomeProduct,
@@ -357,9 +347,9 @@ export default defineComponent({
       addBanner,
       confirmDeleteBanner,
       deleteBanner,
-      
+
       getDetailBanner,
-   
+
       nameBanner,
       image,
       numIndex,
@@ -369,7 +359,6 @@ export default defineComponent({
       configImg,
       avatarUploaded,
       bannerId,
-
     };
   },
 });