{"version":3,"sources":["webpack:///./src/views/pest_control/PestHomeRemedyDetail.vue?e9c2","webpack:///src/views/pest_control/PestHomeRemedyDetail.vue","webpack:///./src/views/pest_control/PestHomeRemedyDetail.vue?ab99","webpack:///./src/views/pest_control/PestHomeRemedyDetail.vue","webpack:///./src/views/pest_control/PestHomeRemedyDetail.vue?0501"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","remedy","base_url","blog_image","_e","_v","_s","tags","blog_title","formatDateStandard","created_at","on","$event","handleLike","id","total_likes","total_dislikes","domProps","blog_content","staticRenderFns","component","VCol","VContainer","VIcon","VImg","VRow"],"mappings":"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","file":"js/pestHomeRemedyDetail.b656a9eb.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticClass:\"h-100 bg-bug\",attrs:{\"fluid\":true}},[_c('v-container',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"10\",\"offset-md\":\"1\",\"lg\":\"8\",\"offset-lg\":\"2\",\"xl\":\"6\",\"offset-xl\":\"3\"}},[_c('v-row',[(_vm.remedy.blog_image)?_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-img',{attrs:{\"lazy-src\":\"https://picsum.photos/id/11/10/6\",\"max-height\":\"200\",\"height\":\"200\",\"src\":_vm.remedy.base_url+'/api/image/'+_vm.remedy.blog_image}})],1):_vm._e(),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('div',[_c('span',{staticClass:\"color-primary text-uppercase f8\"},[_vm._v(_vm._s(_vm.remedy.tags))]),_c('h3',{staticClass:\"mb-2\"},[_vm._v(_vm._s(_vm.remedy.blog_title))]),_c('div',{staticClass:\"date-wrapper mb-4\"},[_c('span',{staticClass:\"date\"},[_c('v-icon',{attrs:{\"color\":\"secondary f8\"}},[_vm._v(\"mdi-clock\")]),_vm._v(\" \"+_vm._s(_vm.formatDateStandard(_vm.remedy.created_at)))],1),_c('div',[_c('span',{staticClass:\"date mr-2\",on:{\"click\":function($event){return _vm.handleLike(_vm.remedy.id,1)}}},[_c('v-icon',{attrs:{\"color\":\"secondary f8\"}},[_vm._v(\"mdi-thumb-up\")]),_vm._v(\" \"+_vm._s(_vm.remedy.total_likes))],1),_c('span',{staticClass:\"date-dislike\",on:{\"click\":function($event){return _vm.handleLike(_vm.remedy.id,0)}}},[_c('v-icon',{attrs:{\"color\":\"grayc\"}},[_vm._v(\"mdi-thumb-down\")]),_vm._v(\" \"+_vm._s(_vm.remedy.total_dislikes)+\" \")],1)])]),_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.remedy.blog_content)}})])])],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-container :fluid=\"true\" class=\"h-100 bg-bug\">\r\n        <v-container>  \r\n            <v-row>\r\n                <v-col cols=\"12\" md=\"10\" offset-md=\"1\" lg=\"8\" offset-lg=\"2\" xl=\"6\" offset-xl=\"3\">  \r\n                    <v-row>\r\n                        <v-col cols=\"12\" v-if=\"remedy.blog_image\">\r\n                            <!-- <Banner /> -->\r\n                            <v-img\r\n                            lazy-src=\"https://picsum.photos/id/11/10/6\"\r\n                            max-height=\"200\"\r\n                            height=\"200\"\r\n                            :src=\"remedy.base_url+'/api/image/'+remedy.blog_image\"\r\n                            ></v-img>\r\n                        </v-col>\r\n                        <v-col cols=\"12\">\r\n                            <div>\r\n                                <span class=\"color-primary text-uppercase f8\">{{ remedy.tags }}</span>\r\n                                <h3 class=\"mb-2\">{{ remedy.blog_title }}</h3>\r\n                                <div class=\"date-wrapper mb-4\">\r\n                                    <span class=\"date\"><v-icon color=\"secondary f8\">mdi-clock</v-icon> {{formatDateStandard(remedy.created_at)}}</span>\r\n                                    <div>\r\n                                        <span class=\"date mr-2\" @click=\"handleLike(remedy.id,1)\"><v-icon color=\"secondary f8\">mdi-thumb-up</v-icon> {{remedy.total_likes}}</span>\r\n                                        <span class=\"date-dislike\" @click=\"handleLike(remedy.id,0)\"><v-icon color=\"grayc\">mdi-thumb-down</v-icon> {{ remedy.total_dislikes}} </span>\r\n                                    </div>\r\n                                </div>\r\n                                <div v-html=\"remedy.blog_content\"></div>\r\n                            </div>\r\n                        </v-col>\r\n                    </v-row>\r\n                </v-col>\r\n            </v-row>\r\n        </v-container>\r\n    </v-container>\r\n</template>\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\nimport { ApiService } from '@/core/services/api.service'\r\n// import Bottomnavbar from '@/components/layout/Bottomnavbar'\r\n// import Topnavbar from '@/components/layout/TopnavbarBackCustom'\r\nexport default {\r\n    data() {\r\n        return {\r\n            title:'',\r\n            indexValue:0,\r\n            update_input_file:true,\r\n            id:'',\r\n            remedy:{},\r\n            base_url:'',\r\n             items: [\r\n                {id:2, name:'Dashboard',route:'dashboard',icon:'mdi-view-dashboard'},\r\n                {id:3, name:'Pest Control',route:'pest-control', icon:'mdi-spider'},\r\n                {id:4, name:'Inspection',route:'inspection', icon:'mdi-clipboard-text-multiple'},\r\n                {id:5, name:'Profile',route:'profile', icon:'mdi-account'},\r\n            ],\r\n        }\r\n    },\r\n    components: {\r\n        // Topnavbar,\r\n        // Bottomnavbar\r\n        // Banner\r\n    },\r\n    mounted() {\r\n        this.id = this.$router.currentRoute.params.id;\r\n        this.fetchDetail(this.id);\r\n    },\r\n    methods: {\r\n        handleBack() {\r\n            this.$router.back();\r\n        },\r\n        async handleLike(id, like) {\r\n            this.$bus.$emit('SHOW_PAGE_LOADER');\r\n            await ApiService.post('/pest-home-remedy-likes',{\r\n                id: id,\r\n                like:like,\r\n            })\r\n            .then(() => {\r\n                this.$bus.$emit('HIDE_PAGE_LOADER');\r\n                this.fetchDetail();\r\n            })\r\n            .catch((error) => {\r\n                this.$bus.$emit('HIDE_PAGE_LOADER');\r\n                console.log(error);\r\n            });\r\n        },\r\n        async fetchDetail(){\r\n            this.$bus.$emit('SHOW_PAGE_LOADER');\r\n            await ApiService.get('/pest-home-remedy/'+this.id)\r\n            .then((resp) => {\r\n                this.$bus.$emit('HIDE_PAGE_LOADER');\r\n                this.remedy = resp.data;\r\n                this.base_url= resp.base_url;\r\n            })\r\n            .catch((error) => {\r\n                this.$bus.$emit('HIDE_PAGE_LOADER');\r\n                console.log(error);\r\n            });\r\n        }\r\n    },\r\n    computed: {\r\n        ...mapGetters(['currentUser'])\r\n    }\r\n\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n    $color-primary: #01a6bc;\r\n    $color-secondary: #01a6bc;\r\n    .card-custom{\r\n        border-bottom: 1px solid #dadada;\r\n    }\r\n    .date {\r\n        font-size: 0.8rem;\r\n        font-weight: 600;\r\n    }\r\n    .date-dislike {\r\n        font-size: 0.8rem;\r\n        font-weight: 600;\r\n        color:#989898;\r\n    }\r\n    .date-wrapper{\r\n        display:flex; \r\n        align-items: center;\r\n        color:#99cc00 !important;\r\n        margin-bottom: 10px;\r\n        justify-content: space-between;\r\n        i{\r\n            font-size:1.2rem;\r\n        }\r\n    }\r\n   \r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PestHomeRemedyDetail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PestHomeRemedyDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PestHomeRemedyDetail.vue?vue&type=template&id=6e5b8e86&scoped=true&\"\nimport script from \"./PestHomeRemedyDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./PestHomeRemedyDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PestHomeRemedyDetail.vue?vue&type=style&index=0&id=6e5b8e86&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6e5b8e86\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCol,VContainer,VIcon,VImg,VRow})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PestHomeRemedyDetail.vue?vue&type=style&index=0&id=6e5b8e86&lang=scss&scoped=true&\""],"sourceRoot":""}