From 7401e55c6654089b4a4bde83d78fb6d242b27109 Mon Sep 17 00:00:00 2001
From: MoonTestUse1 <crocoman7887@gmail.com>
Date: Mon, 23 Dec 2024 22:22:47 +0600
Subject: [PATCH] 000

---
 src/components/ui/FormField.vue    |  4 ++++
 src/views/LoginView.vue            | 16 +++++++++++-----
 src/views/admin/AdminLoginView.vue | 15 ++++++++++-----
 3 files changed, 25 insertions(+), 10 deletions(-)

diff --git a/src/components/ui/FormField.vue b/src/components/ui/FormField.vue
index c1674d8..c1a3ba8 100644
--- a/src/components/ui/FormField.vue
+++ b/src/components/ui/FormField.vue
@@ -46,7 +46,11 @@ defineProps<{
   label: string;
   type?: string;
   required?: boolean;
+  disabled?: boolean;
+  placeholder?: string;
+  help?: string;
   icon?: Component;
+  size?: number | string; // Добавляем поддержку как числа, так и строки
   options?: Array<{ value: string; label: string }>;
 }>();
 
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 2bd79d4..dd76400 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -9,7 +9,7 @@
         </label>
         <div class="relative">
           <div class="absolute inset-y-0 left-0 pl-3 flex items-center">
-            <UserIcon size="18" class="text-slate-400" />
+            <UserIcon :size="18" class="text-slate-400" />
           </div>
           <input
             v-model="lastName"
@@ -27,7 +27,7 @@
         </label>
         <div class="relative">
           <div class="absolute inset-y-0 left-0 pl-3 flex items-center">
-            <LockIcon size="18" class="text-slate-400" />
+            <LockIcon :size="18" class="text-slate-400" />
           </div>
           <input
             v-model="password"
@@ -42,8 +42,13 @@
       <button
         type="submit"
         :disabled="isLoading"
-        class="w-full bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 transition-colors disabled:opacity-50"
+        class="w-full bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 transition-colors disabled:opacity-50 flex items-center justify-center gap-2"
       >
+        <component 
+          :is="isLoading ? LoaderIcon : LogInIcon" 
+          :size="18"
+          :class="{ 'animate-spin': isLoading }" 
+        />
         {{ isLoading ? 'Вход...' : 'Войти' }}
       </button>
 
@@ -63,7 +68,7 @@
 import { ref } from 'vue';
 import { useRouter } from 'vue-router';
 import { useAuthStore } from '@/stores/auth';
-import { UserIcon, LockIcon } from 'lucide-vue-next';
+import { UserIcon, LockIcon, LogInIcon, LoaderIcon } from 'lucide-vue-next';
 
 const router = useRouter();
 const authStore = useAuthStore();
@@ -84,9 +89,10 @@ async function handleSubmit() {
       alert('Неверная фамилия или пароль');
     }
   } catch (error) {
+    console.error('Error:', error);
     alert('Ошибка авторизации');
   } finally {
     isLoading.value = false;
   }
 }
-</script>
\ No newline at end of file
+</script>
diff --git a/src/views/admin/AdminLoginView.vue b/src/views/admin/AdminLoginView.vue
index e4c7a36..e7995c4 100644
--- a/src/views/admin/AdminLoginView.vue
+++ b/src/views/admin/AdminLoginView.vue
@@ -9,7 +9,7 @@
         </label>
         <div class="relative">
           <div class="absolute inset-y-0 left-0 pl-3 flex items-center">
-            <UserIcon size="18" class="text-slate-400" />
+            <UserIcon :size="18" class="text-slate-400" />
           </div>
           <input
             v-model="username"
@@ -27,7 +27,7 @@
         </label>
         <div class="relative">
           <div class="absolute inset-y-0 left-0 pl-3 flex items-center">
-            <LockIcon size="18" class="text-slate-400" />
+            <LockIcon :size="18" class="text-slate-400" />
           </div>
           <input
             v-model="password"
@@ -42,8 +42,13 @@
       <button
         type="submit"
         :disabled="isLoading"
-        class="w-full bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 transition-colors disabled:opacity-50"
+        class="w-full bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 transition-colors disabled:opacity-50 flex items-center justify-center gap-2"
       >
+        <component 
+          :is="isLoading ? LoaderIcon : LogInIcon" 
+          :size="18"
+          :class="{ 'animate-spin': isLoading }" 
+        />
         {{ isLoading ? 'Вход...' : 'Войти' }}
       </button>
 
@@ -63,7 +68,7 @@
 import { ref } from 'vue';
 import { useRouter } from 'vue-router';
 import { useAuthStore } from '@/stores/auth';
-import { UserIcon, LockIcon } from 'lucide-vue-next';
+import { UserIcon, LockIcon, LogInIcon, LoaderIcon } from 'lucide-vue-next';
 
 const router = useRouter();
 const authStore = useAuthStore();
@@ -89,4 +94,4 @@ async function handleSubmit() {
     isLoading.value = false;
   }
 }
-</script>
\ No newline at end of file
+</script>