{"version":3,"sources":["webpack:///./src/components/user_messages.vue?e5c0","webpack:///../../../src/components/VBtn/index.ts","webpack:///./src/components/user_messages.vue","webpack:///src/components/user_messages.vue","webpack:///./src/components/user_messages.vue?81a1","webpack:///./src/components/user_messages.vue?4aab"],"names":["callback","visible","expression","_c","attrs","staticClass","_vm","staticStyle","scopedSlots","key","fn","item","class","_v","close_dialog","staticRenderFns","render","component"],"mappings":"kHAAA,W,2DCAA,gBAGe,e,2JCHsJA,W,MAA6BC,K,EAAY,W,OAACC,SAAW,CAAS,OAAIC,MAAG,QAA0BC,WAAM,GAAC,WAAQ,IAA+B,OAAID,MAAG,UAAeE,SAAW,SAAO,GAACD,EAAM,WAAsB,uBAA8B,qBAAG,MAAI,CAAmBC,MAAW,sBAAUC,KAAO,KAAmG,CAACH,EAAG,cAAM,CAACE,YAAY,OAAc,MAAK,CAA0BA,mBAA6BE,YAAY,EAAC,gBAA4BH,EAAK,OAAC,C,YAAC,Q,CAA0D,0DAAwB,a,YAASE,a,CAAU,S,YAAyB,e,CAAsB,QAAS,CAACA,EAAG,OAAQ,C,YAAC,iB,YAAyB,CAAwB,WAAS,eAASE,OAAqBC,eAAK,2CAAcC,QAAG,EAAS,W,MAAEC,QAAK,sBAAE,G,mBAAkB,G,QAACN,EAAW,Q,sBAAyB,G,qBAAW,G,OAAO,S,YAAgE,O,IAAG,e,GAAqBO,UAAMD,KAExmC,IAA4L,MAAM,CAACE,EAAG,OAAgGT,YAAM,Y,YAAS,CAAG,eAAG,wBAAC,kBAAC,cAAQ,W,CAA8C,kBAAC,sEAAG,CAACD,EAAG,4BAAiB,EAAiB,GAAG,EAAG,QAAO,IAAC,uHAAI,CAAI,EAAC,GAAI,wFAAQ,MAAM,CAAmBE,MAAY,IAAgC,GAAC,CAAO,MAAC,YAAG,4BAA8B,GAAOC,OAAIQ,4BAAc,aAAC,YAAIR,OAAO,SAAgB,CAC3oB,0BACGS,WAEJ,MAASC,C,yGCgET,GACA,YACA,6DAEA,OACA,IACA,YACA,YAGA,WACA,SACA,cACA,iBACA,SACA,CACA,UACA,WACA,qBAEA,CACA,cACA,gBACA,eAGA,aAEA,SACA,eACA,mBACA,YACA,cACA,oBACA,MACA,KACA,uCAGA,SACA,oBAEA,aACA,sBAGA,aACA,mBACA,8DAEA,eACA,qDAGA,cACA,qBAEA,UACA,gBACA,+CACA,wBAGA,6CACA,wBCtIsV,I,wBCQlVC,EAAY,eACd,EACA,EACAF,GACA,EACA,KACA,WACA,MAIa,aAAAE,E","file":"js/chunk-26b55670.d645cfa8.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!./user_messages.vue?vue&type=style&index=0&id=71eed7aa&prod&scoped=true&lang=css\"","import VBtn from './VBtn'\n\nexport { VBtn }\nexport default VBtn\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\"}},[_c('v-card',[_c('v-toolbar',{attrs:{\"color\":\"primary white--text\",\"flat\":\"\"}},[_c('sabira_icon',{staticClass:\"mr-2\",attrs:{\"icon\":\"sys_message\",\"strokewidth\":3,\"fill\":\"white\"}}),_c('v-toolbar-title',{staticClass:\"ml-1\"},[_vm._v(\"\\n        Sistemske poruke korisnicima\\n      \")])],1),_c('v-card-text',{staticClass:\"pa-0 ma-0\"},[_c('div',{staticClass:\"master_grid\"},[_c('div',[_c('v-data-table',{staticClass:\"ml-4 mr-4 mt-2\",staticStyle:{\"background\":\"transparent\"},attrs:{\"no-data-text\":\"Podaci ne postoje za odabranu kategoriju\",\"loading\":_vm.is_loading,\"items\":_vm.items,\"hide-default-header\":\"\",\"calculate-widths\":\"\",\"headers\":_vm.headers,\"hide-default-footer\":\"\",\"disable-pagination\":\"\",\"height\":\"20rem\"},scopedSlots:_vm._u([{key:`item.subject`,fn:function({ item }){return [_c('div',{staticClass:\"pa-0 ma-0\",staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"1fr max-content\",\"align-items\":\"center\"}},[_c('div',[_c('div',{class:item.read_check == 0\n                        ? 'font-weight-bold text-caption'\n                        : 'text-caption'},[_vm._v(\"\\n                    \"+_vm._s(_vm.$moment(new Date(item.created_time)).format(\"LLL\"))+\"\\n                  \")]),_c('div',{class:item.read_check == 0 ? 'font-weight-bold' : null},[_vm._v(\"\\n                    \"+_vm._s(item.subject)+\"\\n                  \")])]),_c('div',[_c('v-btn',{attrs:{\"plain\":\"\"},on:{\"click\":function($event){return _vm.open_item(item.id)}}},[_c('v-icon',[_vm._v(\"mdi-open-in-new\")])],1)],1)])]}}],null,true)})],1)])]),_c('v-card-actions',{staticClass:\"background\"},[_c('v-btn',{attrs:{\"text\":\"\"},on:{\"click\":function($event){return _vm.close_dialog()}}},[_vm._v(\"Zatvori\")]),_c('v-spacer')],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-dialog v-model=\"visible\" width=\"40rem\" persistent scrollable>\n    <v-card>\n      <v-toolbar color=\"primary white--text\" flat>\n        <sabira_icon\n          icon=\"sys_message\"\n          class=\"mr-2\"\n          :strokewidth=\"3\"\n          fill=\"white\"\n        />\n        <v-toolbar-title class=\"ml-1\">\n          Sistemske poruke korisnicima\n        </v-toolbar-title>\n      </v-toolbar>\n      <v-card-text class=\"pa-0 ma-0\">\n        <div class=\"master_grid\">\n          <div>\n            <v-data-table\n              class=\"ml-4 mr-4 mt-2\"\n              style=\"background: transparent;\"\n              no-data-text=\"Podaci ne postoje za odabranu kategoriju\"\n              :loading=\"is_loading\"\n              :items=\"items\"\n              hide-default-header\n              calculate-widths\n              :headers=\"headers\"\n              hide-default-footer\n              disable-pagination\n              height=\"20rem\"\n            >\n              <template v-slot:[`item.subject`]=\"{ item }\">\n                <div\n                  class=\"pa-0 ma-0\"\n                  style=\"display:grid;grid-template-columns: 1fr max-content;align-items:center;\"\n                >\n                  <div>\n                    <div\n                      :class=\"\n                        item.read_check == 0\n                          ? 'font-weight-bold text-caption'\n                          : 'text-caption'\n                      \"\n                    >\n                      {{ $moment(new Date(item.created_time)).format(\"LLL\") }}\n                    </div>\n                    <div\n                      :class=\"item.read_check == 0 ? 'font-weight-bold' : null\"\n                    >\n                      {{ item.subject }}\n                    </div>\n                  </div>\n                  <div>\n                    <v-btn plain @click=\"open_item(item.id)\"\n                      ><v-icon>mdi-open-in-new</v-icon></v-btn\n                    >\n                  </div>\n                </div>\n              </template>\n            </v-data-table>\n          </div>\n        </div>\n      </v-card-text>\n      <v-card-actions class=\"background\">\n        <v-btn text @click=\"close_dialog()\">Zatvori</v-btn>\n        <v-spacer></v-spacer>\n      </v-card-actions>\n    </v-card>\n  </v-dialog>\n</template>\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    items: [],\n    is_loading: false,\n    selected_id: null,\n    headers: [\n      {\n        text: \"ID\",\n        value: \"id\",\n        align: \"left d-none\",\n      },\n      {\n        text: \"Poruka\",\n        value: \"subject\",\n        align: \"left\",\n      },\n    ],\n    visible: false,\n  }),\n  methods: {\n    get_messages() {\n      this.is_loading = true;\n      this.$http({\n        method: \"POST\",\n        url: \"/get_messages\",\n        data: {\n          id: 0,\n          user_id: this.$store.getters.user.id,\n        },\n      })\n        .then((resp) => {\n          this.items = resp.data;\n        })\n        .finally(() => {\n          this.is_loading = false;\n        });\n    },\n    open_item(id) {\n      this.selected_id = id;\n      this.$webpageEventBus.$emit(\"show_message\", this.selected_id);\n    },\n    close_dialog() {\n      this.$webpageEventBus.$emit(\"close_user_messages\");\n    },\n  },\n  beforeMount() {\n    this.get_messages();\n  },\n  mounted() {\n    this.visible = true;\n    this.$webpageEventBus.$on(\"close_message\", () => {\n      this.selected_id = null;\n    });\n\n    this.$webpageEventBus.$on(\"reload_data\", () => {\n      this.get_messages();\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!./user_messages.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!./user_messages.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./user_messages.vue?vue&type=template&id=71eed7aa&scoped=true\"\nimport script from \"./user_messages.vue?vue&type=script&lang=js\"\nexport * from \"./user_messages.vue?vue&type=script&lang=js\"\nimport style0 from \"./user_messages.vue?vue&type=style&index=0&id=71eed7aa&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  \"71eed7aa\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}