{"version":3,"sources":["webpack:///./src/components/modals/AddUser.vue?9c24","webpack:///./src/components/modals/AddUser.vue?d100","webpack:///src/components/modals/AddUser.vue","webpack:///./src/components/modals/AddUser.vue?3503","webpack:///./src/components/modals/AddUser.vue?312d"],"names":["_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AddUser_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AddUser_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n","render","_vm","this","_h","$createElement","_c","_self","attrs","id","_v","_s","$t","on","submit","onCreate","inputType","name","label","placeholder","isRequired","focusInputField","model","value","user","callback","$$v","$set","expression","invalidInput","passwordIsOk","staticClass","staticStyle","margin-bottom","class","passwordMinLength","passwordHasCapitalLetter","passwordHasNumber","passwordsMatch","reenteredpassword","_e","type","disabled","valid","loading","click","$event","$emit","staticRenderFns","AddUservue_type_script_lang_js_","props","onSave","inputPlaceholder","title","allowEmpty","data","_this","username","password","phone","checkPasswordDebounce","checkPassword","checkRepeatPasswordDebounce","checkRepeatPassword","newPassword","newPasswordRepeat","passwordLength","computed","methods","evt","length","test","repeatPassword","watch","user.password","mounted","components","CustomInput","modals_AddUservue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__"],"mappings":"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","file":"js/lazy-view-components-modals-AddUser.dabf03a5.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddUser.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddUser.vue?vue&type=style&index=0&lang=less&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"add-user\"}},[_c('h2',[_vm._v(_vm._s(_vm.$t('users.add-user-title')))]),_c('form',{on:{\"submit\":_vm.onCreate}},[_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'nameInput',\"label\":_vm.$t('users.add-user-name-label'),\"placeholder\":_vm.$t('users.add-user-name-ph'),\"isRequired\":true,\"focusInputField\":true},model:{value:(_vm.user.name),callback:function ($$v) {_vm.$set(_vm.user, \"name\", $$v)},expression:\"user.name\"}}),_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'usernameInput',\"label\":_vm.$t('users.add-user-email-label'),\"placeholder\":_vm.$t('users.add-user-email-ph'),\"isRequired\":true},model:{value:(_vm.user.username),callback:function ($$v) {_vm.$set(_vm.user, \"username\", $$v)},expression:\"user.username\"}}),_c('custom-input',{attrs:{\"inputType\":'password',\"name\":'passwordInput',\"label\":_vm.$t('users.add-user-password-label'),\"placeholder\":_vm.$t('users.add-user-password-ph'),\"isRequired\":true,\"invalidInput\":_vm.passwordIsOk == false},model:{value:(_vm.user.password),callback:function ($$v) {_vm.$set(_vm.user, \"password\", $$v)},expression:\"user.password\"}}),_c('p',{staticClass:\"small\",staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(\" \\n        \"+_vm._s(_vm.$t('password-validation.requirements-title'))+\"\\n        \"),_c('span',{class:!_vm.passwordMinLength ? 'error-text' : 'succes'},[_vm._v(_vm._s(_vm.$t('password-validation.chars')))]),_c('span',{class:!_vm.passwordHasCapitalLetter ? 'error-text' :'succes'},[_vm._v(_vm._s(_vm.$t('password-validation.uppercase')))]),_c('span',{class:!_vm.passwordHasNumber ? 'error-text' : 'succes'},[_vm._v(_vm._s(_vm.$t('password-validation.number')))])]),_c('custom-input',{attrs:{\"inputType\":'password',\"name\":'reenteredPasswordInput',\"label\":_vm.$t('users.add-user-repeat-label'),\"placeholder\":_vm.$t('users.add-user-repeat-ph'),\"isRequired\":true,\"invalidInput\":_vm.passwordsMatch == false},model:{value:(_vm.reenteredpassword),callback:function ($$v) {_vm.reenteredpassword=$$v},expression:\"reenteredpassword\"}}),(_vm.passwordsMatch == false)?_c('div',{staticClass:\"small error-text\"},[_vm._v(_vm._s(_vm.$t('reset-password.succesful-reset')))]):_vm._e(),_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'phoneInput',\"label\":_vm.$t('users.add-user-phone-label'),\"placeholder\":_vm.$t('users.add-user-phone-ph'),\"isRequired\":true},model:{value:(_vm.user.phone),callback:function ($$v) {_vm.$set(_vm.user, \"phone\", $$v)},expression:\"user.phone\"}}),_c('div',{staticClass:\"footer\"},[_c('button',{staticClass:\"btn btn-md btn-primary\",attrs:{\"type\":\"submit\",\"disabled\":!_vm.valid,\"loading\":true},on:{\"click\":_vm.onCreate}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('users.add-user-btn-add'))+\"\\n          \")]),_c('button',{staticClass:\"btn btn-md btn-secondary\",attrs:{\"type\":\"reset\"},on:{\"click\":function($event){return _vm.$emit('close')}}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('users.add-user-btn-cancel'))+\"\\n          \")])])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"add-user\">\n    <h2>{{$t('users.add-user-title')}}</h2>\n    <form @submit=\"onCreate\">\n\n      <custom-input :inputType=\"'text'\" v-model=\"user.name\" :name=\"'nameInput'\" :label=\"$t('users.add-user-name-label')\" :placeholder=\"$t('users.add-user-name-ph')\" :isRequired=\"true\" :focusInputField=\"true\" />\n      <custom-input :inputType=\"'text'\" v-model=\"user.username\" :name=\"'usernameInput'\" :label=\"$t('users.add-user-email-label')\" :placeholder=\"$t('users.add-user-email-ph')\" :isRequired=\"true\" />\n      <custom-input :inputType=\"'password'\" v-model=\"user.password\" :name=\"'passwordInput'\" :label=\"$t('users.add-user-password-label')\" :placeholder=\"$t('users.add-user-password-ph')\" :isRequired=\"true\" :invalidInput=\"passwordIsOk == false\"/>\n        <p class=\"small\" style=\"margin-bottom:0;\"> \n          {{$t('password-validation.requirements-title')}}\n          <span  :class=\"!passwordMinLength ? 'error-text' : 'succes'\">{{$t('password-validation.chars')}}</span>\n          <span  :class=\"!passwordHasCapitalLetter ? 'error-text' :'succes'\">{{$t('password-validation.uppercase')}}</span>\n          <span  :class=\"!passwordHasNumber ? 'error-text' : 'succes' \">{{$t('password-validation.number')}}</span>\n        </p>\n      <custom-input :inputType=\"'password'\" v-model=\"reenteredpassword\" :name=\"'reenteredPasswordInput'\" :label=\"$t('users.add-user-repeat-label')\" :placeholder=\"$t('users.add-user-repeat-ph')\" :isRequired=\"true\" :invalidInput=\"passwordsMatch == false\" />\n        <div class=\"small error-text\" v-if=\"passwordsMatch == false\">{{$t('reset-password.succesful-reset')}}</div>\n      <custom-input :inputType=\"'text'\" v-model=\"user.phone\" :name=\"'phoneInput'\" :label=\"$t('users.add-user-phone-label')\" :placeholder=\"$t('users.add-user-phone-ph')\" :isRequired=\"true\" />\n\n        <div class=\"footer\">       \n            <button\n              type=\"submit\"\n              class=\"btn btn-md btn-primary\"\n              :disabled=\"!valid\"\n              @click=\"onCreate\"\n              v-bind:loading=\"true\"\n            >\n              {{$t('users.add-user-btn-add')}}\n            </button>\n              <button type=\"reset\" class=\"btn btn-md btn-secondary\" @click=\"$emit('close')\">\n              {{$t('users.add-user-btn-cancel')}}\n            </button>\n        </div>\n    </form>\n  </div>\n</template>\n\n<script>\nimport CustomInput from \"@/components/CustomInput\";\nimport debounce from 'lodash/debounce'\nexport default {\n  props: {\n    onSave: Function,\n    inputPlaceholder: String,\n    title: String,\n    allowEmpty: Boolean,\n\n  },\n  data() {\n    return {\n      user: {\n        username: \"\",\n        name: \"\",\n        password: \"\",\n        phone: \"\"\n      },\n    \n    reenteredpassword: \"\",\n     checkPasswordDebounce: debounce((password) => {\n            this.checkPassword(password)\n            }, 500),\n        checkRepeatPasswordDebounce:  debounce((newPassword, newPasswordRepeat) => {\n            this.checkRepeatPassword(newPassword, newPasswordRepeat)\n            }, 500),\n        passwordLength: 0,\n        passwordMinLength: false,\n        passwordHasCapitalLetter: false,\n        passwordHasNumber: false,\n        passwordIsOk: null,\n        passwordsMatch: null\n\n    };\n  },\n  computed: {\n    valid() {\n      return (\n        this.user.name &&\n        this.user.username &&\n        this.user.password == this.reenteredpassword && \n        this.passwordsMatch && this.passwordIsOk\n      );\n    }\n  },\n  methods: {\n    onCreate(evt) {\n      evt.preventDefault();\n      this.onSave(this.user)\n      this.$emit(\"close\");\n      // this.loading = true;\n    },\n      checkPassword(password){\n        // Min requirements - 6 letters, 1 capital, 1 number\n        this.passwordLength = password.length\n        if(this.passwordLength >= 6){\n            this.passwordMinLength = true\n        }else this.passwordMinLength = false\n        this.passwordHasCapitalLetter = /[A-Z]/.test(password)\n        this.passwordHasNumber = /\\d/.test(password)\n        if(this.passwordMinLength && this.passwordHasCapitalLetter && this.passwordHasNumber){\n            this.passwordIsOk = true\n        }else {\n          this.user.password == '' ? this.passwordIsOk = null : this.passwordIsOk = false\n        }\n    },\n    checkRepeatPassword(newPassword, repeatPassword){\n        if(repeatPassword == '')this.passwordsMatch = null\n        else{\n            if (newPassword === repeatPassword) this.passwordsMatch = true\n            else this.passwordsMatch = false\n        }\n    }\n  },\n  watch: {\n    'user.password': function(value) {\n        this.checkPasswordDebounce(this.user.password)\n        this.checkRepeatPasswordDebounce(this.user.password, this.reenteredpassword)\n\t},\n\t'reenteredpassword': function(value) {  \n        this.checkRepeatPasswordDebounce(this.user.password, this.reenteredpassword)\n    }\n  },\n  mounted(){\n    // this.$refs.name.focus() \n  },\n  components:{\n    CustomInput\n  }\n}\n</script>\n\n<style lang=\"less\">\n@keyframes dropIn {\n  from{\n    transform: translateY(-100px);\n    opacity: 0.6;\n  }\n  to{\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n  .v--modal-box.v--modal{ \n    animation: dropIn .4s ease ;\n  }\n\n  .v--modal-overlay .v--modal-background-click{\n    overflow: auto;\n  }\n\n#add-user {\n    padding: 30px 25px 25px 25px;\n   \n  h2 {\n    margin-bottom: 0;\n  }\n  form {\n    display: flex;\n    flex-direction: column;\n    .error-text{\n      color:#cd4b3d;\n    }\n    .succes{\n      color: #28a745;\n    }\n  }\n  .footer {\n    margin-top: 30px;\n    display: flex;\n    .btn-primary{\n      margin-right: 15px;\n    }\n  }\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!./AddUser.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!./AddUser.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddUser.vue?vue&type=template&id=4cf6168e&\"\nimport script from \"./AddUser.vue?vue&type=script&lang=js&\"\nexport * from \"./AddUser.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AddUser.vue?vue&type=style&index=0&lang=less&\"\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":""}