{"version":3,"sources":["webpack:///../../../src/components/VFileInput/VFileInput.ts","webpack:///../../../src/components/VTextField/index.ts","webpack:///./src/components/user_settings.vue?ef5e","webpack:///./src/components/user_settings.vue","webpack:///src/components/user_settings.vue","webpack:///./src/components/user_settings.vue?f4a9","webpack:///./src/components/user_settings.vue?c586","webpack:///../../../src/components/VBtn/index.ts"],"names":["extend","name","model","prop","event","props","chips","Boolean","clearable","type","default","counterSizeString","String","counterString","hideInput","multiple","placeholder","prependIcon","readonly","showSize","Number","validator","v","includes","smallChips","truncateLength","value","undefined","val","every","computed","options","classes","call","this","fileCount","lazyValue","length","File","$vuetify","lang","t","bytes","internalArrayValue","reduce","size","base","internalValue","$emit","isDirty","persistentPlaceholder","isFocused","hasLabel","map","file","truncatedText","truncateText","watch","immediate","$refs","input","files","methods","text","index","$createElement","small","on","splice","render","genControl","data","style","display","genInput","attrs","domProps","change","onInput","genSelections","icon","genIcon","click","genSlot","counter","computedCounterValue","children","$scopedSlots","selection","forEach","push","hasChips","genChips","genSelectionText","staticClass","class","node","genTextFieldSlot","e","target","nodeName","initialValue","str","charsKeepOneSide","Math","floor","slice","scopedSlots","_vm","active_tab","callback","_c","expression","showPassword","password","$$v","$set","user","staticStyle","image_user","get_image_background","fn","$event","clearFileInput","proxy","file_image_user","_v","close_dialog","staticRenderFns","component"],"mappings":"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oCAAC,eAAIG,eAAY,Y,CAAQ,MAAO,mnBAAE,aAAIH,MAAO,QAA+NU,UAAY,W,YAAC,O,YAA6C,CAAQ,gBAAe,OAAW,MAAK,CAA+MxB,UAAY,GAAeiB,UAAW,IAACpC,MAAM,QAAC,KAAO,GAAG,mB,GAAK,C,MAAgCiC,SAAImB,GAAc,8BAAqDpD,GAAK,OAAC,C,MAAC,CAA6B,KAAO,KAAIR,CAAE,EAAC,gK,YAAS,yC,YAAwByC,CAAe,oCAAC,eAAIA,eAAgB,YAEh3NoB,UAAe,GAAG,+JAAE,yBAExB,YAAiBA,c,sPC8OjB,G,UAAA,CACA,YACA,4DACA,+GAEA,OACA,IACA,YACA,YAGA,WACA,kBACA,iDAEA,gBACA,kBACA,aACA,sBACA,qBACA,cACA,MACA,KACA,UACA,cACA,aACA,mBACA,eACA,YACA,gBACA,SACA,eACA,iBAEA,aAEA,UACA,gBACA,8BAEA,UACA,wBACA,6BACA,qEACA,OAGA,YACA,gCAEA,OACA,iBACA,UACA,6BACA,sDACA,2BAKA,SACA,UACA,UACA,iBAEA,WACA,UACA,cACA,aACA,mBACA,eACA,eACA,gBACA,SACA,eACA,aACA,UACA,UACA,gBACA,kBAEA,qBAGA,eAGA,SACA,SACA,gBACA,mBACA,MAEA,iBACA,0BACA,2BAEA,WACA,2BACA,SAEA,6BACA,gCAEA,0BACA,0BACA,KACA,iCAEA,GACA,OAIA,sBACA,oCACA,IACA,YACA,iCACA,wBAEA,wBACA,MACA,oDACA,EACA,2DAGA,qBACA,uBACA,uBACA,MACA,iBACA,WACA,MAEA,sBAGA,wBACA,wDACA,0BACA,6BAGA,0BACA,uDAEA,eACA,oDAEA,WACA,YACA,cACA,sBACA,MACA,kCAGA,SACA,oBACA,kBACA,kCACA,sBACA,8BACA,wBACA,gCACA,0BACA,wBACA,kCACA,4DACA,QACA,2BACA,gEACA,QACA,2BACA,kCAEA,UACA,WAEA,aACA,sBAGA,kBACA,+CACA,QACA,qBACA,YACA,cACA,6BACA,MACA,+BACA,UACA,yCAGA,SACA,gBACA,2CACA,eACA,0CACA,cAEA,iDACA,oBACA,2CACA,iBAGA,UACA,2CACA,aACA,kBACA,iBAIA,YACA,gBACA,UACA,uBACA,oEACA,QACA,2BACA,oBACA,+CACA,QACA,qBAEA,6BAGA,YACA,cACA,oBACA,iBACA,SACA,cACA,0CAEA,cACA,oBACA,UACA,2CACA,eACA,sCACA,cAEA,iDACA,oBACA,6CAEA,UACA,2CACA,aACA,kBACA,iBAKA,iDACA,oBACA,4CAGA,sBACA,qBACA,aACA,uBACA,cAEA,aACA,6BAKA,UACA,2CACA,aACA,UACA,oBC9gBsV,I,wBCQlVC,EAAY,eACd,EACA,EACAD,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,2CCnBf,gBAGe","file":"js/chunk-1c937655.805fd1a5.js","sourcesContent":["// Styles\nimport './VFileInput.sass'\n\n// Extensions\nimport VTextField from '../VTextField'\n\n// Components\nimport { VChip } from '../VChip'\n\n// Types\nimport { PropValidator } from 'vue/types/options'\n\n// Utilities\nimport { deepEqual, humanReadableFileSize, wrapInArray } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\nimport { mergeStyles } from '../../util/mergeData'\n\nexport default VTextField.extend({\n  name: 'v-file-input',\n\n  model: {\n    prop: 'value',\n    event: 'change',\n  },\n\n  props: {\n    chips: Boolean,\n    clearable: {\n      type: Boolean,\n      default: true,\n    },\n    counterSizeString: {\n      type: String,\n      default: '$vuetify.fileInput.counterSize',\n    },\n    counterString: {\n      type: String,\n      default: '$vuetify.fileInput.counter',\n    },\n    hideInput: Boolean,\n    multiple: Boolean,\n    placeholder: String,\n    prependIcon: {\n      type: String,\n      default: '$file',\n    },\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n    showSize: {\n      type: [Boolean, Number],\n      default: false,\n      validator: (v: boolean | number) => {\n        return (\n          typeof v === 'boolean' ||\n          [1000, 1024].includes(v)\n        )\n      },\n    } as PropValidator<boolean | 1000 | 1024>,\n    smallChips: Boolean,\n    truncateLength: {\n      type: [Number, String],\n      default: 22,\n    },\n    type: {\n      type: String,\n      default: 'file',\n    },\n    value: {\n      default: undefined,\n      validator: val => {\n        return wrapInArray(val).every(v => v != null && typeof v === 'object')\n      },\n    } as PropValidator<File | File[]>,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VTextField.options.computed.classes.call(this),\n        'v-file-input': true,\n      }\n    },\n    computedCounterValue (): string {\n      const fileCount = (this.multiple && this.lazyValue)\n        ? this.lazyValue.length\n        : (this.lazyValue instanceof File) ? 1 : 0\n\n      if (!this.showSize) return this.$vuetify.lang.t(this.counterString, fileCount)\n\n      const bytes = this.internalArrayValue.reduce((bytes: number, { size = 0 }: File) => {\n        return bytes + size\n      }, 0)\n\n      return this.$vuetify.lang.t(\n        this.counterSizeString,\n        fileCount,\n        humanReadableFileSize(bytes, this.base === 1024)\n      )\n    },\n    internalArrayValue (): File[] {\n      return wrapInArray(this.internalValue)\n    },\n    internalValue: {\n      get (): File[] {\n        return this.lazyValue\n      },\n      set (val: File | File[]) {\n        this.lazyValue = val\n        this.$emit('change', this.lazyValue)\n      },\n    },\n    isDirty (): boolean {\n      return this.internalArrayValue.length > 0\n    },\n    isLabelActive (): boolean {\n      return this.isDirty\n    },\n    text (): string[] {\n      if (!this.isDirty && (this.persistentPlaceholder || this.isFocused || !this.hasLabel)) return [this.placeholder]\n\n      return this.internalArrayValue.map((file: File) => {\n        const {\n          name = '',\n          size = 0,\n        } = file\n\n        const truncatedText = this.truncateText(name)\n\n        return !this.showSize\n          ? truncatedText\n          : `${truncatedText} (${humanReadableFileSize(size, this.base === 1024)})`\n      })\n    },\n    base (): 1000 | 1024 | undefined {\n      return typeof this.showSize !== 'boolean' ? this.showSize : undefined\n    },\n    hasChips (): boolean {\n      return this.chips || this.smallChips\n    },\n  },\n\n  watch: {\n    readonly: {\n      handler (v) {\n        if (v === true) consoleError('readonly is not supported on <v-file-input>', this)\n      },\n      immediate: true,\n    },\n    value (v) {\n      const value = this.multiple ? v : v ? [v] : []\n      if (!deepEqual(value, this.$refs.input.files)) {\n        // When the input value is changed programatically, clear the\n        // internal input's value so that the `onInput` handler\n        // can be triggered again if the user re-selects the exact\n        // same file(s). Ideally, `input.files` should be\n        // manipulated directly but that property is readonly.\n        this.$refs.input.value = ''\n      }\n    },\n  },\n\n  methods: {\n    clearableCallback () {\n      this.internalValue = this.multiple ? [] : null\n      this.$refs.input.value = ''\n    },\n    genChips () {\n      if (!this.isDirty) return []\n\n      return this.text.map((text, index) => this.$createElement(VChip, {\n        props: { small: this.smallChips },\n        on: {\n          'click:close': () => {\n            const internalValue = this.internalValue\n            internalValue.splice(index, 1)\n            this.internalValue = internalValue // Trigger the watcher\n          },\n        },\n      }, [text]))\n    },\n    genControl () {\n      const render = VTextField.options.methods.genControl.call(this)\n\n      if (this.hideInput) {\n        render.data!.style = mergeStyles(\n          render.data!.style,\n          { display: 'none' }\n        )\n      }\n\n      return render\n    },\n    genInput () {\n      const input = VTextField.options.methods.genInput.call(this)\n\n      input.data!.attrs!.multiple = this.multiple\n\n      // We should not be setting value\n      // programmatically on the input\n      // when it is using type=\"file\"\n      delete input.data!.domProps!.value\n\n      // This solves an issue in Safari where\n      // nothing happens when adding a file\n      // due to the input event not firing\n      // https://github.com/vuetifyjs/vuetify/issues/7941\n      delete input.data!.on!.input\n      input.data!.on!.change = this.onInput\n\n      return [this.genSelections(), input]\n    },\n    genPrependSlot () {\n      if (!this.prependIcon) return null\n\n      const icon = this.genIcon('prepend', () => {\n        this.$refs.input.click()\n      })\n\n      return this.genSlot('prepend', 'outer', [icon])\n    },\n    genSelectionText (): string[] {\n      const length = this.text.length\n\n      if (length < 2) return this.text\n      if (this.showSize && !this.counter) return [this.computedCounterValue]\n      return [this.$vuetify.lang.t(this.counterString, length)]\n    },\n    genSelections () {\n      const children = []\n\n      if (this.isDirty && this.$scopedSlots.selection) {\n        this.internalArrayValue.forEach((file: File, index: number) => {\n          if (!this.$scopedSlots.selection) return\n\n          children.push(\n            this.$scopedSlots.selection({\n              text: this.text[index],\n              file,\n              index,\n            })\n          )\n        })\n      } else {\n        children.push(this.hasChips && this.isDirty ? this.genChips() : this.genSelectionText())\n      }\n\n      return this.$createElement('div', {\n        staticClass: 'v-file-input__text',\n        class: {\n          'v-file-input__text--placeholder': this.placeholder && !this.isDirty,\n          'v-file-input__text--chips': this.hasChips && !this.$scopedSlots.selection,\n        },\n      }, children)\n    },\n    genTextFieldSlot () {\n      const node = VTextField.options.methods.genTextFieldSlot.call(this)\n\n      node.data!.on = {\n        ...(node.data!.on || {}),\n        click: (e: MouseEvent) => {\n          // Clicking the label already delegates to input element, so we shouldn't click it twice\n          if (e.target && (e.target as HTMLElement).nodeName === 'LABEL') return\n\n          this.$refs.input.click()\n        },\n      }\n\n      return node\n    },\n    onInput (e: Event) {\n      const files = [...(e.target as HTMLInputElement).files || []]\n\n      this.internalValue = this.multiple ? files : files[0]\n\n      // Set initialValue here otherwise isFocused\n      // watcher in VTextField will emit a change\n      // event whenever the component is blurred\n      this.initialValue = this.internalValue\n    },\n    onKeyDown (e: KeyboardEvent) {\n      this.$emit('keydown', e)\n    },\n    truncateText (str: string) {\n      if (str.length < Number(this.truncateLength)) return str\n      const charsKeepOneSide = Math.floor((Number(this.truncateLength) - 1) / 2)\n      return `${str.slice(0, charsKeepOneSide)}…${str.slice(str.length - charsKeepOneSide)}`\n    },\n  },\n})\n","import VTextField from './VTextField'\n\nexport { VTextField }\nexport default VTextField\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!./user_settings.vue?vue&type=style&index=0&id=384fe50a&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-dialog',{attrs:{\"width\":\"50rem\",\"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@8\"}})],1):[(_vm.user !== null)?_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(\"Avatar\")]),_c('v-tab',[_vm._v(\"Fakture\")]),_c('v-tab',[_vm._v(\"Deaktivacija\")])],1)]},proxy:true}],null,false,1324505165)},[_c('sabira_icon',{staticClass:\"mr-2\",attrs:{\"icon\":\"user\",\"strokewidth\":3,\"fill\":\"white\"}}),_c('v-toolbar-title',{staticClass:\"ml-1\"},[_vm._v(\"\\n          Korisnik\\n        \")]),_c('v-spacer'),(_vm.$store.getters.user.valid_until !== null)?_c('v-chip',{attrs:{\"outlined\":\"\",\"color\":\"white\"}},[_vm._v(\"Licenca validna do\\n          \"+_vm._s(_vm.$moment(_vm.$store.getters.user.valid_until).format(\"DD.MM.YYYY.\")))]):_vm._e()],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('form',[_c('v-text-field',{staticClass:\"mb-1\",attrs:{\"outlined\":\"\",\"disabled\":_vm.user.id === 0 ? false : true,\"maxlength\":\"255\",\"counter\":\"\",\"label\":\"Korisničko ime\",\"autocomplete\":\"username\"},model:{value:(_vm.user.username),callback:function ($$v) {_vm.$set(_vm.user, \"username\", $$v)},expression:\"user.username\"}}),_c('v-text-field',{attrs:{\"label\":_vm.$t('password'),\"placeholder\":\" \",\"clear-icon\":\"mdi-close\",\"outlined\":\"\",\"type\":_vm.showPassword ? 'text' : 'password',\"counter\":\"\",\"maxlength\":\"255\",\"append-icon\":_vm.showPassword ? 'mdi-eye' : 'mdi-eye-off',\"autocomplete\":\"new-password\"},on:{\"click:append\":function($event){_vm.showPassword = !_vm.showPassword}},model:{value:(_vm.user.password),callback:function ($$v) {_vm.$set(_vm.user, \"password\", $$v)},expression:\"user.password\"}})],1)])],1),_c('v-list-item',[_c('v-list-item-content',{staticClass:\"mt-0 pt-1 mb-0 pb-0\"},[_c('v-text-field',{attrs:{\"outlined\":\"\",\"counter\":\"\",\"maxlength\":\"255\",\"label\":\"Ime i prezime korisnika\",\"required\":\"\"},model:{value:(_vm.user.name),callback:function ($$v) {_vm.$set(_vm.user, \"name\", $$v)},expression:\"user.name\"}})],1)],1),_c('v-list-item',[_c('v-list-item-content',{staticClass:\"mt-0 pt-1 mb-0 pb-0\"},[_c('v-text-field',{attrs:{\"outlined\":\"\",\"label\":\"Email adresa\",\"counter\":\"\",\"maxlength\":\"255\"},model:{value:(_vm.user.email),callback:function ($$v) {_vm.$set(_vm.user, \"email\", $$v)},expression:\"user.email\"}})],1)],1),_c('v-list-item',[_c('v-list-item-content',{staticClass:\"mt-0 pt-1 mb-0 pb-0\"},[_c('v-text-field',{attrs:{\"outlined\":\"\",\"label\":\"Telefon\",\"counter\":\"\",\"maxlength\":\"255\"},model:{value:(_vm.user.telephone),callback:function ($$v) {_vm.$set(_vm.user, \"telephone\", $$v)},expression:\"user.telephone\"}})],1)],1)],1)],1),_c('v-tab-item',[_c('v-list',[_c('v-list-item',{staticClass:\"text-wrap\"},[_c('v-list-item-content',{staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"max-content 1fr\",\"align-items\":\"center\",\"vertical-align\":\"middle\"}},[(_vm.user.image_user !== null)?_c('div',{staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"max-content 1fr\",\"align-items\":\"center\",\"vertical-align\":\"middle\"}},[_c('div',[(_vm.user.image_user !== null)?_c('img',{style:(_vm.get_image_background(_vm.user.image_user))}):_vm._e()]),_c('div',[_c('v-tooltip',{attrs:{\"left\":\"\",\"color\":\"#e9c46a\",\"open-on-hover\":\"\",\"open-delay\":\"150\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-btn',_vm._g(_vm._b({staticClass:\"mr-12 ml-4\",attrs:{\"icon\":\"\"},on:{\"click\":function($event){return _vm.clearFileInput()}}},'v-btn',attrs,false),on),[_c('sabira_icon',{attrs:{\"icon\":\"trash\",\"dark\":\"\"}})],1)]}}],null,false,45022230)},[_c('span',[_vm._v(\"Ukloni sliku\")])])],1)]):_c('div',[_vm._v(\" \")]),_c('v-file-input',{attrs:{\"accept\":\"image/png, image/jpeg, image/bmp\",\"rules\":_vm.rules_image_user,\"outlined\":\"\",\"persistent-hint\":\"\",\"hint\":\"Odaberite korisničku sliku. Max veličina slike je 2MB.\",\"label\":\"Korisnička slika\",\"prepend-inner-icon\":\"mdi-paperclip\"},on:{\"click:clear\":function($event){return _vm.clearFileInput()}},scopedSlots:_vm._u([{key:\"prepend-inner\",fn:function(){return [_c('sabira_icon',{staticClass:\"mr-2\",attrs:{\"icon\":\"image\"}})]},proxy:true}],null,false,827449949),model:{value:(_vm.file_image_user),callback:function ($$v) {_vm.file_image_user=$$v},expression:\"file_image_user\"}})],1)],1)],1)],1),_c('v-tab-item',[(_vm.active_tab == 2)?_c('sabira_user_invoices'):_vm._e()],1),(this.$store.getters.user.user_role === 1)?_c('v-tab-item',[_c('v-sheet',{staticClass:\"mt-5 ml-4 mr-4 pl-4 pr-4 pt-4 outlined\",staticStyle:{\"border-radius\":\"0.3rem !important\",\"border\":\"solid\",\"border-color\":\"#9c9c9c\"}},[_c('p',[_vm._v(\"\\n                    Privremenu deaktivaciju možete pokrenuti klikom na dugme\\n                    DEAKTIVACIJA.\\n                  \")]),_c('p',[_vm._v(\"\\n                    Vaš korisnički račun će biti u stanju mirovanja, a svi\\n                    korisnički podaci će biti sačuvani u sistemu 90 dana,\\n                    nakon čega će vaš korisnički račun biti trajno obrisan.\\n                  \")]),_c('p',[_vm._v(\"\\n                    Za ponovnu aktivaciju korisničkog računa, a prije isteka\\n                    90 dana, potrebno je da kontaktirate korisničku podršku.\\n                  \")])]),_c('v-list',[_c('v-list-item',{staticStyle:{\"width\":\"30%\"}},[_c('v-list-item-content',[_c('v-btn',{staticClass:\"pa-6\",staticStyle:{\"border-radius\":\"4px\"},attrs:{\"x-large\":\"\",\"elevation\":\"0\",\"color\":\"error\",\"tile\":\"\",\"hide-details\":\"\"},on:{\"click\":function($event){return _vm.deactivate_user()}}},[_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\"\\n                          mdi-delete\\n                        \")]),_vm._v(\"\\n                        DEAKTIVACIJA\")],1)],1)],1)],1)],1):_c('v-tab-item',[_c('v-sheet',{staticClass:\"mt-5 ml-4 mr-4 pl-4 pr-4 pt-4 outlined\",staticStyle:{\"border-radius\":\"0.3rem !important\",\"border\":\"solid\",\"border-color\":\"#9c9c9c\"}},[_c('p',[_vm._v(\"\\n                    Funkcionalnost DEAKTIVACIJA je omogućena samo u slučaju\\n                    kada je korisnik administrator.\\n                  \")])])],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_user()}}},[_vm._v(\"Snimi\")])],1)],1):_vm._e()]],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-dialog v-model=\"visible\" width=\"50rem\" persistent scrollable>\n    <v-card v-if=\"is_loading\">\n      <v-skeleton-loader type=\"card, list-item@8\" />\n    </v-card>\n    <template v-else>\n      <v-card v-if=\"user !== null\">\n        <v-toolbar color=\"primary white--text\" flat>\n          <sabira_icon icon=\"user\" class=\"mr-2\" :strokewidth=\"3\" fill=\"white\" />\n          <v-toolbar-title class=\"ml-1\">\n            Korisnik\n          </v-toolbar-title>\n          <v-spacer></v-spacer>\n          <v-chip\n            outlined\n            color=\"white\"\n            v-if=\"$store.getters.user.valid_until !== null\"\n            >Licenca validna do\n            {{\n              $moment($store.getters.user.valid_until).format(\"DD.MM.YYYY.\")\n            }}</v-chip\n          >\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>Avatar</v-tab>\n              <v-tab>Fakture</v-tab>\n              <v-tab>Deaktivacija</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                        <form>\n                          <v-text-field\n                            class=\"mb-1\"\n                            v-model=\"user.username\"\n                            outlined\n                            :disabled=\"user.id === 0 ? false : true\"\n                            maxlength=\"255\"\n                            counter\n                            label=\"Korisničko ime\"\n                            autocomplete=\"username\"\n                          ></v-text-field>\n                          <v-text-field\n                            :label=\"$t('password')\"\n                            v-model=\"user.password\"\n                            placeholder=\" \"\n                            clear-icon=\"mdi-close\"\n                            outlined\n                            :type=\"showPassword ? 'text' : 'password'\"\n                            counter\n                            maxlength=\"255\"\n                            :append-icon=\"\n                              showPassword ? 'mdi-eye' : 'mdi-eye-off'\n                            \"\n                            @click:append=\"showPassword = !showPassword\"\n                            autocomplete=\"new-password\"\n                          ></v-text-field>\n                        </form>\n                      </v-list-item-content>\n                    </v-list-item>\n                    <v-list-item>\n                      <v-list-item-content class=\"mt-0 pt-1 mb-0 pb-0\">\n                        <v-text-field\n                          v-model=\"user.name\"\n                          outlined\n                          counter\n                          maxlength=\"255\"\n                          label=\"Ime i prezime korisnika\"\n                          required\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 mb-0 pb-0\">\n                        <v-text-field\n                          v-model=\"user.email\"\n                          outlined\n                          label=\"Email adresa\"\n                          counter\n                          maxlength=\"255\"\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 mb-0 pb-0\">\n                        <v-text-field\n                          v-model=\"user.telephone\"\n                          outlined\n                          label=\"Telefon\"\n                          counter\n                          maxlength=\"255\"\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 class=\"text-wrap\">\n                      <v-list-item-content\n                        style=\"display: grid; grid-template-columns: max-content 1fr;align-items: center; vertical-align:middle;\"\n                      >\n                        <div\n                          v-if=\"user.image_user !== null\"\n                          style=\"display: grid; grid-template-columns: max-content 1fr;align-items: center; vertical-align:middle;\"\n                        >\n                          <div>\n                            <img\n                              v-if=\"user.image_user !== null\"\n                              :style=\"get_image_background(user.image_user)\"\n                            />\n                          </div>\n                          <div>\n                            <v-tooltip\n                              left\n                              color=\"#e9c46a\"\n                              open-on-hover\n                              open-delay=\"150\"\n                            >\n                              <template v-slot:activator=\"{ on, attrs }\">\n                                <v-btn\n                                  class=\"mr-12 ml-4\"\n                                  icon\n                                  @click=\"clearFileInput()\"\n                                  v-bind=\"attrs\"\n                                  v-on=\"on\"\n                                >\n                                  <sabira_icon icon=\"trash\" dark></sabira_icon>\n                                </v-btn>\n                              </template>\n                              <span>Ukloni sliku</span>\n                            </v-tooltip>\n                          </div>\n                        </div>\n                        <div v-else>&nbsp;</div>\n                        <v-file-input\n                          v-model=\"file_image_user\"\n                          accept=\"image/png, image/jpeg, image/bmp\"\n                          :rules=\"rules_image_user\"\n                          outlined\n                          persistent-hint\n                          hint=\"Odaberite korisničku sliku. Max veličina slike je 2MB.\"\n                          label=\"Korisnička slika\"\n                          prepend-inner-icon=\"mdi-paperclip\"\n                          @click:clear=\"clearFileInput()\"\n                        >\n                          <template v-slot:prepend-inner>\n                            <sabira_icon icon=\"image\" class=\"mr-2\" />\n                          </template>\n                        </v-file-input>\n                      </v-list-item-content>\n                    </v-list-item>\n                  </v-list>\n                </v-tab-item>\n                <v-tab-item>\n                  <sabira_user_invoices\n                    v-if=\"active_tab == 2\"\n                  ></sabira_user_invoices>\n                </v-tab-item>\n                <v-tab-item v-if=\"this.$store.getters.user.user_role === 1\">\n                  <v-sheet\n                    class=\"mt-5 ml-4 mr-4 pl-4 pr-4 pt-4 outlined\"\n                    style=\"border-radius: 0.3rem !important;border:solid\n                    1px;border-color:#9c9c9c;\"\n                  >\n                    <p>\n                      Privremenu deaktivaciju možete pokrenuti klikom na dugme\n                      DEAKTIVACIJA.\n                    </p>\n                    <p>\n                      Vaš korisnički račun će biti u stanju mirovanja, a svi\n                      korisnički podaci će biti sačuvani u sistemu 90 dana,\n                      nakon čega će vaš korisnički račun biti trajno obrisan.\n                    </p>\n                    <p>\n                      Za ponovnu aktivaciju korisničkog računa, a prije isteka\n                      90 dana, potrebno je da kontaktirate korisničku podršku.\n                    </p>\n                  </v-sheet>\n                  <v-list>\n                    <v-list-item style=\"width:30%;\">\n                      <v-list-item-content>\n                        <v-btn\n                          x-large\n                          elevation=\"0\"\n                          class=\"pa-6\"\n                          style=\"border-radius: 4px;\"\n                          @click=\"deactivate_user()\"\n                          color=\"error\"\n                          tile\n                          hide-details\n                        >\n                          <v-icon left>\n                            mdi-delete\n                          </v-icon>\n                          DEAKTIVACIJA</v-btn\n                        >\n                      </v-list-item-content>\n                    </v-list-item>\n                  </v-list>\n                </v-tab-item>\n                <v-tab-item v-else>\n                  <v-sheet\n                    class=\"mt-5 ml-4 mr-4 pl-4 pr-4 pt-4 outlined\"\n                    style=\"border-radius: 0.3rem !important;border:solid\n                    1px;border-color:#9c9c9c;\"\n                  >\n                    <p>\n                      Funkcionalnost DEAKTIVACIJA je omogućena samo u slučaju\n                      kada je korisnik administrator.\n                    </p>\n                  </v-sheet>\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_user()\"\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    sabira_user_invoices: () => import(\"@/components/user_invoices\"),\n  },\n  props: {\n    id: {\n      type: Number,\n      default: 0,\n    },\n  },\n  data: () => ({\n    rules_image_user: [\n      (value) => !value || value.size < 2000000 || \"Max veličina slike je 2MB.\",\n    ],\n    showPassword: false,\n    is_btn_loading: false,\n    active_tab: 0,\n    show_active_date: null,\n    file_image_user: null,\n    is_loading: true,\n    user: {\n      id: 0,\n      name: null,\n      acc_name: null,\n      address: null,\n      email_address: null,\n      telephone: null,\n      id_number: 0,\n      vat_number: null,\n      valuta: 0,\n      credit_limit: 0,\n      image_user: null,\n    },\n    visible: false,\n  }),\n  mounted() {\n    this.visible = true;\n    this.setup_event_listeners();\n  },\n  computed: {\n    active_date_formatted() {\n      return this.user.active_date\n        ? this.$moment(new Date(this.user.active_date)).format(\"DD MMMM YYYY\")\n        : null;\n    },\n  },\n  destroyed() {\n    this.cleanup_event_listeners();\n  },\n  watch: {\n    file_image_user: {\n      handler() {\n        if (this.file_image_user !== null) {\n          this.convert_to_base64(this.file_image_user).then((resp) => {\n            this.user.image_user = resp;\n          });\n        }\n      },\n    },\n    visible: {\n      handler() {\n        if (this.id > 0) {\n          this.get_user();\n        } else {\n          this.user = {\n            name: null,\n            acc_name: null,\n            address: null,\n            email_address: null,\n            telephone: null,\n            id_number: null,\n            vat_number: null,\n            valuta: 0,\n            credit_limit: 0,\n            country: null,\n            city: null,\n            active: true,\n            image_user: null,\n            active_date: null,\n          };\n          this.is_loading = false;\n        }\n      },\n      immediate: false,\n    },\n  },\n  methods: {\n    logout() {\n      setTimeout(() => {\n        location.reload();\n      }, 2000);\n    },\n    clearFileInput() {\n      this.file_image_user = null;\n      this.user.image_user = null;\n    },\n    validate() {\n      return new Promise((resolve, reject) => {\n        var has_errors = false;\n        if (\n          this.file_image_user !== null &&\n          this.file_image_user.size > 2000000\n        ) {\n          this.file_image_user = null;\n          this.user.image_user = null;\n          has_errors = true;\n          reject(\"Max veličina slike je 2MB.\");\n        }\n        if (!has_errors) {\n          resolve();\n        }\n      });\n    },\n    get_avatar_initials() {\n      let str = this.$store.getters.user.name;\n      let initials = str\n        .split(/\\s/)\n        .reduce((response, word) => (response += word.slice(0, 1)), \"\");\n      return initials.toUpperCase();\n    },\n    get_image_background(image) {\n      return (\n        \"width: 100px;height:100px;background-image: url('\" +\n        image +\n        \"');background-size: contain;background-position:center;\"\n      );\n    },\n    convert_to_base64(file) {\n      return new Promise((resolve) => {\n        const reader = new FileReader();\n        let rawImg;\n        reader.onloadend = () => {\n          rawImg = reader.result;\n          resolve(rawImg);\n        };\n        reader.readAsDataURL(file);\n      });\n    },\n    setup_event_listeners() {\n      this.$webpageEventBus.$on(\"wp_user_account_changed\", (account) => {\n        this.user.acc_name = account.name;\n        this.user.account_id = account.id;\n      });\n    },\n    cleanup_event_listeners() {\n      this.$webpageEventBus.$off(\"wp_user_account_changed\");\n    },\n    close_dialog() {\n      this.$webpageEventBus.$emit(\"close_user_settings\");\n    },\n    get_user() {\n      this.$http({\n        method: \"POST\",\n        url: \"/users/get_user\",\n        data: {\n          id: this.$store.getters.user.id,\n        },\n      })\n        .then((resp) => {\n          let r_user = resp.data.result;\n          this.user.id = r_user.id;\n          this.user.account_id = r_user.account_id;\n          this.user.name = r_user.name;\n          this.user.username = r_user.username;\n          this.user.email = r_user.email;\n          this.user.telephone = r_user.telephone;\n          this.user.active = r_user.active;\n          this.user.password = null;\n          this.user.image_user = r_user.image_user;\n          this.user.active_date = this.$moment(new Date(r_user.active_date))\n            .local()\n            .format(\"YYYY-MM-DD HH:SS\");\n          this.user.deactive_date = this.$moment(new Date(r_user.deactive_date))\n            .local()\n            .format(\"YYYY-MM-DD HH:SS\");\n          this.user.user_role = r_user.user_role;\n        })\n        .catch((e) => {\n          alert(e);\n        })\n        .finally(() => {\n          this.is_loading = false;\n        });\n    },\n    deactivate_user() {\n      this.user.deactive_date = this.$moment(new Date())\n        .local()\n        .format(\"YYYY-MM-DD\");\n      this.$http({\n        method: \"POST\",\n        url: \"/users/deactivate_user\",\n        data: {\n          id: this.$store.getters.user.id,\n          active: false,\n          deactive_date: this.user.deactive_date,\n        },\n      })\n        .then((resp) => {\n          if (resp.status == 200) {\n            this.$webpageEventBus.$emit(\"show_status\", {\n              type: \"success\",\n              message: \"Korisnički račun je deaktiviran\",\n              timeout: 3000,\n            });\n            this.$webpageEventBus.$emit(\"evt_close_account\");\n            this.close_dialog();\n            this.$webpageEventBus.$emit(\"reload_data\");\n            this.logout();\n          }\n        })\n        .catch((e) => {\n          this.$webpageEventBus.$emit(\"show_status\", {\n            type: \"error\",\n            message: e.message,\n            timeout: 4000,\n          });\n        });\n    },\n    save_user() {\n      this.validate()\n        .then(() => {\n          this.is_btn_loading = true;\n          this.user.active_date = this.$moment(new Date(this.user.active_date))\n            .local()\n            .format(\"YYYY-MM-DD HH:SS\");\n          if (this.user.active == false) {\n            this.user.deactive_date = this.$moment(new Date())\n              .local()\n              .format(\"YYYY-MM-DD\");\n          } else {\n            this.user.deactive_date = null;\n          }\n\n          this.$http({\n            method: \"POST\",\n            url: \"/users/update\",\n            data: this.user,\n          }).then((resp) => {\n            if (resp.status == 200) {\n              if (this.user.id == this.$store.getters.user.id) {\n                // this is my profile and I need to update myself with new data\n                this.$helpers\n                  .load_user_profile()\n                  .then(() => {\n                    this.$webpageEventBus.$emit(\"show_status\", {\n                      type: \"success\",\n                      message: \"Postavke uspješno snimljene\",\n                      timeout: 2000,\n                    });\n                    this.$webpageEventBus.$emit(\"evt_close_account\");\n                    this.close_dialog();\n                    this.$webpageEventBus.$emit(\"reload_data\");\n                  })\n                  .catch((e) => {\n                    this.$webpageEventBus.$emit(\"show_status\", {\n                      type: \"error\",\n                      message: e.message,\n                      timeout: 4000,\n                    });\n                  });\n              } else {\n                // I am updating a profile for someone else\n                this.$webpageEventBus.$emit(\"evt_close_account\");\n                this.close_dialog();\n                this.$webpageEventBus.$emit(\"reload_data\");\n              }\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\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!./user_settings.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_settings.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./user_settings.vue?vue&type=template&id=384fe50a&scoped=true\"\nimport script from \"./user_settings.vue?vue&type=script&lang=js\"\nexport * from \"./user_settings.vue?vue&type=script&lang=js\"\nimport style0 from \"./user_settings.vue?vue&type=style&index=0&id=384fe50a&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  \"384fe50a\",\n  null\n  \n)\n\nexport default component.exports","import VBtn from './VBtn'\n\nexport { VBtn }\nexport default VBtn\n"],"sourceRoot":""}