pukaad-ui-lib 1.233.0 → 1.235.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.233.0",
+  "version": "1.235.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/card/card-user-blog.d.vue.ts

@@ -24,9 +24,9 @@ type __VLS_Props = {
     isMyProfile?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "blog-edit": (item: CardUserBlogProps) => any;
+    "blog-updated": () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onBlog-edit"?: ((item: CardUserBlogProps) => any) | undefined;
+    "onBlog-updated"?: (() => any) | undefined;
 }>, {
     isMyProfile: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/card/card-user-blog.vue

@@ -74,20 +74,34 @@
       state="blog"
     />
   </div>
+
+  <!-- Edit Blog Drawer -->
+  <DrawerPostBlog
+    v-if="editBlogItem"
+    v-model="isEditDrawerOpen"
+    :item="editBlogItem"
+    @success="onEditSuccess"
+  />
 </template>
 
 <script setup>
 import { useRouter } from "vue-router";
 import { ref, watch } from "vue";
+import { useNuxtApp } from "nuxt/app";
 import { useConvert } from "@/runtime/composables/useConvert";
+import { useApi } from "../../composables/useApi";
 const { convertNumber, convertDateTorelativeText } = useConvert();
+const { $toast } = useNuxtApp();
+const api = useApi();
 const props = defineProps({
   item: { type: Object, required: true },
   isMyProfile: { type: Boolean, required: false, default: false }
 });
 const router = useRouter();
-const emit = defineEmits(["blog-edit"]);
+const emit = defineEmits(["blog-updated"]);
 const isPinned = ref(props.item.ispinned);
+const isEditDrawerOpen = ref(false);
+const editBlogItem = ref(null);
 watch(
   () => props.item.ispinned,
   (val) => {
@@ -97,16 +111,46 @@ watch(
 const onProfileClick = () => {
   router.push(`/@${props.item.user.path_name}`);
 };
-const onBlogPin = () => {
-  isPinned.value = true;
+const onBlogPin = async () => {
+  try {
+    await api(`/blogs/${props.item.id}/pin`, { method: "POST" });
+    isPinned.value = true;
+    $toast.success("\u0E1B\u0E31\u0E01\u0E2B\u0E21\u0E38\u0E14\u0E1A\u0E17\u0E04\u0E27\u0E32\u0E21\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08");
+  } catch (e) {
+    $toast.error(e?.data?.message?.description || "\u0E44\u0E21\u0E48\u0E2A\u0E32\u0E21\u0E32\u0E23\u0E16\u0E1B\u0E31\u0E01\u0E2B\u0E21\u0E38\u0E14\u0E44\u0E14\u0E49");
+  }
 };
-const onBlogUnpin = () => {
-  isPinned.value = false;
+const onBlogUnpin = async () => {
+  try {
+    await api(`/blogs/${props.item.id}/pin`, { method: "DELETE" });
+    isPinned.value = false;
+    $toast.success("\u0E40\u0E2D\u0E32\u0E2B\u0E21\u0E38\u0E14\u0E2D\u0E2D\u0E01\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08");
+  } catch (e) {
+    $toast.error(e?.data?.message?.description || "\u0E44\u0E21\u0E48\u0E2A\u0E32\u0E21\u0E32\u0E23\u0E16\u0E40\u0E2D\u0E32\u0E2B\u0E21\u0E38\u0E14\u0E2D\u0E2D\u0E01\u0E44\u0E14\u0E49");
+  }
 };
 const onBlogClick = () => {
   router.push(`/blog/${props.item.id}`);
 };
-const onBlogEdit = () => {
-  emit("blog-edit", props.item);
+const onBlogEdit = async () => {
+  try {
+    const res = await api(`/blogs/${props.item.id}`, { method: "GET" });
+    const blog = res.data;
+    const content = blog.content?.ops ?? (Array.isArray(blog.content) ? blog.content : []);
+    editBlogItem.value = {
+      id: blog.id,
+      title: blog.title,
+      content,
+      tags: blog.tags ?? [],
+      disableComment: false,
+      coverImage: blog.cover_image_url ? [{ url: blog.cover_image_url }] : []
+    };
+    isEditDrawerOpen.value = true;
+  } catch (e) {
+    $toast.error(e?.data?.message?.description || "\u0E44\u0E21\u0E48\u0E2A\u0E32\u0E21\u0E32\u0E23\u0E16\u0E42\u0E2B\u0E25\u0E14\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E1A\u0E17\u0E04\u0E27\u0E32\u0E21\u0E44\u0E14\u0E49");
+  }
+};
+const onEditSuccess = () => {
+  emit("blog-updated");
 };
 </script>

package/dist/runtime/components/card/card-user-blog.vue.d.ts

@@ -24,9 +24,9 @@ type __VLS_Props = {
     isMyProfile?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "blog-edit": (item: CardUserBlogProps) => any;
+    "blog-updated": () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onBlog-edit"?: ((item: CardUserBlogProps) => any) | undefined;
+    "onBlog-updated"?: (() => any) | undefined;
 }>, {
     isMyProfile: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;