{"version":3,"sources":["webpack:///./src/components/message.vue?cb37","webpack:///src/components/message.vue","webpack:///./src/components/message.vue?bd73","webpack:///./src/components/message.vue?0c17","webpack:///../../../src/components/VSkeletonLoader/VSkeletonLoader.ts","webpack:///./src/components/message.vue?e4f5"],"names":["render","_vm","this","_h","$createElement","_c","_self","VDialog","attrs","model","value","callback","$$v","visible","expression","VCard","VSkeletonLoader","VToolbar","staticClass","staticStyle","_v","_s","item","subject","VSpacer","$moment","Date","created_time","format","domProps","message","VBtn","on","$event","close_dialog","staticRenderFns","component","extend","name","props","boilerplate","Boolean","loading","tile","transition","String","type","types","Object","default","computed","isLoading","role","$attrs","themeClasses","elevationClasses","$scopedSlots","actions","article","avatar","button","card","chip","heading","image","paragraph","sentences","table","text","methods","children","bone","length","split","generator","genStructure","Array","from","map","rootTypes","indexOf","mapBones","genBones","push","genBone","afterEnter","resetStyles","beforeEnter","onBeforeEnter","beforeLeave","onBeforeLeave","leaveCancelled","bones","replace","el","_initialStyle","display","style","setProperty","h","$listeners","class","classes","measurableStyles","undefined","genSkeleton"],"mappings":"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","file":"js/chunk-192d5048.9acb13c9.js","sourcesContent":["import { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VSkeletonLoader } from 'vuetify/lib/components/VSkeletonLoader';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\n\nvar render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(VDialog,{attrs:{\"width\":\"40rem\",\"persistent\":\"\",\"scrollable\":\"\"},model:{value:(_vm.visible),callback:function ($$v) {_vm.visible=$$v},expression:\"visible\"}},[(_vm.is_loading)?_c(VCard,[_c(VSkeletonLoader,{attrs:{\"type\":\"card, list-item@6\"}})],1):[_c(VCard,[_c(VToolbar,{attrs:{\"color\":\"primary white--text\",\"flat\":\"\"}},[_c('sabira_icon',{staticClass:\"mr-2\",attrs:{\"icon\":\"email_invoice\",\"strokewidth\":3,\"fill\":\"white\"}}),_c(VToolbarTitle,{staticClass:\"ml-1 text-wrap\",staticStyle:{\"line-height\":\"1.3\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.item.subject)+\"\\n        \")]),_c(VSpacer),_c('div',[_vm._v(\"\\n          \"+_vm._s(_vm.$moment(new Date(_vm.item.created_time)).format(\"DD.MM.YYYY.\"))+\"\\n        \")])],1),_c(VCardText,{staticClass:\"pa-6\",staticStyle:{\"height\":\"30rem\"}},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.item.message)}})]),_c(VCardActions,{staticClass:\"background\"},[_c(VBtn,{attrs:{\"text\":\"\"},on:{\"click\":function($event){return _vm.close_dialog()}}},[_vm._v(\"Odustani\")])],1)],1)]],2)}\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=\"email_invoice\"\n            class=\"mr-2\"\n            :strokewidth=\"3\"\n            fill=\"white\"\n          />\n          <v-toolbar-title class=\"ml-1 text-wrap\" style=\"line-height:1.3\">\n            {{ item.subject }}\n          </v-toolbar-title>\n          <v-spacer></v-spacer>\n          <div>\n            {{ $moment(new Date(item.created_time)).format(\"DD.MM.YYYY.\") }}\n          </div>\n        </v-toolbar>\n        <v-card-text style=\"height: 30rem;\" class=\"pa-6\">\n          <div v-html=\"item.message\"></div>\n        </v-card-text>\n        <v-card-actions class=\"background\">\n          <v-btn text @click=\"close_dialog()\">Odustani</v-btn>\n        </v-card-actions>\n      </v-card>\n    </template>\n  </v-dialog>\n</template>\n\n<script>\n  export 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      item: {\n        id: 0,\n        user_id: 0,\n        subject: null,\n        message: null,\n        date_created: null,\n        read_check: null,\n      },\n      visible: false,\n    }),\n    mounted() {\n      this.visible = true;\n    },\n    watch: {\n      visible: {\n        handler() {\n          if (this.id > 0) {\n            this.get_item();\n          } else {\n            this.item = {\n              id: 0,\n              user_id: 0,\n              subject: null,\n              message: null,\n              date_created: null,\n              read_check: null,\n            };\n            this.is_loading = false;\n          }\n        },\n        immediate: false,\n      },\n    },\n    methods: {\n      close_dialog() {\n        if (this.read_check == 1) {\n          this.$webpageEventBus.$emit(\"close_message\");\n        } else {\n          this.save_item();\n        }\n      },\n      get_item() {\n        this.$http({\n          method: \"GET\",\n          url: \"/get_messages/get_single_message/\" + this.id,\n        }).then((resp) => {\n          this.item = resp.data.result[0];\n          this.is_loading = false;\n        });\n      },\n      save_item() {\n        this.$http({\n          method: \"POST\",\n          url: \"/message/update\",\n          data: this.item,\n        })\n          .then((resp) => {\n            if (resp.status == 200) {\n              this.$webpageEventBus.$emit(\"close_message\");\n              this.$webpageEventBus.$emit(\"reload_data\");\n              this.$webpageEventBus.$emit(\"new_message\");\n            } else {\n              this.$webpageEventBus.$emit(\"show_status\", {\n                type: \"error\",\n                message: resp.data.message,\n                timeout: 4000,\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  }\n\n  .left_grid {\n    color: white;\n    display: grid;\n    grid-template-rows: 1fr max-content;\n    height: 100%;\n  }\n  .v-tooltip__content {\n    color: black;\n    opacity: 1;\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!./message.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!./message.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./message.vue?vue&type=template&id=49b9ec29&scoped=true&\"\nimport script from \"./message.vue?vue&type=script&lang=js&\"\nexport * from \"./message.vue?vue&type=script&lang=js&\"\nimport style0 from \"./message.vue?vue&type=style&index=0&id=49b9ec29&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  \"49b9ec29\",\n  null\n  \n)\n\nexport default component.exports","// 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    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 !this.boilerplate ? {\n        'aria-busy': true,\n        'aria-live': 'polite',\n        role: 'alert',\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","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!./message.vue?vue&type=style&index=0&id=49b9ec29&scoped=true&lang=css&\""],"sourceRoot":""}