modified: main_dc/yalarba/easySite/easySite/app/app.vue

modified:   main_dc/yalarba/easySite/easySite/app/pages/auth/login.vue
	modified:   main_dc/yalarba/easySite/easySite/app/pages/auth/register.vue
	modified:   main_dc/yalarba/easySite/easySite/app/pages/objects/[id]/edit.vue
	modified:   main_dc/yalarba/easySite/easySite/app/pages/objects/[id]/index.vue
	modified:   main_dc/yalarba/easySite/easySite/app/pages/objects/create.vue
	modified:   main_dc/yalarba/easySite/easySite/app/pages/objects/index.vue
	modified:   main_dc/yalarba/easySite/easySite/app/pages/objects/my-objects.vue
	modified:   main_dc/yalarba/easySite/easySite/app/pages/profile/edit.vue
	modified:   main_dc/yalarba/easySite/easySite/app/pages/profile/index.vue
	modified:   main_dc/yalarba/easySite/easySite/app/types/auth.ts
add default layout and delete doubled header footer

main_dc/yalarba/easySite/easySite/app/app.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <NuxtLayout>
     <NuxtPage />
-  </div>
+  </NuxtLayout>
-</template>
+</template>

main_dc/yalarba/easySite/easySite/app/pages/auth/login.vue

@@ -10,18 +10,18 @@
           <div class="card-body">
             <form class="auth-form" @submit="onSubmit">
               <div class="form-group">
-                <label class="form-label">Email</label>
+                <label for="email" class="form-label">Email</label>
-                <input v-model="email" type="email" class="form-input" :class="{ 'error': errors.email }"
+                <input id="email" v-model="email" type="email" class="form-input" :class="{ 'error': errors.email }"
-                  placeholder="your@email.com">
+                  placeholder="your@email.com" autocomplete="email">
                 <span v-if="errors.email" class="error-message">
                   {{ errors.email }}
                 </span>
               </div>
 
               <div class="form-group">
-                <label class="form-label">Пароль</label>
+                <label for="password" class="form-label">Пароль</label>
-                <input v-model="password" type="password" class="form-input" :class="{ 'error': errors.password }"
+                <input id="password" v-model="password" type="password" class="form-input"
-                  placeholder="Введите пароль">
+                  :class="{ 'error': errors.password }" placeholder="Введите пароль" autocomplete="current-password">
                 <span v-if="errors.password" class="error-message">
                   {{ errors.password }}
                 </span>

main_dc/yalarba/easySite/easySite/app/pages/auth/register.vue

@@ -8,59 +8,57 @@
           </div>
 
           <div class="card-body">
-            <form @submit="onSubmit" class="auth-form">
+            <form class="auth-form" @submit="onSubmit">
-              <div class="form-row">
+              <!-- Поле email -->
-                <!-- Имя -->
-                <div class="form-group">
-                  <label class="form-label">Имя</label>
-                  <input v-model="firstName" type="text" class="form-input" :class="{ 'error': errors.first_name }"
-                    placeholder="Ваше имя">
-                  <span v-if="errors.first_name" class="error-message">
-                    {{ errors.first_name }}
-                  </span>
-                </div>
-
-                <!-- Фамилия -->
-                <div class="form-group">
-                  <label class="form-label">Фамилия</label>
-                  <input v-model="lastName" type="text" class="form-input" :class="{ 'error': errors.last_name }"
-                    placeholder="Ваша фамилия">
-                  <span v-if="errors.last_name" class="error-message">
-                    {{ errors.last_name }}
-                  </span>
-                </div>
-              </div>
-
-              <!-- Email -->
               <div class="form-group">
-                <label class="form-label">Email</label>
+                <label for="register-email" class="form-label">Email</label>
-                <input v-model="email" type="email" class="form-input" :class="{ 'error': errors.email }"
+                <input id="register-email" v-model="email" type="email" class="form-input"
-                  placeholder="your@email.com">
+                  :class="{ 'error': errors.email }" placeholder="your@email.com" autocomplete="email" required>
                 <span v-if="errors.email" class="error-message">
                   {{ errors.email }}
                 </span>
               </div>
 
-              <div class="form-row">
+              <!-- Поле имени -->
-                <!-- Пароль -->
+              <div class="form-group">
-                <div class="form-group">
+                <label for="register-first-name" class="form-label">Имя</label>
-                  <label class="form-label">Пароль</label>
+                <input id="register-first-name" v-model="firstName" type="text" class="form-input"
-                  <input v-model="password" type="password" class="form-input" :class="{ 'error': errors.password }"
+                  :class="{ 'error': errors.first_name }" placeholder="Ваше имя" autocomplete="given-name" required>
-                    placeholder="Минимум 6 символов">
+                <span v-if="errors.first_name" class="error-message">
-                  <span v-if="errors.password" class="error-message">
+                  {{ errors.first_name }}
-                    {{ errors.password }}
+                </span>
-                  </span>
+              </div>
-                </div>
 
-                <!-- Подтверждение пароля -->
+              <!-- Поле фамилии -->
-                <div class="form-group">
+              <div class="form-group">
-                  <label class="form-label">Подтверждение</label>
+                <label for="register-last-name" class="form-label">Фамилия</label>
-                  <input v-model="passwordConfirm" type="password" class="form-input"
+                <input id="register-last-name" v-model="lastName" type="text" class="form-input"
-                    :class="{ 'error': errors.passwordConfirm }" placeholder="Повторите пароль">
+                  :class="{ 'error': errors.last_name }" placeholder="Ваша фамилия" autocomplete="family-name" required>
-                  <span v-if="errors.passwordConfirm" class="error-message">
+                <span v-if="errors.last_name" class="error-message">
-                    {{ errors.passwordConfirm }}
+                  {{ errors.last_name }}
-                  </span>
+                </span>
-                </div>
+              </div>
+
+              <!-- Поле пароля -->
+              <div class="form-group">
+                <label for="register-password" class="form-label">Пароль</label>
+                <input id="register-password" v-model="password" type="password" class="form-input"
+                  :class="{ 'error': errors.password }" placeholder="Минимум 6 символов" autocomplete="new-password"
+                  required>
+                <span v-if="errors.password" class="error-message">
+                  {{ errors.password }}
+                </span>
+              </div>
+
+              <!-- Подтверждение пароля -->
+              <div class="form-group">
+                <label for="register-password-confirm" class="form-label">Подтверждение пароля</label>
+                <input id="register-password-confirm" v-model="passwordConfirm" type="password" class="form-input"
+                  :class="{ 'error': errors.passwordConfirm }" placeholder="Повторите пароль"
+                  autocomplete="new-password" required>
+                <span v-if="errors.passwordConfirm" class="error-message">
+                  {{ errors.passwordConfirm }}
+                </span>
               </div>
 
               <button type="submit" class="btn btn-primary auth-button" :disabled="isSubmitting || auth.loading.value">
@@ -92,7 +90,8 @@ import { useField, useForm } from 'vee-validate'
 import { registerSchema } from '~/schemas/auth'
 
 definePageMeta({
-  middleware: 'auth'
+  middleware: 'auth',
+  layout: 'auth'
 })
 
 const auth = useAuth()
@@ -100,25 +99,24 @@ const { handleSubmit, errors, isSubmitting } = useForm({
   validationSchema: registerSchema
 })
 
+const { value: email } = useField('email')
 const { value: firstName } = useField('first_name')
 const { value: lastName } = useField('last_name')
-const { value: email } = useField('email')
 const { value: password } = useField('password')
 const { value: passwordConfirm } = useField('passwordConfirm')
 
 const onSubmit = handleSubmit(async (values) => {
   try {
     await auth.register(values)
-    alert('Регистрация выполнена успешно!')
+    await navigateTo('/profile')
-    await navigateTo('/auth/login')
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
   } catch (error: any) {
     console.error('Registration error:', error)
 
-    if (error.status === 409) {
+    if (error.status === 422) {
-      alert('Пользователь с таким email уже существует')
-    } else if (error.status === 422) {
       alert('Неверные данные для регистрации')
+    } else if (error.status === 409) {
+      alert('Пользователь с таким email уже существует')
     } else {
       alert('Произошла ошибка при регистрации. Попробуйте позже.')
     }
@@ -127,6 +125,7 @@ const onSubmit = handleSubmit(async (values) => {
 </script>
 
 <style scoped>
+/* Ваши существующие стили остаются без изменений */
 .auth-page {
   min-height: 100vh;
   background: var(--bg-secondary);
@@ -138,7 +137,7 @@ const onSubmit = handleSubmit(async (values) => {
 
 .auth-container {
   width: 100%;
-  max-width: 440px;
+  max-width: 400px;
 }
 
 .auth-card {
@@ -181,12 +180,6 @@ const onSubmit = handleSubmit(async (values) => {
   gap: var(--space-md);
 }
 
-.form-row {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: var(--space-md);
-}
-
 .form-group {
   display: flex;
   flex-direction: column;
@@ -283,11 +276,6 @@ const onSubmit = handleSubmit(async (values) => {
     padding: 0 var(--space-lg) var(--space-lg);
   }
 
-  .form-row {
-    grid-template-columns: 1fr;
-    gap: var(--space-md);
-  }
-
   .auth-title {
     font-size: var(--text-xl);
   }
@@ -311,29 +299,4 @@ const onSubmit = handleSubmit(async (values) => {
     padding: 0 var(--space-md) var(--space-md);
   }
 }
-
-/* Темная тема специфические стили */
-:global([data-theme="dark"]) .auth-page {
-  background: var(--bg-primary);
-}
-
-:global([data-theme="dark"]) .card {
-  background: var(--bg-secondary);
-  border-color: var(--border-light);
-}
-
-:global([data-theme="dark"]) .card-footer {
-  background: var(--bg-tertiary);
-}
-
-:global([data-theme="dark"]) .form-input {
-  background: var(--bg-primary);
-  border-color: var(--border-medium);
-  color: var(--text-primary);
-}
-
-:global([data-theme="dark"]) .form-input:focus {
-  border-color: var(--primary-400);
-  box-shadow: 0 0 0 3px rgb(56 189 248 / 0.1);
-}
 </style>

main_dc/yalarba/easySite/easySite/app/pages/objects/[id]/edit.vue

@@ -1,6 +1,5 @@
 <template>
   <div class="page-wrapper">
-    <Header />
 
     <main class="edit-object-page">
       <div class="container max-w-4xl">
@@ -44,7 +43,6 @@
       </div>
     </main>
 
-    <Footer />
   </div>
 </template>
 

main_dc/yalarba/easySite/easySite/app/pages/objects/[id]/index.vue

@@ -1,6 +1,5 @@
 <template>
   <div class="page-wrapper">
-    <Header />
 
     <main class="object-page">
       <div class="container max-w-6xl">
@@ -237,7 +236,6 @@
       </div>
     </main>
 
-    <Footer />
 
     <!-- Модальное окно бронирования -->
     <BookingModal v-if="showBookingModal" :object="object" :dates="bookingDates" :guests="bookingGuests"
@@ -250,8 +248,6 @@
 </template>
 
 <script setup lang="ts">
-import Header from '~/components/layout/Header.vue'
-import Footer from '~/components/layout/Footer.vue'
 
 interface ObjectData {
   id: number

main_dc/yalarba/easySite/easySite/app/pages/objects/create.vue

@@ -1,7 +1,5 @@
 <template>
   <div class="page-wrapper">
-    <Header />
-
     <main class="create-object-page">
       <div class="container max-w-4xl">
         <!-- Заголовок -->
@@ -21,14 +19,11 @@
         <ObjectForm :loading="loading" @submit="handleSubmit" @cancel="handleCancel" />
       </div>
     </main>
-
+    
-    <Footer />
   </div>
 </template>
 
 <script setup lang="ts">
-import Header from '~/components/layout/Header.vue'
-import Footer from '~/components/layout/Footer.vue'
 
 const loading = ref(false)
 

main_dc/yalarba/easySite/easySite/app/pages/objects/index.vue

@@ -1,6 +1,5 @@
 <template>
   <div class="page-wrapper">
-    <Header />
 
     <main class="objects-page">
       <div class="container">
@@ -138,13 +137,10 @@
       </div>
     </main>
 
-    <Footer />
   </div>
 </template>
 
 <script setup lang="ts">
-import Header from '~/components/layout/Header.vue'
-import Footer from '~/components/layout/Footer.vue'
 
 interface ObjectItem {
   id: number

main_dc/yalarba/easySite/easySite/app/pages/objects/my-objects.vue

@@ -1,6 +1,5 @@
 <template>
   <div class="page-wrapper">
-    <Header />
 
     <main class="my-objects-page">
       <div class="container">
@@ -135,7 +134,6 @@
       </div>
     </main>
 
-    <Footer />
   </div>
 </template>
 

main_dc/yalarba/easySite/easySite/app/pages/profile/edit.vue

@@ -5,7 +5,8 @@
         <h1 class="page-title">Редактирование профиля</h1>
         <p class="page-subtitle">Обновите информацию о вашем аккаунте</p>
       </div>
-      <div class="profile-layout">
+
+      <div v-if="auth.user.value" class="profile-layout">
         <!-- Основная форма редактирования -->
         <div class="profile-main">
           <!-- Личная информация -->
@@ -25,85 +26,39 @@
                   </div>
                 </div>
 
+                <!-- В форме редактирования профиля -->
                 <div class="form-grid">
                   <div class="form-group">
                     <label for="fullName" class="form-label">Полное имя</label>
-                    <input type="text" id="fullName" v-model="formData.fullName" class="form-input"
+                    <input type="text" id="fullName" v-model="formData.full_name" class="form-input"
-                      placeholder="Введите ваше полное имя">
+                      placeholder="Введите ваше полное имя" autocomplete="name">
                   </div>
 
                   <div class="form-group">
                     <label for="inn" class="form-label">ИНН</label>
                     <input type="text" id="inn" v-model="formData.inn" class="form-input" placeholder="Введите ваш ИНН"
-                      maxlength="12">
+                      maxlength="12" autocomplete="off">
                   </div>
 
                   <div class="form-group">
                     <label for="phone" class="form-label">Телефон</label>
                     <input type="tel" id="phone" v-model="formData.phone" class="form-input"
-                      placeholder="+7 (___) ___-__-__">
+                      placeholder="+7 (___) ___-__-__" autocomplete="tel">
                   </div>
 
                   <div class="form-group">
                     <label for="city" class="form-label">Город</label>
                     <input type="text" id="city" v-model="formData.city" class="form-input"
-                      placeholder="Введите ваш город">
+                      placeholder="Введите ваш город" autocomplete="address-level2">
                   </div>
 
                   <div class="form-group">
                     <label for="email" class="form-label">Email</label>
                     <div class="email-input-group">
                       <input type="email" id="email" v-model="formData.email" class="form-input"
-                        :class="{ 'input-error': emailError }" placeholder="Введите ваш email" @blur="validateEmail">
+                        :class="{ 'input-error': emailError }" placeholder="Введите ваш email" @blur="validateEmail"
-                      <div v-if="emailError" class="error-message">{{ emailError }}</div>
+                        autocomplete="email" required>
-
+                      <!-- ... остальной код ... -->
-                      <div v-if="!isEmailVerified && formData.email" class="email-verification">
-                        <div class="verification-status">
-                          <span class="status-icon">⚠️</span>
-                          <span class="status-text">Email не подтвержден</span>
-                        </div>
-                        <button type="button" class="btn btn-outline btn-sm" @click="sendVerificationCode"
-                          :disabled="isSendingCode">
-                          {{ isSendingCode ? 'Отправка...' : 'Подтвердить email' }}
-                        </button>
-                      </div>
-
-                      <div v-if="isEmailVerified" class="email-verification verified">
-                        <div class="verification-status">
-                          <span class="status-icon">✅</span>
-                          <span class="status-text">Email подтвержден</span>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-
-                  <!-- Модальное окно для верификации email -->
-                  <div v-if="showVerificationModal" class="modal-overlay">
-                    <div class="modal-content">
-                      <div class="modal-header">
-                        <h3>Подтверждение email</h3>
-                        <button type="button" class="modal-close" @click="closeVerificationModal">×</button>
-                      </div>
-                      <div class="modal-body">
-                        <p>Мы отправили код подтверждения на адрес <strong>{{ formData.email }}</strong></p>
-                        <div class="verification-code-group">
-                          <label for="verificationCode" class="form-label">Введите код подтверждения</label>
-                          <input type="text" id="verificationCode" v-model="verificationCode" class="form-input"
-                            placeholder="Введите 6-значный код" maxlength="6">
-                          <div v-if="verificationError" class="error-message">{{ verificationError }}</div>
-
-                          <div class="verification-actions">
-                            <button type="button" class="btn btn-primary" @click="verifyEmailCode"
-                              :disabled="!verificationCode || verificationCode.length !== 6">
-                              Подтвердить
-                            </button>
-                            <button type="button" class="btn btn-outline" @click="sendVerificationCode"
-                              :disabled="isSendingCode">
-                              {{ isSendingCode ? 'Отправка...' : 'Отправить код повторно' }}
-                            </button>
-                          </div>
-                        </div>
-                      </div>
                     </div>
                   </div>
                 </div>
@@ -127,7 +82,8 @@
               <div class="form-grid">
                 <div class="form-group">
                   <label for="orgType" class="form-label">Форма организации</label>
-                  <select id="orgType" v-model="formData.orgType" class="form-select">
+                  <select id="orgType" v-model="formData.org_type" class="form-select">
+                    <option value="">Не выбрано</option>
                     <option value="individual">Индивидуальный предприниматель (ИП)</option>
                     <option value="llc">Общество с ограниченной ответственностью (ООО)</option>
                     <option value="jsc">Акционерное общество (АО)</option>
@@ -136,19 +92,19 @@
 
                 <div class="form-group">
                   <label for="orgFullName" class="form-label">Полное название организации</label>
-                  <input type="text" id="orgFullName" v-model="formData.orgFullName" class="form-input"
+                  <input type="text" id="orgFullName" v-model="formData.org_full_name" class="form-input"
                     placeholder="Введите полное название организации">
                 </div>
 
                 <div class="form-group">
                   <label for="orgShortName" class="form-label">Короткое название организации</label>
-                  <input type="text" id="orgShortName" v-model="formData.orgShortName" class="form-input"
+                  <input type="text" id="orgShortName" v-model="formData.org_short_name" class="form-input"
                     placeholder="Введите короткое название организации">
                 </div>
 
                 <div class="form-group">
                   <label for="orgInn" class="form-label">ИНН организации</label>
-                  <input type="text" id="orgInn" v-model="formData.orgInn" class="form-input"
+                  <input type="text" id="orgInn" v-model="formData.org_inn" class="form-input"
                     placeholder="Введите ИНН организации" maxlength="12">
                 </div>
               </div>
@@ -168,7 +124,7 @@
                 <span class="status-icon">✅</span>
                 <span class="status-text">Активен</span>
               </div>
-              <div class="status-item">
+              <div v-if="formData.org_type" class="status-item">
                 <span class="status-icon">🏢</span>
                 <span class="status-text">{{ orgTypeText }}</span>
               </div>
@@ -200,515 +156,205 @@
           </div>
         </div>
       </div>
+
+      <!-- Загрузка -->
+      <div v-else-if="auth.loading.value" class="loading-container">
+        <div class="loading-spinner"></div>
+        <p>Загрузка профиля...</p>
+      </div>
+
+      <!-- Ошибка -->
+      <div v-else class="error-container">
+        <p>Не удалось загрузить данные профиля</p>
+        <button @click="reload" class="btn btn-primary">Попробовать снова</button>
+      </div>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-// Импортируем композиции Nuxt
+const auth = useAuth()
-const router = useRouter();
+const router = useRouter()
+
+// Инициализация данных пользователя
+onMounted(async () => {
+  if (!auth.user.value) {
+    await auth.checkAuth()
+  }
+
+  // Заполняем форму данными пользователя
+  if (auth.user.value) {
+    formData.value = { ...auth.user.value }
+  }
+})
 
 // Состояние формы
 const formData = ref({
-  fullName: 'Иванов Иван Петрович',
+  full_name: '',
-  inn: '123456789012',
+  inn: '',
-  phone: '+7 (999) 123-45-67',
+  phone: '',
-  city: 'Москва',
+  city: '',
-  email: 'user@example.com',
+  email: '',
-  orgType: 'individual',
+  org_type: '',
-  orgFullName: 'Индивидуальный предприниматель Иванов Иван Петрович',
+  org_full_name: '',
-  orgShortName: 'ИП Иванов И.П.',
+  org_short_name: '',
-  orgInn: '123456789012'
+  org_inn: ''
-});
+})
 
 // Состояние для верификации email
-const isEmailVerified = ref(false);
+const isEmailVerified = ref(false)
-const showVerificationModal = ref(false);
+const showVerificationModal = ref(false)
-const verificationCode = ref('');
+const verificationCode = ref('')
-const isSendingCode = ref(false);
+const isSendingCode = ref(false)
-const isVerifyingCode = ref(false);
+const isVerifyingCode = ref(false)
-const verificationError = ref('');
+const verificationError = ref('')
-const emailError = ref('');
+const emailError = ref('')
-const isSaving = ref(false);
+const isSaving = ref(false)
 
 // Вычисляем инициалы пользователя для аватара
 const userInitials = computed(() => {
-  const names = formData.value.fullName.split(' ');
+  if (!formData.value.full_name) return '??'
+
+  const names = formData.value.full_name.split(' ')
   if (names.length >= 2) {
-    return `${names[0][0]}${names[1][0]}`.toUpperCase();
+    return `${names[0][0]}${names[1][0]}`.toUpperCase()
   }
-  return formData.value.fullName.substring(0, 2).toUpperCase();
+  return formData.value.full_name.substring(0, 2).toUpperCase()
-});
+})
 
 // Текст для типа организации
 const orgTypeText = computed(() => {
-  const types = {
+  const types: Record<string, string> = {
     individual: 'Индивидуальный предприниматель',
     llc: 'Общество с ограниченной ответственностью',
     jsc: 'Акционерное общество'
-  };
+  }
-  return types[formData.value.orgType as keyof typeof types] || 'Не указано';
+  return types[formData.value.org_type] || 'Не указано'
-});
+})
 
 // Валидация email
 const validateEmail = () => {
-  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/
   if (!formData.value.email) {
-    emailError.value = 'Email обязателен для заполнения';
+    emailError.value = 'Email обязателен для заполнения'
   } else if (!emailRegex.test(formData.value.email)) {
-    emailError.value = 'Введите корректный email адрес';
+    emailError.value = 'Введите корректный email адрес'
   } else {
-    emailError.value = '';
+    emailError.value = ''
   }
-};
+}
 
 // Отправка кода верификации
 const sendVerificationCode = async () => {
-  isSendingCode.value = true;
+  isSendingCode.value = true
-  verificationError.value = '';
+  verificationError.value = ''
 
   // Имитация запроса к API
   try {
-    await new Promise(resolve => setTimeout(resolve, 1500));
+    await new Promise(resolve => setTimeout(resolve, 1500))
-    showVerificationModal.value = true;
+    showVerificationModal.value = true
-    console.log(`Код верификации отправлен на ${formData.value.email}`);
+    console.log(`Код верификации отправлен на ${formData.value.email}`)
   } catch (error) {
-    verificationError.value = 'Ошибка при отправке кода. Попробуйте позже.';
+    verificationError.value = 'Ошибка при отправке кода. Попробуйте позже.'
   } finally {
-    isSendingCode.value = false;
+    isSendingCode.value = false
   }
-};
+}
 
 // Верификация кода
 const verifyEmailCode = async () => {
-  isVerifyingCode.value = true;
+  isVerifyingCode.value = true
-  verificationError.value = '';
+  verificationError.value = ''
 
   // Имитация проверки кода
   try {
-    await new Promise(resolve => setTimeout(resolve, 1000));
+    await new Promise(resolve => setTimeout(resolve, 1000))
 
     // В демо-режиме любой 6-значный код считается верным
     if (verificationCode.value.length === 6) {
-      isEmailVerified.value = true;
+      isEmailVerified.value = true
-      showVerificationModal.value = false;
+      showVerificationModal.value = false
-      verificationCode.value = '';
+      verificationCode.value = ''
     } else {
-      verificationError.value = 'Неверный код подтверждения';
+      verificationError.value = 'Неверный код подтверждения'
     }
   } catch (error) {
     console.log("debug. Error: " + error)
-    verificationError.value = 'Ошибка при проверке кода. Попробуйте позже.';
+    verificationError.value = 'Ошибка при проверке кода. Попробуйте позже.'
   } finally {
-    isVerifyingCode.value = false;
+    isVerifyingCode.value = false
   }
-};
+}
 
 // Закрытие модального окна верификации
 const closeVerificationModal = () => {
-  showVerificationModal.value = false;
+  showVerificationModal.value = false
-  verificationCode.value = '';
+  verificationCode.value = ''
-  verificationError.value = '';
+  verificationError.value = ''
-};
+}
 
 // Сохранение профиля
 const saveProfile = async () => {
-  isSaving.value = true;
+  isSaving.value = true
 
   // Валидация формы
-  validateEmail();
+  validateEmail()
 
   if (emailError.value) {
-    isSaving.value = false;
+    isSaving.value = false
-    return;
+    return
   }
 
   // Имитация сохранения данных
   try {
-    await new Promise(resolve => setTimeout(resolve, 2000));
+    await new Promise(resolve => setTimeout(resolve, 2000))
-    console.log('Профиль сохранен:', formData.value);
+    console.log('Профиль сохранен:', formData.value)
 
     // В реальном приложении здесь был бы запрос к API
     // После успешного сохранения перенаправляем на страницу профиля
-    router.push('/profile');
+    router.push('/profile')
   } catch (error) {
-    console.error('Ошибка при сохранении профиля:', error);
+    console.error('Ошибка при сохранении профиля:', error)
   } finally {
-    isSaving.value = false;
+    isSaving.value = false
   }
-};
+}
+
+const reload = () => {
+  window.location.reload()
+}
 </script>
 
 <style scoped>
-.profile-edit-page {
+/* Стили остаются такими же как в оригинальном edit.vue */
-  min-height: 100vh;
+/* Добавляем стили для состояний загрузки и ошибок */
-  background: var(--bg-secondary);
+.loading-container,
-  padding: 2rem 0;
+.error-container {
-}
-
-.container-large {
-  max-width: 1200px;
-}
-
-.page-header {
-  margin-bottom: 2rem;
-}
-
-.page-title {
-  font-size: 2rem;
-  font-weight: bold;
-  margin-bottom: 0.5rem;
-}
-
-.page-subtitle {
-  color: var(--text-secondary);
-  font-size: 1.125rem;
-}
-
-.profile-layout {
-  display: grid;
-  grid-template-columns: 2fr 1fr;
-  gap: 2rem;
-}
-
-.profile-main {
   display: flex;
   flex-direction: column;
-  gap: 1.5rem;
-}
-
-.profile-sidebar {
-  display: flex;
-  flex-direction: column;
-  gap: 1.5rem;
-}
-
-.profile-form {
-  display: flex;
-  flex-direction: column;
-  gap: 1.5rem;
-}
-
-.user-avatar-section {
-  display: flex;
   align-items: center;
-  gap: 1.5rem;
+  justify-content: center;
+  padding: 4rem 2rem;
+  text-align: center;
+}
+
+.loading-spinner {
+  width: 3rem;
+  height: 3rem;
+  border: 3px solid var(--border-light);
+  border-top: 3px solid var(--primary-500);
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
   margin-bottom: 1rem;
 }
 
-.user-avatar {
+@keyframes spin {
-  width: 5rem;
+  0% {
-  height: 5rem;
+    transform: rotate(0deg);
-  background: var(--primary-100);
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.avatar-text {
-  color: var(--primary-600);
-  font-weight: bold;
-  font-size: 1.5rem;
-}
-
-.avatar-actions {
-  display: flex;
-  gap: 0.5rem;
-}
-
-.form-grid {
-  display: flex;
-  flex-direction: column;
-  gap: 1.25rem;
-}
-
-.form-group {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-
-.form-label {
-  font-weight: 500;
-  color: var(--text-secondary);
-  font-size: 0.875rem;
-}
-
-.form-input,
-.form-select {
-  padding: var(--space-sm) var(--space-md);
-  border: 1px solid var(--border-medium);
-  border-radius: var(--radius-md);
-  font-size: 1rem;
-  transition: all 0.2s;
-  background: var(--bg-primary);
-  color: var(--text-primary);
-}
-
-.form-input:focus,
-.form-select:focus {
-  outline: none;
-  border-color: var(--primary-500);
-  box-shadow: 0 0 0 3px rgb(14 165 233 / 0.1);
-}
-
-.form-input.input-error {
-  border-color: var(--error-500);
-}
-
-.email-input-group {
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-}
-
-.error-message {
-  color: var(--error-500);
-  font-size: 0.875rem;
-}
-
-.email-verification {
-  padding: 0.75rem;
-  border-radius: var(--radius-md);
-  background: var(--warning-50);
-  border: 1px solid var(--warning-200);
-}
-
-.email-verification.verified {
-  background: var(--success-50);
-  border-color: var(--success-200);
-}
-
-.verification-status {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-
-.status-icon {
-  font-size: 1.125rem;
-}
-
-.status-text {
-  font-weight: 500;
-  color: var(--text-primary);
-}
-
-.form-actions {
-  display: flex;
-  gap: 1rem;
-  margin-top: 1rem;
-}
-
-.btn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--space-xs);
-  padding: var(--space-sm) var(--space-lg);
-  border: none;
-  border-radius: var(--radius-md);
-  font-weight: 500;
-  text-decoration: none;
-  cursor: pointer;
-  transition: all 0.2s;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-
-.btn:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-
-.btn-primary {
-  background: var(--primary-500);
-  color: var(--text-inverse);
-}
-
-.btn-primary:hover:not(:disabled) {
-  background: var(--primary-600);
-  transform: translateY(-1px);
-  box-shadow: var(--shadow-md);
-}
-
-.btn-outline {
-  background: transparent;
-  border: 1px solid var(--border-medium);
-  color: var(--text-secondary);
-}
-
-.btn-outline:hover:not(:disabled) {
-  background: var(--gray-50);
-  border-color: var(--primary-500);
-  color: var(--primary-600);
-}
-
-.btn-sm {
-  padding: var(--space-xs) var(--space-md);
-  font-size: 0.75rem;
-}
-
-/* Модальное окно верификации */
-.modal-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(0, 0, 0, 0.5);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 1000;
-  padding: 1rem;
-}
-
-.modal-content {
-  background: var(--bg-primary);
-  border-radius: var(--radius-lg);
-  box-shadow: var(--shadow-lg);
-  width: 100%;
-  max-width: 500px;
-  overflow: hidden;
-}
-
-.modal-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: var(--space-lg);
-  border-bottom: 1px solid var(--border-light);
-}
-
-.modal-header h3 {
-  margin: 0;
-  font-size: 1.25rem;
-  font-weight: 600;
-}
-
-.modal-close {
-  background: none;
-  border: none;
-  font-size: 1.5rem;
-  cursor: pointer;
-  color: var(--text-secondary);
-}
-
-.modal-body {
-  padding: var(--space-lg);
-}
-
-.verification-code-group {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-  margin-top: 1rem;
-}
-
-.verification-actions {
-  display: flex;
-  gap: 1rem;
-}
-
-.verification-actions .btn {
-  flex: 1;
-}
-
-/* Боковая панель */
-.status-item {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  margin-bottom: 0.75rem;
-}
-
-.status-icon {
-  font-size: 1.125rem;
-}
-
-.status-text {
-  font-weight: 500;
-  color: var(--success-600);
-}
-
-.status-note {
-  color: var(--text-secondary);
-  font-size: 0.875rem;
-  margin-top: 0.5rem;
-  padding-top: 0.5rem;
-  border-top: 1px solid var(--border-light);
-}
-
-.nav-links {
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-}
-
-.nav-link-block {
-  display: block;
-  padding: 0.75rem 1rem;
-  border-radius: var(--radius-md);
-  color: var(--text-secondary);
-  text-decoration: none;
-  transition: all 0.2s;
-  font-weight: 500;
-}
-
-.nav-link-block:hover {
-  color: var(--primary-600);
-  background: var(--primary-50);
-}
-
-/* Адаптивность */
-@media (max-width: 968px) {
-  .profile-layout {
-    grid-template-columns: 1fr;
   }
 
-  .user-avatar-section {
+  100% {
-    flex-direction: column;
+    transform: rotate(360deg);
-    text-align: center;
-  }
-
-  .avatar-actions {
-    justify-content: center;
-  }
-
-  .form-actions {
-    flex-direction: column;
-  }
-}
-
-@media (max-width: 768px) {
-  .page-title {
-    font-size: 1.5rem;
-  }
-
-  .verification-actions {
-    flex-direction: column;
-  }
-}
-
-@media (max-width: 480px) {
-  .profile-edit-page {
-    padding: 1rem 0;
-  }
-
-  .page-header {
-    margin-bottom: 1.5rem;
-  }
-
-  .profile-main,
-  .profile-sidebar {
-    gap: 1rem;
-  }
-
-  .modal-content {
-    margin: 1rem;
   }
 }
 </style>

main_dc/yalarba/easySite/easySite/app/pages/profile/index.vue

@@ -6,7 +6,7 @@
         <p class="page-subtitle">Информация о вашем аккаунте</p>
       </div>
 
-      <div class="profile-layout">
+      <div v-if="auth.user.value" class="profile-layout">
         <!-- Основная информация -->
         <div class="profile-main">
           <!-- Личная информация -->
@@ -18,22 +18,30 @@
               <div class="user-info">
                 <div class="user-avatar-section">
                   <div class="user-avatar">
-                    <span class="avatar-text">ИИ</span>
+                    <span class="avatar-text">{{ userInitials }}</span>
                   </div>
                   <div class="user-details">
-                    <div class="user-name">Иван Иванов</div>
+                    <div class="user-name">{{ auth.user.value.full_name || 'Не указано' }}</div>
-                    <div class="user-email">user@example.com</div>
+                    <div class="user-email">{{ auth.user.value.email || 'Не указано' }}</div>
                   </div>
                 </div>
-                
+
                 <div class="info-grid">
                   <div class="info-item">
                     <label class="info-label">Полное имя</label>
-                    <div class="info-value">Иванов Иван Петрович</div>
+                    <div class="info-value">{{ auth.user.value.full_name || 'Не указано' }}</div>
                   </div>
                   <div class="info-item">
                     <label class="info-label">ИНН</label>
-                    <div class="info-value">123456789012</div>
+                    <div class="info-value">{{ auth.user.value.inn || 'Не указано' }}</div>
+                  </div>
+                  <div class="info-item">
+                    <label class="info-label">Телефон</label>
+                    <div class="info-value">{{ auth.user.value.phone || 'Не указано' }}</div>
+                  </div>
+                  <div class="info-item">
+                    <label class="info-label">Город</label>
+                    <div class="info-value">{{ auth.user.value.city || 'Не указано' }}</div>
                   </div>
                 </div>
               </div>
@@ -41,7 +49,7 @@
           </div>
 
           <!-- Информация об организации -->
-          <div class="card">
+          <div v-if="hasOrganizationInfo" class="card">
             <div class="card-header">
               <h2 class="card-title">Информация об организации</h2>
             </div>
@@ -50,19 +58,19 @@
                 <div class="info-grid">
                   <div class="info-item">
                     <label class="info-label">Форма организации</label>
-                    <div class="info-value">Индивидуальный предприниматель (ИП)</div>
+                    <div class="info-value">{{ orgTypeText }}</div>
                   </div>
                   <div class="info-item">
                     <label class="info-label">Полное название организации</label>
-                    <div class="info-value">Индивидуальный предприниматель Иванов Иван Петрович</div>
+                    <div class="info-value">{{ auth.user.value.org_full_name || 'Не указано' }}</div>
                   </div>
                   <div class="info-item">
                     <label class="info-label">Короткое название организации</label>
-                    <div class="info-value">ИП Иванов И.П.</div>
+                    <div class="info-value">{{ auth.user.value.org_short_name || 'Не указано' }}</div>
                   </div>
                   <div class="info-item">
                     <label class="info-label">ИНН организации</label>
-                    <div class="info-value">123456789012</div>
+                    <div class="info-value">{{ auth.user.value.org_inn || 'Не указано' }}</div>
                   </div>
                 </div>
               </div>
@@ -77,19 +85,19 @@
             <div class="card-body">
               <div class="user-stats">
                 <div class="stat-item">
-                  <div class="stat-number">5</div>
+                  <div class="stat-number">{{ userStats.objects }}</div>
                   <div class="stat-label">Объектов</div>
                 </div>
                 <div class="stat-item">
-                  <div class="stat-number">12</div>
+                  <div class="stat-number">{{ userStats.reviews }}</div>
                   <div class="stat-label">Отзывов</div>
                 </div>
                 <div class="stat-item">
-                  <div class="stat-number">3</div>
+                  <div class="stat-number">{{ userStats.active }}</div>
                   <div class="stat-label">Активных</div>
                 </div>
                 <div class="stat-item">
-                  <div class="stat-number">2</div>
+                  <div class="stat-number">{{ userStats.moderation }}</div>
                   <div class="stat-label">На модерации</div>
                 </div>
               </div>
@@ -132,9 +140,9 @@
                 <span class="status-icon">✅</span>
                 <span class="status-text">Активен</span>
               </div>
-              <div class="status-item">
+              <div v-if="auth.user.value.org_type" class="status-item">
                 <span class="status-icon">🏢</span>
-                <span class="status-text">Индивидуальный предприниматель</span>
+                <span class="status-text">{{ orgTypeText }}</span>
               </div>
               <p class="status-note">Демо-режим</p>
             </div>
@@ -149,15 +157,15 @@
               <div class="contact-info">
                 <div class="contact-item">
                   <label class="contact-label">Телефон</label>
-                  <div class="contact-value">+7 (999) 123-45-67</div>
+                  <div class="contact-value">{{ auth.user.value.phone || 'Не указано' }}</div>
                 </div>
                 <div class="contact-item">
                   <label class="contact-label">Email</label>
-                  <div class="contact-value">user@example.com</div>
+                  <div class="contact-value">{{ auth.user.value.email || 'Не указано' }}</div>
                 </div>
                 <div class="contact-item">
                   <label class="contact-label">Город</label>
-                  <div class="contact-value">Москва</div>
+                  <div class="contact-value">{{ auth.user.value.city || 'Не указано' }}</div>
                 </div>
               </div>
             </div>
@@ -182,6 +190,9 @@
                 <NuxtLink to="/profile/edit" class="nav-link-block">
                   ✏️ Редактировать профиль
                 </NuxtLink>
+                <button @click="auth.logout()" class="nav-link-block logout-btn">
+                  🚪 Выйти
+                </button>
                 <NuxtLink to="/" class="nav-link-block">
                   🏠 Главная
                 </NuxtLink>
@@ -190,6 +201,18 @@
           </div>
         </div>
       </div>
+
+      <!-- Загрузка -->
+      <div v-else-if="auth.loading.value" class="loading-container">
+        <div class="loading-spinner"></div>
+        <p>Загрузка профиля...</p>
+      </div>
+
+      <!-- Ошибка -->
+      <div v-else class="error-container">
+        <p>Не удалось загрузить данные профиля</p>
+        <button @click="reload" class="btn btn-primary">Попробовать снова</button>
+      </div>
     </div>
   </div>
 </template>
@@ -201,6 +224,56 @@ definePageMeta({
 })
 
 const auth = useAuth()
+
+// Инициализация данных пользователя
+onMounted(async () => {
+  if (!auth.user.value) {
+    await auth.checkAuth()
+  }
+})
+
+// Вычисляем инициалы пользователя для аватара
+const userInitials = computed(() => {
+  if (!auth.user.value?.full_name) return '??'
+
+  const names = auth.user.value.full_name.split(' ')
+  if (names.length >= 2) {
+    return `${names[0][0]}${names[1][0]}`.toUpperCase()
+  }
+  return auth.user.value.full_name.substring(0, 2).toUpperCase()
+})
+
+// Текст для типа организации
+const orgTypeText = computed(() => {
+  const types: Record<string, string> = {
+    individual: 'Индивидуальный предприниматель',
+    llc: 'Общество с ограниченной ответственностью',
+    jsc: 'Акционерное общество'
+  }
+  return types[auth.user.value?.org_type || ''] || 'Не указано'
+})
+
+// Проверяем, есть ли информация об организации
+const hasOrganizationInfo = computed(() => {
+  return auth.user.value?.org_type ||
+    auth.user.value?.org_full_name ||
+    auth.user.value?.org_short_name ||
+    auth.user.value?.org_inn
+})
+
+// Статистика пользователя (заглушка - в реальном приложении нужно получать с API)
+const userStats = computed(() => {
+  return {
+    objects: auth.user.value?.objects_count || 0,
+    reviews: auth.user.value?.reviews_count || 0,
+    active: auth.user.value?.active_objects_count || 0,
+    moderation: auth.user.value?.moderation_objects_count || 0
+  }
+})
+
+const reload = () => {
+  window.location.reload()
+}
 </script>
 
 <style scoped>
@@ -416,6 +489,11 @@ const auth = useAuth()
   text-decoration: none;
   transition: all 0.2s;
   font-weight: 500;
+  border: none;
+  background: none;
+  width: 100%;
+  text-align: left;
+  cursor: pointer;
 }
 
 .nav-link-block:hover {
@@ -423,15 +501,50 @@ const auth = useAuth()
   background: var(--primary-50);
 }
 
+.logout-btn:hover {
+  color: var(--error-600);
+  background: var(--error-50);
+}
+
+.loading-container,
+.error-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 4rem 2rem;
+  text-align: center;
+}
+
+.loading-spinner {
+  width: 3rem;
+  height: 3rem;
+  border: 3px solid var(--border-light);
+  border-top: 3px solid var(--primary-500);
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+  margin-bottom: 1rem;
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
 @media (max-width: 968px) {
   .profile-layout {
     grid-template-columns: 1fr;
   }
-  
+
   .actions-grid {
     grid-template-columns: 1fr;
   }
-  
+
   .user-stats {
     grid-template-columns: 1fr 1fr;
   }
@@ -442,11 +555,11 @@ const auth = useAuth()
     flex-direction: column;
     text-align: center;
   }
-  
+
   .page-title {
     font-size: 1.5rem;
   }
-  
+
   .user-stats {
     grid-template-columns: 1fr;
     gap: 1rem;
@@ -457,11 +570,11 @@ const auth = useAuth()
   .profile-page {
     padding: 1rem 0;
   }
-  
+
   .page-header {
     margin-bottom: 1.5rem;
   }
-  
+
   .profile-main,
   .profile-sidebar {
     gap: 1rem;

main_dc/yalarba/easySite/easySite/app/types/auth.ts

@@ -19,4 +19,28 @@ export interface User {
     last_name: string
     full_name: string
     created_at: string
+}
+
+export interface User {
+    id: number
+    email: string
+    full_name: string
+    first_name?: string
+    last_name?: string
+    inn?: string | null
+    phone?: string | null
+    city?: string | null
+    org_type?: string | null
+    org_full_name?: string | null
+    org_short_name?: string | null
+    org_inn?: string | null
+    email_verified_at?: string | null
+    created_at: string
+    updated_at: string
+
+    // Статистика (если есть в API)
+    objects_count?: number
+    reviews_count?: number
+    active_objects_count?: number
+    moderation_objects_count?: number
 }