{"version":3,"sources":["webpack:///./src/components/support_ticket.vue?f367","webpack:///../../../src/components/VSkeletonLoader/VSkeletonLoader.ts","webpack:///./src/components/support_ticket.vue","webpack:///src/components/support_ticket.vue","webpack:///./src/components/support_ticket.vue?4174","webpack:///./src/components/support_ticket.vue?d110","webpack:///../../../src/components/VTextarea/VTextarea.ts"],"names":["extend","name","props","boilerplate","Boolean","loading","loadingText","type","String","default","tile","transition","types","Object","computed","this","isLoading","undefined","$vuetify","lang","t","role","$attrs","themeClasses","elevationClasses","$scopedSlots","actions","article","avatar","button","card","chip","heading","image","paragraph","sentences","table","text","methods","children","$createElement","staticClass","bone","length","split","generator","genStructure","Array","from","map","rootTypes","indexOf","mapBones","genBones","push","genBone","on","afterEnter","resetStyles","beforeEnter","onBeforeEnter","beforeLeave","onBeforeLeave","leaveCancelled","bones","replace","el","_initialStyle","display","style","setProperty","h","attrs","$listeners","class","classes","measurableStyles","genSkeleton","_c","_vm","_v","staticStyle","value","ticketNumber","$set","ref","key","model","show_dateCreated","callback","expression","save_dateCreated","item","send_email","is_btn_loading","save_item","component","staticRenderFns","baseMixins","autoGrow","noResize","rowHeight","Number","validator","v","isNaN","parseFloat","rows","parseInt","noResizeHandle","options","call","watch","val","$nextTick","calculateInputHeight","$refs","input","removeProperty","setTimeout","height","scrollHeight","minHeight","Math","max","genInput","tag","data","e","onInput","isFocused","keyCode","stopPropagation","$emit"],"mappings":"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","file":"js/chunk-36b16528.c171fc87.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./support_ticket.vue?vue&type=style&index=0&id=603b9780&prod&scoped=true&lang=css\"","// Styles\nimport './VSkeletonLoader.sass'\n\n// Mixins\nimport Elevatable from '../../mixins/elevatable'\nimport Measurable from '../../mixins/measurable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\nimport { getSlot } from '../../util/helpers'\nimport { PropValidator } from 'vue/types/options'\n\nexport interface HTMLSkeletonLoaderElement extends HTMLElement {\n  _initialStyle?: {\n    display: string | null\n    transition: string\n  }\n}\n\n/* @vue/component */\nexport default mixins(\n  Elevatable,\n  Measurable,\n  Themeable,\n).extend({\n  name: 'VSkeletonLoader',\n\n  props: {\n    boilerplate: Boolean,\n    loading: Boolean,\n    loadingText: {\n      type: String,\n      default: '$vuetify.loading',\n    },\n    tile: Boolean,\n    transition: String,\n    type: String,\n    types: {\n      type: Object,\n      default: () => ({}),\n    } as PropValidator<Record<string, string>>,\n  },\n\n  computed: {\n    attrs (): object {\n      if (!this.isLoading) return this.$attrs\n\n      return {\n        'aria-busy': !this.boilerplate ? true : undefined,\n        'aria-live': !this.boilerplate ? 'polite' : undefined,\n        'aria-label': !this.boilerplate ? this.$vuetify.lang.t(this.loadingText) : undefined,\n        role: !this.boilerplate ? 'alert' : undefined,\n        ...this.$attrs,\n      }\n    },\n    classes (): object {\n      return {\n        'v-skeleton-loader--boilerplate': this.boilerplate,\n        'v-skeleton-loader--is-loading': this.isLoading,\n        'v-skeleton-loader--tile': this.tile,\n        ...this.themeClasses,\n        ...this.elevationClasses,\n      }\n    },\n    isLoading (): boolean {\n      return !('default' in this.$scopedSlots) || this.loading\n    },\n    rootTypes (): Record<string, string> {\n      return {\n        actions: 'button@2',\n        article: 'heading, paragraph',\n        avatar: 'avatar',\n        button: 'button',\n        card: 'image, card-heading',\n        'card-avatar': 'image, list-item-avatar',\n        'card-heading': 'heading',\n        chip: 'chip',\n        'date-picker': 'list-item, card-heading, divider, date-picker-options, date-picker-days, actions',\n        'date-picker-options': 'text, avatar@2',\n        'date-picker-days': 'avatar@28',\n        heading: 'heading',\n        image: 'image',\n        'list-item': 'text',\n        'list-item-avatar': 'avatar, text',\n        'list-item-two-line': 'sentences',\n        'list-item-avatar-two-line': 'avatar, sentences',\n        'list-item-three-line': 'paragraph',\n        'list-item-avatar-three-line': 'avatar, paragraph',\n        paragraph: 'text@3',\n        sentences: 'text@2',\n        table: 'table-heading, table-thead, table-tbody, table-tfoot',\n        'table-heading': 'heading, text',\n        'table-thead': 'heading@6',\n        'table-tbody': 'table-row-divider@6',\n        'table-row-divider': 'table-row, divider',\n        'table-row': 'table-cell@6',\n        'table-cell': 'text',\n        'table-tfoot': 'text@2, avatar@2',\n        text: 'text',\n        ...this.types,\n      }\n    },\n  },\n\n  methods: {\n    genBone (text: string, children: VNode[]) {\n      return this.$createElement('div', {\n        staticClass: `v-skeleton-loader__${text} v-skeleton-loader__bone`,\n      }, children)\n    },\n    genBones (bone: string): VNode[] {\n      // e.g. 'text@3'\n      const [type, length] = bone.split('@') as [string, number]\n      const generator = () => this.genStructure(type)\n\n      // Generate a length array based upon\n      // value after @ in the bone string\n      return Array.from({ length }).map(generator)\n    },\n    // Fix type when this is merged\n    // https://github.com/microsoft/TypeScript/pull/33050\n    genStructure (type?: string): any {\n      let children = []\n      type = type || this.type || ''\n      const bone = this.rootTypes[type] || ''\n\n      // End of recursion, do nothing\n      /* eslint-disable-next-line no-empty, brace-style */\n      if (type === bone) {}\n      // Array of values - e.g. 'heading, paragraph, text@2'\n      else if (type.indexOf(',') > -1) return this.mapBones(type)\n      // Array of values - e.g. 'paragraph@4'\n      else if (type.indexOf('@') > -1) return this.genBones(type)\n      // Array of values - e.g. 'card@2'\n      else if (bone.indexOf(',') > -1) children = this.mapBones(bone)\n      // Array of values - e.g. 'list-item@2'\n      else if (bone.indexOf('@') > -1) children = this.genBones(bone)\n      // Single value - e.g. 'card-heading'\n      else if (bone) children.push(this.genStructure(bone))\n\n      return [this.genBone(type, children)]\n    },\n    genSkeleton () {\n      const children = []\n\n      if (!this.isLoading) children.push(getSlot(this))\n      else children.push(this.genStructure())\n\n      /* istanbul ignore else */\n      if (!this.transition) return children\n\n      /* istanbul ignore next */\n      return this.$createElement('transition', {\n        props: {\n          name: this.transition,\n        },\n        // Only show transition when\n        // content has been loaded\n        on: {\n          afterEnter: this.resetStyles,\n          beforeEnter: this.onBeforeEnter,\n          beforeLeave: this.onBeforeLeave,\n          leaveCancelled: this.resetStyles,\n        },\n      }, children)\n    },\n    mapBones (bones: string) {\n      // Remove spaces and return array of structures\n      return bones.replace(/\\s/g, '').split(',').map(this.genStructure)\n    },\n    onBeforeEnter (el: HTMLSkeletonLoaderElement) {\n      this.resetStyles(el)\n\n      if (!this.isLoading) return\n\n      el._initialStyle = {\n        display: el.style.display,\n        transition: el.style.transition,\n      }\n\n      el.style.setProperty('transition', 'none', 'important')\n    },\n    onBeforeLeave (el: HTMLSkeletonLoaderElement) {\n      el.style.setProperty('display', 'none', 'important')\n    },\n    resetStyles (el: HTMLSkeletonLoaderElement) {\n      if (!el._initialStyle) return\n\n      el.style.display = el._initialStyle.display || ''\n      el.style.transition = el._initialStyle.transition\n\n      delete el._initialStyle\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-skeleton-loader',\n      attrs: this.attrs,\n      on: this.$listeners,\n      class: this.classes,\n      style: this.isLoading ? this.measurableStyles : undefined,\n    }, [this.genSkeleton()])\n  },\n})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-dialog',{attrs:{\"width\":\"40rem\",\"persistent\":\"\",\"scrollable\":\"\"},model:{value:(_vm.visible),callback:function ($$v) {_vm.visible=$$v},expression:\"visible\"}},[(_vm.is_loading)?_c('v-card',[_c('v-skeleton-loader',{attrs:{\"type\":\"card, list-item@6\"}})],1):[_c('v-card',[_c('v-toolbar',{attrs:{\"color\":\"primary white--text\",\"flat\":\"\"}},[_c('sabira_icon',{staticClass:\"mr-2\",attrs:{\"icon\":\"customer-support\",\"strokewidth\":3,\"fill\":\"white\"}}),_c('v-toolbar-title',{staticClass:\"ml-1\"},[_vm._v(\"\\n          Tiket za podrsku\\n        \")])],1),_c('v-card-text',{staticClass:\"pa-0 ma-0\",staticStyle:{\"height\":\"30rem\"}},[_c('div',{staticClass:\"master_grid\"},[_c('div',[_c('v-list',[_c('v-list-item',[_c('v-list-item-content',{staticClass:\"mb-0 pb-0\"},[_c('v-text-field',{attrs:{\"outlined\":\"\",\"label\":\"Broj tiketa\",\"readonly\":\"\"},model:{value:(_vm.item.ticketNumber),callback:function ($$v) {_vm.$set(_vm.item, \"ticketNumber\", $$v)},expression:\"item.ticketNumber\"}})],1)],1),_c('v-list-item',[_c('v-list-item-content',{staticClass:\"mt-0 pt-1 mb-4\"},[_c('v-dialog',{ref:\"valid_from\",attrs:{\"return-value\":_vm.item.dateCreated,\"persistent\":\"\",\"width\":\"290px\"},on:{\"update:returnValue\":function($event){return _vm.$set(_vm.item, \"dateCreated\", $event)},\"update:return-value\":function($event){return _vm.$set(_vm.item, \"dateCreated\", $event)}},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-text-field',_vm._g(_vm._b({attrs:{\"value\":_vm.dateCreated_formatted,\"label\":\"Datum kreiranja\",\"prepend-inner-icon\":\"mdi-calendar\",\"readonly\":\"\",\"outlined\":\"\",\"hide-details\":\"\",\"width\":80}},'v-text-field',attrs,false),on))]}}]),model:{value:(_vm.show_dateCreated),callback:function ($$v) {_vm.show_dateCreated=$$v},expression:\"show_dateCreated\"}},[_c('v-date-picker',{attrs:{\"locale\":\"bs-bs\",\"first-day-of-week\":1,\"show-week\":true,\"title-date-format\":_vm.item.dateCreated_formated},on:{\"change\":_vm.save_dateCreated},model:{value:(_vm.item.dateCreated),callback:function ($$v) {_vm.$set(_vm.item, \"dateCreated\", $$v)},expression:\"item.dateCreated\"}})],1)],1)],1),_c('v-list-item',[_c('v-list-item-content',{staticClass:\"mt-0 pt-1 mb-0 pb-0\"},[_c('v-text-field',{attrs:{\"outlined\":\"\",\"label\":\"Naslov tiketa\",\"readonly\":\"\"},model:{value:(_vm.item.ticketTitle),callback:function ($$v) {_vm.$set(_vm.item, \"ticketTitle\", $$v)},expression:\"item.ticketTitle\"}})],1)],1),_c('v-list-item',[_c('v-list-item-content',{staticClass:\"mt-0 pt-1 mb-0 pb-0\"},[_c('v-textarea',{attrs:{\"outlined\":\"\",\"label\":\"Opis tiketa\",\"readonly\":\"\"},model:{value:(_vm.item.ticketDescription),callback:function ($$v) {_vm.$set(_vm.item, \"ticketDescription\", $$v)},expression:\"item.ticketDescription\"}})],1)],1),_c('v-list-item',[_c('v-list-item-content',{staticClass:\"mt-0 pt-1 mb-0 pb-0\"},[_c('v-text-field',{attrs:{\"outlined\":\"\",\"label\":\"Korisnik\",\"readonly\":\"\"},model:{value:(_vm.item.ticketUser),callback:function ($$v) {_vm.$set(_vm.item, \"ticketUser\", $$v)},expression:\"item.ticketUser\"}})],1)],1),_c('v-list-item',[_c('v-list-item-content',{staticClass:\"mt-0 pt-1 mb-0 pb-0\"},[_c('v-select',{attrs:{\"items\":_vm.items,\"outlined\":\"\",\"label\":\"Status tiketa\"},model:{value:(_vm.item.ticketStatus),callback:function ($$v) {_vm.$set(_vm.item, \"ticketStatus\", $$v)},expression:\"item.ticketStatus\"}})],1)],1),_c('v-list-item',[_c('v-list-item-content',{staticClass:\"mt-0 pt-1 mb-0 pb-0\"},[_c('v-textarea',{attrs:{\"outlined\":\"\",\"label\":\"Opis urađenih ispravki\",\"clearable\":\"\",\"maxlength\":\"1000\",\"counter\":\"\"},model:{value:(_vm.item.workDone),callback:function ($$v) {_vm.$set(_vm.item, \"workDone\", $$v)},expression:\"item.workDone\"}})],1)],1),_c('v-list-item',[_c('v-switch',{attrs:{\"label\":\"Zatvoren\",\"hide-details\":\"\"},model:{value:(_vm.item.completed),callback:function ($$v) {_vm.$set(_vm.item, \"completed\", $$v)},expression:\"item.completed\"}})],1)],1),_c('v-list-item',{staticClass:\"mb-6\"},[_c('v-switch',{staticClass:\"mt-0\",attrs:{\"label\":\"Email status tiketa\",\"hide-details\":\"\"},model:{value:(_vm.send_email),callback:function ($$v) {_vm.send_email=$$v},expression:\"send_email\"}})],1)],1)])]),_c('v-card-actions',{staticClass:\"background\"},[_c('v-btn',{attrs:{\"text\":\"\"},on:{\"click\":function($event){return _vm.close_dialog()}}},[_vm._v(\"Odustani\")]),_c('v-spacer'),_c('v-btn',{attrs:{\"loading\":_vm.is_btn_loading,\"text\":\"\"},on:{\"click\":function($event){return _vm.save_item()}}},[_vm._v(\"Snimi\")])],1)],1)]],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-dialog v-model=\"visible\" width=\"40rem\" persistent scrollable>\n    <v-card v-if=\"is_loading\">\n      <v-skeleton-loader type=\"card, list-item@6\" />\n    </v-card>\n    <template v-else>\n      <v-card>\n        <v-toolbar color=\"primary white--text\" flat>\n          <sabira_icon\n            icon=\"customer-support\"\n            class=\"mr-2\"\n            :strokewidth=\"3\"\n            fill=\"white\"\n          />\n          <v-toolbar-title class=\"ml-1\">\n            Tiket za podrsku\n          </v-toolbar-title>\n        </v-toolbar>\n        <v-card-text class=\"pa-0 ma-0\" style=\"height: 30rem;\">\n          <div class=\"master_grid\">\n            <div>\n              <v-list>\n                <v-list-item>\n                  <v-list-item-content class=\"mb-0 pb-0\">\n                    <v-text-field\n                      v-model=\"item.ticketNumber\"\n                      outlined\n                      label=\"Broj tiketa\"\n                      readonly\n                    ></v-text-field>\n                  </v-list-item-content>\n                </v-list-item>\n                <v-list-item>\n                  <v-list-item-content class=\"mt-0 pt-1 mb-4\">\n                    <v-dialog\n                      ref=\"valid_from\"\n                      v-model=\"show_dateCreated\"\n                      :return-value.sync=\"item.dateCreated\"\n                      persistent\n                      width=\"290px\"\n                    >\n                      <template v-slot:activator=\"{ on, attrs }\">\n                        <v-text-field\n                          :value=\"dateCreated_formatted\"\n                          label=\"Datum kreiranja\"\n                          prepend-inner-icon=\"mdi-calendar\"\n                          readonly\n                          outlined\n                          hide-details\n                          v-bind=\"attrs\"\n                          v-on=\"on\"\n                          :width=\"80\"\n                        ></v-text-field>\n                      </template>\n                      <v-date-picker\n                        v-model=\"item.dateCreated\"\n                        @change=\"save_dateCreated\"\n                        locale=\"bs-bs\"\n                        :first-day-of-week=\"1\"\n                        :show-week=\"true\"\n                        :title-date-format=\"item.dateCreated_formated\"\n                      >\n                      </v-date-picker>\n                    </v-dialog>\n                  </v-list-item-content>\n                </v-list-item>\n                <v-list-item>\n                  <v-list-item-content class=\"mt-0 pt-1 mb-0 pb-0\">\n                    <v-text-field\n                      v-model=\"item.ticketTitle\"\n                      outlined\n                      label=\"Naslov tiketa\"\n                      readonly\n                    ></v-text-field>\n                  </v-list-item-content>\n                </v-list-item>\n                <v-list-item>\n                  <v-list-item-content class=\"mt-0 pt-1 mb-0 pb-0\">\n                    <v-textarea\n                      v-model=\"item.ticketDescription\"\n                      outlined\n                      label=\"Opis tiketa\"\n                      readonly\n                    ></v-textarea>\n                  </v-list-item-content>\n                </v-list-item>\n                <v-list-item>\n                  <v-list-item-content class=\"mt-0 pt-1 mb-0 pb-0\">\n                    <v-text-field\n                      v-model=\"item.ticketUser\"\n                      outlined\n                      label=\"Korisnik\"\n                      readonly\n                    ></v-text-field>\n                  </v-list-item-content>\n                </v-list-item>\n                <v-list-item>\n                  <v-list-item-content class=\"mt-0 pt-1 mb-0 pb-0\">\n                    <v-select\n                      v-model=\"item.ticketStatus\"\n                      :items=\"items\"\n                      outlined\n                      label=\"Status tiketa\"\n                    ></v-select>\n                  </v-list-item-content>\n                </v-list-item>\n                <v-list-item>\n                  <v-list-item-content class=\"mt-0 pt-1 mb-0 pb-0\">\n                    <v-textarea\n                      v-model=\"item.workDone\"\n                      outlined\n                      label=\"Opis urađenih ispravki\"\n                      clearable\n                      maxlength=\"1000\"\n                      counter\n                    ></v-textarea>\n                  </v-list-item-content>\n                </v-list-item>\n                <v-list-item>\n                  <v-switch\n                    v-model=\"item.completed\"\n                    label=\"Zatvoren\"\n                    hide-details\n                  ></v-switch>\n                </v-list-item>\n              </v-list>\n              <v-list-item class=\"mb-6\">\n                <v-switch\n                  class=\"mt-0\"\n                  v-model=\"send_email\"\n                  label=\"Email status tiketa\"\n                  hide-details\n                ></v-switch>\n              </v-list-item>\n            </div>\n          </div>\n        </v-card-text>\n        <v-card-actions class=\"background\">\n          <v-btn text @click=\"close_dialog()\">Odustani</v-btn>\n          <v-spacer></v-spacer>\n          <v-btn :loading=\"is_btn_loading\" text @click=\"save_item()\"\n            >Snimi</v-btn\n          >\n        </v-card-actions>\n      </v-card>\n    </template>\n  </v-dialog>\n</template>\n\n<script>\nexport default {\n  components: {\n    sabira_icon: () => import(\"@/components/sabira_icon\"),\n  },\n  props: {\n    id: {\n      type: Number,\n      default: 0,\n    },\n  },\n  data: () => ({\n    is_loading: true,\n    is_btn_loading: false,\n    show_dateCreated: null,\n    send_email: false,\n    items: [\n      \"Novi tiket\",\n      \"Otvoren\",\n      \"U radu\",\n      \"Testiranje u toku\",\n      \"Zatvoren\",\n      \"Odbijen\",\n      \"Ponovo otvoren\",\n    ],\n    item: {\n      id: 0,\n      ticketNumber: null,\n      dateCreated: null,\n      ticketTitle: null,\n      ticketDescription: null,\n      ticketUser: null,\n      ticketUserEmail: null,\n      ticketStatus: null,\n      workDone: null,\n      completed: false,\n    },\n    message: {\n      template: \"sabira\",\n      subject: \"Status servisnog naloga\",\n      recipients: [],\n      sender: null,\n      attachments: [],\n      message: null,\n    },\n    visible: false,\n  }),\n  mounted() {\n    this.visible = true;\n  },\n  computed: {\n    dateCreated_formatted() {\n      return this.item.dateCreated\n        ? this.$moment(new Date(this.item.dateCreated)).format(\"DD MMMM YYYY\")\n        : null;\n    },\n  },\n  watch: {\n    visible: {\n      handler() {\n        if (this.id > 0) {\n          this.get_item();\n        }\n      },\n      immediate: false,\n    },\n  },\n  methods: {\n    validate() {\n      return new Promise((resolve, reject) => {\n        var has_errors = false;\n        if (this.item.workDone == null || this.item.workDone.length == 0) {\n          has_errors = true;\n          reject(\"Opis urađenih ispravki polje je obavezno.\");\n        }\n        if (!has_errors) {\n          resolve();\n        }\n      });\n    },\n    save_dateCreated() {\n      this.$refs.valid_from.save(this.item.dateCreated);\n    },\n    close_dialog() {\n      this.$webpageEventBus.$emit(\"close_support_ticket\");\n    },\n    get_item() {\n      this.$http({\n        method: \"GET\",\n        url: \"/tickets/get_ticket/\" + this.id,\n      }).then((resp) => {\n        this.item = resp.data.result[0];\n        this.is_loading = false;\n        this.item.dateCreated = this.$moment(new Date(this.item.dateCreated))\n          .local()\n          .format(\"YYYY-MM-DD HH:SS\");\n      });\n    },\n    save_item() {\n      this.validate()\n        .then(() => {\n          this.is_btn_loading = true;\n          this.item.dateCreated = this.$moment(new Date(this.item.dateCreated))\n            .local()\n            .format(\"YYYY-MM-DD HH:SS\");\n          this.$http({\n            method: \"POST\",\n            url: \"/support/ticket_update\",\n            data: this.item,\n          }).then((resp) => {\n            if (resp.status == 200) {\n              if (this.send_email) {\n                this.message.sender = {\n                  name: this.$store.getters.user.name,\n                  email: this.$store.getters.user.email,\n                };\n                this.message.recipients = [];\n                this.message.recipients.push({\n                  name: this.item.ticketUser,\n                  email: this.item.ticketUserEmail,\n                });\n                this.message.message =\n                  \"Poštovana(ni), ovim putem Vas želimo obavjestiti o statusu SABIRA servisnog naloga broj \" +\n                  this.item.ticketNumber +\n                  \". Trenutni status naloga je - \" +\n                  this.item.ticketStatus +\n                  \". Opis aktivnosti: \" +\n                  this.item.workDone;\n                this.$http({\n                  method: \"POST\",\n                  url: process.env.VUE_BASE_MAILER_URL,\n                  data: this.message,\n                }).then((resp) => {\n                  if (resp.status == 200) {\n                    this.$webpageEventBus.$emit(\"show_status\", {\n                      type: \"success\",\n                      message: \"Poruka uspješno poslana\",\n                      timeout: 2000,\n                    });\n                    this.close_dialog();\n                  } else {\n                    this.$webpageEventBus.$emit(\"show_status\", {\n                      type: \"error\",\n                      message: \"Greška prilikom slanja poruke\",\n                      timeout: 2000,\n                    });\n                  }\n                });\n              }\n              setTimeout(() => {\n                this.$webpageEventBus.$emit(\"show_status\", {\n                  type: \"success\",\n                  message: \"Tiket je ažuriran\",\n                  timeout: 3000,\n                });\n              }, 3000);\n              this.$webpageEventBus.$emit(\"evt_close_support_ticket\");\n              this.close_dialog();\n              this.$webpageEventBus.$emit(\"reload_data\");\n            } else {\n              this.$webpageEventBus\n                .$emit(\"show_status\", {\n                  type: \"error\",\n                  message: resp.data.message,\n                  timeout: 4000,\n                })\n                .finally(() => {\n                  this.is_btn_loading = false;\n                });\n            }\n          });\n        })\n        .catch((e) => {\n          this.$webpageEventBus.$emit(\"show_status\", {\n            type: \"error\",\n            message: e,\n            timeout: 4000,\n          });\n        });\n    },\n  },\n};\n</script>\n\n<style scoped>\n.master_grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  height: 100%;\n  width: 100%;\n  padding: 0px 0px 0px;\n}\n\n.left_grid {\n  color: white;\n  display: grid;\n  grid-template-rows: 1fr max-content;\n  height: 100%;\n}\n</style>\n","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!./support_ticket.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!./support_ticket.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./support_ticket.vue?vue&type=template&id=603b9780&scoped=true\"\nimport script from \"./support_ticket.vue?vue&type=script&lang=js\"\nexport * from \"./support_ticket.vue?vue&type=script&lang=js\"\nimport style0 from \"./support_ticket.vue?vue&type=style&index=0&id=603b9780&prod&scoped=true&lang=css\"\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  \"603b9780\",\n  null\n  \n)\n\nexport default component.exports","// Styles\nimport './VTextarea.sass'\n\n// Extensions\nimport VTextField from '../VTextField/VTextField'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport Vue from 'vue'\n\ninterface options extends Vue {\n  $refs: {\n    input: HTMLTextAreaElement\n  }\n}\n\nconst baseMixins = mixins<options &\n  InstanceType<typeof VTextField>\n>(\n  VTextField\n)\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-textarea',\n\n  props: {\n    autoGrow: Boolean,\n    noResize: Boolean,\n    rowHeight: {\n      type: [Number, String],\n      default: 24,\n      validator: (v: any) => !isNaN(parseFloat(v)),\n    },\n    rows: {\n      type: [Number, String],\n      default: 5,\n      validator: (v: any) => !isNaN(parseInt(v, 10)),\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-textarea': true,\n        'v-textarea--auto-grow': this.autoGrow,\n        'v-textarea--no-resize': this.noResizeHandle,\n        ...VTextField.options.computed.classes.call(this),\n      }\n    },\n    noResizeHandle (): boolean {\n      return this.noResize || this.autoGrow\n    },\n  },\n\n  watch: {\n    autoGrow (val: boolean) {\n      this.$nextTick(() => {\n        val\n          ? this.calculateInputHeight()\n          : this.$refs.input?.style.removeProperty('height')\n      })\n    },\n    lazyValue () {\n      this.autoGrow && this.$nextTick(this.calculateInputHeight)\n    },\n    rowHeight () {\n      this.autoGrow && this.$nextTick(this.calculateInputHeight)\n    },\n  },\n\n  mounted () {\n    setTimeout(() => {\n      this.autoGrow && this.calculateInputHeight()\n    }, 0)\n  },\n\n  methods: {\n    calculateInputHeight () {\n      const input = this.$refs.input\n      if (!input) return\n\n      input.style.height = '0'\n      const height = input.scrollHeight\n      const minHeight = parseInt(this.rows, 10) * parseFloat(this.rowHeight)\n      // This has to be done ASAP, waiting for Vue\n      // to update the DOM causes ugly layout jumping\n      input.style.height = Math.max(minHeight, height) + 'px'\n    },\n    genInput () {\n      const input = VTextField.options.methods.genInput.call(this)\n\n      input.tag = 'textarea'\n      delete input.data!.attrs!.type\n      input.data!.attrs!.rows = this.rows\n\n      return input\n    },\n    onInput (e: Event) {\n      VTextField.options.methods.onInput.call(this, e)\n      this.autoGrow && this.calculateInputHeight()\n    },\n    onKeyDown (e: KeyboardEvent) {\n      // Prevents closing of a\n      // dialog when pressing\n      // enter\n      if (this.isFocused && e.keyCode === 13) {\n        e.stopPropagation()\n      }\n\n      this.$emit('keydown', e)\n    },\n  },\n})\n"],"sourceRoot":""}