{"version":3,"sources":["webpack:///./src/components/contract.vue?d170","webpack:///../../../src/components/VTextarea/VTextarea.ts","webpack:///./src/components/contract.vue","webpack:///src/components/contract.vue","webpack:///./src/components/contract.vue?7652","webpack:///./src/components/contract.vue?1410"],"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","scopedSlots","key","fn","model","callback","_c","staticClass","staticStyle","value","_vm","expression","ref","save_valid_from","$$v","$set","save_valid_to","item","$event","staticRenderFns","render","component"],"mappings":"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","file":"js/chunk-1cb5d060.266f62cf.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!./contract.vue?vue&type=style&index=0&id=d13af33e&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.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\":\"\"},scopedSlots:_vm._u([{key:\"extension\",fn:function(){return [_c('v-tabs',{attrs:{\"hide-slider\":\"\",\"background-color\":\"background darken\"},model:{value:(_vm.active_tab),callback:function ($$v) {_vm.active_tab=$$v},expression:\"active_tab\"}},[_c('v-tab',[_vm._v(\"Info\")]),_c('v-tab',[_vm._v(\"Restrikcije\")])],1)]},proxy:true}])},[_c('sabira_icon',{staticClass:\"mr-2\",attrs:{\"icon\":\"contract\",\"strokewidth\":3,\"fill\":\"white\"}}),_c('v-toolbar-title',{staticClass:\"ml-1\"},[_vm._v(\"\\n          Ugovor\\n        \")])],1),_c('v-card-text',{staticClass:\"pa-0 ma-0\",staticStyle:{\"height\":\"30rem\"}},[_c('div',{staticClass:\"master_grid\"},[_c('div',[_c('v-tabs-items',{model:{value:(_vm.active_tab),callback:function ($$v) {_vm.active_tab=$$v},expression:\"active_tab\"}},[_c('v-tab-item',[_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 ugovora\",\"required\":\"\",\"maxlength\":\"50\",\"counter\":\"\"},model:{value:(_vm.item.referenca),callback:function ($$v) {_vm.$set(_vm.item, \"referenca\", $$v)},expression:\"item.referenca\"}})],1)],1),_c('v-list-item',[_c('v-list-item-content',{staticClass:\"mt-0 mb-5 pt-1 pb-0\"},[_c('webpage_lookup_klijenti',{attrs:{\"update\":\"wp_client_changed\",\"selected_id\":_vm.item.klijent_id}})],1)],1),_c('v-list-item',[_c('v-list-item-content',{staticClass:\"mb-2\"},[_c('v-dialog',{key:\"1\",ref:\"vrijedi_od\",attrs:{\"return-value\":_vm.item.traje_od,\"persistent\":\"\",\"width\":\"290px\"},on:{\"update:returnValue\":function($event){return _vm.$set(_vm.item, \"traje_od\", $event)},\"update:return-value\":function($event){return _vm.$set(_vm.item, \"traje_od\", $event)}},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-text-field',_vm._g(_vm._b({attrs:{\"value\":_vm.valid_from_formatted,\"label\":\"Ugovor vrijedi od\",\"prepend-inner-icon\":\"mdi-calendar\",\"readonly\":\"\",\"outlined\":\"\",\"hide-details\":\"\",\"width\":80}},'v-text-field',attrs,false),on))]}}]),model:{value:(_vm.show_valid_from),callback:function ($$v) {_vm.show_valid_from=$$v},expression:\"show_valid_from\"}},[_c('v-date-picker',{attrs:{\"locale\":\"bs-bs\",\"first-day-of-week\":1,\"show-week\":true},on:{\"change\":_vm.save_valid_from},model:{value:(_vm.item.traje_od),callback:function ($$v) {_vm.$set(_vm.item, \"traje_od\", $$v)},expression:\"item.traje_od\"}})],1)],1)],1),_c('v-list-item',[_c('v-list-item-content',{staticClass:\"mb-2\"},[_c('v-dialog',{key:\"2\",ref:\"vrijedi_do\",attrs:{\"return-value\":_vm.item.valid_to,\"persistent\":\"\",\"width\":\"290px\"},on:{\"update:returnValue\":function($event){return _vm.$set(_vm.item, \"valid_to\", $event)},\"update:return-value\":function($event){return _vm.$set(_vm.item, \"valid_to\", $event)}},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-text-field',_vm._g(_vm._b({attrs:{\"value\":_vm.valid_to_formatted,\"label\":\"Ugovor vrijedi do\",\"prepend-inner-icon\":\"mdi-calendar\",\"readonly\":\"\",\"outlined\":\"\",\"hide-details\":\"\",\"width\":80}},'v-text-field',attrs,false),on))]}}]),model:{value:(_vm.show_valid_to),callback:function ($$v) {_vm.show_valid_to=$$v},expression:\"show_valid_to\"}},[_c('v-date-picker',{attrs:{\"locale\":\"bs-bs\",\"first-day-of-week\":1,\"show-week\":true},on:{\"change\":_vm.save_valid_to},model:{value:(_vm.item.traje_do),callback:function ($$v) {_vm.$set(_vm.item, \"traje_do\", $$v)},expression:\"item.traje_do\"}})],1)],1)],1),_c('v-list-item',[_c('v-list-item-content',{staticClass:\"mb-0 pb-0\"},[_c('v-textarea',{attrs:{\"outlined\":\"\",\"clearable\":\"\",\"label\":\"Opis ugovora\",\"maxlength\":\"500\",\"counter\":\"\"},model:{value:(_vm.item.description),callback:function ($$v) {_vm.$set(_vm.item, \"description\", $$v)},expression:\"item.description\"}})],1)],1),_c('v-list-item',[_c('v-list-item-content',{staticClass:\"mt-1 pt-1\"},[_c('v-text-field',{attrs:{\"outlined\":\"\",\"label\":\"Vrijednost ugovora\",\"type\":\"number\"},model:{value:(_vm.item.financial_value),callback:function ($$v) {_vm.$set(_vm.item, \"financial_value\", _vm._n($$v))},expression:\"item.financial_value\"}})],1)],1)],1)],1),_c('v-tab-item',[_c('v-list',[_c('v-list-item',[_c('v-switch',{attrs:{\"hide-details\":\"\",\"label\":\"Aktivan\"},model:{value:(_vm.item.active),callback:function ($$v) {_vm.$set(_vm.item, \"active\", $$v)},expression:\"item.active\"}})],1)],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_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=\"contract\"\n            class=\"mr-2\"\n            :strokewidth=\"3\"\n            fill=\"white\"\n          />\n          <v-toolbar-title class=\"ml-1\">\n            Ugovor\n          </v-toolbar-title>\n          <template v-slot:extension>\n            <v-tabs\n              v-model=\"active_tab\"\n              hide-slider\n              background-color=\"background darken\"\n            >\n              <v-tab>Info</v-tab>\n              <v-tab>Restrikcije</v-tab>\n            </v-tabs>\n          </template>\n        </v-toolbar>\n        <v-card-text class=\"pa-0 ma-0\" style=\"height: 30rem;\">\n          <div class=\"master_grid\">\n            <div>\n              <v-tabs-items v-model=\"active_tab\">\n                <v-tab-item>\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.referenca\"\n                          outlined\n                          label=\"Broj ugovora\"\n                          required\n                          maxlength=\"50\"\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 mb-5 pt-1 pb-0\">\n                        <webpage_lookup_klijenti\n                          update=\"wp_client_changed\"\n                          :selected_id=\"item.klijent_id\"\n                        ></webpage_lookup_klijenti>\n                      </v-list-item-content>\n                    </v-list-item>\n                    <v-list-item>\n                      <v-list-item-content class=\"mb-2\">\n                        <v-dialog\n                          ref=\"vrijedi_od\"\n                          v-model=\"show_valid_from\"\n                          :return-value.sync=\"item.traje_od\"\n                          persistent\n                          key=\"1\"\n                          width=\"290px\"\n                        >\n                          <template v-slot:activator=\"{ on, attrs }\">\n                            <v-text-field\n                              :value=\"valid_from_formatted\"\n                              label=\"Ugovor vrijedi od\"\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.traje_od\"\n                            @change=\"save_valid_from\"\n                            locale=\"bs-bs\"\n                            :first-day-of-week=\"1\"\n                            :show-week=\"true\"\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=\"mb-2\">\n                        <v-dialog\n                          ref=\"vrijedi_do\"\n                          key=\"2\"\n                          v-model=\"show_valid_to\"\n                          :return-value.sync=\"item.valid_to\"\n                          persistent\n                          width=\"290px\"\n                        >\n                          <template v-slot:activator=\"{ on, attrs }\">\n                            <v-text-field\n                              :value=\"valid_to_formatted\"\n                              label=\"Ugovor vrijedi do\"\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.traje_do\"\n                            @change=\"save_valid_to\"\n                            locale=\"bs-bs\"\n                            :first-day-of-week=\"1\"\n                            :show-week=\"true\"\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=\"mb-0 pb-0\">\n                        <v-textarea\n                          v-model=\"item.description\"\n                          outlined\n                          clearable\n                          label=\"Opis ugovora\"\n                          maxlength=\"500\"\n                          counter\n                        ></v-textarea>\n                      </v-list-item-content>\n                    </v-list-item>\n                    <v-list-item>\n                      <v-list-item-content class=\"mt-1 pt-1\">\n                        <v-text-field\n                          v-model.number=\"item.financial_value\"\n                          outlined\n                          label=\"Vrijednost ugovora\"\n                          type=\"number\"\n                        ></v-text-field>\n                      </v-list-item-content>\n                    </v-list-item>\n                  </v-list>\n                </v-tab-item>\n                <v-tab-item>\n                  <v-list>\n                    <v-list-item>\n                      <v-switch\n                        hide-details\n                        v-model=\"item.active\"\n                        label=\"Aktivan\"\n                      ></v-switch>\n                    </v-list-item>\n                  </v-list>\n                </v-tab-item>\n              </v-tabs-items>\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    webpage_lookup_klijenti: () => import(\"@/components/lookups/klijenti\"),\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: true,\n    is_btn_loading: false,\n    active_tab: 0,\n    show_valid_from: null,\n    show_valid_to: null,\n    item: {\n      naziv: null,\n      id: 0,\n      klijent_id: null,\n      account_id: null,\n      referenca: null,\n      description: null,\n      traje_od: null,\n      traje_do: null,\n      active: true,\n      financial_value: null,\n    },\n    title: \"Evidencija novog ugovora\",\n    visible: false,\n  }),\n  mounted() {\n    this.visible = true;\n    this.setup_event_listeners();\n  },\n  computed: {\n    valid_from_formatted() {\n      return this.item.traje_od\n        ? this.$moment(this.item.traje_od)\n            .format(\"DD MMMM YYYY\")\n            .toString()\n        : null;\n    },\n    valid_to_formatted() {\n      return this.item.traje_do\n        ? this.$moment(new Date(this.item.traje_do)).format(\"DD MMMM YYYY\")\n        : null;\n    },\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            naziv: null,\n            klijent_id: null,\n            account_id: null,\n            referenca: null,\n            description: null,\n            traje_od: null,\n            traje_do: null,\n            active: true,\n            financial_value: null,\n          };\n          this.is_loading = false;\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.referenca == null || this.item.referenca.length == 0) {\n          has_errors = true;\n          reject(\"Broj ugovora polje je obavezno.\");\n        }\n        if (this.item.klijent_id == null || this.item.klijent_id.length == 0) {\n          has_errors = true;\n          reject(\"Klijent polje je obavezno.\");\n        }\n        if (this.item.traje_od == null || this.item.traje_od.length == 0) {\n          has_errors = true;\n          reject(\"Ugovor vrijedi od polje je obavezno.\");\n        }\n        if (this.item.traje_do == null || this.item.traje_do.length == 0) {\n          has_errors = true;\n          reject(\"Ugovor vrijedi do polje je obavezno.\");\n        }\n        if (\n          this.item.financial_value > 999999999999.99 ||\n          this.item.financial_value < 0\n        ) {\n          has_errors = true;\n          reject(\"Vrijednost ugovora nije ispravna\");\n        }\n        if (!has_errors) {\n          resolve();\n        }\n      });\n    },\n    setup_event_listeners() {\n      this.$webpageEventBus.$on(\"wp_client_changed\", (client) => {\n        if (client !== null) {\n          this.item.naziv = client.naziv;\n          this.item.klijent_id = client.id;\n        }\n      });\n    },\n    cleanup_event_listeners() {\n      this.$webpageEventBus.$off(\"wp_client_changed\");\n    },\n    save_valid_from() {\n      this.$refs.vrijedi_od.save(this.item.traje_od);\n    },\n    save_valid_to() {\n      this.$refs.vrijedi_do.save(this.item.valid_to);\n    },\n    close_dialog() {\n      this.$webpageEventBus.$emit(\n        this.close !== null ? this.close : \"close_contract\"\n      );\n    },\n    get_item() {\n      this.$http({\n        method: \"GET\",\n        url: \"/ugovori/get_contract/\" + this.id,\n      }).then((resp) => {\n        this.item = resp.data.result[0];\n        this.is_loading = false;\n        this.item.traje_od = this.$moment(new Date(this.item.traje_od)).format(\n          \"YYYY-MM-DD HH:SS\"\n        );\n        this.item.traje_do = this.$moment(new Date(this.item.traje_do)).format(\n          \"YYYY-MM-DD HH:SS\"\n        );\n      });\n    },\n    save_item() {\n      this.validate()\n        .then(() => {\n          this.is_btn_loading = true;\n          this.item.account_id = this.$store.getters.user.account_id;\n          this.$http({\n            method: \"POST\",\n            url: \"/contract/update\",\n            data: this.item,\n          }).then((resp) => {\n            if (resp.status == 200) {\n              this.$webpageEventBus.$emit(\"show_status\", {\n                type: \"success\",\n                message: \"Ugovor je evidentiran\",\n                timeout: 2000,\n              });\n              this.$webpageEventBus.$emit(\"evt_close_contract\");\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!./contract.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!./contract.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./contract.vue?vue&type=template&id=d13af33e&scoped=true\"\nimport script from \"./contract.vue?vue&type=script&lang=js\"\nexport * from \"./contract.vue?vue&type=script&lang=js\"\nimport style0 from \"./contract.vue?vue&type=style&index=0&id=d13af33e&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  \"d13af33e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}