{"version":3,"sources":["webpack:///./src/pages/personGroups/add.vue","webpack:///src/pages/personGroups/add.vue","webpack:///./src/pages/personGroups/add.vue?2791","webpack:///./src/pages/personGroups/add.vue?5f19"],"names":["_vm","value","personGroup","callback","$set","expression","_c","staticClass","attrs","scopedSlots","key","fn","_s","proxy","model","isLoading","staticRenderFns","layout","APP_CONFIG","mainPanelLayout","components","Multiselect","data","personGroupPersons","userList","rules","required","computed","mapGetters","allUsers","hasUsersSucceeded","userListLoading","watch","handler","newVal","setUserList","immediate","methods","mapActions","addPersonGroup","addPersons","showToast","map","user","text","fullName","personId","add","personIds","person","payload","groupName","length","then","res","successMessage","$t","content","color","$router","push","name","catch","err","errorMessage","response","error","finally","component"],"mappings":"2NAAmP,W,IAAC,OAAE,EAAK,W,OAAkB,EAAC,O,YAAQ,a,CAAU,SAAO,WAAmB,uD,YAASA,Q,CAA0B,SAAQ,C,MAAqB,CAAqD,O,CAAQC,cAAWC,C,MAAuBC,C,KAA6BC,UAAuC,KAAC,oBAACC,QAAW,sBAAuB,yBAAI,YAAc,EAAC,oC,MAAY,CAAE,8BAAIC,SAAU,SAAC,GAACC,OAAY,8BAAqIC,WAAM,4BAAwB,YAAW,C,MAAK,CAAwB,O,CAA8E,W,YAAiD,e,CAAqD,eAAiBR,uBAAO,SAA4B,0D,MAAC,CAAe,QAAU,EAAC,SAAO,YAAuB,qBAACS,mBAAoB,EAACC,YAAc,uCAACC,eAAa,gC,iBAAgBX,EAAIY,GAAGZ,6BAAiC,iBAAC,kCAACa,MAAM,OAAM,WAAC,OAACC,mBAAM,G,YAAyC,MAAAX,C,IAAmB,WAAuB,GAAC,WAACE,OAAU,EAAC,yCAAwB,OAAKL,KAA6EQ,MAAM,CAAC,MAAK,qBAAC,qBAAM,EAAC,mBAAsB,GAAQ,oCAAqC,KAAQ,0BAAE,4CAAG,MAAI,CAA+CD,O,CAA4C,SAAU,C,MAAC,CAAkB,cAAcQ,GAAU,gBAAG,MAAC,OAAgB,kCAAE,YAAY,yBAC7sD,OACGC,SAEJ,MAAe,U,0KC+EA,GACfC,OAAAC,WAAAD,OAAAE,gBACAC,WAAA,CAAAC,iBACAC,OACA,OACAP,WAAA,EACAb,YAAA,GACAqB,mBAAA,GACAC,SAAA,GACAC,MAAA,CACAC,SAAAzB,QAAA,yBAIA0B,SAAA,IACAC,eAAA,CACAC,SAAA,cACAC,kBAAA,4BAEAC,kBACA,YAAAD,oBAGAE,MAAA,CACAH,SAAA,CACAI,QAAAC,GACA,KAAAC,eAEAC,WAAA,IAGAC,QAAA,IACAC,eAAA,CACAC,eAAA,8BACAC,WAAA,0BACAC,UAAA,8BAEA,oBACA,KAAAjB,eAAA,KAAAK,SAAAa,IAAAC,IACA,CAAAC,KAAAD,EAAAE,SAAA5C,MAAA0C,EAAAG,aAGAC,MACA,KAAAhC,WAAA,EACA,MAAAiC,EAAA,KAAAzB,mBAAAmB,IAAAO,GACAA,EAAAhD,OAEAiD,EAAA,CACAC,UAAA,KAAAjD,YAAAiD,UACAH,aAEA,QAAA9C,YAAAiD,WAAAH,EAAAI,OACA,KAAAb,eAAAW,GACAG,KAAAC,IACA,MAAAC,EAAA,KAAAC,GAAA,mDACA,KAAAf,UAAA,CAAAgB,QAAAF,EAAAG,MAAA,YACA,KAAAC,QAAAC,KAAA,CAAAC,KAAA,mBAEAC,MAAAC,IACA,MAAAC,EAAAD,EAAAE,SAAA3C,KAAA4C,MACA,KAAAzB,UAAA,CAAAgB,QAAAO,EAAAN,MAAA,YAEAS,QAAA,KACA,KAAApD,WAAA,QAEA,CACA,MAAAiD,EAAA,KAAAR,GAAA,qBACA,KAAAf,UAAA,CAAAgB,QAAAO,EAAAN,MAAA,UACA,KAAA3C,WAAA,MCvJ2V,I,iCCOvVqD,EAAY,eACd,EACA,EACApD,GACA,EACA,KACA,KACA,MAMoB,oBAAX,KAAuB,IAAOoD,GAE1B,aAAAA,E","file":"js/page-personGroups-add.ae8edfdd.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mt-5 mx-5\"},[_c('v-card',[_c('v-card-title',[_vm._v(_vm._s(_vm.$t('pages.personGroups.add')))]),_c('v-row',{staticClass:\"px-3\"},[_c('v-col',{attrs:{\"sm\":4}},[_c('form-item',{attrs:{\"type\":\"textbox\",\"icon\":\"mdi-account-group\",\"label\":_vm.$t('enums.groupName'),\"rules\":[_vm.rules.required],\"placeholder\":_vm.$t('enums.placeholders.groupName')},model:{value:(_vm.personGroup.groupName),callback:function ($$v) {_vm.$set(_vm.personGroup, \"groupName\", $$v)},expression:\"personGroup.groupName\"}})],1),_c('v-col',{attrs:{\"sm\":4}},[_c('label',{staticClass:\"typo__label\"},[_c('v-icon',[_vm._v(\"mdi-account-group\")]),_vm._v(\" \"+_vm._s(_vm.$t('enums.personsList'))+\" \")],1),_c('multiselect',{attrs:{\"options\":_vm.userList,\"multiple\":true,\"close-on-select\":false,\"preserve-search\":true,\"placeholder\":_vm.$t('enums.placeholders.personsList'),\"select-label\":_vm.$t('multiselect.selectLabel'),\"selected-label\":_vm.$t('multiselect.selectedLabel'),\"deselect-label\":_vm.$t('multiselect.deselectLabel'),\"label\":\"text\",\"track-by\":\"text\",\"preselect-first\":true},scopedSlots:_vm._u([{key:\"noResult\",fn:function(){return [_vm._v(_vm._s(_vm.$t('multiselect.noResult')))]},proxy:true}]),model:{value:(_vm.personGroupPersons),callback:function ($$v) {_vm.personGroupPersons=$$v},expression:\"personGroupPersons\"}})],1),(_vm.userListLoading)?_c('v-col',{staticClass:\"d-flex align-self-center mt-5\",attrs:{\"sm\":1}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"primary\",\"value\":20}})],1):_vm._e()],1),_c('v-card-actions',[_c('v-btn',{staticClass:\"px-5 ml-1 mt-2 mr-auto\",attrs:{\"large\":\"\",\"color\":\"success\",\"loading\":_vm.isLoading},on:{\"click\":_vm.add}},[_vm._v(\" \"+_vm._s(_vm.$t('pages.personGroups.addPersonGroupBtn'))+\" \")])],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<route>\n{\n  \"name\": \"addPersonGroups\",\n  \"meta\": {\n    \"order\": 4,\n    \"isVisible\": false,\n    \"iconName\": \"mdi-arrow-left\",\n    \"roles\": [\"User\", \"Admin\", \"SuperUser\"]\n  }\n}\n</route>\n<template>\n  <div class=\"mt-5 mx-5\">\n      <v-card>\n        <v-card-title>{{$t('pages.personGroups.add')}}</v-card-title>\n        <v-row\n          class=\"px-3\"\n          >\n          <v-col\n            :sm=\"4\"\n            >\n            <form-item\n              v-model=\"personGroup.groupName\"\n              type=\"textbox\"\n              icon=\"mdi-account-group\"\n              :label=\"$t('enums.groupName')\"\n              :rules=\"[rules.required]\"\n              :placeholder=\"$t('enums.placeholders.groupName')\"\n              ></form-item>\n          </v-col>\n          <v-col\n            :sm=\"4\"\n            >\n            <label class=\"typo__label\">\n              <v-icon>mdi-account-group</v-icon>\n              {{ $t('enums.personsList') }}\n            </label>\n            <multiselect\n              v-model=\"personGroupPersons\"\n              :options=\"userList\"\n              :multiple=\"true\"\n              :close-on-select=\"false\"\n              :preserve-search=\"true\"\n              :placeholder=\"$t('enums.placeholders.personsList')\"\n              :select-label=\"$t('multiselect.selectLabel')\"\n              :selected-label=\"$t('multiselect.selectedLabel')\"\n              :deselect-label=\"$t('multiselect.deselectLabel')\"\n              label=\"text\"\n              track-by=\"text\"\n              :preselect-first=\"true\"\n            >\n            <template #noResult>{{ $t('multiselect.noResult') }}</template>\n            </multiselect>\n          </v-col>\n            <v-col\n              v-if=\"userListLoading\"\n              class=\"d-flex align-self-center mt-5\"\n              :sm=\"1\"\n              >\n              <v-progress-circular\n                indeterminate\n                color=\"primary\"\n                :value=\"20\"\n                />\n            </v-col>\n        </v-row>\n          <v-card-actions>\n            <v-btn\n              large\n              class=\"px-5 ml-1 mt-2 mr-auto\"\n              color=\"success\"\n              :loading=\"isLoading\"\n              @click=\"add\"\n              >\n              {{ $t('pages.personGroups.addPersonGroupBtn') }}\n            </v-btn>\n          </v-card-actions>\n      </v-card>\n  </div>\n</template>\n<script>\nimport { mapActions, mapGetters } from 'vuex'\nimport Multiselect from 'vue-multiselect'\nexport default {\n  layout: APP_CONFIG.layout.mainPanelLayout,\n  components: { Multiselect },\n  data () {\n    return {\n      isLoading: false,\n      personGroup: {},\n      personGroupPersons: [],\n      userList: [],\n      rules: {\n        required: value => !!value || 'این فیلد اجباری است'\n      }\n    }\n  },\n  computed: {\n    ...mapGetters({\n      allUsers: 'users/users',\n      hasUsersSucceeded: 'users/hasUsersSucceeded'\n    }),\n    userListLoading () {\n      return !this.hasUsersSucceeded\n    }\n  },\n  watch: {\n    allUsers: {\n      handler (newVal) {\n        this.setUserList()\n      },\n      immediate: true\n    }\n  },\n  methods: {\n    ...mapActions({\n      addPersonGroup: 'personGroups/addPersonGroup',\n      addPersons: 'personGroups/addPersons',\n      showToast: 'snackbar/showToastMessage'\n    }),\n    async setUserList () {\n      this.userList = await this.allUsers.map(user => {\n        return { text: user.fullName, value: user.personId }\n      })\n    },\n    add () {\n      this.isLoading = true\n      const personIds = this.personGroupPersons.map((person) => {\n        return person.value\n      })\n      const payload = {\n        groupName: this.personGroup.groupName,\n        personIds: personIds\n      }\n      if (this.personGroup.groupName && personIds.length) {\n        this.addPersonGroup(payload)\n          .then((res) => {\n            const successMessage = this.$t('pages.personGroups.personGroupAddedSuccessfully')\n            this.showToast({ content: successMessage, color: 'success' })\n            this.$router.push({ name: 'personGroups' })\n          })\n          .catch((err) => {\n            const errorMessage = err.response.data.error\n            this.showToast({ content: errorMessage, color: 'error' })\n          })\n          .finally(() => {\n            this.isLoading = false\n          })\n      } else {\n        const errorMessage = this.$t('toasts.fillFields')\n        this.showToast({ content: errorMessage, color: 'error' })\n        this.isLoading = false\n      }\n    }\n  }\n}\n</script>\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!./add.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!./add.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./add.vue?vue&type=template&id=5c46b485\"\nimport script from \"./add.vue?vue&type=script&lang=js\"\nexport * from \"./add.vue?vue&type=script&lang=js\"\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  null,\n  null\n  \n)\n\n/* custom blocks */\nimport block0 from \"./add.vue?vue&type=custom&index=0&blockType=route\"\nif (typeof block0 === 'function') block0(component)\n\nexport default component.exports"],"sourceRoot":""}