Añadida funcionalidad de despliegue en la accordition de la seccion Condiciones del servicio

src/app/app.module.ts

@@ -9,7 +9,7 @@ import { FormsModule } from '@angular/forms';
 import { AngularFireModule } from '@angular/fire/compat';
 import { AngularFirestoreModule } from '@angular/fire/compat/firestore';
 import { AngularFireAuthModule } from '@angular/fire/compat/auth';
-import { AuthService } from './services-interfaces/services/auth.service';
+import { AuthService } from './shared/services/auth.service';
 import { environment } from 'src/environments/environment';
 import { initializeApp, provideFirebaseApp } from '@angular/fire/app';
 import { getAuth, provideAuth } from '@angular/fire/auth';

src/app/condiciones-servicio/condiciones-servicio.component.html

@@ -34,10 +34,11 @@
   <div class="row">
     <div class="col-12">
       <div class="accordion" id="accordionExample">
+        <!-- primer item -->
         <div class="accordion-item">
           <h2 class="accordion-header" id="headingOne">
             <button
-              class="accordion-button text-dark btn"
+              class="accordion-button text-dark btn fw-bold"
               type="button"
               data-bs-toggle="collapse"
               data-bs-target="#collapseOne"
@@ -68,10 +69,12 @@
             </div>
           </div>
         </div>
+        <!-- Segundo item  -->
+
         <div class="accordion-item">
           <h2 class="accordion-header" id="headingTwo">
             <button
-              class="accordion-button collapsed"
+              class="accordion-button collapsed fw-bold"
               type="button"
               data-bs-toggle="collapse"
               data-bs-target="#collapseTwo"
@@ -103,24 +106,24 @@
             </div>
           </div>
         </div>
-
+        <!-- Tercer item -->
         <div class="accordion-item">
-          <h2 class="accordion-header" id="headingTwo">
+          <h2 class="accordion-header" id="headingThree">
             <button
-              class="accordion-button collapsed"
+              class="accordion-button collapsed fw-bold"
               type="button"
               data-bs-toggle="collapse"
-              data-bs-target="#collapseTwo"
+              data-bs-target="#collapseThree"
               aria-expanded="false"
-              aria-controls="collapseTwo"
+              aria-controls="collapseThree"
             >
               Devoluciones
             </button>
           </h2>
           <div
-            id="collapseTwo"
+            id="collapseThree"
             class="accordion-collapse collapse"
-            aria-labelledby="headingTwo"
+            aria-labelledby="headingThree"
             data-bs-parent="#accordionExample"
           >
             <div class="accordion-body">
@@ -163,24 +166,24 @@
             </div>
           </div>
         </div>
-
+        <!-- Cuarto item -->
         <div class="accordion-item">
-          <h2 class="accordion-header" id="headingTwo">
+          <h2 class="accordion-header" id="headingFour">
             <button
-              class="accordion-button collapsed"
+              class="accordion-button collapsed fw-bold"
               type="button"
               data-bs-toggle="collapse"
-              data-bs-target="#collapseTwo"
+              data-bs-target="#collapseFour"
               aria-expanded="false"
-              aria-controls="collapseTwo"
+              aria-controls="collapseFour"
             >
               Condiciones de envío
             </button>
           </h2>
           <div
-            id="collapseTwo"
+            id="collapseFour"
             class="accordion-collapse collapse"
-            aria-labelledby="headingTwo"
+            aria-labelledby="headingFour"
             data-bs-parent="#accordionExample"
           >
             <div class="accordion-body">
@@ -190,24 +193,24 @@
             </div>
           </div>
         </div>
-
+        <!-- Quinto item -->
         <div class="accordion-item">
-          <h2 class="accordion-header" id="headingTwo">
+          <h2 class="accordion-header" id="headingFive">
             <button
-              class="accordion-button collapsed"
+              class="accordion-button collapsed fw-bold"
               type="button"
               data-bs-toggle="collapse"
-              data-bs-target="#collapseTwo"
+              data-bs-target="#collapseFive"
               aria-expanded="false"
-              aria-controls="collapseTwo"
+              aria-controls="collapseFive"
             >
               Plazos de entrega
             </button>
           </h2>
           <div
-            id="collapseTwo"
+            id="collapseFive"
             class="accordion-collapse collapse"
-            aria-labelledby="headingTwo"
+            aria-labelledby="headingFive"
             data-bs-parent="#accordionExample"
           >
             <div class="accordion-body">
@@ -222,24 +225,24 @@
             </div>
           </div>
         </div>
-
+        <!-- Sexto item -->
         <div class="accordion-item">
-          <h2 class="accordion-header" id="headingTwo">
+          <h2 class="accordion-header" id="headingSix">
             <button
-              class="accordion-button collapsed"
+              class="accordion-button collapsed fw-bold"
               type="button"
               data-bs-toggle="collapse"
-              data-bs-target="#collapseTwo"
+              data-bs-target="#collapseSix"
               aria-expanded="false"
-              aria-controls="collapseTwo"
+              aria-controls="collapseSix"
             >
               Costes de envío
             </button>
           </h2>
           <div
-            id="collapseTwo"
+            id="collapseSix"
             class="accordion-collapse collapse"
-            aria-labelledby="headingTwo"
+            aria-labelledby="headingSix"
             data-bs-parent="#accordionExample"
           >
             <div class="accordion-body">
@@ -258,24 +261,24 @@
             </div>
           </div>
         </div>
-
+        <!-- Septimo item -->
         <div class="accordion-item mb-5">
-          <h2 class="accordion-header" id="headingTwo">
+          <h2 class="accordion-header" id="headingSeven">
             <button
-              class="accordion-button collapsed"
+              class="accordion-button collapsed fw-bold"
               type="button"
               data-bs-toggle="collapse"
-              data-bs-target="#collapseTwo"
+              data-bs-target="#collapseSeven"
               aria-expanded="false"
-              aria-controls="collapseTwo"
+              aria-controls="collapseSeven"
             >
               Incidencias en la entrega
             </button>
           </h2>
           <div
-            id="collapseTwo"
+            id="collapseSeven"
             class="accordion-collapse collapse"
-            aria-labelledby="headingTwo"
+            aria-labelledby="headingSeven"
             data-bs-parent="#accordionExample"
           >
             <div class="accordion-body">

src/app/contacto/contacto.component.ts

 import { Component, OnInit } from '@angular/core';
 import { NgForm } from '@angular/forms';
-import { AuthService } from '../services-interfaces/services/auth.service';
-import { DatabaseService } from '../services-interfaces/services/database.service';
+import { AuthService } from '../shared/services/auth.service';
+import { DatabaseService } from '../shared/services/database.service';
 
 @Component({
   selector: 'app-contacto',

src/app/header/header.component.ts

 import { Component, OnDestroy, OnInit } from '@angular/core';
 import { Subscription } from 'rxjs';
-import { Usuario } from '../services-interfaces/interfaces/usuario';
-import { AuthService } from '../services-interfaces/services/auth.service';
-import { DatabaseService } from '../services-interfaces/services/database.service';
+import { Usuario } from '../shared/interfaces/usuario';
+import { AuthService } from '../shared/services/auth.service';
+import { DatabaseService } from '../shared/services/database.service';
 
 @Component({
   selector: 'app-header',

src/app/mi-cuenta/completar-registro/completar-registro.component.ts

@@ -4,9 +4,9 @@ import { NgForm } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
 import { MenuItem } from 'primeng/api';
 import { ConnectableObservable } from 'rxjs';
-import { Usuario } from 'src/app/services-interfaces/interfaces/usuario';
-import { AuthService } from 'src/app/services-interfaces/services/auth.service';
-import { DatabaseService } from 'src/app/services-interfaces/services/database.service';
+import { Usuario } from 'src/app/shared/interfaces/usuario';
+import { AuthService } from 'src/app/shared/services/auth.service';
+import { DatabaseService } from 'src/app/shared/services/database.service';
 
 @Component({
   selector: 'app-completar-registro',

src/app/mi-cuenta/inicio-sesion-registro/inicio-sesion-registro.component.ts

 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
-import { MessageService } from 'primeng/api';
-import { AuthService } from 'src/app/services-interfaces/services/auth.service';
+import { AuthService } from 'src/app/shared/services/auth.service';
 import { NgForm } from '@angular/forms';
 import { UserCredential } from 'firebase/auth';
-import { waitForAsync } from '@angular/core/testing';
-import { Usuario } from 'src/app/services-interfaces/interfaces/usuario';
-import { DatabaseService } from 'src/app/services-interfaces/services/database.service';
+import { Usuario } from 'src/app/shared/interfaces/usuario';
+import { DatabaseService } from 'src/app/shared/services/database.service';
 
 @Component({
   selector: 'app-inicio-sesion-registro',

src/app/mi-cuenta/perfil-cuenta/datos-personales/datos-personales.component.ts

 import { Component, OnInit } from '@angular/core';
 import { Subscription } from 'rxjs';
-import { Usuario } from 'src/app/services-interfaces/interfaces/usuario';
-import { AuthService } from 'src/app/services-interfaces/services/auth.service';
-import { DatabaseService } from 'src/app/services-interfaces/services/database.service';
+import { Usuario } from 'src/app/shared/interfaces/usuario';
+import { AuthService } from 'src/app/shared/services/auth.service';
+import { DatabaseService } from 'src/app/shared/services/database.service';
 
 @Component({
   selector: 'app-datos-personales',

src/app/mi-cuenta/perfil-cuenta/direcciones/direcciones.component.ts

 import { Component, OnDestroy, OnInit } from '@angular/core';
 import { Subscription } from 'rxjs';
-import { Usuario } from 'src/app/services-interfaces/interfaces/usuario';
-import { DatabaseService } from 'src/app/services-interfaces/services/database.service';
+import { Usuario } from 'src/app/shared/interfaces/usuario';
+import { DatabaseService } from 'src/app/shared/services/database.service';
 
 @Component({
   selector: 'app-direcciones',

src/index.html

@@ -4,6 +4,16 @@
     <meta charset="utf-8" />
     <title>TiendaChocolatesVeganos</title>
     <base href="/" />
+    <script
+      src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
+      integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
+      integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
+      crossorigin="anonymous"
+    ></script>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/x-icon" href="" />
   </head>