{"version":3,"sources":["webpack:///./src/components/sys_message_dialog.vue?bc56","webpack:///../../../src/components/VTextarea/VTextarea.ts","webpack:///./src/components/sys_message_dialog.vue","webpack:///src/components/sys_message_dialog.vue","webpack:///./src/components/sys_message_dialog.vue?6e5a","webpack:///./src/components/sys_message_dialog.vue?04b2"],"names":["baseMixins","extend","name","props","autoGrow","Boolean","noResize","rowHeight","type","Number","String","default","validator","v","isNaN","parseFloat","rows","parseInt","computed","this","noResizeHandle","options","classes","call","watch","val","$nextTick","calculateInputHeight","$refs","input","style","removeProperty","setTimeout","methods","height","scrollHeight","minHeight","Math","max","genInput","tag","data","attrs","e","onInput","isFocused","keyCode","stopPropagation","$emit","expression","item","_c","_vm","_v","staticClass","staticStyle","value","model","message","callback","$$v","$set","close_dialog","on","staticRenderFns","component"],"mappings":"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","file":"js/chunk-312d2cf4.cf35a6e5.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!./sys_message_dialog.vue?vue&type=style&index=0&id=44e62994&prod&scoped=true&lang=css\"","// 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","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.item !== null)?_c('v-card',[_c('v-toolbar',{attrs:{\"color\":\"primary white--text\",\"flat\":\"\"}},[_c('sabira_icon',{staticClass:\"mr-2\",attrs:{\"icon\":\"edit_write\",\"strokewidth\":3,\"fill\":\"white\"}}),_c('v-toolbar-title',{staticClass:\"ml-1\"},[_vm._v(\" \"+_vm._s(_vm.title)+\" \")])],1),_c('v-card-text',{staticClass:\"pa-0 ma-0\",staticStyle:{\"margin-left\":\"0px min-height: 30rem\"}},[_c('div',{staticClass:\"master_grid\"},[_c('div',[_c('v-list',[_c('v-list-item',[_c('v-list-item-content',[_c('webpage_lookup_users',{attrs:{\"update\":\"wp_user_changed\",\"selected_id\":typeof _vm.item.user_id !== 'undefined' &&\n                    _vm.item.user_id !== null\n                      ? _vm.item.user_id\n                      : null}})],1)],1),_c('v-list-item',[_c('v-list-item-content',[_c('v-text-field',{attrs:{\"outlined\":\"\",\"label\":\"Predmet sistemske poruke\",\"hide-details\":\"\"},model:{value:(_vm.item.subject),callback:function ($$v) {_vm.$set(_vm.item, \"subject\", $$v)},expression:\"item.subject\"}})],1)],1),_c('v-list-item',[_c('v-list-item-content',[_c('v-textarea',{attrs:{\"outlined\":\"\",\"label\":\"Poruka\",\"hide-details\":\"\",\"clearable\":\"\"},model:{value:(_vm.item.message),callback:function ($$v) {_vm.$set(_vm.item, \"message\", $$v)},expression:\"item.message\"}})],1)],1)],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:{\"text\":\"\"},on:{\"click\":function($event){return _vm.save_item()}}},[_vm._v(\"Pošalji\")])],1)],1):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-dialog v-model=\"visible\" width=\"40rem\" persistent scrollable>\n    <v-card v-if=\"item !== null\">\n      <v-toolbar color=\"primary white--text\" flat>\n        <sabira_icon\n          icon=\"edit_write\"\n          class=\"mr-2\"\n          :strokewidth=\"3\"\n          fill=\"white\"\n        />\n        <v-toolbar-title class=\"ml-1\"> {{ title }} </v-toolbar-title>\n      </v-toolbar>\n      <v-card-text\n        class=\"pa-0 ma-0\"\n        style=\"margin-left: 0px min-height: 30rem;\"\n      >\n        <div class=\"master_grid\">\n          <div>\n            <v-list>\n              <v-list-item>\n                <v-list-item-content>\n                  <webpage_lookup_users\n                    update=\"wp_user_changed\"\n                    :selected_id=\"\n                      typeof item.user_id !== 'undefined' &&\n                      item.user_id !== null\n                        ? item.user_id\n                        : null\n                    \"\n                  ></webpage_lookup_users>\n                </v-list-item-content>\n              </v-list-item>\n              <v-list-item>\n                <v-list-item-content>\n                  <v-text-field\n                    v-model=\"item.subject\"\n                    outlined\n                    label=\"Predmet sistemske poruke\"\n                    hide-details\n                  ></v-text-field>\n                </v-list-item-content>\n              </v-list-item>\n              <v-list-item>\n                <v-list-item-content>\n                  <v-textarea\n                    v-model=\"item.message\"\n                    outlined\n                    label=\"Poruka\"\n                    hide-details\n                    clearable\n                  ></v-textarea>\n                </v-list-item-content>\n              </v-list-item>\n            </v-list>\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 text @click=\"save_item()\">Pošalji</v-btn>\n      </v-card-actions>\n    </v-card>\n  </v-dialog>\n</template>\n\n<script>\nexport default {\n  components: {\n    sabira_icon: () => import(\"@/components/sabira_icon\"),\n    webpage_lookup_users: () => import(\"@/components/lookups/users\"),\n  },\n  props: {\n    id: {\n      type: Number,\n      default: 0,\n    },\n  },\n  data: () => ({\n    item: {\n      id: 0,\n      user_id: null,\n      subject: null,\n      message: null,\n    },\n    title: \"Sistemska poruka korisnicima\",\n    visible: false,\n  }),\n  mounted() {\n    this.visible = true;\n    this.setup_event_listeners();\n  },\n  destroyed() {\n    this.cleanup_event_listeners();\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          };\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.subject == null || this.item.subject.length == 0) {\n          has_errors = true;\n          reject(\"Predmet polje je obavezno.\");\n        }\n        if (this.item.message == null || this.item.message.length == 0) {\n          has_errors = true;\n          reject(\"Poruka polje je obavezno.\");\n        }\n        if (!has_errors) {\n          resolve();\n        }\n      });\n    },\n    setup_event_listeners() {\n      this.$webpageEventBus.$on(\"wp_user_changed\", (user) => {\n        if (typeof user !== \"undefined\" && user !== null) {\n          this.item.user_id = user.id;\n        }\n      });\n    },\n    cleanup_event_listeners() {\n      this.$webpageEventBus.$off(\"wp_user_changed\");\n    },\n    close_dialog() {\n      this.$webpageEventBus.$emit(\"close_sys_message_dialog\");\n    },\n    save_item() {\n      this.validate()\n        .then(() => {\n          this.$http({\n            method: \"POST\",\n            url: \"/sys_messages/update\",\n            data: this.item,\n          }).then((resp) => {\n            if (resp.status == 200) {\n              this.$webpageEventBus.$emit(\"show_status\", {\n                type: \"success\",\n                message: \"Nova sistemska poruka je kreirana.\",\n                timeout: 2000,\n              });\n              this.close_dialog();\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        })\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!./sys_message_dialog.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!./sys_message_dialog.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./sys_message_dialog.vue?vue&type=template&id=44e62994&scoped=true\"\nimport script from \"./sys_message_dialog.vue?vue&type=script&lang=js\"\nexport * from \"./sys_message_dialog.vue?vue&type=script&lang=js\"\nimport style0 from \"./sys_message_dialog.vue?vue&type=style&index=0&id=44e62994&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  \"44e62994\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}