{"version":3,"sources":["webpack:///./src/components/department.vue","webpack:///src/components/department.vue","webpack:///./src/components/department.vue?14f8","webpack:///./src/components/department.vue?3d4d","webpack:///../../../src/components/VTextarea/VTextarea.ts","webpack:///./src/components/department.vue?5813"],"names":["expression","item","_c","attrs","_vm","_v","staticClass","staticStyle","model","callback","value","$set","close_dialog","on","render","staticRenderFns","component","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","e","onInput","isFocused","keyCode","stopPropagation","$emit"],"mappings":"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","file":"js/chunk-5c8d06ae.c5d23aa1.js","sourcesContent":["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\":\"department\",\"strokewidth\":3,\"fill\":\"white\"}}),_c('v-toolbar-title',{staticClass:\"ml-1\"},[_vm._v(\"\\n        Odjel\\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\":\"Naziv odjela\",\"required\":\"\",\"maxlength\":\"100\",\"counter\":\"\"},model:{value:(_vm.item.name),callback:function ($$v) {_vm.$set(_vm.item, \"name\", $$v)},expression:\"item.name\"}})],1)],1),_c('v-list-item',[_c('v-list-item-content',{staticClass:\"mt-0 pt-1\"},[_c('v-textarea',{attrs:{\"auto-grow\":\"\",\"clearable\":\"\",\"outlined\":\"\",\"label\":\"Dodatne informacije (opciono)\",\"maxlength\":\"255\",\"counter\":\"\"},model:{value:(_vm.item.description),callback:function ($$v) {_vm.$set(_vm.item, \"description\", $$v)},expression:\"item.description\"}})],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:{\"loading\":_vm.is_loading,\"text\":\"\",\"depressed\":\"\"},on:{\"click\":function($event){return _vm.save_department()}}},[_vm._v(\"Snimi\")])],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=\"department\"\n          class=\"mr-2\"\n          :strokewidth=\"3\"\n          fill=\"white\"\n        />\n        <v-toolbar-title class=\"ml-1\">\n          Odjel\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.name\"\n                    outlined\n                    label=\"Naziv odjela\"\n                    required\n                    maxlength=\"100\"\n                    counter\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\">\n                  <v-textarea\n                    v-model=\"item.description\"\n                    auto-grow\n                    clearable\n                    outlined\n                    label=\"Dodatne informacije (opciono)\"\n                    maxlength=\"255\"\n                    counter\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 :loading=\"is_loading\" text depressed @click=\"save_department()\"\n          >Snimi</v-btn\n        >\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    close: {\n      type: String,\n      default: null,\n    },\n  },\n  data: () => ({\n    is_loading: false,\n    item: {\n      name: null,\n      description: null,\n    },\n    title: \"Kreiranje novog odjela\",\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_department();\n        } else {\n          this.item = {\n            id: 0,\n            name: null,\n            description: 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.name == null || this.item.name.length == 0) {\n          has_errors = true;\n          reject(\"Naziv odjela polje je obavezno\");\n        }\n        if (!has_errors) {\n          resolve();\n        }\n      });\n    },\n    close_dialog() {\n      this.$webpageEventBus.$emit(\n        this.close !== null ? this.close : \"close_department\"\n      );\n    },\n    get_department() {\n      this.$http({\n        method: \"POST\",\n        url: \"/departments/get_department\",\n        data: {\n          account_id: this.$store.getters.user.account_id,\n          id: this.id,\n        },\n      }).then((resp) => {\n        let r_item = resp.data[0][0];\n        this.is_loading = false;\n        this.item.id = r_item.id;\n        this.item.name = r_item.name;\n        this.item.description = r_item.description;\n      });\n    },\n    save_department() {\n      this.validate()\n        .then(() => {\n          this.is_loading = true;\n          this.item.account_id = this.$store.getters.user.account_id;\n          this.$http({\n            method: \"POST\",\n            url: \"/department/update\",\n            data: this.item,\n          }).then((resp) => {\n            if (resp.status == 200) {\n              this.$webpageEventBus.$emit(\"show_status\", {\n                type: \"success\",\n                message: \"Odjel je ažuriran\",\n                timeout: 2000,\n              });\n              this.$webpageEventBus.$emit(\"evt_close_department\");\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_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<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\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!./department.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!./department.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./department.vue?vue&type=template&id=3f07388c&scoped=true\"\nimport script from \"./department.vue?vue&type=script&lang=js\"\nexport * from \"./department.vue?vue&type=script&lang=js\"\nimport style0 from \"./department.vue?vue&type=style&index=0&id=3f07388c&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  \"3f07388c\",\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","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!./department.vue?vue&type=style&index=0&id=3f07388c&prod&scoped=true&lang=css\""],"sourceRoot":""}