{"version":3,"sources":["webpack:///./src/components/UserAccount.vue?4f57","webpack:///src/components/UserAccount.vue","webpack:///./src/components/UserAccount.vue?b681","webpack:///./src/components/UserAccount.vue?7301","webpack:///./src/components/helpers/SubmitButton.vue?848f","webpack:///./src/components/helpers/CancelButton.vue?e629","webpack:///./src/components/UserAccount.vue?5fcf","webpack:///./src/components/helpers/SubmitButton.vue?46fe","webpack:///src/components/helpers/SubmitButton.vue","webpack:///./src/components/helpers/SubmitButton.vue?0a57","webpack:///./src/components/helpers/SubmitButton.vue?7c17","webpack:///./src/components/helpers/CancelButton.vue?d66d","webpack:///src/components/helpers/CancelButton.vue","webpack:///./src/components/helpers/CancelButton.vue?2042","webpack:///./src/components/helpers/CancelButton.vue?2353"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","errors","error","attrs","msg","_v","_s","title","formMode","class","required","register","$t","directives","name","rawName","value","expression","domProps","on","$event","target","composing","username","_e","secondName","firstName","ref","password","length","password2","isAdmin","statuses","model","callback","$$v","status","roles","selectedRole","$store","getters","id","groups","userGroups","selectedGroups","save","cancel","staticRenderFns","components","SubmitButton","Message","Multiselect","CancelButton","data","user","props","type","Object","String","methods","validate","$emit","computed","two","component","style","saveChanges","buttonTextC","buttonText","default","mounted","styleObject","cssConfig","submitButton","cancelButton"],"mappings":"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","file":"js/chunk-6f4764c9.31d905e0.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"user-edit-form-container\"},[_vm._l((_vm.errors.items),function(error){return _c('Message',{attrs:{\"message\":error.msg,\"type\":\"error\"}})}),_c('h2',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]),_c('form',{attrs:{\"id\":\"user-edit\"}},[_c('div',{staticClass:\"personal-data\"},[(_vm.formMode === 'register')?_c('div',{staticClass:\"input\"},[_c('span',{staticClass:\"label\",class:{required: _vm.register}},[_vm._v(_vm._s(_vm.$t('account.login')))]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.username),expression:\"username\"},{name:\"validate\",rawName:\"v-validate\",value:('required|email'),expression:\"'required|email'\"}],attrs:{\"placeholder\":_vm.$t('account.login'),\"name\":\"login\",\"type\":\"text\"},domProps:{\"value\":(_vm.username)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.username=$event.target.value}}})]):_vm._e(),(_vm.formMode !== 'register')?_c('div',{staticClass:\"input\"},[_c('span',{staticClass:\"label\",class:{required: _vm.register}},[_vm._v(_vm._s(_vm.$t('account.login')))]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.username),expression:\"username\"}],attrs:{\"placeholder\":_vm.$t('account.login'),\"disabled\":\"\",\"name\":\"login\",\"type\":\"text\"},domProps:{\"value\":(_vm.username)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.username=$event.target.value}}})]):_vm._e(),_c('div',{staticClass:\"input\"},[_c('span',{staticClass:\"label\",class:{required: _vm.register}},[_vm._v(_vm._s(_vm.$t('account.lastName')))]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.secondName),expression:\"secondName\"}],attrs:{\"placeholder\":_vm.$t('account.lastName'),\"type\":\"text\"},domProps:{\"value\":(_vm.secondName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.secondName=$event.target.value}}})]),_c('div',{staticClass:\"input\"},[_c('span',{staticClass:\"label\",class:{required: _vm.register}},[_vm._v(_vm._s(_vm.$t('account.firstName')))]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.firstName),expression:\"firstName\"}],attrs:{\"placeholder\":_vm.$t('account.firstName'),\"type\":\"text\"},domProps:{\"value\":(_vm.firstName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.firstName=$event.target.value}}})])]),_c('div',{staticClass:\"password-data\"},[_c('div',{staticClass:\"input\"},[_c('span',{staticClass:\"label\",class:{required: _vm.register}},[_vm._v(_vm._s(_vm.$t('account.password')))]),(_vm.formMode === 'register')?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.password),expression:\"password\"},{name:\"validate\",rawName:\"v-validate\",value:('required|min:8'),expression:\"'required|min:8'\"}],ref:\"password\",attrs:{\"placeholder\":_vm.$t('account.password'),\"autocomplete\":\"new-password\",\"name\":\"password\",\"type\":\"password\"},domProps:{\"value\":(_vm.password)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.password=$event.target.value}}}):_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.password),expression:\"password\"},{name:\"validate\",rawName:\"v-validate\",value:('min:8'),expression:\"'min:8'\"}],ref:\"password\",attrs:{\"placeholder\":_vm.$t('account.password'),\"autocomplete\":\"new-password\",\"name\":\"password\",\"type\":\"password\"},domProps:{\"value\":(_vm.password)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.password=$event.target.value}}})]),_c('div',{staticClass:\"input\"},[_c('span',{staticClass:\"label\",class:{required: _vm.register}},[_vm._v(_vm._s(_vm.$t('account.repeatPassword')))]),(_vm.formMode === 'register' || _vm.password.length > 0)?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.password2),expression:\"password2\"},{name:\"validate\",rawName:\"v-validate\",value:('required|confirmed:password'),expression:\"'required|confirmed:password'\"}],attrs:{\"data-vv-as\":\"password\",\"data-vv-rules\":\"confirmed:password\",\"placeholder\":_vm.$t('account.repeatPassword'),\"name\":\"password_confirmation\",\"type\":\"password\"},domProps:{\"value\":(_vm.password2)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.password2=$event.target.value}}}):_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.password2),expression:\"password2\"},{name:\"validate\",rawName:\"v-validate\",value:('confirmed:password'),expression:\"'confirmed:password'\"}],attrs:{\"placeholder\":_vm.$t('account.repeatPassword'),\"data-vv-as\":\"password\",\"data-vv-rules\":\"confirmed:password\",\"name\":\"password_confirmation\",\"type\":\"password\"},domProps:{\"value\":(_vm.password2)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.password2=$event.target.value}}})])]),(_vm.isAdmin && _vm.formMode !=='myAccount')?_c('div',{staticClass:\"isactive\"},[_c('div',{staticClass:\"input\"},[_c('span',{staticClass:\"label\",class:{required: _vm.register}},[_vm._v(_vm._s(_vm.$t('account.status')))]),_c('Multiselect',{staticClass:\"role-select\",attrs:{\"allow-empty\":false,\"close-on-select\":true,\"deselectLabel\":_vm.$t('multiselect.deselectLabel'),\"options\":_vm.statuses,\"placeholder\":_vm.$t('multiselect.placeholder'),\"searchable\":false,\"selectLabel\":_vm.$t('multiselect.selectLabel'),\"selectedLabel\":_vm.$t('multiselect.selectedLabel'),\"show-labels\":false,\"label\":\"label\",\"track-by\":\"id\"},model:{value:(_vm.status),callback:function ($$v) {_vm.status=$$v},expression:\"status\"}})],1)]):_vm._e(),(_vm.isAdmin && _vm.formMode !=='myAccount')?_c('div',{staticClass:\"role\"},[_c('div',{staticClass:\"input\"},[_c('span',{staticClass:\"label\",class:{required: _vm.register}},[_vm._v(_vm._s(_vm.$t('account.role')))]),_c('Multiselect',{staticClass:\"role-select\",attrs:{\"options\":_vm.roles,\"searchable\":false,\"close-on-select\":true,\"show-labels\":false,\"allow-empty\":false,\"deselectLabel\":_vm.$t('multiselect.deselectLabel'),\"placeholder\":_vm.$t('multiselect.placeholder'),\"selectLabel\":_vm.$t('multiselect.selectLabel'),\"selectedLabel\":_vm.$t('multiselect.selectedLabel'),\"label\":\"label\",\"track-by\":\"id\"},model:{value:(_vm.selectedRole),callback:function ($$v) {_vm.selectedRole=$$v},expression:\"selectedRole\"}})],1)]):_vm._e(),(_vm.formMode === 'myAccount')?_c('div',{staticClass:\"role-label\"},[_c('div',{staticClass:\"input\"},[_c('span',{staticClass:\"label\",class:{required: _vm.register}},[_vm._v(_vm._s(_vm.$t('account.role')))]),_c('input',{attrs:{\"disabled\":\"\",\"name\":\"role\",\"type\":\"text\",\"placeholder\":_vm.$t((\"roles.\" + (this.$store.getters.role)))}})])]):_vm._e(),(_vm.isAdmin && _vm.formMode !=='myAccount' && (_vm.selectedRole.id==='EMPLOYEE' || _vm.selectedRole.id==='SUPERVISOR'))?_c('div',{staticClass:\"groups\"},[_c('div',{staticClass:\"input\"},[_c('span',{staticClass:\"label\"},[_vm._v(_vm._s(_vm.$t('account.groups')))]),_c('Multiselect',{staticClass:\"group-select\",attrs:{\"options\":_vm.groups,\"searchable\":true,\"multiple\":true,\"track-by\":\"id\",\"label\":\"name\",\"value\":_vm.userGroups,\"deselectLabel\":_vm.$t('multiselect.deselectLabel'),\"placeholder\":_vm.$t('multiselect.placeholder'),\"selectLabel\":_vm.$t('multiselect.selectLabel'),\"selectedLabel\":_vm.$t('multiselect.selectedLabel')},model:{value:(_vm.selectedGroups),callback:function ($$v) {_vm.selectedGroups=$$v},expression:\"selectedGroups\"}})],1)]):_vm._e()]),_c('div',{staticClass:\"controls\"},[_c('SubmitButton',{attrs:{\"button-text\":_vm.$t('buttons.submit')},on:{\"save\":_vm.save}}),_c('CancelButton',{attrs:{\"button-text\":_vm.$t('buttons.cancel')},on:{\"cancel\":_vm.cancel}})],1)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"user-edit-form-container\">\n        <Message :message=\"error.msg\" type=\"error\" v-for=\"error in errors.items\"></Message>\n        <h2 class=\"title\">{{title}}</h2>\n        <form id=\"user-edit\">\n            <div class=\"personal-data\">\n                <div class=\"input\" v-if=\"formMode === 'register'\">\n                    <span :class=\"{required: register}\" class=\"label\">{{$t('account.login')}}</span>\n                    <input :placeholder=\"$t('account.login')\" name=\"login\" type=\"text\" v-model=\"username\"\n                           v-validate=\"'required|email'\">\n                </div>\n                <div class=\"input\" v-if=\"formMode !== 'register'\">\n                    <span :class=\"{required: register}\" class=\"label\">{{$t('account.login')}}</span>\n                    <input :placeholder=\"$t('account.login')\" disabled name=\"login\" type=\"text\"\n                           v-model=\"username\">\n                </div>\n                <div class=\"input\">\n                    <span :class=\"{required: register}\" class=\"label\">{{$t('account.lastName')}}</span>\n                    <input :placeholder=\"$t('account.lastName')\" type=\"text\" v-model=\"secondName\">\n                </div>\n                <div class=\"input\">\n                    <span :class=\"{required: register}\" class=\"label\">{{$t('account.firstName')}}</span>\n                    <input :placeholder=\"$t('account.firstName')\" type=\"text\" v-model=\"firstName\">\n                </div>\n            </div>\n            <div class=\"password-data\">\n                <div class=\"input\">\n                    <span :class=\"{required: register}\" class=\"label\">{{$t('account.password')}}</span>\n                    <input :placeholder=\"$t('account.password')\" autocomplete=\"new-password\" name=\"password\"\n                           v-if=\"formMode === 'register'\"\n                           ref=\"password\"\n                           type=\"password\" v-model=\"password\" v-validate=\"'required|min:8'\">\n                    <input :placeholder=\"$t('account.password')\" autocomplete=\"new-password\" name=\"password\"\n                           ref=\"password\"\n                           type=\"password\"\n                           v-else v-model=\"password\" v-validate=\"'min:8'\">\n                </div>\n                <div class=\"input\">\n                    <span :class=\"{required: register}\" class=\"label\">{{$t('account.repeatPassword')}}</span>\n                    <input data-vv-as=\"password\" data-vv-rules=\"confirmed:password\"\n                           v-if=\"formMode === 'register' || password.length > 0\"\n                           :placeholder=\"$t('account.repeatPassword')\" name=\"password_confirmation\" type=\"password\"\n                           v-model=\"password2\"\n                           v-validate=\"'required|confirmed:password'\">\n                    <input :placeholder=\"$t('account.repeatPassword')\" data-vv-as=\"password\"\n                           data-vv-rules=\"confirmed:password\"\n                           name=\"password_confirmation\" type=\"password\" v-else\n                           v-model=\"password2\"\n                           v-validate=\"'confirmed:password'\">\n                </div>\n            </div>\n            <div class=\"isactive\" v-if=\"isAdmin && formMode !=='myAccount'\">\n                <div class=\"input\">\n                    <span :class=\"{required: register}\" class=\"label\">{{$t('account.status')}}</span>\n                    <Multiselect :allow-empty=\"false\" :close-on-select=\"true\"\n                                 :deselectLabel=\"$t('multiselect.deselectLabel')\"\n                                 :options=\"statuses\"\n                                 :placeholder=\"$t('multiselect.placeholder')\"\n                                 :searchable=\"false\"\n                                 :selectLabel=\"$t('multiselect.selectLabel')\"\n                                 :selectedLabel=\"$t('multiselect.selectedLabel')\"\n                                 :show-labels=\"false\"\n                                 class=\"role-select\"\n                                 label=\"label\"\n                                 track-by=\"id\"\n                                 v-model=\"status\"\n                    ></Multiselect>\n                </div>\n            </div>\n            <div class=\"role\" v-if=\"isAdmin && formMode !=='myAccount'\">\n\n                <div class=\"input\">\n                    <span :class=\"{required: register}\" class=\"label\">{{$t('account.role')}}</span>\n                    <Multiselect class=\"role-select\" v-model=\"selectedRole\" :options=\"roles\"\n                                 :searchable=\"false\"\n                                 :close-on-select=\"true\"\n                                 :show-labels=\"false\"\n                                 :allow-empty=\"false\"\n                                 :deselectLabel=\"$t('multiselect.deselectLabel')\"\n                                 :placeholder=\"$t('multiselect.placeholder')\"\n                                 :selectLabel=\"$t('multiselect.selectLabel')\"\n                                 :selectedLabel=\"$t('multiselect.selectedLabel')\"\n                                 label=\"label\"\n                                 track-by=\"id\"\n\n\n                    ></Multiselect>\n                </div>\n            </div>\n            <div class=\"role-label\" v-if=\"formMode === 'myAccount'\">\n                <div class=\"input\">\n                    <span :class=\"{required: register}\" class=\"label\">{{$t('account.role')}}</span>\n                    <input disabled name=\"role\"\" type=\"text\"\n                    :placeholder=\"$t(`roles.${this.$store.getters.role}`)\">\n                </div>\n            </div>\n            <div class=\"groups\"\n                 v-if=\"isAdmin && formMode !=='myAccount' && (selectedRole.id==='EMPLOYEE' || selectedRole.id==='SUPERVISOR')\">\n                <div class=\"input\">\n                    <span class=\"label\">{{$t('account.groups')}}</span>\n                    <Multiselect :options=\"groups\"\n                                 :searchable=\"true\"\n                                 class=\"group-select\"\n                                 :multiple=\"true\"\n                                 track-by=\"id\"\n                                 label=\"name\"\n                                 :value=\"userGroups\"\n                                 v-model=\"selectedGroups\"\n                                 :deselectLabel=\"$t('multiselect.deselectLabel')\"\n                                 :placeholder=\"$t('multiselect.placeholder')\"\n                                 :selectLabel=\"$t('multiselect.selectLabel')\"\n                                 :selectedLabel=\"$t('multiselect.selectedLabel')\"\n                    ></Multiselect>\n                </div>\n            </div>\n        </form>\n        <div class=\"controls\">\n            <SubmitButton :button-text=\"$t('buttons.submit')\" @save=\"save\"></SubmitButton>\n            <CancelButton :button-text=\"$t('buttons.cancel')\" @cancel=\"cancel\"></CancelButton>\n        </div>\n    </div>\n</template>\n\n<script>\nimport Multiselect from 'vue-multiselect';\nimport {RepositoryFactory} from '@/api/RepositoryFactory';\nimport Message from '@/components/helpers/Message';\nimport SubmitButton from \"@/components/helpers/SubmitButton\";\nimport CancelButton from \"@/components/helpers/CancelButton\";\n\nconst GroupsRepostiory = RepositoryFactory.get('groups');\nexport default {\n  name: 'UserAccount',\n  components: {\n    SubmitButton,\n    Message,\n    Multiselect,\n    CancelButton,\n  },\n  data() {\n    return {\n      selectedRole: {},\n      selectedGroups: [],\n      userGroups: [],\n      roles: [\n        {id: 'EMPLOYEE', label: this.$t('roles.EMPLOYEE')},\n        {id: 'SUPERVISOR', label: this.$t('roles.SUPERVISOR')},\n        {id: 'ADMINISTRATOR', label: this.$t('roles.ADMINISTRATOR')}],\n      username: this.user.username,\n      firstName: this.user.firstName,\n      secondName: this.user.secondName,\n      groups: [],\n      // errors: [],\n      password: '',\n      password2: '',\n      status: '',\n      statuses: [\n        {id: false, label: this.$t('account.inactive')},\n        {id: true, label: this.$t('account.active')},\n      ],\n    };\n  },\n  props: {\n    user: {\n      type: Object,\n      required: true,\n    },\n    title: {\n      type: String,\n      required: false,\n    },\n    formMode: {\n      type: String,\n      required: true,\n    },\n  },\n  methods: {\n    validate() {\n      if (this.formMode === 'register') {\n        if (this.firstName && this.username && this.secondName && this.selectedRole && this.password) {\n          return true;\n        }\n      } else if (this.formMode === 'editUser') {\n        if (this.firstName && this.username && this.secondName && this.selectedRole) {\n          return true;\n        }\n      } else if (this.formMode === 'myAccount') {\n        return true;\n      }\n      return false;\n    },\n    async save() {\n      /*      if (this.password !== '' && this.password2 !== this.password) {\n              this.password2 = ' ';\n            } */\n      try {\n        await this.$validator.validateAll();\n        if (this.validate() && this.errors.items.length <= 0) {\n          const val = {\n            username: this.username,\n            firstName: this.firstName,\n            secondName: this.secondName,\n            password: this.password,\n            status: this.status.id,\n          };\n          if (this.user.id) {\n            val.id = this.user.id;\n          }\n          if (this.formMode !== 'myAccount') {\n            val.role = this.selectedRole.id;\n          }\n          const groups = [];\n          this.selectedGroups.forEach((v) => {\n            groups.push(v.id);\n          });\n          val.groups = groups;\n          this.$emit('save', val);\n        } else {\n          this.$emit('setMessage', {message: this.$t('general.requiredFields'), type: 'error'});\n        }\n      } catch (e) {\n        this.password2 = '';\n      }\n    },\n    cancel() {\n      this.username = this.user.username;\n      this.firstName = this.user.firstName;\n      this.secondName = this.user.secondName;\n      this.$emit('cancel');\n    },\n  },\n  async mounted() {\n    this.$validator.localize(this.$i18n.locale, {\n      messages: {\n        required: field => this.$t('validation.requiredFields'),\n        confirmed: field => this.$t('validation.passwordMatch'),\n        min: field => this.$t('validation.passwordLength'),\n        email: field => this.$t('validation.login'),\n      },\n    });\n    if (this.isAdmin) {\n      const {token} = this.$store.getters;\n      this.groups = await GroupsRepostiory.getAllGroupsIndexes(token);\n      if (this.formMode === 'myAccount') {\n        this.selectedGroups = this.$store.getters.groups;\n        this.userGroups = this.$store.getters.groups;\n      } else if (!(Object.entries(this.user).length === 0 && this.user.constructor === Object)) {\n        const usergroups = Object.keys(this.user.groups)\n          .map(key => ({\n            id: Number(key),\n            name: this.user.groups[key],\n          }));\n        this.userGroups = usergroups;\n        this.selectedGroups = usergroups;\n        this.status = this.statuses.find(x => x.id === this.user.status);\n      }\n      if (this.user.id) {\n        this.selectedRole = this.roles.find(role => role.id === this.user.role);\n      }\n      if ((Object.entries(this.user).length === 0 && this.user.constructor === Object)) {\n        this.selectedRole = this.roles.find(role => role.id === 'EMPLOYEE');\n      }\n    }\n  },\n  computed: {\n    two() {\n      return this.formMode === 'myAccount';\n    },\n    register() {\n      return this.formMode === 'register';\n    },\n    isAdmin() {\n      return this.$store.getters.isAdmin;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n    * {\n\n    }\n\n    .user-edit-form-container {\n        //width: 100%;\n        margin: 50px 36px;\n        margin-bottom: 80px;\n    }\n\n    .personal-data, .password-data, .role, .groups, .isactive, .role-label {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        @include media('<480px') {\n            flex-direction: column;\n        }\n\n        .input {\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            width: 32%;\n            // color: $baseTextColor;\n            @include media('<480px') {\n                width: 100%;\n            }\n\n            &.two {\n                width: 49%;\n            }\n\n            .label {\n                font-size: rem(15px);\n                font-weight: 900;\n                line-height: 40px;\n\n                &.required {\n                    &:before {\n                        content: '* ';\n                        color: $red;\n                    }\n                }\n            }\n\n            input {\n                //margin: 20px 0;\n                border: 1px solid $border-gray;\n                border-radius: 5px;\n                box-shadow: 0 1px 8px rgba(0, 0, 0, 0.16);\n                font-size: rem(14px);\n                padding: 14px 0 14px 30px;\n                width: 100%;\n                box-sizing: border-box;\n\n            }\n        }\n    }\n\n    .password-data {\n        .input {\n            width: 49%;\n            @include media('<480px') {\n                width: 100%;\n            }\n        }\n\n    }\n\n    .cancel {\n        background-color: $marine-blue;\n        margin-left: 20px;\n        border: 1px solid $marine-blue;\n        cursor: pointer;\n        transition: 300ms all ease-in;\n\n        &:hover {\n            background-color: white;\n            color: $marine-blue;\n        }\n    }\n\n    .controls {\n        display: flex;\n        justify-content: space-between;\n        margin-top: 70px;\n        width: 350px;\n        @include media('<480px') {\n            flex-direction: column;\n            margin-top: 20px;\n        }\n\n        button {\n            @include media('<480px') {\n                width: 100%;\n                margin: 10px 0;\n            }\n        }\n    }\n\n    .role, .groups, .isactive {\n        .input {\n            width: 100%;\n\n            .role-select {\n                box-shadow: 0 1px 8px 0 $baseShadow;\n            }\n        }\n    }\n\n    .role-label {\n        margin-top: rem(50px);\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!./UserAccount.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!./UserAccount.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserAccount.vue?vue&type=template&id=00dd5a82&scoped=true&\"\nimport script from \"./UserAccount.vue?vue&type=script&lang=js&\"\nexport * from \"./UserAccount.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UserAccount.vue?vue&type=style&index=0&id=00dd5a82&lang=scss&scoped=true&\"\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  \"00dd5a82\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SubmitButton.vue?vue&type=style&index=0&id=20fa378e&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SubmitButton.vue?vue&type=style&index=0&id=20fa378e&lang=scss&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CancelButton.vue?vue&type=style&index=0&id=87ba16e8&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CancelButton.vue?vue&type=style&index=0&id=87ba16e8&lang=scss&scoped=true&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserAccount.vue?vue&type=style&index=0&id=00dd5a82&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserAccount.vue?vue&type=style&index=0&id=00dd5a82&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"button-container\"},[_c('button',{staticClass:\"save\",style:(_vm.styleObject),on:{\"click\":_vm.saveChanges}},[_vm._v(_vm._s(_vm.buttonTextC))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"button-container\">\n        <button :style=\"styleObject\" class=\"save\" v-on:click=\"saveChanges\">{{buttonTextC}}</button>\n    </div>\n</template>\n\n<script>\nexport default {\n  name: 'SubmitButton',\n  props: {\n    buttonText: {\n      type: String,\n      required: false,\n      default: '',\n    },\n  },\n  methods: {\n    saveChanges() {\n      this.$emit('save');\n    },\n  },\n  mounted() {\n    /*    if (this.buttonText.length <= 0) {\n          this.buttonText = this.$t('buttons.submit');\n        } */\n  },\n  computed: {\n    styleObject() {\n      const { cssConfig } = this.$store.getters;\n      return {\n        '--button-color': 'white',\n        '--button-background-color': cssConfig.submitButton,\n        '--button-border-color': cssConfig.submitButton,\n      };\n    },\n    buttonTextC() {\n      if (this.buttonText) {\n        return this.buttonText;\n      }\n      return this.$t('buttons.submit');\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n    button {\n        border: none;\n        background: none;\n        cursor: pointer;\n        color: var(--button-border-color);\n        font-size: rem(18px);\n        font-weight: bold;\n\n        &.cancel, &.save {\n\n            color: var(--button-color);\n            font-size: rem(18px);\n            font-weight: bold;\n            padding: 12px 50px;\n            border-radius: 30px;\n            transition: 300ms all ease-in;\n\n        }\n\n        &.save {\n            background: var(--button-background-color);\n            border: 1px solid var(--button-border-color);\n\n            &:hover {\n                color: var(--button-border-color);\n                background: white !important;\n            }\n        }\n    }\n\n    .validation-error {\n        button {\n            filter: grayscale(100%) !important;\n\n            &:hover {\n                cursor: not-allowed;\n                background: var(--button-background-color);\n                color: white;\n            }\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!./SubmitButton.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!./SubmitButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SubmitButton.vue?vue&type=template&id=20fa378e&scoped=true&\"\nimport script from \"./SubmitButton.vue?vue&type=script&lang=js&\"\nexport * from \"./SubmitButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SubmitButton.vue?vue&type=style&index=0&id=20fa378e&lang=scss&scoped=true&\"\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  \"20fa378e\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"button-container\"},[_c('button',{staticClass:\"cancel\",style:(_vm.styleObject),on:{\"click\":_vm.saveChanges}},[_vm._v(_vm._s(_vm.buttonTextC))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"button-container\">\n    <button :style=\"styleObject\" class=\"cancel\" v-on:click=\"saveChanges\">{{buttonTextC}}</button>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'SubmitButton',\n  props: {\n    buttonText: {\n      type: String,\n      required: false,\n      default: '',\n    },\n  },\n  methods: {\n    saveChanges() {\n      this.$emit('cancel');\n    },\n  },\n  mounted() {\n\n  },\n  computed: {\n    styleObject() {\n      const { cssConfig } = this.$store.getters;\n      return {\n        '--button-color': 'white',\n        '--button-background-color': cssConfig.cancelButton,\n        '--button-border-color': cssConfig.cancelButton,\n      };\n    },\n    buttonTextC() {\n      if (this.buttonText) {\n        return this.buttonText;\n      }\n      return this.$t('buttons.cancel');\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n  button {\n    border: none;\n    background: none;\n    cursor: pointer;\n      color: var(--button-border-color);\n    font-size: rem(18px);\n    font-weight: bold;\n\n    &.cancel, &.save {\n\n      color: white;\n      font-size: rem(18px);\n      font-weight: bold;\n      padding: 12px 50px;\n      border-radius: 30px;\n      transition: 300ms all ease-in;\n\n    }\n\n\n    &.cancel {\n      background: var(--button-background-color);\n      border: 1px solid var(--button-border-color);\n\n      &:hover {\n        color: var(--button-border-color);\n          background: white !important;\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!./CancelButton.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!./CancelButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CancelButton.vue?vue&type=template&id=87ba16e8&scoped=true&\"\nimport script from \"./CancelButton.vue?vue&type=script&lang=js&\"\nexport * from \"./CancelButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CancelButton.vue?vue&type=style&index=0&id=87ba16e8&lang=scss&scoped=true&\"\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  \"87ba16e8\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}