{"version":3,"sources":["webpack:///./node_modules/ant-design-vue/es/space/index.js","webpack:///./src/views/belen/users/new/index.vue?9d08","webpack:///src/views/belen/users/new/index.vue","webpack:///./src/views/belen/users/new/index.vue?9ca1","webpack:///./src/views/belen/users/new/index.vue"],"names":["SpaceSizeType","oneOfType","number","oneOf","spaceSize","small","middle","large","SpaceProps","prefixCls","string","size","direction","align","Space","functional","name","props","inject","configProvider","render","h","content","_someSpaceClass","customizePrefixCls","injections","children","_content$props","getPrefixCls","items","len","length","mergedAlign","undefined","someSpaceClass","itemClassName","marginDirection","map","child","i","key","style","Vue","component","_vm","this","_h","$createElement","_c","_self","attrs","loading","staticClass","_v","span","ref","form","rules","labelCol","wrapperCol","on","$refs","userName","onFieldBlur","model","value","callback","$$v","$set","expression","firstName","lastName","staticStyle","displayName","filterOption","participant","handleChangeParticipant","isEdit","currentUser","id","_s","_e","_l","unallocatedParticipants","resendActivationEmail","resetPassword","onSubmit","staticRenderFns","use","Button","Row","Col","xs","sm","type","Boolean","default","data","allParticipants","required","message","trigger","methods","input","option","componentOptions","text","toLowerCase","indexOf","_this","UserService","resendActivation","$route","params","then","response","$notification","success","description","catch","error","_this2","_this3","ruleForm","validate","valid","console","log","dataToSend","username","update","getData","save","$router","push","_this4","get","getParticipants","_this5","ParticipantService","watch","val","computed","filter","user","mounted"],"mappings":"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","file":"js/chunk-ee97a7e0.b7fc1e09.js","sourcesContent":["import _defineProperty from 'babel-runtime/helpers/defineProperty';\nimport PropTypes from '../_util/vue-types';\nimport { filterEmpty, initDefaultProps } from '../_util/props-util';\nimport { ConfigConsumerProps } from '../config-provider';\n\nexport var SpaceSizeType = PropTypes.oneOfType([PropTypes.number, PropTypes.oneOf(['small', 'middle', 'large'])]);\n\nvar spaceSize = {\n  small: 8,\n  middle: 16,\n  large: 24\n};\n\nexport var SpaceProps = {\n  prefixCls: PropTypes.string,\n  size: SpaceSizeType,\n  direction: PropTypes.oneOf(['horizontal', 'vertical']),\n  align: PropTypes.oneOf(['start', 'end', 'center', 'baseline'])\n};\n\nvar Space = {\n  functional: true,\n  name: 'ASpace',\n  props: initDefaultProps(SpaceProps, {\n    size: 'small',\n    direction: 'horizontal'\n  }),\n  inject: {\n    configProvider: { 'default': function _default() {\n        return ConfigConsumerProps;\n      } }\n  },\n  render: function render(h, content) {\n    var _someSpaceClass;\n\n    var customizePrefixCls = content.prefixCls,\n        configProvider = content.injections.configProvider,\n        children = content.children;\n    var _content$props = content.props,\n        align = _content$props.align,\n        size = _content$props.size,\n        direction = _content$props.direction;\n\n\n    var getPrefixCls = configProvider.getPrefixCls;\n    var prefixCls = getPrefixCls('space', customizePrefixCls);\n    var items = filterEmpty(children);\n    var len = items.length;\n\n    if (len === 0) {\n      return null;\n    }\n\n    var mergedAlign = align === undefined && direction === 'horizontal' ? 'center' : align;\n\n    var someSpaceClass = (_someSpaceClass = {}, _defineProperty(_someSpaceClass, prefixCls, true), _defineProperty(_someSpaceClass, prefixCls + '-' + direction, true), _defineProperty(_someSpaceClass, prefixCls + '-align-' + mergedAlign, mergedAlign), _someSpaceClass);\n\n    var itemClassName = prefixCls + '-item';\n    var marginDirection = 'marginRight'; // directionConfig === 'rtl' ? 'marginLeft' : 'marginRight';\n\n    return h(\n      'div',\n      { 'class': someSpaceClass },\n      [items.map(function (child, i) {\n        return h(\n          'div',\n          {\n            'class': itemClassName,\n            key: itemClassName + '-' + i,\n            style: i === len - 1 ? {} : _defineProperty({}, direction === 'vertical' ? 'marginBottom' : marginDirection, typeof size === 'string' ? spaceSize[size] + 'px' : size + 'px')\n          },\n          [child]\n        );\n      })]\n    );\n  }\n};\n\n/* istanbul ignore next */\nSpace.install = function (Vue) {\n  Vue.component(Space.name, Space);\n};\nexport default Space;","var render = function () {\n  var _vm=this;\n  var _h=_vm.$createElement;\n  var _c=_vm._self._c||_h;\n\n  return _c('div', [_c('a-spin', {\n    attrs: {\n      \"spinning\": _vm.loading\n    }\n  }, [_c('div', {\n    staticClass: \"card\"\n  }, [_c('div', {\n    staticClass: \"card-body\"\n  }, [_c('h5', {\n    staticClass: \"mb-4\"\n  }, [_c('strong', [_vm._v(\"Add details\")])]), _c('a-row', [_c('a-col', {\n    attrs: {\n      \"xs\": {\n        span: 24\n      },\n      \"sm\": {\n        span: 12\n      }\n    }\n  }, [_c('a-form-model', {\n    ref: \"ruleForm\",\n    attrs: {\n      \"model\": _vm.form,\n      \"rules\": _vm.rules\n    }\n  }, [_c('a-form-model-item', {\n    ref: \"userName\",\n    attrs: {\n      \"prop\": \"userName\",\n      \"label-col\": _vm.labelCol,\n      \"wrapper-col\": _vm.wrapperCol,\n      \"label\": \"Username (email)\"\n    },\n    on: {\n      \"blur\": function blur() {\n        _vm.$refs.userName.onFieldBlur();\n      }\n    }\n  }, [_c('a-input', {\n    model: {\n      value: _vm.form.userName,\n      callback: function callback($$v) {\n        _vm.$set(_vm.form, \"userName\", $$v);\n      },\n      expression: \"form.userName\"\n    }\n  })], 1), _c('a-form-model-item', {\n    ref: \"firstName\",\n    attrs: {\n      \"prop\": \"firstName\",\n      \"label-col\": _vm.labelCol,\n      \"wrapper-col\": _vm.wrapperCol,\n      \"label\": \"First name\"\n    },\n    on: {\n      \"blur\": function blur() {\n        _vm.$refs.firstName.onFieldBlur();\n      }\n    }\n  }, [_c('a-input', {\n    model: {\n      value: _vm.form.firstName,\n      callback: function callback($$v) {\n        _vm.$set(_vm.form, \"firstName\", $$v);\n      },\n      expression: \"form.firstName\"\n    }\n  })], 1), _c('a-form-model-item', {\n    ref: \"lastName\",\n    attrs: {\n      \"prop\": \"lastName\",\n      \"label-col\": _vm.labelCol,\n      \"wrapper-col\": _vm.wrapperCol,\n      \"label\": \"Last name\"\n    },\n    on: {\n      \"blur\": function blur() {\n        _vm.$refs.lastName.onFieldBlur();\n      }\n    }\n  }, [_c('a-input', {\n    model: {\n      value: _vm.form.lastName,\n      callback: function callback($$v) {\n        _vm.$set(_vm.form, \"lastName\", $$v);\n      },\n      expression: \"form.lastName\"\n    }\n  })], 1), _c('a-form-model-item', {\n    attrs: {\n      \"label-col\": _vm.labelCol,\n      \"wrapper-col\": _vm.wrapperCol,\n      \"label\": \"Display name\"\n    }\n  }, [_c('a-input', {\n    staticStyle: {\n      \"background-color\": \"white !important\",\n      \"color\": \"black\"\n    },\n    attrs: {\n      \"disabled\": \"\"\n    },\n    model: {\n      value: _vm.displayName,\n      callback: function callback($$v) {\n        _vm.displayName = $$v;\n      },\n      expression: \"displayName\"\n    }\n  })], 1), _c('a-form-model-item', {\n    attrs: {\n      \"label-col\": _vm.labelCol,\n      \"wrapper-col\": _vm.wrapperCol,\n      \"label\": \"Participant\"\n    }\n  }, [_c('a-select', {\n    staticStyle: {\n      \"width\": \"100%\"\n    },\n    attrs: {\n      \"show-search\": \"\",\n      \"option-filter-prop\": \"children\",\n      \"allowClear\": \"\",\n      \"filter-option\": _vm.filterOption,\n      \"value\": _vm.form.participant == null ? undefined : _vm.form.participant\n    },\n    on: {\n      \"change\": _vm.handleChangeParticipant\n    }\n  }, [_vm.isEdit ? _c('a-select-option', {\n    key: _vm.currentUser.participant.id,\n    attrs: {\n      \"value\": _vm.currentUser.participant.id\n    }\n  }, [_vm._v(\" \" + _vm._s(_vm.currentUser.participant.name) + \" \")]) : _vm._e(), _vm._l(_vm.unallocatedParticipants, function (participant) {\n    return _c('a-select-option', {\n      key: participant.id,\n      attrs: {\n        \"value\": participant.id\n      }\n    }, [_vm._v(_vm._s(participant.name))]);\n  })], 2)], 1), _c('div', {\n    staticClass: \"float-right\"\n  }, [_c('a-space', {\n    attrs: {\n      \"space\": 16\n    }\n  }, [_vm.isEdit ? _c('a-button', {\n    attrs: {\n      \"type\": \"default\"\n    },\n    on: {\n      \"click\": _vm.resendActivationEmail\n    }\n  }, [_vm._v(\" Resend activation email \")]) : _vm._e(), _vm.isEdit ? _c('a-button', {\n    attrs: {\n      \"type\": \"danger\"\n    },\n    on: {\n      \"click\": _vm.resetPassword\n    }\n  }, [_vm._v(\" Reset password \")]) : _vm._e(), _c('a-button', {\n    staticClass: \"btn btn-success\",\n    on: {\n      \"click\": _vm.onSubmit\n    }\n  }, [_vm._v(\" Save \")])], 1)], 1)], 1)], 1)], 1)], 1)])])], 1);\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <a-spin :spinning=\"loading\">\n      <div class=\"card\">\n        <div class=\"card-body\">\n          <h5 class=\"mb-4\">\n            <strong>Add details</strong>\n          </h5>\n          <a-row>\n            <a-col :xs=\"{ span: 24 }\" :sm=\"{ span: 12 }\">\n              <a-form-model ref=\"ruleForm\" :model=\"form\" :rules=\"rules\">\n                <a-form-model-item\n                  ref=\"userName\"\n                  prop=\"userName\"\n                  :label-col=\"labelCol\"\n                  :wrapper-col=\"wrapperCol\"\n                  label=\"Username (email)\"\n                  @blur=\"\n                    () => {\n                      $refs.userName.onFieldBlur()\n                    }\n                  \"\n                >\n                  <a-input v-model=\"form.userName\" />\n                </a-form-model-item>\n                <a-form-model-item\n                  ref=\"firstName\"\n                  prop=\"firstName\"\n                  :label-col=\"labelCol\"\n                  :wrapper-col=\"wrapperCol\"\n                  label=\"First name\"\n                  @blur=\"\n                    () => {\n                      $refs.firstName.onFieldBlur()\n                    }\n                  \"\n                >\n                  <a-input v-model=\"form.firstName\" />\n                </a-form-model-item>\n\n                <a-form-model-item\n                  ref=\"lastName\"\n                  prop=\"lastName\"\n                  :label-col=\"labelCol\"\n                  :wrapper-col=\"wrapperCol\"\n                  label=\"Last name\"\n                  @blur=\"\n                    () => {\n                      $refs.lastName.onFieldBlur()\n                    }\n                  \"\n                >\n                  <a-input v-model=\"form.lastName\" />\n                </a-form-model-item>\n\n                <a-form-model-item\n                  :label-col=\"labelCol\"\n                  :wrapper-col=\"wrapperCol\"\n                  label=\"Display name\"\n                >\n                  <a-input\n                    v-model=\"displayName\"\n                    disabled\n                    style=\"background-color: white !important; color: black;\"\n                  />\n                </a-form-model-item>\n\n                <a-form-model-item\n                  :label-col=\"labelCol\"\n                  :wrapper-col=\"wrapperCol\"\n                  label=\"Participant\"\n                >\n                  <a-select\n                    show-search\n                    option-filter-prop=\"children\"\n                    allowClear\n                    style=\"width: 100%;\"\n                    :filter-option=\"filterOption\"\n                    :value=\"\n                      form.participant == null ? undefined : form.participant\n                    \"\n                    @change=\"handleChangeParticipant\"\n                  >\n                    <a-select-option\n                      v-if=\"isEdit\"\n                      :key=\"currentUser.participant.id\"\n                      :value=\"currentUser.participant.id\"\n                    >\n                      {{ currentUser.participant.name }}\n                    </a-select-option>\n                    <a-select-option\n                      v-for=\"participant in unallocatedParticipants\"\n                      :key=\"participant.id\"\n                      :value=\"participant.id\"\n                      >{{ participant.name }}</a-select-option\n                    >\n                  </a-select>\n                </a-form-model-item>\n                <div class=\"float-right\">\n                  <a-space :space=\"16\">\n                    <a-button\n                      v-if=\"isEdit\"\n                      @click=\"resendActivationEmail\"\n                      class=\"\"\n                      type=\"default\"\n                    >\n                      Resend activation email\n                    </a-button>\n\n                    <a-button\n                      v-if=\"isEdit\"\n                      @click=\"resetPassword\"\n                      class=\"\"\n                      type=\"danger\"\n                    >\n                      Reset password\n                    </a-button>\n\n                    <a-button @click=\"onSubmit\" class=\"btn btn-success\">\n                      Save\n                    </a-button>\n                  </a-space>\n                </div>\n              </a-form-model>\n            </a-col>\n          </a-row>\n        </div>\n      </div>\n    </a-spin>\n  </div>\n</template>\n\n<script>\nimport Vue from 'vue'\nimport { Space, Button, Row, Col } from 'ant-design-vue'\nVue.use(Space)\nVue.use(Button)\nVue.use(Row)\nVue.use(Col)\nimport { UserService, ParticipantService } from '@/services/api'\n\nconst labelCol = {\n  xs: { span: 24 },\n  sm: { span: 4 },\n}\nconst wrapperCol = {\n  xs: { span: 24 },\n  sm: { span: 20 },\n}\n\nexport default {\n  props: {\n    isEdit: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  data: function () {\n    return {\n      labelCol,\n      wrapperCol,\n      loading: true,\n      currentUser: {\n        participant: {\n          name: '',\n        },\n      },\n      allParticipants: [],\n      rules: {\n        firstName: [\n          {\n            required: true,\n            message: 'Please input First name',\n            trigger: 'blur',\n          },\n        ],\n        lastName: [\n          {\n            required: true,\n            message: 'Please input Last name',\n            trigger: 'blur',\n          },\n        ],\n        userName: [\n          {\n            required: true,\n            message: 'Please input Username (email address)',\n            trigger: 'blur',\n          },\n        ],\n      },\n      form: {\n        firstName: '',\n        lastName: '',\n        userName: '',\n        participant: null,\n      },\n    }\n  },\n  methods: {\n    handleChangeParticipant(value) {\n      this.form.participant = value\n    },\n    filterOption(input, option) {\n      return (\n        option.componentOptions.children[0].text\n          .toLowerCase()\n          .indexOf(input.toLowerCase()) >= 0\n      )\n    },\n    resendActivationEmail() {\n      UserService.resendActivation(this.$route.params.id)\n        .then((response) => {\n          this.$notification.success({\n            message: 'Action successful',\n            description: `Activation email sent to user.`,\n          })\n        })\n        .catch((error) => {\n          this.$notification.error({\n            message: 'Action failed',\n            description: `Activation email sending failed. Please try again.`,\n          })\n        })\n    },\n    resetPassword() {\n      UserService.resetPassword(this.$route.params.id)\n        .then((response) => {\n          this.$notification.success({\n            message: 'Reset password',\n            description: `Password reset initiated successfully.`,\n          })\n        })\n        .catch((error) => {\n          this.$notification.error({\n            message: 'Reset password',\n            description: `Failed to initiate password reset. Please try again.`,\n          })\n        })\n    },\n    onSubmit() {\n      this.$refs.ruleForm.validate((valid) => {\n        if (valid) {\n          this.loading = true\n\n          if (this.form.participant == undefined) {\n            this.form.participant = null\n          }\n\n          var dataToSend = {\n            firstName: this.form.firstName,\n            lastName: this.form.lastName,\n            username: this.form.userName,\n            participant: this.form.participant,\n          }\n          if (this.isEdit) {\n            UserService.update(this.$route.params.id, dataToSend).then(\n              (response) => {\n                this.$notification.success({\n                  message: 'User update',\n                  description: `User details have been updated successfully.`,\n                })\n                this.getData()\n              }\n            )\n          } else {\n            UserService.save(dataToSend).then((response) => {\n              // console.log(response.data.data)\n              // this.dataSource = response.data.data\n              this.$notification.success({\n                message: 'User added',\n                description: `New user has been added successfully.`,\n              })\n              this.$router.push('/users')\n              // this.loading = false\n            })\n          }\n        } else {\n          console.log('error submit!!')\n          return false\n        }\n      })\n    },\n    getData() {\n      UserService.get(this.$route.params.id).then((response) => {\n        this.currentUser = response.data.data\n        this.form.firstName = response.data.data.firstName\n        this.form.lastName = response.data.data.lastName\n        this.form.userName = response.data.data.username\n        this.form.participant = response.data.data.participant\n          ? response.data.data.participant.id\n          : null\n        this.loading = false\n      })\n    },\n    getParticipants() {\n      ParticipantService.get().then((response) => {\n        this.allParticipants = response.data.data\n      })\n    },\n  },\n  watch: {\n    isEdit: function (val) {\n      if (!val) {\n        this.form.firstName = ''\n        this.form.lastName = ''\n        this.form.userName = ''\n        this.form.participant = null\n      }\n    },\n  },\n  computed: {\n    // a computed getter\n    unallocatedParticipants: function () {\n      return this.allParticipants.filter(\n        (participant) => participant.user == null\n      )\n    },\n    displayName: function () {\n      // `this` points to the vm instance\n      return this.form.firstName + ' ' + this.form.lastName\n    },\n  },\n  mounted() {\n    this.getParticipants()\n    if (this.isEdit) {\n      this.getData()\n    } else {\n      this.loading = false\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=656dc622&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.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\nexport default component.exports"],"sourceRoot":""}