Add buscadorSala recupera las salas de la bbdd

buscadorSala.php

@@ -24,21 +24,46 @@
     <main class="container py-5">
 
         <div class="text-center mb-5">
+
             <button
                 type="button"
                 class="btn btn-play-kahoot btn-crear-sala"
                 data-bs-toggle="modal"
                 data-bs-target="#modalCrearSala">
+
                 <span>+</span>
                 Crear sala
+
             </button>
+
         </div>
 
         <div
             id="contenedorSalas"
             class="row justify-content-center g-4">
 
+            <div
+                id="cargandoSalas"
+                class="col-12 text-center">
+
+                <div
+                    class="spinner-border text-primary"
+                    role="status">
+
+                    <span class="visually-hidden">
+                        Cargando...
+                    </span>
+
+                </div>
+
+                <p class="mt-3 text-muted">
+                    Cargando salas...
+                </p>
+
+            </div>
+
         </div>
+
     </main>
 
     <div
@@ -53,89 +78,124 @@
             <div class="modal-content modal-kahoot">
 
                 <div class="modal-header modal-kahoot-header">
+
                     <h5
                         class="modal-title"
                         id="modalCrearSalaLabel">
+
                         Crear sala
+
                     </h5>
+
                     <button
                         type="button"
                         class="btn-close btn-close-white"
                         data-bs-dismiss="modal"
                         aria-label="Cerrar">
                     </button>
+
                 </div>
 
                 <div class="modal-body p-4">
 
                     <div class="mb-3">
+
                         <label
                             for="nombreSala"
                             class="form-label">
+
                             Nombre de la sala
+
                         </label>
+
                         <input
                             type="text"
                             id="nombreSala"
                             class="form-control input-kahoot"
                             name="nombreSala"
-                            placeholder="Ej. Noche de Trivial">
+                            placeholder="Ej. Noche de Trivial"
+                            maxlength="100">
+
                     </div>
 
                     <div class="mb-3">
+
                         <label
                             for="nombreEquipo1"
                             class="form-label">
 
                             Nombre del equipo 1
+
                         </label>
+
                         <input
                             type="text"
                             id="nombreEquipo1"
                             name="nombreEquipo1"
                             class="form-control input-kahoot"
-                            placeholder="Ej. Los cerebritos">
+                            placeholder="Ej. Los cerebritos"
+                            maxlength="50">
+
                     </div>
 
                     <div class="mb-3">
+
                         <label
                             for="nombreEquipo2"
                             class="form-label">
+
                             Nombre del equipo 2
+
                         </label>
+
                         <input
                             type="text"
                             id="nombreEquipo2"
                             name="nombreEquipo2"
                             class="form-control input-kahoot"
-                            placeholder="Ej. Los campeones">
+                            placeholder="Ej. Los campeones"
+                            maxlength="50">
+
                     </div>
+
                 </div>
 
                 <div class="modal-footer">
+
                     <button
                         type="button"
                         class="btn btn-secondary"
                         data-bs-dismiss="modal">
+
                         Cancelar
+
                     </button>
+
                     <button
                         type="button"
                         class="btn btn-kahoot-login"
                         id="btnCrearSala">
+
                         Crear sala
+
                     </button>
+
                 </div>
+
             </div>
+
         </div>
+
     </div>
 
     <script
         src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js">
     </script>
-    <script src="js/lobbyDummy.js"></script>
+
+    <script src="js/jquery/jquery.min.js"></script>
+
     <script src="js/buscadorSala.js"></script>
 
 </body>
 
-</html>
+</html>