Decoraciones para que quede presentable

Padel/padel/README.md

@@ -1,2 +1,11 @@
-# fuente
-    https://www.digitalocean.com/community/tutorials/how-to-add-authentication-to-your-app-with-flask-login
+# fuente para la autenticación
+    https://www.digitalocean.com/community/tutorials/how-to-add-authentication-to-your-app-with-flask-login
+
+
+# y para servir apps con unicorn y nginx
+
+https://www.digitalocean.com/community/tutorials/how-to-serve-flask-applications-with-gunicorn-and-nginx-on-ubuntu-22-04
+
+# crear un sitio con flask
+
+https://dev.to/seattledataguy/building-your-first-website-with-flask-part-1-hello-world-and-beyond-53ik

Padel/padel/__init__.py

@@ -34,7 +34,6 @@ def create_app():
         # since the user_id is just the primary key of our user table, use it in the query for the user
         return User.query.get(int(user_id))
     
-    
     from . import models
 
     with app.app_context():

Padel/padel/templates/_navegacion.html

@@ -1,13 +1,27 @@
-<div class="hero-head">
-  <nav class="navbar">
-    <div class="container">
-      <div id="navbarMenuHeroA" class="navbar-menu">
-        <div class="navbar-end">
+  <nav class="navbar is-primary" role="navigation" aria-label="main navigation">
+    <!--
+      Aquí podría ir un logo con su botón
+    -->
 
-          <a href="{{ url_for('auth.index') }}" class="navbar-item">Inicio</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>
 
-          {% if current_user.is_authenticated %}
-<!--
+    <div id="navbarMenuHeroA" class="navbar-menu">
+      <div class="navbar-start">
+        <a class="navbar-item" href="{{ url_for('auth.index') }}" >
+          Inicio
+        </a>         
+      </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>
@@ -18,17 +32,27 @@
               <a href="{{ url_for('reservas.misreservas') }}" class="navbar-item">
                 Mis reservas
               </a>
--->
-              <a href="{{ url_for('reservas.eligedia') }}" class="navbar-item">
-                Reservar
-              </a>
-              <a href="{{ url_for('auth.logout') }}" class="navbar-item">Salir</a>
-          {% else %}
-              <a href="{{ url_for('auth.login') }}" class="navbar-item">Entrar</a>
-              <a href="{{ url_for('auth.signup') }}" class="navbar-item">Registrarse</a>
-          {% endif %}          
+            -->
+                <a href="{{ url_for('reservas.eligedia') }}" class="navbar-item">
+                  Reservar
+                </a>
+
+                <div class="navbar-item has-dropdown is-hoverable">
+                  <a class="navbar-link">
+                    {{ current_user.name }}
+                  </a>
+
+                  <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>
   </nav>
-</div>

Padel/padel/templates/base.html

@@ -9,25 +9,23 @@
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <title>Reservas de padel  - {% block title %}{% endblock title %}</title>
 <!--        <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">-->
+        <link rel="stylesheet" href="{{ url_for('static', filename='bulma.css') }}">
         <meta name="description" content="">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <link rel="stylesheet" href="">
-        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css" />
+        <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css" />-->
 
     </head>
     <body>
-        <section  class="hero is-primary is-fullheight">
+        <section  class="hero is-fullheight">
             {% include("_navegacion.html") %}
             <header>
                 {% block header %}{% endblock header %}
             </header>
-           
-                <div class="hero-body">
-                    <div class="container has-text-centered">
-                       {% block content %}
-                       {% endblock %}
-                    </div>
-                </div>            
+                <div class="container has-text-centered mt-5">
+                    {% block content %}
+                    {% endblock %}
+                </div>
             <script src="" async defer></script>
         </section>
     </body>

Padel/padel/templates/reservas/eligedia.html

@@ -1,32 +1,31 @@
 {% extends 'base.html' %}
 
 {% block header %}
-  <h2>{% block title %}Hacer una nueva reserva{% endblock title %}</h2>
+<section class="hero has-text-centered">
+    <h1 class="subtitle is-2 has-text-centered">
+        Elegir día para la reserva.
+    </h1>
+</section>
 {% endblock header %}
 
 {% block content %}
-<div>
-    <fieldset>
-
-        
+<div class="field">
     <form action="/eligedia" method="POST">
-            <legend>Elige día</legend>
+            <p class="title is-2">Elige día</p>
             <div>
-                <input type="radio" name="dias" id="hoy" value="{{ hoy }}" checked/>
-                <label for="hoy">{{ hoy }}</label>
+                <input class="radio" type="radio" name="dias" id="hoy" value="{{ hoy }}" checked/>
+                <label class="radio" for="hoy">{{ hoy }}</label>
 
-                <input type="radio" name="dias" id="manana" value="{{ manana }}"/>
-                <label for="manana">{{ manana }}</label>
+                <input class="radio" type="radio" name="dias" id="manana" value="{{ manana }}"/>
+                <label class="radio" for="manana">{{ manana }}</label>
 
-                <input type="radio" name="dias" id="pasado" value="{{ pasado }}"/>
-                <label for="pasado">{{ pasado }}</label>
+                <input class="radio" type="radio" name="dias" id="pasado" value="{{ pasado }}"/>
+                <label class="radio" for="pasado">{{ pasado }}</label>
             </div>
             <div>
-                <button type="submit">Enviar</button>
+                <button class="button is-primary mt-5"   type="submit">Enviar</button>
             </div>
     </form>
-</fieldset>
-
 </div> 
 {% endblock content %}
 

Padel/padel/templates/reservas/misreservas.html

@@ -1,7 +1,7 @@
 {% extends 'base.html' %}
 
 {% block header %}
-<section class="hero is-primary has-text-centered">
+<section class="hero has-text-centered">
     <h1 class="title is-1">
         ¡Bienvenido, {{ name }}!
     </h1>
@@ -12,7 +12,7 @@
 {% endblock header %}
 
 {% block content %}
-    <table class="table" id="tablareservas" border = 1>
+    <table class="table is-fullwidth" id="tablareservas" border = 1>
         <thead>
             <th id="columnid">ID</th>
             <th id="columnnombre">Nombre</th>

Padel/padel/templates/reservas/reservar.html

@@ -7,12 +7,12 @@
 {% endblock header %}
 
 {% block content %}
-    <section class="hero is-primary has-text-centered">
+    <section class="hero has-text-centered">
       <h1 class="subtitle is-2 has-text-centered">
           Estas son las horas disponibles y las ocupadas
       </h1>
     </section>
-    <table class="table" id="tablareservas" border = 1>
+    <table class="table is-fullwidth mt-5" id="tablareservas" border = 1>
       <thead>
           <th id="columnid">ID</th>
           <th id="columnnombre">Nombre</th>