{"version":3,"file":"Post-Ciwu063X.js","sources":["../../../node_modules/bootstrap-vue-next/dist/BButtonToolbar.vue_vue_type_script_setup_true_lang-Cw3YzCpt.mjs","../../../resources/js/Pages/Blog/Post.vue"],"sourcesContent":["import { defineComponent, provide, computed, openBlock, createBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, renderSlot, createElementBlock } from \"vue\";\nimport { u as useDefaults } from \"./useDefaults-BTLXvYhO.mjs\";\nimport { h as buttonGroupKey } from \"./keys-41Cw9q6f.mjs\";\nconst _sfc_main$1 = /* @__PURE__ */ defineComponent({\n  __name: \"BButtonGroup\",\n  props: {\n    ariaLabel: { default: \"Group\" },\n    size: { default: \"md\" },\n    tag: { default: \"div\" },\n    vertical: { type: Boolean, default: false }\n  },\n  setup(__props) {\n    provide(buttonGroupKey, true);\n    const _props = __props;\n    const props = useDefaults(_props, \"BButtonGroup\");\n    const computedClasses = computed(() => ({\n      \"btn-group\": !props.vertical,\n      [`btn-group-${props.size}`]: props.size !== \"md\",\n      \"btn-group-vertical\": props.vertical\n    }));\n    return (_ctx, _cache) => {\n      return openBlock(), createBlock(resolveDynamicComponent(unref(props).tag), {\n        class: normalizeClass(computedClasses.value),\n        role: \"group\",\n        \"aria-label\": unref(props).ariaLabel\n      }, {\n        default: withCtx(() => [\n          renderSlot(_ctx.$slots, \"default\")\n        ]),\n        _: 3\n      }, 8, [\"class\", \"aria-label\"]);\n    };\n  }\n});\nconst _hoisted_1 = [\"role\", \"aria-label\"];\nconst _sfc_main = /* @__PURE__ */ defineComponent({\n  __name: \"BButtonToolbar\",\n  props: {\n    ariaLabel: { default: \"Group\" },\n    justify: { type: Boolean, default: false },\n    role: { default: \"toolbar\" }\n  },\n  setup(__props) {\n    const _props = __props;\n    const props = useDefaults(_props, \"BButtonToolbar\");\n    const computedClasses = computed(() => ({\n      \"justify-content-between\": props.justify\n    }));\n    return (_ctx, _cache) => {\n      return openBlock(), createElementBlock(\"div\", {\n        class: normalizeClass([computedClasses.value, \"btn-toolbar\"]),\n        role: unref(props).role,\n        \"aria-label\": unref(props).ariaLabel\n      }, [\n        renderSlot(_ctx.$slots, \"default\")\n      ], 10, _hoisted_1);\n    };\n  }\n});\nexport {\n  _sfc_main$1 as _,\n  _sfc_main as a\n};\n//# sourceMappingURL=BButtonToolbar.vue_vue_type_script_setup_true_lang-Cw3YzCpt.mjs.map\n","<script setup lang=\"ts\">\nimport AppLayout from \"@/Layouts/AppLayout.vue\";\nimport {ref, computed} from \"vue\";\nimport {usePage, router, Link} from \"@inertiajs/vue3\";\nimport {formatDate} from \"@/Composables/formatDate\";\nimport {route} from \"@/Composables/route\";\nimport {trans} from \"@/Composables/trans\";\nimport {hasPermission} from \"@/Composables/hasPermission\";\nimport {PostResource} from \"@/types\";\n\nenum ReactionTypes {\n    LIKE = 'like',\n    DISLIKE = 'dislike',\n}\n\nconst page = usePage();\n\nconst props = defineProps<{\n    post: PostResource;\n}>();\n\nconst deleteModalRef = ref<boolean>(false);\nconst likeCountRef = ref<number>(props.post.likes);\nconst dislikeCountRef = ref<number>(props.post.dislikes);\nconst userReactionRef = ref<string | null>(null);\n\nconst confirmDelete = (postId: string) => {\n    router.delete(route(\"blog.destroy\", {blog: postId}), {\n        onFinish: () => deleteModalRef.value = false,\n    });\n};\n\nconst handleLike = () => {\n    if (userReactionRef.value !== ReactionTypes.LIKE) {\n        if (userReactionRef.value === ReactionTypes.DISLIKE) {\n            dislikeCountRef.value--;\n        }\n        likeCountRef.value++;\n        userReactionRef.value = ReactionTypes.LIKE;\n    }\n};\n\nconst handleDislike = () => {\n    if (userReactionRef.value !== ReactionTypes.DISLIKE) {\n        if (userReactionRef.value === ReactionTypes.LIKE) {\n            likeCountRef.value--;\n        }\n        dislikeCountRef.value++;\n        userReactionRef.value = ReactionTypes.DISLIKE;\n    }\n};\n\nconst encodedUriRef = ref<string>(encodeURIComponent(page.props.app.ziggy.location));\nconst encodedTitleRef = ref<string>(encodeURIComponent(props.post.title));\n\nconst shareOptions = computed(() => [\n    {\n        platform: \"Facebook\",\n        url: `https://www.facebook.com/sharer/sharer.php?u=${encodedUriRef.value}`,\n        icon: \"bi-facebook\",\n    },\n    {\n        platform: \"Twitter\",\n        url: `https://x.com/share?url=${encodedUriRef.value}&text=${encodedTitleRef.value}`,\n        icon: \"bi-twitter-x\",\n    },\n    {\n        platform: \"Instagram\",\n        url: `https://www.instagram.com/?url=${encodedUriRef.value}`,\n        icon: \"bi-instagram\",\n    },\n    {\n        platform: \"Telegram\",\n        url: `https://t.me/share/url?url=${encodedUriRef.value}&text=${encodedTitleRef.value}`,\n        icon: \"bi-telegram\",\n    },\n]);\n</script>\n\n<template>\n    <app-layout :title=\"post.meta_title || post.title\" :description=\"post.meta_description || post.description\">\n        <b-container class=\"py-xl-9 py-4\">\n            <b-card class=\"shadow border-0\">\n                <h1 class=\"display-6\">\n                    {{ post.title }}\n                </h1>\n                <b-row class=\"align-items-center justify-content-between mt-lg-6 mt-4\">\n                    <b-col xl=\"8\" md=\"12\" class=\"mb-3 mb-xl-0\">\n                        <div class=\"d-flex flex-wrap gap-3 align-items-center\">\n                            <div class=\"me-5\">\n                                {{ trans('blog.blog.written_by') }}\n                                <div class=\"d-flex align-items-center mt-2\">\n                                    <b-img\n                                        src=\"/assets/avatars/nQH86ZlHV78.jpg\"\n                                        alt=\"Avatar\"\n                                        class=\"avatar avatar-sm rounded-circle\"\n                                        lazy\n                                    />\n                                    <div class=\"ms-2 fs-5 text-dark\">\n                                        Emily Parker\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"me-5\">\n                                {{ trans('blog.blog.published_on') }}\n                                <div class=\"mt-2 fs-5 text-dark\">\n                                    {{ formatDate(post.created_at) }}\n                                </div>\n                            </div>\n                            <div class=\"me-5\">\n                                Просмотров\n                                <div class=\"mt-2 fs-5 text-dark\">\n                                    {{ post.page_views }}\n                                </div>\n                            </div>\n                        </div>\n                    </b-col>\n                    <b-col xl=\"4\" md=\"12\">\n                        <div class=\"d-flex justify-content-xl-end justify-content-start align-items-center\">\n                                <span class=\"mb-0 me-2\">\n                                  {{ trans('blog.blog.share') }}\n                                </span>\n                            <div class=\"d-flex gap-2\">\n                                <a\n                                    v-for=\"option in shareOptions\"\n                                    :key=\"option.platform\"\n                                    :href=\"option.url\"\n                                    target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                    class=\"btn btn-light btn-sm btn-icon rounded-circle\"\n                                >\n                                    <i :class=\"option.icon\"></i>\n                                </a>\n                            </div>\n                        </div>\n                    </b-col>\n                </b-row>\n                <hr class=\"my-3\"/>\n                <div class=\"editor-content mb-3 text-break\" v-html=\"post.content\"/>\n                <hr class=\"my-3\"/>\n                <div class=\"d-flex gap-3 flex-column flex-md-row justify-content-between align-items-start align-items-md-center\">\n                    <div v-if=\"post.categories?.length\" class=\"d-flex flex-wrap align-items-center gap-2\">\n                        <span class=\"mb-0 me-2 d-flex align-items-center\">\n                                <i class=\"bi bi-lightning-charge-fill text-primary me-1\"></i>\n                                {{ trans('blog.blog.categories_colon') }}\n                            </span>\n                        <div class=\"d-flex flex-wrap gap-2\">\n                            <b-button\n                                v-for=\"category in post.categories\"\n                                :key=\"category.id\"\n                                variant=\"light\"\n                            >\n                                {{ category.name }}\n                            </b-button>\n                        </div>\n                    </div>\n                    <b-button-group v-if=\"hasPermission('post_update')\">\n                        <Link\n                            :href=\"route('blog.edit', { blog: post.id })\"\n                            class=\"btn btn-primary\"\n                        >\n                            {{ trans('blog.blog.edit') }}\n                        </Link>\n                        <b-button\n                            variant=\"primary\"\n                            class=\"dropdown-toggle dropdown-toggle-split\"\n                            data-bs-toggle=\"dropdown\"\n                        />\n                        <ul class=\"dropdown-menu\">\n                            <li>\n                                <b-button\n                                    type=\"button\"\n                                    variant=\"link\"\n                                    class=\"dropdown-item link-danger\"\n                                    @click=\"deleteModalRef = !deleteModalRef\"\n                                >\n                                    {{ trans('blog.blog.delete') }}\n                                </b-button>\n                            </li>\n                        </ul>\n                    </b-button-group>\n                </div>\n                <b-container class=\"border-top text-center py-7 mt-3\">\n                    <h2 class=\"mb-3\">\n                        {{ trans('blog.blog.article_helpful') }}\n                    </h2>\n                    <div class=\"mb-3\">\n                        <b-button\n                            variant=\"primary\"\n                            class=\"my-1 me-2\"\n                            @click=\"handleLike\"\n                            :disabled=\"userReactionRef === ReactionTypes.LIKE\"\n                        >\n                            {{ trans('blog.blog.yes_thanks', {count: likeCountRef}) }}\n                        </b-button>\n                        <b-button\n                            variant=\"light\"\n                            class=\"my-1\"\n                            @click=\"handleDislike\"\n                            :disabled=\"userReactionRef === ReactionTypes.DISLIKE\"\n                        >\n                            {{ trans('blog.blog.not_really', {count: dislikeCountRef}) }}\n                        </b-button>\n                    </div>\n                    <p class=\"small mb-0\">\n                        {{\n                            trans('blog.blog.found_helpful', {\n                                likeCount: likeCountRef,\n                                total: likeCountRef + dislikeCountRef,\n                            })\n                        }}\n                    </p>\n                </b-container>\n            </b-card>\n        </b-container>\n        <b-modal\n            v-model=\"deleteModalRef\"\n            :title=\"trans('components.confirm_action')\"\n            :ok-title=\"trans('components.yes')\"\n            :cancel-title=\"trans('components.no')\"\n            @ok=\"confirmDelete(post.id)\"\n            centered\n            no-trap\n        >\n            {{ trans('components.are_you_sure_to_complete_action') }}\n        </b-modal>\n    </app-layout>\n</template>\n\n<style>\n.editor-content li>p:first-child {\n    display: inline;\n}\n</style>\n"],"names":["_sfc_main$1","defineComponent","__props","provide","buttonGroupKey","props","useDefaults","computedClasses","computed","_ctx","_cache","openBlock","createBlock","resolveDynamicComponent","unref","normalizeClass","withCtx","renderSlot","page","usePage","deleteModalRef","ref","likeCountRef","dislikeCountRef","userReactionRef","confirmDelete","postId","router","route","handleLike","handleDislike","encodedUriRef","encodedTitleRef","shareOptions"],"mappings":"wxCAGA,MAAMA,GAA8BC,EAAgB,CAClD,OAAQ,eACR,MAAO,CACL,UAAW,CAAE,QAAS,OAAS,EAC/B,KAAM,CAAE,QAAS,IAAM,EACvB,IAAK,CAAE,QAAS,KAAO,EACvB,SAAU,CAAE,KAAM,QAAS,QAAS,EAAK,CAC1C,EACD,MAAMC,EAAS,CACbC,EAAQC,GAAgB,EAAI,EAE5B,MAAMC,EAAQC,EADCJ,EACmB,cAAc,EAC1CK,EAAkBC,EAAS,KAAO,CACtC,YAAa,CAACH,EAAM,SACpB,CAAC,aAAaA,EAAM,IAAI,EAAE,EAAGA,EAAM,OAAS,KAC5C,qBAAsBA,EAAM,QAClC,EAAM,EACF,MAAO,CAACI,EAAMC,KACLC,EAAW,EAAEC,EAAYC,EAAwBC,EAAMT,CAAK,EAAE,GAAG,EAAG,CACzE,MAAOU,EAAeR,EAAgB,KAAK,EAC3C,KAAM,QACN,aAAcO,EAAMT,CAAK,EAAE,SACnC,EAAS,CACD,QAASW,EAAQ,IAAM,CACrBC,EAAWR,EAAK,OAAQ,SAAS,CAC3C,CAAS,EACD,EAAG,CACJ,EAAE,EAAG,CAAC,QAAS,YAAY,CAAC,EAEnC,CACA,CAAC,8xBClBD,MAAMS,EAAOC,GAAQ,EAEfd,EAAQH,EAIRkB,EAAiBC,EAAa,EAAK,EACnCC,EAAeD,EAAYhB,EAAM,KAAK,KAAK,EAC3CkB,EAAkBF,EAAYhB,EAAM,KAAK,QAAQ,EACjDmB,EAAkBH,EAAmB,IAAI,EAEzCI,EAAiBC,GAAmB,CACtCC,GAAO,OAAOC,EAAM,eAAgB,CAAC,KAAMF,CAAA,CAAO,EAAG,CACjD,SAAU,IAAMN,EAAe,MAAQ,EAAA,CAC1C,CACL,EAEMS,EAAa,IAAM,CACjBL,EAAgB,QAAU,SACtBA,EAAgB,QAAU,WACVD,EAAA,QAEPD,EAAA,QACbE,EAAgB,MAAQ,OAEhC,EAEMM,EAAgB,IAAM,CACpBN,EAAgB,QAAU,YACtBA,EAAgB,QAAU,QACbF,EAAA,QAEDC,EAAA,QAChBC,EAAgB,MAAQ,UAEhC,EAEMO,EAAgBV,EAAY,mBAAmBH,EAAK,MAAM,IAAI,MAAM,QAAQ,CAAC,EAC7Ec,EAAkBX,EAAY,mBAAmBhB,EAAM,KAAK,KAAK,CAAC,EAElE4B,EAAezB,EAAS,IAAM,CAChC,CACI,SAAU,WACV,IAAK,gDAAgDuB,EAAc,KAAK,GACxE,KAAM,aACV,EACA,CACI,SAAU,UACV,IAAK,2BAA2BA,EAAc,KAAK,SAASC,EAAgB,KAAK,GACjF,KAAM,cACV,EACA,CACI,SAAU,YACV,IAAK,kCAAkCD,EAAc,KAAK,GAC1D,KAAM,cACV,EACA,CACI,SAAU,WACV,IAAK,8BAA8BA,EAAc,KAAK,SAASC,EAAgB,KAAK,GACpF,KAAM,aAAA,CACV,CACH","x_google_ignoreList":[0]}