{"version":3,"sources":["webpack:///./src/pages/messages/add.vue","webpack:///src/pages/messages/add.vue","webpack:///./src/pages/messages/add.vue?2aa3","webpack:///./src/pages/messages/add.vue?ad76"],"names":["attrs","_vm","model","value","message","callback","$set","expression","staticClass","_c","sendMessage","_v","staticRenderFns","layout","APP_CONFIG","mainPanelLayout","data","userIds","title","body","userList","isLoading","computed","mapGetters","monthsArray","allUsers","hasUsersSucceeded","userListLoading","watch","handler","setUserList","deep","created","length","methods","mapActions","addMessageByUserId","showToast","then","response","successMessage","$t","content","color","errorMessage","map","user","text","fullName","id","component"],"mappings":"+NAA8I,EAAK,W,IAASA,EAAM,K,EAAC,EAAK,S,OAAC,mBAAE,YAAK,QAAaA,GAAK,OAAC,C,YAAQ,Q,CAAe,SAAQC,C,MAAa,CAAc,GAAM,I,CAAuD,cAAcA,CAAqC,MAAC,CAACC,KAAM,eAACC,MAAOF,EAAIG,SAAiBC,SAAS,G,KAAoBC,qBAAiC,MAAC,uBAACC,YAAW,qCAAoB,MAAMN,CAAiCO,QAAY,gBAAgCR,SAAM,YAAC,EAAK,6BAAKS,WAAG,sBAA8B,qBAAkB,U,YAAS,gC,MAAU,CAAU,OAA6BT,GAAK,OAAC,C,MAAK,CAAE,iBAAIS,MAAG,UAAaT,MAAM,OAAkB,GAAM,EAAC,e,MAAqB,CAAqC,OAAyDE,GAAK,YAAC,C,MAAM,CAAqBG,KAAQ,U,KAAqBC,qBAA+B,MAAC,2BAACC,YAAW,yCAAkB,MAAKE,CAAYT,MAAM,gBAAC,SAAK,YAAE,6BAAoBA,WAAM,oBAAmB,KAAO,OAAG,C,MAAC,CAA4B,QAA2F,gBAACE,MAAM,CAACC,KAAOF,WAAkBI,KAAQ,I,KAAqBC,qBAA8B,MAAC,0BAACC,YAAW,wCAAiB,MAAK,CAAqCC,QAAY,aAAyBR,SAAM,YAAC,OAAU,qBAAmB,8BAAK,OAAQC,EAAIS,kBAAW,qCAAE,MAAMC,CAC/8C,SACGC,iB,yGC6EW,GACfC,OAAAC,WAAAD,OAAAE,gBACAC,OACA,OACAZ,QAAA,CACAa,QAAA,GACAC,MAAA,KACAC,KAAA,MAEAC,SAAA,GACAC,WAAA,IAGAC,SAAA,IACAC,eAAA,CACAC,YAAA,oBACAC,SAAA,cACAC,kBAAA,4BAEAC,kBACA,YAAAD,oBAGAE,MAAA,CACAH,SAAA,CACAI,UACA,KAAAC,eAEAC,MAAA,IAGAC,UACA,KAAAP,SAAAQ,QACA,KAAAH,eAGAI,QAAA,IACAC,eAAA,CACAC,mBAAA,8BACAC,UAAA,8BAEA3B,cACA,QAAAN,QAAAa,QAAAgB,QAAA,KAAA7B,QAAAc,OAAA,KAAAd,QAAAe,KACA,KAAAiB,mBAAA,KAAAhC,SAAAkC,KAAAC,IACA,MAAAC,EAAA,KAAAC,GAAA,4CACA,KAAAJ,UAAA,CAAAK,QAAAF,EAAAG,MAAA,kBAEA,CACA,MAAAC,EAAA,KAAAH,GAAA,qBACA,KAAAJ,UAAA,CAAAK,QAAAE,EAAAD,MAAA,YAGAb,cACA,KAAAT,WAAA,EACA,KAAAD,SAAA,KAAAK,SAAAoB,IAAAC,IACA,CAAAC,KAAAD,EAAAE,SAAA7C,MAAA2C,EAAAG,SCtI2V,I,iCCOvVC,EAAY,eACd,EACA,EACAtC,GACA,EACA,KACA,KACA,MAMoB,oBAAX,KAAuB,IAAOsC,GAE1B,aAAAA,E","file":"js/page-messages-add.8416c84d.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-card',{staticClass:\"mt-5\"},[_c('v-row',{staticClass:\"px-3\"},[_c('v-col',{attrs:{\"sm\":7}},[_c('form-item',{attrs:{\"type\":\"autocomplete\",\"items\":_vm.userList,\"multiple\":\"\",\"icon\":\"mdi-account-circle\",\"label\":_vm.$t('enums.userList'),\"placeholder\":_vm.$t('enums.placeholders.userList')},model:{value:(_vm.message.userIds),callback:function ($$v) {_vm.$set(_vm.message, \"userIds\", $$v)},expression:\"message.userIds\"}})],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(),_c('v-col',{attrs:{\"sm\":7}},[_c('form-item',{attrs:{\"type\":\"textbox\",\"icon\":\"mdi-account-circle\",\"label\":_vm.$t('enums.messageTitle'),\"placeholder\":_vm.$t('enums.placeholders.messageTitle')},model:{value:(_vm.message.title),callback:function ($$v) {_vm.$set(_vm.message, \"title\", $$v)},expression:\"message.title\"}})],1),_c('v-col',{attrs:{\"sm\":12}},[_c('form-item',{attrs:{\"type\":\"textarea\",\"rows\":\"2\",\"icon\":\"mdi-account-circle\",\"label\":_vm.$t('enums.messageBody'),\"placeholder\":_vm.$t('enums.placeholders.messageBody')},model:{value:(_vm.message.body),callback:function ($$v) {_vm.$set(_vm.message, \"body\", $$v)},expression:\"message.body\"}})],1)],1),_c('v-card-actions',[_c('v-btn',{staticClass:\"px-5 mt-2 ml-1 mr-auto\",attrs:{\"large\":\"\",\"color\":\"success\"},on:{\"click\":_vm.sendMessage}},[_vm._v(\" \"+_vm._s(_vm.$t('enums.sendMessage'))+\" \")])],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<route>\n{\n  \"name\": \"addPayrolls\",\n  \"meta\": {\n    \"order\": 4,\n    \"isVisible\": false,\n    \"iconName\": \"mdi-arrow-left\"\n  }\n}\n</route>\n<template>\n  <div>\n    <v-card class=\"mt-5\">\n        <v-row\n          class=\"px-3\"\n          >\n          <v-col\n            :sm=\"7\"\n            >\n            <form-item\n              v-model=\"message.userIds\"\n              type=\"autocomplete\"\n              :items=\"userList\"\n              multiple\n              icon=\"mdi-account-circle\"\n              :label=\"$t('enums.userList')\"\n              :placeholder=\"$t('enums.placeholders.userList')\"\n              ></form-item>\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-col\n            :sm=\"7\"\n            >\n            <form-item\n              v-model=\"message.title\"\n              type=\"textbox\"\n              icon=\"mdi-account-circle\"\n              :label=\"$t('enums.messageTitle')\"\n              :placeholder=\"$t('enums.placeholders.messageTitle')\"\n              ></form-item>\n          </v-col>\n          <v-col\n            :sm=\"12\"\n            >\n            <form-item\n              v-model=\"message.body\"\n              type=\"textarea\"\n              rows=\"2\"\n              icon=\"mdi-account-circle\"\n              :label=\"$t('enums.messageBody')\"\n              :placeholder=\"$t('enums.placeholders.messageBody')\"\n              ></form-item>\n          </v-col>\n        </v-row>\n          <v-card-actions>\n            <v-btn\n              large\n              class=\"px-5 mt-2 ml-1 mr-auto\"\n              color=\"success\"\n              @click=\"sendMessage\"\n              >\n              {{ $t('enums.sendMessage') }}\n            </v-btn>\n          </v-card-actions>\n    </v-card>\n  </div>\n</template>\n<script>\nimport { mapActions, mapGetters } from 'vuex'\nexport default {\n  layout: APP_CONFIG.layout.mainPanelLayout,\n  data () {\n    return {\n      message: {\n        userIds: [],\n        title: null,\n        body: null\n      },\n      userList: [],\n      isLoading: false\n    }\n  },\n  computed: {\n    ...mapGetters({\n      monthsArray: 'enums/monthsArray',\n      allUsers: 'users/users',\n      hasUsersSucceeded: 'users/hasUsersSucceeded'\n    }),\n    userListLoading () {\n      return !this.hasUsersSucceeded\n    }\n  },\n  watch: {\n    allUsers: {\n      handler () {\n        this.setUserList()\n      },\n      deep: true\n    }\n  },\n  created () {\n    if (this.allUsers.length) {\n      this.setUserList()\n    }\n  },\n  methods: {\n    ...mapActions({\n      addMessageByUserId: 'messages/addMessageByUserId',\n      showToast: 'snackbar/showToastMessage'\n    }),\n    sendMessage () {\n      if (this.message.userIds.length && this.message.title && this.message.body) {\n        this.addMessageByUserId(this.message).then(response => {\n          const successMessage = this.$t('pages.messages.messageSendedSuccessfully')\n          this.showToast({ content: successMessage, color: 'success' })\n        })\n      } else {\n        const errorMessage = this.$t('toasts.fillFields')\n        this.showToast({ content: errorMessage, color: 'error' })\n      }\n    },\n    setUserList () {\n      this.isLoading = false\n      this.userList = this.allUsers.map(user => {\n        return { text: user.fullName, value: user.id }\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=acb4827c\"\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":""}