From f9d8c1c9f2bb2434b756494c24afe12afad35800 Mon Sep 17 00:00:00 2001
From: Celestino Rey <creylopez@yahoo.es>
Date: Wed, 11 Sep 2024 16:27:22 +0200
Subject: [PATCH] Cada app tiene su menu personalizado

---
 ReyMotaAppsDj/reymota/templates/base.html     | 19 +++-----
 .../templates/libros/_menu-libros.html        | 21 +++++++++
 .../templates/libros/detalle_autor.html       |  6 +++
 .../templates/libros/detalle_libro.html       |  7 ++-
 .../reymota/templates/libros/form_autor.html  |  6 +++
 .../reymota/templates/libros/form_libro.html  |  6 +++
 .../reymota/templates/libros/index.html       | 45 +++----------------
 .../templates/libros/lista_autores.html       |  8 +++-
 .../templates/libros/lista_libros.html        |  7 ++-
 .../templates/lyrics/_menu-lyrics.html        | 34 ++++++++++++++
 .../templates/lyrics/detalle_album.html       |  7 ++-
 .../templates/lyrics/detalle_artista.html     |  6 +++
 .../templates/lyrics/detalle_song.html        |  7 ++-
 .../reymota/templates/lyrics/form_album.html  |  6 +++
 .../templates/lyrics/form_artista.html        |  6 +++
 .../reymota/templates/lyrics/form_song.html   |  6 +++
 .../reymota/templates/lyrics/index.html       | 43 +++---------------
 .../templates/lyrics/lista_albumes.html       |  7 ++-
 .../templates/lyrics/lista_artistas.html      |  6 +++
 .../reymota/templates/lyrics/lista_songs.html |  9 +++-
 .../repostajes/_menu-repostajes.html          | 23 ++++++++++
 .../repostajes/detalle_repostaje.html         |  7 ++-
 .../repostajes/detalle_vehiculo.html          |  6 +++
 .../templates/repostajes/form_repostaje.html  |  6 +++
 .../templates/repostajes/form_vehiculo.html   |  6 +++
 .../reymota/templates/repostajes/index.html   | 30 +++----------
 .../repostajes/lista_repostajes.html          |  7 ++-
 .../templates/repostajes/lista_vehiculos.html |  6 +++
 28 files changed, 232 insertions(+), 121 deletions(-)
 create mode 100644 ReyMotaAppsDj/reymota/templates/libros/_menu-libros.html
 create mode 100644 ReyMotaAppsDj/reymota/templates/lyrics/_menu-lyrics.html
 create mode 100644 ReyMotaAppsDj/reymota/templates/repostajes/_menu-repostajes.html

diff --git a/ReyMotaAppsDj/reymota/templates/base.html b/ReyMotaAppsDj/reymota/templates/base.html
index c211614..849a901 100644
--- a/ReyMotaAppsDj/reymota/templates/base.html
+++ b/ReyMotaAppsDj/reymota/templates/base.html
@@ -15,19 +15,14 @@
                         </a>
                     </div><!--//col-->
 
-                    {% block menuapp %}
-    		            <div class="search-mobile-trigger d-sm-none col">
-			                <i class="search-mobile-trigger-icon fa-solid fa-magnifying-glass"></i>
-			              </div><!--//col-->
-		                <div class="app-search-box col">
-		                  <form class="app-search-form">   
-							            <input type="text" placeholder="Busca..." name="search" class="form-control search-input">
-							            <button type="submit" class="btn search-btn btn-primary" value="Search"><i class="fa-solid fa-magnifying-glass"></i></button> 
-				              </form>
-		                </div><!--//app-search-box-->
-                    {% endblock menuapp %}
-
                     <div class="app-utilities col-auto">
+                        {% block menuapp %}
+
+                        <div class="app-utility-item app-user-dropdown dropdown">
+                        </div>
+
+                        {% endblock menuapp %}
+
                         <div class="app-utility-item app-user-dropdown dropdown">
                             {% if user.is_authenticated %}
                             <a class="dropdown-toggle" id="user-dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false"><img src=" {{user.foto.url }}"></a>
diff --git a/ReyMotaAppsDj/reymota/templates/libros/_menu-libros.html b/ReyMotaAppsDj/reymota/templates/libros/_menu-libros.html
new file mode 100644
index 0000000..50076e7
--- /dev/null
+++ b/ReyMotaAppsDj/reymota/templates/libros/_menu-libros.html
@@ -0,0 +1,21 @@
+
+  <div class="app-utility-item app-user-dropdown dropdown">
+    <a class="dropdown-toggle" id="user-dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Autores</a>
+
+    <ul class="dropdown-menu" aria-labelledby="user-dropdown-toggle">
+      <li>
+        <a class="dropdown-item" href="{% url 'libros:lista_autores' %}">Ver</a>
+      </li>
+    </ul>
+
+  </div><!--//app-utility-item-->
+  <div class="app-utility-item app-user-dropdown dropdown">
+      <a class="dropdown-toggle" id="user-dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Libros</a>
+
+      <ul class="dropdown-menu" aria-labelledby="user-dropdown-toggle">
+        <li>
+          <a class="dropdown-item" href="{% url 'libros:lista_libros' %}">Ver</a>
+        </li>
+      </ul>
+
+    </div><!--//app-utility-item-->
diff --git a/ReyMotaAppsDj/reymota/templates/libros/detalle_autor.html b/ReyMotaAppsDj/reymota/templates/libros/detalle_autor.html
index 5834719..385cf1f 100644
--- a/ReyMotaAppsDj/reymota/templates/libros/detalle_autor.html
+++ b/ReyMotaAppsDj/reymota/templates/libros/detalle_autor.html
@@ -1,5 +1,11 @@
 {% extends 'base.html' %}
 
+{% block menuapp %}
+
+{% include 'libros/_menu-libros.html' %}
+
+{% endblock menuapp %}
+
 {% block content %}
 <div class="container-xl">
     <div class="app-card app-card-notification shadow-sm mb-4">
diff --git a/ReyMotaAppsDj/reymota/templates/libros/detalle_libro.html b/ReyMotaAppsDj/reymota/templates/libros/detalle_libro.html
index 77e4e0a..5b8416f 100644
--- a/ReyMotaAppsDj/reymota/templates/libros/detalle_libro.html
+++ b/ReyMotaAppsDj/reymota/templates/libros/detalle_libro.html
@@ -1,6 +1,11 @@
-
 {% extends 'base.html' %}
 
+{% block menuapp %}
+
+{% include 'libros/_menu-libros.html' %}
+
+{% endblock menuapp %}
+
 {% block content %}
 <div class="container-xl">
     <div class="app-card app-card-notification shadow-sm mb-4">
diff --git a/ReyMotaAppsDj/reymota/templates/libros/form_autor.html b/ReyMotaAppsDj/reymota/templates/libros/form_autor.html
index 727f242..a339835 100644
--- a/ReyMotaAppsDj/reymota/templates/libros/form_autor.html
+++ b/ReyMotaAppsDj/reymota/templates/libros/form_autor.html
@@ -1,5 +1,11 @@
 {% extends 'base.html' %}
 
+{% block menuapp %}
+
+{% include 'libros/_menu-libros.html' %}
+
+{% endblock menuapp %}
+
 {% block content %}
 <div class="column is-4 is-offset-4">
 
diff --git a/ReyMotaAppsDj/reymota/templates/libros/form_libro.html b/ReyMotaAppsDj/reymota/templates/libros/form_libro.html
index 67ad68c..23b7572 100644
--- a/ReyMotaAppsDj/reymota/templates/libros/form_libro.html
+++ b/ReyMotaAppsDj/reymota/templates/libros/form_libro.html
@@ -1,5 +1,11 @@
 {% extends 'base.html' %}
 
+{% block menuapp %}
+
+{% include 'libros/_menu-libros.html' %}
+
+{% endblock menuapp %}
+
 {% block content %}
 <div class="column is-4 is-offset-4">
     <h3>{% if form.instance.pk %}Editar Libro{% else %}Nuevo Libro{% endif %}</h3>
diff --git a/ReyMotaAppsDj/reymota/templates/libros/index.html b/ReyMotaAppsDj/reymota/templates/libros/index.html
index 19e505e..86587f6 100644
--- a/ReyMotaAppsDj/reymota/templates/libros/index.html
+++ b/ReyMotaAppsDj/reymota/templates/libros/index.html
@@ -1,64 +1,33 @@
 {% extends 'base.html' %}
 
 {% block menuapp %}
-<div class="search-mobile-trigger d-sm-none col">
-  <i class="search-mobile-trigger-icon fa-solid fa-magnifying-glass"></i>
-</div><!--//col-->
-<div class="app-search-box col">
-  <form class="app-search-form">   
-      <input type="text" placeholder="Busca, busca..." name="search" class="form-control search-input">
-      <button type="submit" class="btn search-btn btn-primary" value="Search"><i class="fa-solid fa-magnifying-glass"></i></button> 
-  </form>
-</div><!--//app-search-box-->
 
-{% endblock %}
+{% include 'libros/_menu-libros.html' %}
+
+{% endblock menuapp %}
 
 {% block content %}
 
 <div class="container-xl">
 			    
     <h1 class="app-page-title">Introducción</h1>
-    
+
     <div class="app-card alert alert-dismissible shadow-sm mb-4 border-left-decoration" role="alert">
         <div class="inner">
             <div class="app-card-body p-3 p-lg-4">
-                <h3 class="mb-3">¡Bienvenido a la colección de libros!</h3>
+                <h3 class="mb-3">¡Bienvenido a la gestión de letras!</h3>
                 <div class="row gx-5 gy-3">
                     <!--
                     <div class="col-12 col-lg-9">
-                        
+
                         <div>Pensado inicialmente para guardar las letras de las canciones de Bruce Springsteen.</div>
                     </div>--><!--//col-->
                 </div><!--//row-->
                 <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
-            </div><!--//app-card-body-->            
+            </div><!--//app-card-body-->
         </div><!--//inner-->
     </div><!--//app-card-->
 
-    <div class="row g-4 mb-4">
-        <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0" data-aos="zoom-in" data-aos-delay="300">
-            <div class="icon-box iconbox-pink">
-              <div class="icon">
-                <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
-                  <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,541.5067337569781C382.14930387511276,545.0595476570109,479.8736841581634,548.3450877840088,526.4010558755058,480.5488172755941C571.5218469581645,414.80211281144784,517.5187510058486,332.0715597781072,496.52539010469104,255.14436215662573C477.37192572678356,184.95920475031193,473.57363656557914,105.61284051026155,413.0603344069578,65.22779650032875C343.27470386102294,18.654635553484475,251.2091493199835,5.337323636656869,175.0934190732945,40.62881213300186C97.87086631185822,76.43348514350839,51.98124368387456,156.15599469081315,36.44837278890362,239.84606092416172C21.716077023791087,319.22268207091537,43.775223500013084,401.1760424656574,96.891909868211,461.97329694683043C147.22146801428983,519.5804099606455,223.5754009179313,538.201503339737,300,541.5067337569781"></path>
-                </svg>
-				<i class='bx bx-bowl-hot'></i>
-              </div>
-              <h4><a href="{% url 'libros:lista_autores' %}">Autores</a></h4>
-              <p>Todos los autores</p>
-            </div>
-                        <div class="icon-box iconbox-pink">
-              <div class="icon">
-                <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
-                  <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,541.5067337569781C382.14930387511276,545.0595476570109,479.8736841581634,548.3450877840088,526.4010558755058,480.5488172755941C571.5218469581645,414.80211281144784,517.5187510058486,332.0715597781072,496.52539010469104,255.14436215662573C477.37192572678356,184.95920475031193,473.57363656557914,105.61284051026155,413.0603344069578,65.22779650032875C343.27470386102294,18.654635553484475,251.2091493199835,5.337323636656869,175.0934190732945,40.62881213300186C97.87086631185822,76.43348514350839,51.98124368387456,156.15599469081315,36.44837278890362,239.84606092416172C21.716077023791087,319.22268207091537,43.775223500013084,401.1760424656574,96.891909868211,461.97329694683043C147.22146801428983,519.5804099606455,223.5754009179313,538.201503339737,300,541.5067337569781"></path>
-                </svg>
-				<i class='bx bx-bowl-hot'></i>
-              </div>
-              <h4><a href="{% url 'libros:lista_libros' %}">Libros</a></h4>
-              <p>Listado de libros</p>
-            </div>
-        </div>
-    </div><!--//row-->
 </div><!--//container-fluid-->
 
 {% endblock %}
diff --git a/ReyMotaAppsDj/reymota/templates/libros/lista_autores.html b/ReyMotaAppsDj/reymota/templates/libros/lista_autores.html
index df1c3d1..d461faa 100644
--- a/ReyMotaAppsDj/reymota/templates/libros/lista_autores.html
+++ b/ReyMotaAppsDj/reymota/templates/libros/lista_autores.html
@@ -1,5 +1,11 @@
 {% extends 'base.html' %}
 
+{% block menuapp %}
+
+{% include 'libros/_menu-libros.html' %}
+
+{% endblock menuapp %}
+
 {% block content %}
 		    <div class="container-xl">
 			    
@@ -68,4 +74,4 @@
 					{% endfor %}		
 				</div>
 		    </div><!--//container-fluid-->
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/ReyMotaAppsDj/reymota/templates/libros/lista_libros.html b/ReyMotaAppsDj/reymota/templates/libros/lista_libros.html
index 5ffef39..a51441e 100644
--- a/ReyMotaAppsDj/reymota/templates/libros/lista_libros.html
+++ b/ReyMotaAppsDj/reymota/templates/libros/lista_libros.html
@@ -1,6 +1,11 @@
-
 {% extends 'base.html' %}
 
+{% block menuapp %}
+
+{% include 'libros/_menu-libros.html' %}
+
+{% endblock menuapp %}
+
 {% block content %}
 		    <div class="container-xl">
 			    
diff --git a/ReyMotaAppsDj/reymota/templates/lyrics/_menu-lyrics.html b/ReyMotaAppsDj/reymota/templates/lyrics/_menu-lyrics.html
new file mode 100644
index 0000000..7877241
--- /dev/null
+++ b/ReyMotaAppsDj/reymota/templates/lyrics/_menu-lyrics.html
@@ -0,0 +1,34 @@
+
+  <div class="app-utility-item app-user-dropdown dropdown">
+    <a class="dropdown-toggle" id="user-dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Artistas</a>
+
+    <ul class="dropdown-menu" aria-labelledby="user-dropdown-toggle">
+      <li>
+        <a class="dropdown-item" href="{% url 'lyrics:lista_artistas' %}">Ver</a>
+      </li>
+    </ul>
+
+  </div><!--//app-utility-item-->
+
+  <div class="app-utility-item app-user-dropdown dropdown">
+      <a class="dropdown-toggle" id="user-dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Albumes</a>
+
+      <ul class="dropdown-menu" aria-labelledby="user-dropdown-toggle">
+        <li>
+          <a class="dropdown-item" href="{% url 'lyrics:lista_albumes' %}">Ver</a>
+        </li>
+      </ul>
+
+  </div><!--//app-utility-item-->
+
+  <div class="app-utility-item app-user-dropdown dropdown">
+      <a class="dropdown-toggle" id="user-dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Canciones</a>
+
+      <ul class="dropdown-menu" aria-labelledby="user-dropdown-toggle">
+        <li>
+          <a class="dropdown-item" href="{% url 'lyrics:lista_songs' %}">Ver</a>
+        </li>
+      </ul>
+
+  </div><!--//app-utility-item-->
+
diff --git a/ReyMotaAppsDj/reymota/templates/lyrics/detalle_album.html b/ReyMotaAppsDj/reymota/templates/lyrics/detalle_album.html
index 3e8557a..f3d0d40 100644
--- a/ReyMotaAppsDj/reymota/templates/lyrics/detalle_album.html
+++ b/ReyMotaAppsDj/reymota/templates/lyrics/detalle_album.html
@@ -1,6 +1,11 @@
-
 {% extends 'base.html' %}
 
+{% block menuapp %}
+
+{% include 'lyrics/_menu-lyrics.html' %}
+
+{% endblock menuapp %}
+
 {% block content %}
 <div class="container-xl">
     <div class="app-card app-card-notification shadow-sm mb-4">
diff --git a/ReyMotaAppsDj/reymota/templates/lyrics/detalle_artista.html b/ReyMotaAppsDj/reymota/templates/lyrics/detalle_artista.html
index e60f809..af40475 100644
--- a/ReyMotaAppsDj/reymota/templates/lyrics/detalle_artista.html
+++ b/ReyMotaAppsDj/reymota/templates/lyrics/detalle_artista.html
@@ -1,5 +1,11 @@
 {% extends 'base.html' %}
 
+{% block menuapp %}
+
+{% include 'lyrics/_menu-lyrics.html' %}
+
+{% endblock menuapp %}
+
 {% block content %}
 <div class="container-xl">
     <div class="app-card app-card-notification shadow-sm mb-4">
diff --git a/ReyMotaAppsDj/reymota/templates/lyrics/detalle_song.html b/ReyMotaAppsDj/reymota/templates/lyrics/detalle_song.html
index ccd2209..b0c9bbc 100644
--- a/ReyMotaAppsDj/reymota/templates/lyrics/detalle_song.html
+++ b/ReyMotaAppsDj/reymota/templates/lyrics/detalle_song.html
@@ -1,6 +1,11 @@
-
 {% extends 'base.html' %}
 
+{% block menuapp %}
+
+{% include 'lyrics/_menu-lyrics.html' %}
+
+{% endblock menuapp %}
+
 {% block content %}
 <div class="container-xl">
     <div class="app-card app-card-notification shadow-sm mb-4">
diff --git a/ReyMotaAppsDj/reymota/templates/lyrics/form_album.html b/ReyMotaAppsDj/reymota/templates/lyrics/form_album.html
index f953113..20bc414 100644
--- a/ReyMotaAppsDj/reymota/templates/lyrics/form_album.html
+++ b/ReyMotaAppsDj/reymota/templates/lyrics/form_album.html
@@ -1,5 +1,11 @@
 {% extends 'base.html' %}
 
+{% block menuapp %}
+
+{% include 'lyrics/_menu-lyrics.html' %}
+
+{% endblock menuapp %}
+
 {% block content %}
 <div class="column is-4 is-offset-4">
     <h3>{% if form.instance.pk %}Editar álbum{% else %}Nuevo álbum{% endif %}</h3>
diff --git a/ReyMotaAppsDj/reymota/templates/lyrics/form_artista.html b/ReyMotaAppsDj/reymota/templates/lyrics/form_artista.html
index 5878355..4615821 100644
--- a/ReyMotaAppsDj/reymota/templates/lyrics/form_artista.html
+++ b/ReyMotaAppsDj/reymota/templates/lyrics/form_artista.html
@@ -1,5 +1,11 @@
 {% extends 'base.html' %}
 
+{% block menuapp %}
+
+{% include 'lyrics/_menu-lyrics.html' %}
+
+{% endblock menuapp %}
+
 {% block content %}
 <div class="column is-4 is-offset-4">
 
diff --git a/ReyMotaAppsDj/reymota/templates/lyrics/form_song.html b/ReyMotaAppsDj/reymota/templates/lyrics/form_song.html
index d85edb9..9357c8c 100644
--- a/ReyMotaAppsDj/reymota/templates/lyrics/form_song.html
+++ b/ReyMotaAppsDj/reymota/templates/lyrics/form_song.html
@@ -1,5 +1,11 @@
 {% extends 'base.html' %}
 
+{% block menuapp %}
+
+{% include 'lyrics/_menu-lyrics.html' %}
+
+{% endblock menuapp %}
+
 {% block content %}
 <div class="column is-4 is-offset-4">
     <h3>{% if form.instance.pk %}Editar repostaje{% else %}Nuevo repostaje{% endif %}</h3>
diff --git a/ReyMotaAppsDj/reymota/templates/lyrics/index.html b/ReyMotaAppsDj/reymota/templates/lyrics/index.html
index d7d190e..5ee468c 100644
--- a/ReyMotaAppsDj/reymota/templates/lyrics/index.html
+++ b/ReyMotaAppsDj/reymota/templates/lyrics/index.html
@@ -1,5 +1,11 @@
 {% extends 'base.html' %}
 
+{% block menuapp %}
+
+{% include 'lyrics/_menu-lyrics.html' %}
+
+{% endblock menuapp %}
+
 {% block content %}
 
 <div class="container-xl">
@@ -22,43 +28,6 @@
         </div><!--//inner-->
     </div><!--//app-card-->
 
-    <div class="row g-4 mb-4">
-        <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0" data-aos="zoom-in" data-aos-delay="300">
-
-            <div class="icon-box iconbox-pink">
-              <div class="icon">
-                <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
-                  <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,541.5067337569781C382.14930387511276,545.0595476570109,479.8736841581634,548.3450877840088,526.4010558755058,480.5488172755941C571.5218469581645,414.80211281144784,517.5187510058486,332.0715597781072,496.52539010469104,255.14436215662573C477.37192572678356,184.95920475031193,473.57363656557914,105.61284051026155,413.0603344069578,65.22779650032875C343.27470386102294,18.654635553484475,251.2091493199835,5.337323636656869,175.0934190732945,40.62881213300186C97.87086631185822,76.43348514350839,51.98124368387456,156.15599469081315,36.44837278890362,239.84606092416172C21.716077023791087,319.22268207091537,43.775223500013084,401.1760424656574,96.891909868211,461.97329694683043C147.22146801428983,519.5804099606455,223.5754009179313,538.201503339737,300,541.5067337569781"></path>
-                </svg>
-		<i class='bx bx-bowl-hot'></i>
-              </div>
-              <h4><a href="{% url 'lyrics:lista_artistas' %}">Artistas</a></h4>
-              <p>Listado de vehículoss</p>
-            </div>
-
-            <div class="icon-box iconbox-pink">
-              <div class="icon">
-                <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
-                  <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,541.5067337569781C382.14930387511276,545.0595476570109,479.8736841581634,548.3450877840088,526.4010558755058,480.5488172755941C571.5218469581645,414.80211281144784,517.5187510058486,332.0715597781072,496.52539010469104,255.14436215662573C477.37192572678356,184.95920475031193,473.57363656557914,105.61284051026155,413.0603344069578,65.22779650032875C343.27470386102294,18.654635553484475,251.2091493199835,5.337323636656869,175.0934190732945,40.62881213300186C97.87086631185822,76.43348514350839,51.98124368387456,156.15599469081315,36.44837278890362,239.84606092416172C21.716077023791087,319.22268207091537,43.775223500013084,401.1760424656574,96.891909868211,461.97329694683043C147.22146801428983,519.5804099606455,223.5754009179313,538.201503339737,300,541.5067337569781"></path>
-                </svg>
-		<i class='bx bx-bowl-hot'></i>
-              </div>
-              <h4><a href="{% url 'lyrics:lista_albumes' %}">Álbumes</a></h4>
-              <p>Relación de repostajes</p>
-            </div>
-
-            <div class="icon-box iconbox-pink">
-              <div class="icon">
-                <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
-                  <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,541.5067337569781C382.14930387511276,545.0595476570109,479.8736841581634,548.3450877840088,526.4010558755058,480.5488172755941C571.5218469581645,414.80211281144784,517.5187510058486,332.0715597781072,496.52539010469104,255.14436215662573C477.37192572678356,184.95920475031193,473.57363656557914,105.61284051026155,413.0603344069578,65.22779650032875C343.27470386102294,18.654635553484475,251.2091493199835,5.337323636656869,175.0934190732945,40.62881213300186C97.87086631185822,76.43348514350839,51.98124368387456,156.15599469081315,36.44837278890362,239.84606092416172C21.716077023791087,319.22268207091537,43.775223500013084,401.1760424656574,96.891909868211,461.97329694683043C147.22146801428983,519.5804099606455,223.5754009179313,538.201503339737,300,541.5067337569781"></path>
-                </svg>
-		<i class='bx bx-bowl-hot'></i>
-              </div>
-              <h4><a href="{% url 'lyrics:lista_songs' %}">Canciones</a></h4>
-              <p>Listado de vehículoss</p>
-            </div>
-        </div>
-    </div><!--//row-->
 </div><!--//container-fluid-->
 
 {% endblock %}
diff --git a/ReyMotaAppsDj/reymota/templates/lyrics/lista_albumes.html b/ReyMotaAppsDj/reymota/templates/lyrics/lista_albumes.html
index 29c7bf2..14a5125 100644
--- a/ReyMotaAppsDj/reymota/templates/lyrics/lista_albumes.html
+++ b/ReyMotaAppsDj/reymota/templates/lyrics/lista_albumes.html
@@ -1,6 +1,11 @@
-
 {% extends 'base.html' %}
 
+{% block menuapp %}
+
+{% include 'lyrics/_menu-lyrics.html' %}
+
+{% endblock menuapp %}
+
 {% block content %}
 		    <div class="container-xl">
 			    <div class="row g-3 mb-4 align-items-center justify-content-between">
diff --git a/ReyMotaAppsDj/reymota/templates/lyrics/lista_artistas.html b/ReyMotaAppsDj/reymota/templates/lyrics/lista_artistas.html
index 24ec06d..61878c6 100644
--- a/ReyMotaAppsDj/reymota/templates/lyrics/lista_artistas.html
+++ b/ReyMotaAppsDj/reymota/templates/lyrics/lista_artistas.html
@@ -1,5 +1,11 @@
 {% extends 'base.html' %}
 
+{% block menuapp %}
+
+{% include 'lyrics/_menu-lyrics.html' %}
+
+{% endblock menuapp %}
+
 {% block content %}
 		    <div class="container-xl">
 			    
diff --git a/ReyMotaAppsDj/reymota/templates/lyrics/lista_songs.html b/ReyMotaAppsDj/reymota/templates/lyrics/lista_songs.html
index 7b7fbd6..cbd9589 100644
--- a/ReyMotaAppsDj/reymota/templates/lyrics/lista_songs.html
+++ b/ReyMotaAppsDj/reymota/templates/lyrics/lista_songs.html
@@ -1,11 +1,16 @@
-
 {% extends 'base.html' %}
 
+{% block menuapp %}
+
+{% include 'lyrics/_menu-lyrics.html' %}
+
+{% endblock menuapp %}
+
 {% block content %}
 		    <div class="container-xl">
 			    <div class="row g-3 mb-4 align-items-center justify-content-between">
 				    <div class="col-auto">
-			            <h1 class="app-page-title mb-0">Repostajes</h1>
+			            <h1 class="app-page-title mb-0">Canciones</h1>
 				    </div>
 			    </div><!--//row-->				
 				<div class="col-auto">
diff --git a/ReyMotaAppsDj/reymota/templates/repostajes/_menu-repostajes.html b/ReyMotaAppsDj/reymota/templates/repostajes/_menu-repostajes.html
new file mode 100644
index 0000000..70200a4
--- /dev/null
+++ b/ReyMotaAppsDj/reymota/templates/repostajes/_menu-repostajes.html
@@ -0,0 +1,23 @@
+
+  <div class="app-utility-item app-user-dropdown dropdown">
+    <a class="dropdown-toggle" id="user-dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Vehiculos</a>
+
+    <ul class="dropdown-menu" aria-labelledby="user-dropdown-toggle">
+      <li>
+        <a class="dropdown-item" href="{% url 'repostajes:lista_vehiculos' %}">Ver</a>
+      </li>
+    </ul>
+
+  </div><!--//app-utility-item-->
+
+  <div class="app-utility-item app-user-dropdown dropdown">
+      <a class="dropdown-toggle" id="user-dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Repostajes</a>
+
+      <ul class="dropdown-menu" aria-labelledby="user-dropdown-toggle">
+        <li>
+          <a class="dropdown-item" href="{% url 'repostajes:lista_repostajes' %}">Ver</a>
+        </li>
+      </ul>
+
+  </div><!--//app-utility-item-->
+
diff --git a/ReyMotaAppsDj/reymota/templates/repostajes/detalle_repostaje.html b/ReyMotaAppsDj/reymota/templates/repostajes/detalle_repostaje.html
index ccd2209..6c3f9af 100644
--- a/ReyMotaAppsDj/reymota/templates/repostajes/detalle_repostaje.html
+++ b/ReyMotaAppsDj/reymota/templates/repostajes/detalle_repostaje.html
@@ -1,6 +1,11 @@
-
 {% extends 'base.html' %}
 
+{% block menuapp %}
+
+{% include 'repostajes/_menu-repostajes.html' %}
+
+{% endblock menuapp %}
+
 {% block content %}
 <div class="container-xl">
     <div class="app-card app-card-notification shadow-sm mb-4">
diff --git a/ReyMotaAppsDj/reymota/templates/repostajes/detalle_vehiculo.html b/ReyMotaAppsDj/reymota/templates/repostajes/detalle_vehiculo.html
index e5545cb..0f4542b 100644
--- a/ReyMotaAppsDj/reymota/templates/repostajes/detalle_vehiculo.html
+++ b/ReyMotaAppsDj/reymota/templates/repostajes/detalle_vehiculo.html
@@ -1,5 +1,11 @@
 {% extends 'base.html' %}
 
+{% block menuapp %}
+
+{% include 'repostajes/_menu-repostajes.html' %}
+
+{% endblock menuapp %}
+
 {% block content %}
 <div class="container-xl">
     <div class="app-card app-card-notification shadow-sm mb-4">
diff --git a/ReyMotaAppsDj/reymota/templates/repostajes/form_repostaje.html b/ReyMotaAppsDj/reymota/templates/repostajes/form_repostaje.html
index d85edb9..c991092 100644
--- a/ReyMotaAppsDj/reymota/templates/repostajes/form_repostaje.html
+++ b/ReyMotaAppsDj/reymota/templates/repostajes/form_repostaje.html
@@ -1,5 +1,11 @@
 {% extends 'base.html' %}
 
+{% block menuapp %}
+
+{% include 'repostajes/_menu-repostajes.html' %}
+
+{% endblock menuapp %}
+
 {% block content %}
 <div class="column is-4 is-offset-4">
     <h3>{% if form.instance.pk %}Editar repostaje{% else %}Nuevo repostaje{% endif %}</h3>
diff --git a/ReyMotaAppsDj/reymota/templates/repostajes/form_vehiculo.html b/ReyMotaAppsDj/reymota/templates/repostajes/form_vehiculo.html
index f5905a2..3a4d290 100644
--- a/ReyMotaAppsDj/reymota/templates/repostajes/form_vehiculo.html
+++ b/ReyMotaAppsDj/reymota/templates/repostajes/form_vehiculo.html
@@ -1,5 +1,11 @@
 {% extends 'base.html' %}
 
+{% block menuapp %}
+
+{% include 'repostajes/_menu-repostajes.html' %}
+
+{% endblock menuapp %}
+
 {% block content %}
 <div class="column is-4 is-offset-4">
 
diff --git a/ReyMotaAppsDj/reymota/templates/repostajes/index.html b/ReyMotaAppsDj/reymota/templates/repostajes/index.html
index b367f5d..0cc37d0 100644
--- a/ReyMotaAppsDj/reymota/templates/repostajes/index.html
+++ b/ReyMotaAppsDj/reymota/templates/repostajes/index.html
@@ -1,5 +1,11 @@
 {% extends 'base.html' %}
 
+{% block menuapp %}
+
+{% include 'repostajes/_menu-repostajes.html' %}
+
+{% endblock menuapp %}
+
 {% block content %}
 
 <div class="container-xl">
@@ -22,30 +28,6 @@
         </div><!--//inner-->
     </div><!--//app-card-->
 
-    <div class="row g-4 mb-4">
-        <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0" data-aos="zoom-in" data-aos-delay="300">
-            <div class="icon-box iconbox-pink">
-              <div class="icon">
-                <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
-                  <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,541.5067337569781C382.14930387511276,545.0595476570109,479.8736841581634,548.3450877840088,526.4010558755058,480.5488172755941C571.5218469581645,414.80211281144784,517.5187510058486,332.0715597781072,496.52539010469104,255.14436215662573C477.37192572678356,184.95920475031193,473.57363656557914,105.61284051026155,413.0603344069578,65.22779650032875C343.27470386102294,18.654635553484475,251.2091493199835,5.337323636656869,175.0934190732945,40.62881213300186C97.87086631185822,76.43348514350839,51.98124368387456,156.15599469081315,36.44837278890362,239.84606092416172C21.716077023791087,319.22268207091537,43.775223500013084,401.1760424656574,96.891909868211,461.97329694683043C147.22146801428983,519.5804099606455,223.5754009179313,538.201503339737,300,541.5067337569781"></path>
-                </svg>
-		<i class='bx bx-bowl-hot'></i>
-              </div>
-              <h4><a href="{% url 'repostajes:lista_vehiculos' %}">Vehículos</a></h4>
-              <p>Listado de vehículoss</p>
-            </div>
-                        <div class="icon-box iconbox-pink">
-              <div class="icon">
-                <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
-                  <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,541.5067337569781C382.14930387511276,545.0595476570109,479.8736841581634,548.3450877840088,526.4010558755058,480.5488172755941C571.5218469581645,414.80211281144784,517.5187510058486,332.0715597781072,496.52539010469104,255.14436215662573C477.37192572678356,184.95920475031193,473.57363656557914,105.61284051026155,413.0603344069578,65.22779650032875C343.27470386102294,18.654635553484475,251.2091493199835,5.337323636656869,175.0934190732945,40.62881213300186C97.87086631185822,76.43348514350839,51.98124368387456,156.15599469081315,36.44837278890362,239.84606092416172C21.716077023791087,319.22268207091537,43.775223500013084,401.1760424656574,96.891909868211,461.97329694683043C147.22146801428983,519.5804099606455,223.5754009179313,538.201503339737,300,541.5067337569781"></path>
-                </svg>
-		<i class='bx bx-bowl-hot'></i>
-              </div>
-              <h4><a href="{% url 'repostajes:lista_repostajes' %}">Repostajes</a></h4>
-              <p>Relación de repostajes</p>
-            </div>
-        </div>
-    </div><!--//row-->
 </div><!--//container-fluid-->
 
 {% endblock %}
diff --git a/ReyMotaAppsDj/reymota/templates/repostajes/lista_repostajes.html b/ReyMotaAppsDj/reymota/templates/repostajes/lista_repostajes.html
index 7b7fbd6..b0eac08 100644
--- a/ReyMotaAppsDj/reymota/templates/repostajes/lista_repostajes.html
+++ b/ReyMotaAppsDj/reymota/templates/repostajes/lista_repostajes.html
@@ -1,6 +1,11 @@
-
 {% extends 'base.html' %}
 
+{% block menuapp %}
+
+{% include 'repostajes/_menu-repostajes.html' %}
+
+{% endblock menuapp %}
+
 {% block content %}
 		    <div class="container-xl">
 			    <div class="row g-3 mb-4 align-items-center justify-content-between">
diff --git a/ReyMotaAppsDj/reymota/templates/repostajes/lista_vehiculos.html b/ReyMotaAppsDj/reymota/templates/repostajes/lista_vehiculos.html
index 65be19c..a2e169e 100644
--- a/ReyMotaAppsDj/reymota/templates/repostajes/lista_vehiculos.html
+++ b/ReyMotaAppsDj/reymota/templates/repostajes/lista_vehiculos.html
@@ -1,5 +1,11 @@
 {% extends 'base.html' %}
 
+{% block menuapp %}
+
+{% include 'repostajes/_menu-repostajes.html' %}
+
+{% endblock menuapp %}
+
 {% block content %}
 		    <div class="container-xl">