initial commit - LeDiscord plateforme des copains

frontend/src/views/Register.vue

@@ -0,0 +1,190 @@
+<template>
+  <div>
+    <h2 class="text-2xl font-bold text-gray-900 mb-6">Inscription</h2>
+    
+    <form @submit.prevent="handleRegister" class="space-y-4">
+      <div>
+        <label for="email" class="label">Email</label>
+        <input
+          id="email"
+          v-model="form.email"
+          type="email"
+          required
+          :disabled="!registrationEnabled"
+          class="input"
+          :class="{ 'opacity-50 cursor-not-allowed': !registrationEnabled }"
+          placeholder="ton.email@example.com"
+        >
+      </div>
+      
+      <div>
+        <label for="username" class="label">Nom d'utilisateur</label>
+        <input
+          id="username"
+          v-model="form.username"
+          type="text"
+          required
+          minlength="3"
+          maxlength="50"
+          :disabled="!registrationEnabled"
+          class="input"
+          :class="{ 'opacity-50 cursor-not-allowed': !registrationEnabled }"
+          placeholder="tonpseudo"
+        >
+      </div>
+      
+      <div>
+        <label for="full_name" class="label">Nom complet</label>
+        <input
+          id="full_name"
+          v-model="form.full_name"
+          type="text"
+          required
+          :disabled="!registrationEnabled"
+          class="input"
+          :class="{ 'opacity-50 cursor-not-allowed': !registrationEnabled }"
+          placeholder="Prénom Nom"
+        >
+      </div>
+      
+      <div>
+        <label for="password" class="label">Mot de passe</label>
+        <input
+          id="password"
+          v-model="form.password"
+          type="password"
+          required
+          minlength="6"
+          :disabled="!registrationEnabled"
+          class="input"
+          :class="{ 'opacity-50 cursor-not-allowed': !registrationEnabled }"
+          placeholder="••••••••"
+        >
+      </div>
+      
+      <div>
+        <label for="password_confirm" class="label">Confirmer le mot de passe</label>
+        <input
+          id="password_confirm"
+          v-model="form.password_confirm"
+          type="password"
+          required
+          minlength="6"
+          :disabled="!registrationEnabled"
+          class="input"
+          :class="{ 'opacity-50 cursor-not-allowed': !registrationEnabled }"
+          placeholder="••••••••"
+        >
+      </div>
+      
+      <div v-if="error" class="text-red-600 text-sm">
+        {{ error }}
+      </div>
+      
+      <button
+        type="submit"
+        :disabled="loading || !registrationEnabled"
+        class="w-full btn-primary"
+      >
+        {{ loading ? 'Inscription...' : !registrationEnabled ? 'Inscriptions désactivées' : 'S\'inscrire' }}
+      </button>
+    </form>
+    
+    <div class="mt-6 text-center">
+      <p class="text-sm text-gray-600">
+        Déjà un compte ?
+        <router-link to="/login" class="font-medium text-primary-600 hover:text-primary-500">
+          Se connecter
+        </router-link>
+      </p>
+    </div>
+    
+    <!-- Vérification du statut d'inscription -->
+    <div v-if="!registrationEnabled" class="mt-6 p-4 bg-yellow-50 border border-yellow-200 rounded-lg">
+      <div class="flex">
+        <div class="flex-shrink-0">
+          <svg class="h-5 w-5 text-yellow-400" viewBox="0 0 20 20" fill="currentColor">
+            <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />
+          </svg>
+        </div>
+        <div class="ml-3">
+          <h3 class="text-sm font-medium text-yellow-800">Inscriptions désactivées</h3>
+          <p class="text-sm text-yellow-700 mt-1">
+            Les nouvelles inscriptions sont temporairement désactivées. Veuillez contacter l'administrateur.
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+import { useAuthStore } from '@/stores/auth'
+import axios from '@/utils/axios'
+
+const authStore = useAuthStore()
+
+const form = ref({
+  email: '',
+  username: '',
+  full_name: '',
+  password: '',
+  password_confirm: ''
+})
+
+const loading = ref(false)
+const error = ref('')
+const registrationEnabled = ref(true)
+
+async function handleRegister() {
+  error.value = ''
+  
+  if (!registrationEnabled.value) {
+    error.value = 'Les inscriptions sont actuellement désactivées'
+    return
+  }
+  
+  if (form.value.password !== form.value.password_confirm) {
+    error.value = 'Les mots de passe ne correspondent pas'
+    return
+  }
+  
+  loading.value = true
+  const result = await authStore.register({
+    email: form.value.email,
+    username: form.value.username,
+    full_name: form.value.full_name,
+    password: form.value.password
+  })
+  
+  if (!result.success) {
+    error.value = result.error
+  }
+  
+  loading.value = false
+}
+
+async function checkRegistrationStatus() {
+  try {
+    const response = await axios.get('/api/settings/public/registration-status')
+    const status = response.data
+    registrationEnabled.value = status.can_register
+    
+    // Afficher des informations supplémentaires si l'inscription est désactivée
+    if (!status.registration_enabled) {
+      console.log('Registration disabled by admin')
+    } else if (status.current_users_count >= status.max_users) {
+      console.log(`Maximum users reached: ${status.current_users_count}/${status.max_users}`)
+    }
+  } catch (error) {
+    console.error('Error checking registration status:', error)
+    // En cas d'erreur, on désactive l'inscription pour éviter les problèmes de sécurité
+    registrationEnabled.value = false
+  }
+}
+
+onMounted(() => {
+  checkRegistrationStatus()
+})
+</script>