{"version":3,"sources":["webpack:///../../../src/components/VFileInput/VFileInput.ts","webpack:///../../../src/components/VTextField/index.ts","webpack:///./src/components/user.vue?7845","webpack:///src/components/user.vue","webpack:///./src/components/user.vue?39dc","webpack:///./src/components/user.vue?f90c","webpack:///./src/components/user.vue?dddb"],"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","_vm","_h","_c","_self","VDialog","callback","$$v","visible","expression","VCard","VSkeletonLoader","VToolbar","scopedSlots","_u","key","fn","VTabs","active_tab","VTab","_v","proxy","staticStyle","VTabsItems","VTabItem","VList","VListItem","VTextField","user","id","$set","account_id","VSwitch","ref","active_date","$event","_g","_b","active_date_formatted","show_active_date","VDatePicker","save_active_date","_e","image_user","get_image_background","VFileInput","rules_image_user","clearFileInput","file_image_user","VBtn","close_dialog","VSpacer","is_btn_loading","save_user","staticRenderFns","component"],"mappings":"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AS0E,GAAQ,OAAOlC,EAAIoD,eAAe,CAACpD,EAAImB,GAAG,YAAY,IAAI,KAAK,IACv2DkC,EAAkB,GCsKtB,GACA,YACA,4DACA,6EAEA,OACA,IACA,YACA,YAGA,WACA,kBACA,iDAEA,cACA,kBACA,aACA,sBACA,qBACA,MACA,UACA,cACA,aACA,mBACA,eACA,YACA,gBACA,SACA,eACA,iBAEA,0CACA,aAEA,UACA,gBACA,8BAEA,UACA,wBACA,6BACA,qEACA,OAGA,YACA,gCAEA,OACA,iBACA,UACA,6BACA,sDACA,2BAKA,SACA,UACA,UACA,gBAEA,WACA,KACA,UACA,cACA,aACA,mBACA,eACA,eACA,gBACA,SACA,eACA,aACA,UACA,UACA,gBACA,iBACA,qBAIA,eAGA,SACA,iBACA,0BACA,2BAEA,WACA,2BACA,SACA,yDACA,KACA,kCAEA,yDACA,KACA,iCAEA,iDACA,KACA,iDAEA,6DACA,KACA,+BAEA,mDACA,KACA,sCAEA,2DACA,KACA,iCAGA,6BACA,kCAEA,KACA,+BAGA,6BACA,gCAEA,0BACA,0BACA,KACA,iCAEA,GACA,OAIA,wBACA,MACA,oDACA,EACA,2DAGA,qBACA,uBACA,uBACA,MACA,iBACA,WACA,MAEA,sBAGA,wBACA,wDACA,WACA,0BACA,8BAIA,0BACA,uDAEA,mBACA,mDAEA,eACA,2CAEA,WACA,mBACA,YACA,cACA,sBACA,MACA,cAGA,SACA,oBACA,kBACA,kCACA,sBACA,8BACA,wBACA,gCACA,0BACA,wBACA,kCACA,4DACA,QACA,2BACA,gEACA,QACA,6BAEA,UACA,2CACA,aACA,kBACA,gBAGA,aACA,sBAGA,YACA,gBACA,UACA,uBACA,oEACA,QACA,2BACA,oBACA,+CACA,QACA,qBAEA,6BAGA,YACA,cACA,oBACA,iBACA,SACA,eACA,2CACA,eACA,uCACA,cAEA,8CACA,oBACA,4CAEA,sBACA,qBACA,aACA,uBACA,cAEA,aACA,6BAKA,UACA,2CACA,aACA,UACA,mBClc8U,I,yBCQ1UC,EAAY,eACd,EACA5F,EACA2F,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,4CCnBf,W","file":"js/chunk-c39a88e6.2ca11877.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","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 { VDatePicker } from 'vuetify/lib/components/VDatePicker';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VFileInput } from 'vuetify/lib/components/VFileInput';\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 { VSwitch } from 'vuetify/lib/components/VSwitch';\nimport { VTab } from 'vuetify/lib/components/VTabs';\nimport { VTabItem } from 'vuetify/lib/components/VTabs';\nimport { VTabs } from 'vuetify/lib/components/VTabs';\nimport { VTabsItems } from 'vuetify/lib/components/VTabs';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\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@8\"}})],1):[_c(VCard,[_c(VToolbar,{attrs:{\"color\":\"primary white--text\",\"flat\":\"\"},scopedSlots:_vm._u([{key:\"extension\",fn:function(){return [_c(VTabs,{attrs:{\"hide-slider\":\"\",\"background-color\":\"background darken\"},model:{value:(_vm.active_tab),callback:function ($$v) {_vm.active_tab=$$v},expression:\"active_tab\"}},[_c(VTab,[_vm._v(\"Info\")]),_c(VTab,[_vm._v(\"Restrikcije\")]),_c(VTab,[_vm._v(\"Avatar\")])],1)]},proxy:true}])},[_c('sabira_icon',{staticClass:\"mr-2\",attrs:{\"icon\":\"user\",\"strokewidth\":3,\"fill\":\"white\"}}),_c(VToolbarTitle,{staticClass:\"ml-1\"},[_vm._v(\"\\n          Korisnik\\n        \")])],1),_c(VCardText,{staticClass:\"pa-0 ma-0\",staticStyle:{\"height\":\"30rem\"}},[_c('div',{staticClass:\"master_grid\"},[_c('div',[_c(VTabsItems,{model:{value:(_vm.active_tab),callback:function ($$v) {_vm.active_tab=$$v},expression:\"active_tab\"}},[_c(VTabItem,[_c(VList,[_c(VListItem,[_c(VListItemContent,{staticClass:\"mb-0 pb-0\"},[_c('form',[_c(VTextField,{staticClass:\"mb-1\",attrs:{\"outlined\":\"\",\"disabled\":_vm.user.id === 0 ? false : true,\"counter\":\"\",\"maxlength\":\"255\",\"label\":\"Korisničko ime\",\"autocomplete\":\"username\"},model:{value:(_vm.user.username),callback:function ($$v) {_vm.$set(_vm.user, \"username\", $$v)},expression:\"user.username\"}}),_c(VTextField,{attrs:{\"outlined\":\"\",\"type\":\"password\",\"counter\":\"\",\"maxlength\":\"255\",\"label\":\"Lozinka\",\"autocomplete\":\"new-password\"},model:{value:(_vm.user.password),callback:function ($$v) {_vm.$set(_vm.user, \"password\", $$v)},expression:\"user.password\"}})],1)])],1),_c(VListItem,[_c(VListItemContent,{staticClass:\"mt-0 pt-1 mb-0 pb-0\"},[_c(VTextField,{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(VListItem,[_c(VListItemContent,{staticClass:\"mt-0 mb-6 pt-1 pb-1\"},[_c('webpage_accounts_lookup',{attrs:{\"selected_id\":_vm.user.account_id,\"update\":\"wp_user_account_changed\"}})],1)],1),_c(VListItem,[_c(VListItemContent,{staticClass:\"mt-0 pt-1 mb-0 pb-0\"},[_c(VTextField,{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(VListItem,[_c(VListItemContent,{staticClass:\"mt-0 pt-1 mb-0 pb-0\"},[_c(VTextField,{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(VTabItem,[_c(VList,[_c(VListItem,[_c(VSwitch,{attrs:{\"hide-details\":\"\",\"label\":\"Aktivan\"},model:{value:(_vm.user.active),callback:function ($$v) {_vm.$set(_vm.user, \"active\", $$v)},expression:\"user.active\"}})],1),_c(VListItem,[(_vm.user.id == 0)?_c(VListItemContent,[_c(VDialog,{ref:\"valid_from\",attrs:{\"return-value\":_vm.user.active_date,\"persistent\":\"\",\"width\":\"290px\"},on:{\"update:returnValue\":function($event){return _vm.$set(_vm.user, \"active_date\", $event)},\"update:return-value\":function($event){return _vm.$set(_vm.user, \"active_date\", $event)}},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c(VTextField,_vm._g(_vm._b({attrs:{\"value\":_vm.active_date_formatted,\"label\":\"Datum aktivacije\",\"prepend-inner-icon\":\"mdi-calendar\",\"readonly\":\"\",\"outlined\":\"\",\"hide-details\":\"\",\"width\":80}},'v-text-field',attrs,false),on))]}}],null,false,333445765),model:{value:(_vm.show_active_date),callback:function ($$v) {_vm.show_active_date=$$v},expression:\"show_active_date\"}},[_c(VDatePicker,{attrs:{\"locale\":\"bs-bs\",\"first-day-of-week\":1,\"show-week\":true},on:{\"change\":_vm.save_active_date},model:{value:(_vm.user.active_date),callback:function ($$v) {_vm.$set(_vm.user, \"active_date\", $$v)},expression:\"user.active_date\"}})],1)],1):_vm._e()],1)],1)],1),_c(VTabItem,[_c(VList,[_c(VListItem,{staticClass:\"text-wrap\"},[_c(VListItemContent,{staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"max-content 1fr\",\"align-items\":\"center\",\"vertical-align\":\"middle\"}},[(_vm.user.image_user !== null)?_c('img',{style:(_vm.get_image_background(_vm.user.image_user))}):_c('div',[_vm._v(\" \")]),_c(VFileInput,{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}]),model:{value:(_vm.file_image_user),callback:function ($$v) {_vm.file_image_user=$$v},expression:\"file_image_user\"}})],1)],1)],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\":\"\"},on:{\"click\":function($event){return _vm.save_user()}}},[_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@8\" />\n    </v-card>\n    <template v-else>\n      <v-card>\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          <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-tab>Avatar</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                            counter\n                            maxlength=\"255\"\n                            label=\"Korisničko ime\"\n                            autocomplete=\"username\"\n                          ></v-text-field>\n                          <v-text-field\n                            v-model=\"user.password\"\n                            outlined\n                            type=\"password\"\n                            counter\n                            maxlength=\"255\"\n                            label=\"Lozinka\"\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 mb-6 pt-1 pb-1\">\n                        <webpage_accounts_lookup\n                          :selected_id=\"user.account_id\"\n                          update=\"wp_user_account_changed\"\n                        ></webpage_accounts_lookup>\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>\n                      <v-switch\n                        hide-details\n                        v-model=\"user.active\"\n                        label=\"Aktivan\"\n                      ></v-switch>\n                    </v-list-item>\n                    <v-list-item>\n                      <v-list-item-content v-if=\"user.id == 0\">\n                        <v-dialog\n                          ref=\"valid_from\"\n                          v-model=\"show_active_date\"\n                          :return-value.sync=\"user.active_date\"\n                          persistent\n                          width=\"290px\"\n                        >\n                          <template v-slot:activator=\"{ on, attrs }\">\n                            <v-text-field\n                              :value=\"active_date_formatted\"\n                              label=\"Datum aktivacije\"\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=\"user.active_date\"\n                            @change=\"save_active_date\"\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>\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                        <img\n                          v-if=\"user.image_user !== null\"\n                          :style=\"get_image_background(user.image_user)\"\n                        />\n                        <div v-else>&nbsp;</div>\n\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-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    webpage_accounts_lookup: () => import(\"@/components/lookups/accounts\"),\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    is_loading: false,\n    is_btn_loading: false,\n    active_tab: 0,\n    show_active_date: null,\n    file_image_user: null,\n    user: {\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    title: \"Kreiranje profila novog korisnika\",\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            id: 0,\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            deactive_date: null,\n          };\n        }\n      },\n      immediate: false,\n    },\n  },\n  methods: {\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 (this.user.username == null || this.user.username.length == 0) {\n          has_errors = true;\n          reject(\"Username polje je obavezno.\");\n        }\n        if (this.user.password == null || this.user.password.length == 0) {\n          has_errors = true;\n          reject(\"Lozinka polje je obavezno.\");\n        }\n        if (this.user.name == null || this.user.name.length == 0) {\n          has_errors = true;\n          reject(\"Ime i prezime korisnika polje je obavezno.\");\n        }\n        if (this.user.account_id == null || this.user.account_id.length == 0) {\n          has_errors = true;\n          reject(\"Firma polje je obavezno.\");\n        }\n        if (this.user.email == null || this.user.email.length == 0) {\n          has_errors = true;\n          reject(\"Email adresa polje je obavezno.\");\n        }\n        if (this.user.telephone == null || this.user.telephone.length == 0) {\n          has_errors = true;\n          reject(\"Telefon polje je obavezno.\");\n        }\n        if (\n          this.user.active_date == null ||\n          this.user.active_date.length == 0\n        ) {\n          has_errors = true;\n          reject(\"Datum polje je obavezno.\");\n        }\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_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        if (account !== null) {\n          this.user.acc_name = account.name;\n          this.user.account_id = account.id;\n        }\n      });\n    },\n    cleanup_event_listeners() {\n      this.$webpageEventBus.$off(\"wp_user_account_changed\");\n    },\n    save_active_date() {\n      this.$refs.valid_from.save(this.user.active_date);\n    },\n    close_dialog() {\n      this.$webpageEventBus.$emit(\"close_user\");\n    },\n    get_user() {\n      this.is_loading = true;\n      this.$http({\n        method: \"POST\",\n        url: \"/users/get_user\",\n        data: {\n          id: this.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        })\n        .catch((e) => {\n          this.$webpageEventBus.$emit(\"show_status\", {\n            type: \"error\",\n            message: e.message,\n            timeout: 4000,\n          });\n        })\n        .finally(() => {\n          this.is_loading = false;\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              this.$webpageEventBus.$emit(\"show_status\", {\n                type: \"success\",\n                message: \"Profil korisnika je ažuriran\",\n                timeout: 2000,\n              });\n              this.$webpageEventBus.$emit(\"evt_close_user\");\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!./user.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.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./user.vue?vue&type=template&id=7d3fc2da&scoped=true&\"\nimport script from \"./user.vue?vue&type=script&lang=js&\"\nexport * from \"./user.vue?vue&type=script&lang=js&\"\nimport style0 from \"./user.vue?vue&type=style&index=0&id=7d3fc2da&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  \"7d3fc2da\",\n  null\n  \n)\n\nexport default component.exports","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.vue?vue&type=style&index=0&id=7d3fc2da&scoped=true&lang=css&\""],"sourceRoot":""}