From 59f757c1b247d43e833796ee5a2dc1ac2fe7861d Mon Sep 17 00:00:00 2001
From: Celestino Rey <creylopez@yahoo.es>
Date: Thu, 16 May 2024 08:28:44 +0200
Subject: [PATCH] Funcionando en docker y con burger-menu bien

---
 Padel/buildImg.sh                      |   1 +
 Padel/lanza.sh                         |   2 +-
 Padel/padel/static/bulma.css           |  24 +++-
 Padel/padel/templates/_navegacion.html | 149 +++++++++++++------------
 Padel/padel/templates/base.html        |   4 +-
 Padel/paraAppDocker.sh                 |   3 +
 Padel/runPadel.sh                      |   1 +
 7 files changed, 108 insertions(+), 76 deletions(-)
 create mode 100644 Padel/buildImg.sh
 create mode 100644 Padel/paraAppDocker.sh
 create mode 100644 Padel/runPadel.sh

diff --git a/Padel/buildImg.sh b/Padel/buildImg.sh
new file mode 100644
index 0000000..b330956
--- /dev/null
+++ b/Padel/buildImg.sh
@@ -0,0 +1 @@
+docker build --tag padel-docker:latest .
diff --git a/Padel/lanza.sh b/Padel/lanza.sh
index 02de953..fa32b6d 100644
--- a/Padel/lanza.sh
+++ b/Padel/lanza.sh
@@ -1 +1 @@
-python3 -m flask --app padel run --port 8000 --debug
+python3 -m flask --app padel run --port 5000 --debug
diff --git a/Padel/padel/static/bulma.css b/Padel/padel/static/bulma.css
index 993640d..91acd1d 100644
--- a/Padel/padel/static/bulma.css
+++ b/Padel/padel/static/bulma.css
@@ -22434,4 +22434,26 @@ has-background-danger.is-hoverable:active {
   pointer-events: all !important;
 }
 
-/*# sourceMappingURL=bulma.css.map */
\ No newline at end of file
+/*# sourceMappingURL=bulma.css.map */
+
+/*
+#menu-switch {
+ display: none;
+}
+#menu-switch:checked + .navbar-brand .navbar-burger span:nth-child(1) {
+  transform: translateY(5px) rotate(45deg);
+}
+#menu-switch:checked + .navbar-brand .navbar-burger span:nth-child(2) {
+  opacity: 0;
+}
+#menu-switch:checked + .navbar-brand .navbar-burger span:nth-child(3) {
+  transform: translateY(-5px) rotate(-45deg);
+}
+#menu-switch:checked ~ .navbar-menu{
+ display: block;
+}
+*/
+
+nav.navbar {
+  height: 2rem !important;
+}
\ No newline at end of file
diff --git a/Padel/padel/templates/_navegacion.html b/Padel/padel/templates/_navegacion.html
index 85949c4..16c26de 100644
--- a/Padel/padel/templates/_navegacion.html
+++ b/Padel/padel/templates/_navegacion.html
@@ -1,85 +1,90 @@
-  <nav class="navbar is-primary" role="navigation" aria-label="main navigation">
-    <!--
-      Aquí podría ir un logo con su botón
-    -->
+  <nav class="navbar is-dark" role="navigation" aria-label="main navigation">
+      <div class="navbar-brand">
+	      <a class="navbar-item" href="/">Devesa Park Padel</a>
 
-    <a class="navbar-burger" role="button" aria-label="menu" aria-expanded="false">
-      <span aria-hidden="true"></span>
-      <span aria-hidden="true"></span>
-      <span aria-hidden="true"></span>
-      <span aria-hidden="true"></span>
-    </a>
+        <div class="navbar-burger" role="button" data-target="navMenu">
 
-    <div id="navbarMenuHeroA" class="navbar-menu">
-      <div class="navbar-start">
-        <a class="navbar-item" href="{{ url_for('auth.index') }}" >
-          Inicio
-        </a>         
+            <span></span>
+	    {% if current_user.is_authenticated %}
+            <span></span>
+            <span></span>
+            <span></span>
+	    {% else %}
+            <span></span>
+            <span></span>
+	    {% endif %}
+        </div>
       </div>
 
-      <div class="navbar-end">
-        <div class="navbar-item">
-          <div class="buttons">
-            {% if current_user.is_authenticated %}
-            <!--
-              <a href="{{ url_for('paginas.inicio') }}" class="navbar-item">
-                Inicio
-              </a>
-              <a href="{{ url_for('paginas.acerca') }}" class="navbar-item">
-                Acerca de...
-              </a>
-
-              <a href="{{ url_for('reservas.misreservas') }}" class="navbar-item">
-                Mis reservas
-              </a>
-            -->
-                <a href="{{ url_for('reservas.eligedia') }}" class="navbar-item">
-                  Reservar
+      <div class="navbar-menu" id="navMenu">
+        <div class="navbar-end">
+          <a class="navbar-item" href="{{ url_for('auth.index') }}" >
+            Inicio
+          </a>         
+          <div class="navbar-item">
+           <!-- <div class="buttons">-->
+              {% if current_user.is_authenticated %}
+              <!--
+                <a href="{{ url_for('paginas.inicio') }}" class="navbar-item">
+                  Inicio
+                </a>
+                <a href="{{ url_for('paginas.acerca') }}" class="navbar-item">
+                  Acerca de...
                 </a>
 
-                <div class="navbar-item has-dropdown is-hoverable">
-                  <a class="navbar-link">
-                    {{ current_user.name }}
+                <a href="{{ url_for('reservas.misreservas') }}" class="navbar-item">
+                  Mis reservas
+                </a>
+              -->
+                  <a href="{{ url_for('reservas.eligedia') }}" class="navbar-item">
+                    Reservar
                   </a>
 
-                  <div class="navbar-dropdown">
-                    <a href="{{ url_for('auth.logout') }}" class="navbar-item">Salir</a>
-                  </div>
+                  <div class="navbar-item has-dropdown is-hoverable">
+                    <a class="navbar-link">
+                      {{ current_user.name }}
+                    </a>
 
-                </div>
-            {% else %}
-                <a href="{{ url_for('auth.login') }}" class="button is-primary">Entrar</a>
-                <a href="{{ url_for('auth.signup') }}" class="button is-light">Registrarse</a>
-            {% endif %} 
+                    <div class="navbar-dropdown">
+                      <a href="{{ url_for('auth.logout') }}" class="navbar-item">Salir</a>
+                    </div>
+
+                  </div>
+              {% else %}
+                  <a href="{{ url_for('auth.login') }}" class="button is-primary">Entrar</a>
+                  <a href="{{ url_for('auth.signup') }}" class="button is-light">Registrarse</a>
+              {% endif %} 
+            <!--</div>-->
           </div>
         </div>
       </div>
-    </div>
-  </nav>
-  <script>
-    document.addEventListener('DOMContentLoaded', () => {
-  
-      // Get all "navbar-burger" elements                                                              
-     const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
-  
-      // Check if there are any navbar burgers
-      if ($navbarBurgers.length > 0) {
-  
-        // Add a click event on each of them
-        $navbarBurgers.forEach( el => {
-          el.addEventListener('click', () => {
-  
-            // Get the target from the "data-target" attribute
-            const target = el.dataset.target;
-            const $target = document.getElementById(target);
-   
-            // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
-            el.classList.toggle('is-active');
-            $target.classList.toggle('is-active');
-    
-          });
-        });
-      }  
-  
+
+ <script>
+document.addEventListener('DOMContentLoaded', function () {
+
+  // Get all "navbar-burger" elements
+  var $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
+
+  // Check if there are any navbar burgers
+  if ($navbarBurgers.length > 0) {
+
+    // Add a click event on each of them
+    $navbarBurgers.forEach(function ($el) {
+      $el.addEventListener('click', function () {
+
+        // Get the target from the "data-target" attribute
+        var target = $el.dataset.target;
+        var $target = document.getElementById(target);
+
+        // Toggle the class on both the "navbar-burger" and the "navbar-menu"
+        $el.classList.toggle('is-active');
+        $target.classList.toggle('is-active');
+
+      });
     });
-  </script>
+  }
+
+});
+    </script>
+ 
+  </nav>
diff --git a/Padel/padel/templates/base.html b/Padel/padel/templates/base.html
index a398202..f955fc9 100644
--- a/Padel/padel/templates/base.html
+++ b/Padel/padel/templates/base.html
@@ -17,8 +17,8 @@
 
     </head>
     <body>
+        {% include("_navegacion.html") %}
         <section  class="hero is-fullheight">
-            {% include("_navegacion.html") %}
             <header>
                 {% block header %}{% endblock header %}
             </header>
@@ -29,4 +29,4 @@
             <script src="" async defer></script>
         </section>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/Padel/paraAppDocker.sh b/Padel/paraAppDocker.sh
new file mode 100644
index 0000000..49e0003
--- /dev/null
+++ b/Padel/paraAppDocker.sh
@@ -0,0 +1,3 @@
+docker stop `docker ps -a |grep padel-docker|cut -f1 -d' '`
+docker rm `docker ps -a |grep padel-docker|cut -f1 -d' '`
+docker rmi padel-docker
diff --git a/Padel/runPadel.sh b/Padel/runPadel.sh
new file mode 100644
index 0000000..747342f
--- /dev/null
+++ b/Padel/runPadel.sh
@@ -0,0 +1 @@
+docker run -d  -p 5000:5000 padel-docker