{"version":3,"sources":["webpack:///./src/view/dashboard/pages/clientTickets/ClientTicketCard.vue?12ba","webpack:///src/view/dashboard/pages/clientTickets/ClientTicketCard.vue","webpack:///./src/view/dashboard/pages/clientTickets/ClientTicketCard.vue?678a","webpack:///./src/view/dashboard/pages/clientTickets/ClientTicketCard.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","scopedSlots","_u","key","fn","ref","on","_g","_b","copyLink","_v","_s","formTitle","model","value","callback","$$v","copyLinkSuccess","expression","$vuetify","lang","t","proxy","ticketStatusList","currentClientTicket","ticketStatus","$set","manager","id","closeClientTicket","_e","staticRenderFns","component"],"mappings":"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","file":"js/chunk-2d0b6d22.8327784f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{attrs:{\"id\":\"service-card\",\"fluid\":\"\",\"tag\":\"section\",\"pt-0\":\"\"}},[_c('v-row',{staticClass:\"mt-1\",attrs:{\"justify\":\"center\"}},[_c('v-col',{staticClass:\"pt-3\",attrs:{\"cols\":\"12\",\"md\":5}},[_c('base-material-card',{scopedSlots:_vm._u([{key:\"heading\",fn:function(){return [_c('div',{staticClass:\"subtitle-1 font-weight-light d-flex\"},[_c('div',[_c('v-tooltip',{attrs:{\"right\":\"\",\"internal-activator\":\"\",\"open-on-hover\":false},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('span',_vm._g(_vm._b({on:{\"click\":_vm.copyLink}},'span',attrs,false),on),[_vm._v(_vm._s(_vm.formTitle))])]}}]),model:{value:(_vm.copyLinkSuccess),callback:function ($$v) {_vm.copyLinkSuccess=$$v},expression:\"copyLinkSuccess\"}},[_vm._v(\" \"+_vm._s(_vm.$vuetify.lang.t('$vuetify.page.action.copyLinkSuccess'))+\" \")])],1)])]},proxy:true}])},[_c('div',{staticClass:\"mt-2\"},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-select',{attrs:{\"dense\":\"\",\"outlined\":\"\",\"readonly\":\"\",\"label\":_vm.$vuetify.lang.t('$vuetify.page.ClientTicketCard.fields.status'),\"items\":_vm.ticketStatusList,\"item-text\":\"name\",\"item-value\":\"id\",\"hide-details\":\"auto\"},model:{value:(_vm.currentClientTicket.ticketStatus.id),callback:function ($$v) {_vm.$set(_vm.currentClientTicket.ticketStatus, \"id\", $$v)},expression:\"currentClientTicket.ticketStatus.id\"}})],1)],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-text-field',{attrs:{\"label\":_vm.$vuetify.lang.t('$vuetify.page.ClientTicketCard.fields.name'),\"readonly\":\"\",\"outlined\":\"\",\"dense\":\"\",\"hide-details\":\"auto\"},model:{value:(_vm.currentClientTicket.name),callback:function ($$v) {_vm.$set(_vm.currentClientTicket, \"name\", $$v)},expression:\"currentClientTicket.name\"}})],1)],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-textarea',{attrs:{\"label\":_vm.$vuetify.lang.t('$vuetify.page.ClientTicketCard.fields.description'),\"dense\":\"\",\"readonly\":\"\",\"outlined\":\"\",\"hide-details\":\"auto\"},model:{value:(_vm.currentClientTicket.description),callback:function ($$v) {_vm.$set(_vm.currentClientTicket, \"description\", $$v)},expression:\"currentClientTicket.description\"}})],1)],1),(_vm.currentClientTicket.manager && _vm.currentClientTicket.ticketStatus.id !== 3)?_c('v-card-actions',{staticClass:\"px-0\"},[_c('v-spacer'),_c('v-btn',{staticClass:\"ma-0\",attrs:{\"color\":\"primary\"},on:{\"click\":_vm.closeClientTicket}},[_vm._v(\"Закрыть обращение\")])],1):_vm._e()],1)])],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"7\"}},[_c('chat-panel'),_c('chat-multi-media-show')],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-container\r\n        id=\"service-card\"\r\n        fluid\r\n        tag=\"section\"\r\n        pt-0\r\n    >\r\n        <v-row class=\"mt-1\" justify=\"center\">\r\n            <v-col cols=\"12\" :md=\"5\" class=\"pt-3\">\r\n                <base-material-card>\r\n                    <template v-slot:heading>\r\n                        <div class=\"subtitle-1 font-weight-light d-flex\">\r\n                            <div>\r\n                                <v-tooltip\r\n                                    v-model=\"copyLinkSuccess\"\r\n                                    right\r\n                                    internal-activator\r\n                                    :open-on-hover=\"false\"\r\n                                >\r\n                                    <template v-slot:activator=\"{ on, attrs }\">\r\n                                    <span @click=\"copyLink\" v-bind=\"attrs\"\r\n                                          v-on=\"on\">{{ formTitle }}</span>\r\n                                    </template>\r\n                                    {{ $vuetify.lang.t('$vuetify.page.action.copyLinkSuccess') }}\r\n                                </v-tooltip>\r\n                            </div>\r\n                        </div>\r\n                    </template>\r\n                    <div class=\"mt-2\">\r\n                        <v-row>\r\n                            <v-col\r\n                                cols=\"12\">\r\n                                <v-select\r\n                                    dense\r\n                                    outlined\r\n                                    readonly\r\n                                    :label=\"$vuetify.lang.t('$vuetify.page.ClientTicketCard.fields.status')\"\r\n                                    v-model=\"currentClientTicket.ticketStatus.id\"\r\n                                    :items=\"ticketStatusList\"\r\n                                    item-text=\"name\"\r\n                                    item-value=\"id\"\r\n                                    hide-details=\"auto\"\r\n                                >\r\n                                </v-select>\r\n                            </v-col>\r\n                        </v-row>\r\n                        <v-row>\r\n                            <v-col\r\n                                cols=\"12\"\r\n                            >\r\n                                <v-text-field\r\n                                    v-model=\"currentClientTicket.name\"\r\n                                    :label=\"$vuetify.lang.t('$vuetify.page.ClientTicketCard.fields.name')\"\r\n                                    readonly\r\n                                    outlined\r\n                                    dense\r\n                                    hide-details=\"auto\"\r\n                                ></v-text-field>\r\n                            </v-col>\r\n                        </v-row>\r\n                        <v-row>\r\n                            <v-col\r\n                                cols=\"12\">\r\n                                <v-textarea\r\n                                    :label=\"$vuetify.lang.t('$vuetify.page.ClientTicketCard.fields.description')\"\r\n                                    v-model=\"currentClientTicket.description\"\r\n                                    dense\r\n                                    readonly\r\n                                    outlined\r\n                                    hide-details=\"auto\"\r\n                                ></v-textarea>\r\n                            </v-col>\r\n                        </v-row>\r\n                        <v-card-actions class=\"px-0\" v-if=\"currentClientTicket.manager && currentClientTicket.ticketStatus.id !== 3\">\r\n                            <v-spacer></v-spacer>\r\n                            <v-btn color=\"primary\" class=\"ma-0\" @click=\"closeClientTicket\">Закрыть обращение</v-btn>\r\n                        </v-card-actions>\r\n                    </div>\r\n                </base-material-card>\r\n            </v-col>\r\n            <v-col cols=\"12\" md=\"7\">\r\n                <chat-panel></chat-panel>\r\n                <chat-multi-media-show></chat-multi-media-show>\r\n            </v-col>\r\n        </v-row>\r\n    </v-container>\r\n</template>\r\n\r\n<script>\r\nimport ChatPanel from \"@/view/dashboard/components/chat/ChatPanel\";\r\n\r\nexport default {\r\n    name: \"ClientTicketCard\",\r\n    components: {\r\n        ChatPanel,\r\n        ChatMultiMediaShow: () => import('@/view/dashboard/components/chat/ChatMultiMediaShow'),\r\n    },\r\n    props: {\r\n        clientId: String,\r\n        ticketId: String\r\n    },\r\n    created() {\r\n        this.$store.dispatch('retrieveClientTicket', {clientId: this.clientId, tickedId: this.ticketId}).then(() => {\r\n            this.$nextTick(() => {\r\n                if (this.currentClientTicket.activity) {\r\n                    this.$store.dispatch('retrieveChat', {\r\n                        chatId: this.currentClientTicket.activity.id,\r\n                        commentLimit: 20\r\n                    })\r\n                }\r\n            })\r\n        })\r\n    },\r\n    beforeDestroy: function () {\r\n        this.$store.dispatch('leaveGroup').then(() =>\r\n            this.$store.dispatch('retrieveChat', null)\r\n        )\r\n    },\r\n    computed: {\r\n        currentClientTicket() {\r\n            return this.$store.getters.currentClientTicket\r\n        },\r\n        formTitle() {\r\n            return this.currentClientTicket ? this.currentClientTicket.no : ''\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n            ticketStatusList: [\r\n                {id: 1, name: 'Открыта'},\r\n                {id: 2, name: 'В процесе'},\r\n                {id: 3, name: 'Закрыта'},\r\n            ],\r\n            valid: !this.formError,\r\n            vue: this,\r\n            copyLinkSuccess: false,\r\n            goToService: false,\r\n            editMode: false,\r\n        }\r\n    },\r\n    methods: {\r\n        copyLink() {\r\n            this.copyToClipboard(window.location.href)\r\n            this.copyLinkSuccess = true\r\n            setTimeout(() => {\r\n                this.copyLinkSuccess = false\r\n            }, 2000);\r\n        },\r\n        showClientCard() {\r\n            if (!this.currentClientTicket.client) {\r\n                return\r\n            }\r\n            let clientId = this.currentClientTicket.client.id\r\n            let routeData = this.$router.resolve({\r\n                name: 'ClientsCard',\r\n                params: {clientId}\r\n            });\r\n            window.open(routeData.href, '_blank');\r\n        },\r\n        closeClientTicket(){\r\n            this.$store.dispatch('changeClientTicketStatus', {\r\n                clientId: this.clientId,\r\n                tickedId: this.ticketId,\r\n                ticketStatusId: 3\r\n            })\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style scoped>\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!./ClientTicketCard.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!./ClientTicketCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ClientTicketCard.vue?vue&type=template&id=207e5a66&scoped=true&\"\nimport script from \"./ClientTicketCard.vue?vue&type=script&lang=js&\"\nexport * from \"./ClientTicketCard.vue?vue&type=script&lang=js&\"\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  \"207e5a66\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}