{"version":3,"sources":["webpack:///./src/views/settings/index.vue","webpack:///./src/views/settings/index.vue?0aa3","webpack:///./src/views/settings/index.vue?78a1"],"names":["store","useStore","tab","ref","updateLoading","submitLoading","user","computed","getters","roleName","value","role","profile","reactive","username","email","password","old","new","confirm","onMounted","nextTick","submit","apiClient","post","then","data","response","success","notification","message","catch","e","console","log","finally","update","length","error","old_password","new_password","__exports__"],"mappings":"+UAmDA,MAAMA,EAAQC,iBACRC,EAAMC,iBAAI,YACVC,EAAgBD,kBAAI,GACpBE,EAAgBF,kBAAI,GACpBG,EAAOC,sBAAS,IAAMP,EAAMQ,QAAQ,cACpCC,EAAWF,sBAAS,KACxB,OAAQD,EAAKI,MAAMC,MACjB,IAAK,QACH,MAAO,gBACT,IAAK,eACH,MAAO,gBACT,IAAK,UACH,MAAO,WACT,IAAK,WACH,MAAO,UACT,IAAK,UACH,MAAO,SACT,IAAK,UACH,MAAO,UACT,QACE,OAAOL,EAAKI,MAAMC,QAGlBC,EAAUC,sBAAS,CACvBC,SAAU,GACVC,MAAO,GACPJ,KAAM,KAEFK,EAAWH,sBAAS,CACxBI,IAAK,GACLC,IAAK,GACLC,QAAS,KAGXC,uBAAU,KACRC,sBAAS,KACPT,EAAQE,SAAWR,EAAKI,MAAMI,SAC9BF,EAAQG,MAAQT,EAAKI,MAAMK,MAC3BH,EAAQD,KAAOL,EAAKI,MAAMC,SAI9B,MAAMW,EAASA,KACbjB,EAAcK,OAAQ,EACtBa,OAAUC,KAAK,iBAAkB,CAC/BV,SAAUF,EAAQE,WACjBW,KAAK,EAAGC,KAAMC,MACXA,EAASC,SACXC,OAAaD,QAAQ,CAAEE,QAAS,+BAEjCC,MAAMC,GAAKC,QAAQC,IAAIF,IAAIG,QAAQ,KACpC9B,EAAcK,OAAQ,KAGpB0B,EAASA,KACTpB,EAASE,IAAImB,OAAS,EACxBR,OAAaS,MAAM,CAAER,QAAS,iDAG5Bd,EAASE,MAAQF,EAASG,SAI9Bf,EAAcM,OAAQ,EACtBa,OAAUC,KAAK,kBAAmB,CAChCe,aAAcvB,EAASC,IACvBuB,aAAcxB,EAASE,MACtBO,KAAK,EAAGC,KAAMC,MACXA,EAASC,UACXC,OAAaD,QAAQ,CAAEE,QAAS,4BAChCd,EAASC,IAAM,GACfD,EAASE,IAAM,GACfF,EAASG,QAAU,MAEpBY,MAAMC,GAAKC,QAAQC,IAAIF,IAAIG,QAAQ,KACpC/B,EAAcM,OAAQ,KAftBmB,OAAaS,MAAM,CAAER,QAAS,yB,2gHCzGlC,MAAMW,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,oCCRf","file":"js/chunk-92549aca.886b5822.js","sourcesContent":["<template>\n  <div>\n    <a-tabs tab-position=\"left\" v-model:activeKey=\"tab\">\n      <a-tab-pane key=\"settings\" tab=\"Настройки профиля\">\n        <div class=\"d-flex flex-column\" style=\"gap: 12px\">\n          <a-typography-title :level=\"4\">Редактирование профиля</a-typography-title>\n          <a-form @submit=\"submit\" layout=\"vertical\" :model=\"profile\" style=\"max-width: 400px\">\n            <a-form-item label=\"Имя пользователя\">\n              <a-input v-model:value=\"profile.username\" placeholder=\"Введите имя пользователя\" />\n            </a-form-item>\n            <a-form-item label=\"Email адрес\">\n              <a-input disabled v-model:value=\"profile.email\" placeholder=\"Введите адрес\" />\n            </a-form-item>\n            <a-form-item label=\"Роль\">\n              <a-input disabled :value=\"roleName\" />\n            </a-form-item>\n            <a-form-item>\n              <a-button :loading=\"submitLoading\" @click=\"submit\" type=\"primary\">Обновить данные</a-button>\n            </a-form-item>\n          </a-form>\n        </div>\n      </a-tab-pane>\n      <a-tab-pane key=\"password\" tab=\"Обновить пароль\">\n        <div class=\"d-flex flex-column\" style=\"gap: 12px\">\n          <a-typography-title :level=\"4\">Обновить пароль</a-typography-title>\n          <a-form @submit=\"update\" layout=\"vertical\" :model=\"profile\" style=\"max-width: 400px\">\n            <a-form-item has-feedback label=\"Старый пароль\" name=\"old\">\n              <a-input v-model:value=\"password.old\" type=\"password\" placeholder=\"Введите старый пароль\" autocomplete=\"off\" />\n            </a-form-item>\n            <a-form-item has-feedback label=\"Новый пароль\" name=\"new\">\n              <a-input v-model:value=\"password.new\" type=\"password\" placeholder=\"Введите новый пароль\" autocomplete=\"off\" />\n            </a-form-item>\n            <a-form-item has-feedback label=\"Подтверждение нового пароля\" name=\"confirm\">\n              <a-input v-model:value=\"password.confirm\" type=\"password\" placeholder=\"Подтвердите новый пароль\" autocomplete=\"off\" />\n            </a-form-item>\n            <a-form-item>\n              <a-button :loading=\"updateLoading\" @click=\"update\" type=\"primary\">Обновить пароль</a-button>\n            </a-form-item>\n          </a-form>\n        </div>\n      </a-tab-pane>\n    </a-tabs>\n  </div>\n</template>\n\n<script setup>\nimport { useStore } from 'vuex'\nimport { notification } from 'ant-design-vue'\nimport { computed, nextTick, onMounted, reactive, ref } from 'vue'\nimport apiClient from '@/services/axios'\n\nconst store = useStore()\nconst tab = ref('settings')\nconst updateLoading = ref(false)\nconst submitLoading = ref(false)\nconst user = computed(() => store.getters['user/user'])\nconst roleName = computed(() => {\n  switch (user.value.role) {\n    case 'admin':\n      return 'Администратор'\n    case 'brandmanager':\n      return 'Брендменеджер'\n    case 'manager':\n      return 'Менеджер'\n    case 'engineer':\n      return 'Инженер'\n    case 'cashier':\n      return 'Кассир'\n    case 'support':\n      return 'Support'\n    default:\n      return user.value.role\n  }\n})\nconst profile = reactive({\n  username: '',\n  email: '',\n  role: ''\n})\nconst password = reactive({\n  old: '',\n  new: '',\n  confirm: ''\n})\n\nonMounted(() => {\n  nextTick(() => {\n    profile.username = user.value.username\n    profile.email = user.value.email\n    profile.role = user.value.role\n  })\n})\n\nconst submit = () => {\n  submitLoading.value = true\n  apiClient.post('/admin/profile', {\n    username: profile.username\n  }).then(({ data: response }) => {\n    if (response.success) {\n      notification.success({ message: 'Данные успешно обновлены' })\n    }\n  }).catch(e => console.log(e)).finally(() => {\n    submitLoading.value = false\n  })\n}\nconst update = () => {\n  if (password.new.length < 6) {\n    notification.error({ message: 'Пароль должен состоять хотя бы из 6 символов' })\n    return\n  }\n  if (password.new !== password.confirm) {\n    notification.error({ message: 'Пароли не совпадают' })\n    return\n  }\n  updateLoading.value = true\n  apiClient.post('/admin/password', {\n    old_password: password.old,\n    new_password: password.new\n  }).then(({ data: response }) => {\n    if (response.success) {\n      notification.success({ message: 'Пароль успешно обновлен' })\n      password.old = ''\n      password.new = ''\n      password.confirm = ''\n    }\n  }).catch(e => console.log(e)).finally(() => {\n    updateLoading.value = false\n  })\n}\n</script>\n\n<style scoped>\n:deep(.ant-tabs .ant-tabs-left-bar .ant-tabs-tab) {\n  padding: 10px;\n  min-width: 200px;\n  text-align: left;\n}\n</style>\n","import script from \"./index.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./index.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=2a32d93a&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-2a32d93a\"]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=0&id=2a32d93a&scoped=true&lang=css\""],"sourceRoot":""}