{"version":3,"sources":["webpack:///../../../src/components/VSkeletonLoader/VSkeletonLoader.ts","webpack:///./src/components/category.vue?72ec","webpack:///src/components/category.vue","webpack:///./src/components/category.vue?d901","webpack:///./src/components/category.vue?316b","webpack:///../../../src/components/VTextarea/VTextarea.ts","webpack:///./src/components/category.vue?dd39"],"names":["extend","name","props","boilerplate","Boolean","loading","tile","transition","String","type","types","Object","default","computed","this","isLoading","role","$attrs","themeClasses","elevationClasses","$scopedSlots","actions","article","avatar","button","card","chip","heading","image","paragraph","sentences","table","text","methods","children","$createElement","staticClass","bone","length","split","generator","genStructure","Array","from","map","rootTypes","indexOf","mapBones","genBones","push","genBone","on","afterEnter","resetStyles","beforeEnter","onBeforeEnter","beforeLeave","onBeforeLeave","leaveCancelled","bones","replace","el","_initialStyle","display","style","setProperty","h","attrs","$listeners","class","classes","measurableStyles","undefined","genSkeleton","render","_vm","_h","_c","_self","VDialog","model","value","callback","$$v","visible","expression","VCard","VSkeletonLoader","VToolbar","_v","staticStyle","VList","VListItem","VTextField","category","$set","_n","VTextarea","VBtn","$event","close_dialog","VSpacer","is_btn_loading","save_category","staticRenderFns","component","baseMixins","autoGrow","noResize","rowHeight","Number","validator","v","isNaN","parseFloat","rows","parseInt","noResizeHandle","options","call","watch","val","$nextTick","calculateInputHeight","$refs","input","removeProperty","setTimeout","height","scrollHeight","minHeight","Math","max","genInput","tag","data","e","onInput","isFocused","keyCode","stopPropagation","$emit"],"mappings":"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","file":"js/chunk-247efda2.e121e399.js","sourcesContent":["// 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","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 { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemContent } from 'vuetify/lib/components/VList';\nimport { VSkeletonLoader } from 'vuetify/lib/components/VSkeletonLoader';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\nimport { VTextarea } from 'vuetify/lib/components/VTextarea';\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\":\"category\",\"strokewidth\":3,\"fill\":\"white\"}}),_c(VToolbarTitle,{staticClass:\"ml-1\"},[_vm._v(\"\\n          Kategorija klijenta\\n        \")])],1),_c(VCardText,{staticClass:\"pa-0 ma-0\",staticStyle:{\"height\":\"30rem\"}},[_c('div',{staticClass:\"master_grid\"},[_c('div',[_c(VList,[_c(VListItem,[_c(VListItemContent,{staticClass:\"mb-0 pb-0\"},[_c(VTextField,{attrs:{\"outlined\":\"\",\"label\":\"Naziv kategorije\",\"required\":\"\",\"maxlength\":\"50\",\"counter\":\"\"},model:{value:(_vm.category.category_name),callback:function ($$v) {_vm.$set(_vm.category, \"category_name\", $$v)},expression:\"category.category_name\"}})],1)],1),_c(VListItem,[_c(VListItemContent,{staticClass:\"mt-0 mb-0 pt-1 pb-0\"},[_c(VTextField,{attrs:{\"outlined\":\"\",\"label\":\"Opis kategorije\",\"required\":\"\",\"maxlength\":\"255\",\"counter\":\"\"},model:{value:(_vm.category.category_description),callback:function ($$v) {_vm.$set(_vm.category, \"category_description\", $$v)},expression:\"category.category_description\"}})],1)],1),_c(VListItem,[_c(VListItemContent,{staticClass:\"mt-0 mb-2 pt-1\"},[_c(VTextField,{attrs:{\"outlined\":\"\",\"hide-details\":\"\",\"placeholder\":\"Unesite maks. mjesečni promet za uslov: Npr. 1000\",\"label\":\"Uslov kategorije - promet\",\"type\":\"number\"},model:{value:(_vm.category.category_condition_vol),callback:function ($$v) {_vm.$set(_vm.category, \"category_condition_vol\", _vm._n($$v))},expression:\"category.category_condition_vol\"}})],1)],1),_c(VListItem,[_c(VListItemContent,[_c(VTextarea,{attrs:{\"outlined\":\"\",\"clearable\":\"\",\"auto-grow\":\"\",\"label\":\"Ostalo\",\"maxlength\":\"255\",\"counter\":\"\"},model:{value:(_vm.category.additional_info),callback:function ($$v) {_vm.$set(_vm.category, \"additional_info\", $$v)},expression:\"category.additional_info\"}})],1)],1)],1)],1)])]),_c(VCardActions,{staticClass:\"background\"},[_c(VBtn,{attrs:{\"text\":\"\"},on:{\"click\":function($event){return _vm.close_dialog()}}},[_vm._v(\"Odustani\")]),_c(VSpacer),_c(VBtn,{attrs:{\"loading\":_vm.is_btn_loading,\"text\":\"\",\"depressed\":\"\"},on:{\"click\":function($event){return _vm.save_category()}}},[_vm._v(\"Snimi\")])],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=\"category\"\n            class=\"mr-2\"\n            :strokewidth=\"3\"\n            fill=\"white\"\n          />\n          <v-toolbar-title class=\"ml-1\">\n            Kategorija klijenta\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=\"category.category_name\"\n                      outlined\n                      label=\"Naziv kategorije\"\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-0 pt-1 pb-0\">\n                    <v-text-field\n                      v-model=\"category.category_description\"\n                      outlined\n                      label=\"Opis kategorije\"\n                      required\n                      maxlength=\"255\"\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-2 pt-1\">\n                    <v-text-field\n                      v-model.number=\"category.category_condition_vol\"\n                      outlined\n                      hide-details\n                      placeholder=\"Unesite maks. mjesečni promet za uslov: Npr. 1000\"\n                      label=\"Uslov kategorije - promet\"\n                      type=\"number\"\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=\"category.additional_info\"\n                      outlined\n                      clearable\n                      auto-grow\n                      label=\"Ostalo\"\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\n            :loading=\"is_btn_loading\"\n            text\n            depressed\n            @click=\"save_category()\"\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  },\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    category: {\n      category_name: null,\n      category_description: null,\n      category_condition_vol: null,\n      additional_info: null,\n    },\n    title: \"Kreiranje nove kategorije klijenta\",\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_category();\n        } else {\n          this.category = {\n            id: 0,\n            category_name: null,\n            category_description: null,\n            category_condition_vol: null,\n            additional_info: 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 (\n          this.category.category_name == null ||\n          this.category.category_name.length == 0\n        ) {\n          has_errors = true;\n          reject(\"Naziv kategorije polje je obavezno.\");\n        }\n        if (this.category.category_condition_vol > 999999999999.99) {\n          has_errors = true;\n          reject(\"Uslov kategorije ne može biti veći od 999.999.999.999,99\");\n        }\n        if (!has_errors) {\n          resolve();\n        }\n      });\n    },\n    close_dialog() {\n      this.$webpageEventBus.$emit(\n        this.close !== null ? this.close : \"close_category\"\n      );\n    },\n    get_category() {\n      this.$http({\n        method: \"POST\",\n        url: \"/categories/get_category\",\n        data: {\n          account_id: this.$store.getters.user.account_id,\n          id: this.id,\n        },\n      }).then((resp) => {\n        let r_category = resp.data[0][0];\n        this.is_loading = false;\n        this.category.id = r_category.id;\n        this.category.category_name = r_category.category_name;\n        this.category.category_description = r_category.category_description;\n        this.category.category_condition_vol =\n          r_category.category_condition_vol;\n        this.category.additional_info = r_category.additional_info;\n      });\n    },\n    save_category() {\n      this.validate()\n        .then(() => {\n          this.is_btn_loading = true;\n          this.category.account_id = this.$store.getters.user.account_id;\n          this.$http({\n            method: \"POST\",\n            url: \"/category/update\",\n            data: this.category,\n          }).then((resp) => {\n            if (resp.status == 200) {\n              this.$webpageEventBus.$emit(\"show_status\", {\n                type: \"success\",\n                message: \"Kategorija je ažurirana\",\n                timeout: 2000,\n              });\n              this.$webpageEventBus.$emit(\"evt_close_category\");\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<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!./category.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!./category.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./category.vue?vue&type=template&id=0b86314f&scoped=true&\"\nimport script from \"./category.vue?vue&type=script&lang=js&\"\nexport * from \"./category.vue?vue&type=script&lang=js&\"\nimport style0 from \"./category.vue?vue&type=style&index=0&id=0b86314f&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  \"0b86314f\",\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!./category.vue?vue&type=style&index=0&id=0b86314f&scoped=true&lang=css&\""],"sourceRoot":""}