Avanzando

RecetasPy/servicios/recetaspy/paginas.py

@@ -11,7 +11,7 @@ bp = Blueprint("paginas", __name__)
 @bp.route('/')
 def index():
     recipes = Recipe.query.all()
-    return render_template('index.html', recipes=recipes)
+    return render_template('recetas.html', recipes=recipes)
 
 @bp.route('/recipe/<int:recipe_id>')
 def recipe(recipe_id):
@@ -40,9 +40,9 @@ def new_recipe():
         db.session.add(recipe)
         db.session.commit()
         flash('Recipe created successfully!', 'success')
-        return redirect(url_for('index'))
+        return redirect(url_for('paginas.index'))
 
-    return render_template('new_recipe.html')
+    return render_template('nueva_receta.html')
 
 @bp.route('/account')
 @login_required
@@ -75,7 +75,6 @@ def help():
 def uploaded_file(filename):
     return send_from_directory(current_app.config['UPLOAD_FOLDER'], filename)
 
-
 @bp.route('/notifications')
 def notifications():
     return render_template('notifications.html')

RecetasPy/servicios/recetaspy/templates/_cabecera.html

@@ -150,7 +150,7 @@
             
             <nav id="app-nav-main" class="app-nav app-nav-main flex-grow-1">
                 <ul class="app-menu list-unstyled accordion" id="menu-accordion">
-                    <li class="nav-item">
+                    <li class="nav-item"> <!-- Overview -->
                         <!--//Bootstrap Icons: https://icons.getbootstrap.com/ -->
                         <a class="nav-link active" href="{{ url_for('paginas.index') }}">
                             <span class="nav-icon">
@@ -162,7 +162,8 @@
                              <span class="nav-link-text">Overview</span>
                         </a><!--//nav-link-->
                     </li><!--//nav-item-->
-                    <li class="nav-item">
+
+                    <li class="nav-item">  <!-- Docs -->
                         <!--//Bootstrap Icons: https://icons.getbootstrap.com/ -->
                         <a class="nav-link" href="{{ url_for('paginas.docs') }}">
                             <span class="nav-icon">
@@ -174,6 +175,7 @@
                              <span class="nav-link-text">Docs</span>
                         </a><!--//nav-link-->
                     </li><!--//nav-item-->
+
                     <li class="nav-item">
                         <!--//Bootstrap Icons: https://icons.getbootstrap.com/ -->
                         <a class="nav-link" href="{{ url_for('paginas.orders') }}">
@@ -189,6 +191,7 @@
                              <span class="nav-link-text">Orders</span>
                         </a><!--//nav-link-->
                     </li><!--//nav-item-->
+
                     <li class="nav-item has-submenu">
                         <!--//Bootstrap Icons: https://icons.getbootstrap.com/ -->
                         <a class="nav-link submenu-toggle" href="#" data-bs-toggle="collapse" data-bs-target="#submenu-1" aria-expanded="false" aria-controls="submenu-1">
@@ -208,7 +211,7 @@
                         </a><!--//nav-link-->
                         <div id="submenu-1" class="collapse submenu submenu-1" data-bs-parent="#menu-accordion">
                             <ul class="submenu-list list-unstyled">
-                                <li class="submenu-item"><a class="submenu-link" href="{{ url_for('paginas.notifications') }}">Notifications</a></li>
+                                <li class="submenu-item"><a class="submenu-link" href="{{ url_for('paginas.new_recipe') }}">Nueva receta</a></li>
                                 <li class="submenu-item"><a class="submenu-link" href="{{ url_for('paginas.account') }}">Account</a></li>
                                 <li class="submenu-item"><a class="submenu-link" href="{{ url_for('paginas.settings') }}">Settings</a></li>
                             </ul>

RecetasPy/servicios/recetaspy/templates/index.html

@@ -33,12 +33,14 @@
         <div class="col-6 col-lg-3">
             <div class="app-card app-card-stat shadow-sm h-100">
                 <div class="app-card-body p-3 p-lg-4">
-                    <h4 class="stats-type mb-1">Total Sales</h4>
-                    <div class="stats-figure">$12,628</div>
+                    <h4 class="stats-type mb-1">Recetas</h4>
                     <div class="stats-meta text-success">
-                        <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-arrow-up" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" d="M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5z"/>
-</svg> 20%</div>
+                        <ul>
+                            {% for recipe in recipes %}
+                                <li><a href="{{ url_for('recipe', recipe_id=recipe.id) }}">{{ recipe.title }}</a></li>
+                            {% endfor %}
+                        </ul>
+                    </div>
                 </div><!--//app-card-body-->
                 <a class="app-card-link-mask" href="#"></a>
             </div><!--//app-card-->

RecetasPy/servicios/recetaspy/templates/nueva_receta.html

@@ -0,0 +1,48 @@
+{% extends 'base.html' %}
+
+{% block title %}New Recipe{% endblock %}
+
+{% block content %}
+<h1>New Recipe</h1>
+<form action="{{ url_for('paginas.new_recipe') }}" method="post">
+    <label for="title">Title:</label>
+    <input type="text" id="title" name="title" required>
+    <label for="description">Description:</label>
+    <textarea id="description" name="description" required></textarea>
+    <h2>Ingredients</h2>
+    <div id="ingredients">
+        <div class="ingredient">
+            <input type="text" name="ingredient" placeholder="Ingredient" required>
+            <input type="text" name="quantity" placeholder="Quantity" required>
+        </div>
+    </div>
+    <button type="button" onclick="addIngredient()">Add Ingredient</button>
+    <h2>Instructions</h2>
+    <div id="instructions">
+        <div class="instruction">
+            <input type="text" name="step" placeholder="Step Number" required>
+            <textarea name="step_description" placeholder="Step Description" required></textarea>
+        </div>
+    </div>
+    <button type="button" onclick="addInstruction()">Add Instruction</button>
+    <button type="submit">Create Recipe</button>
+</form>
+
+<script>
+function addIngredient() {
+    var ingredientsDiv = document.getElementById('ingredients');
+    var newIngredientDiv = document.createElement('div');
+    newIngredientDiv.className = 'ingredient';
+    newIngredientDiv.innerHTML = '<input type="text" name="ingredient" placeholder="Ingredient" required> <input type="text" name="quantity" placeholder="Quantity" required>';
+    ingredientsDiv.appendChild(newIngredientDiv);
+}
+
+function addInstruction() {
+    var instructionsDiv = document.getElementById('instructions');
+    var newInstructionDiv = document.createElement('div');
+    newInstructionDiv.className = 'instruction';
+    newInstructionDiv.innerHTML = '<input type="text" name="step" placeholder="Step Number" required> <textarea name="step_description" placeholder="Step Description" required></textarea>';
+    instructionsDiv.appendChild(newInstructionDiv);
+}
+</script>
+{% endblock %}

RecetasPy/servicios/recetaspy/templates/recetas.html

@@ -0,0 +1,48 @@
+{% extends 'base.html' %}
+
+{% 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">Recetas</h1>
+				    </div>
+			    </div><!--//row-->
+			   
+			    
+			    <nav id="orders-table-tab" class="orders-table-tab app-nav-tabs nav shadow-sm flex-column flex-sm-row mb-4">
+				    <a class="flex-sm-fill text-sm-center nav-link active" id="letras-tab" data-bs-toggle="tab" href="#letras" role="tab" aria-controls="letras" aria-selected="true">Letras</a>
+					<!--
+				    <a class="flex-sm-fill text-sm-center nav-link"  id="albumes-tab" data-bs-toggle="tab" href="#albumes" role="tab" aria-controls="albumes" aria-selected="false">Álbumes</a>
+					<a class="flex-sm-fill text-sm-center nav-link" id="orders-pending-tab" data-bs-toggle="tab" href="#orders-pending" role="tab" aria-controls="orders-pending" aria-selected="false">Pending</a>
+				    <a class="flex-sm-fill text-sm-center nav-link" id="orders-cancelled-tab" data-bs-toggle="tab" href="#orders-cancelled" role="tab" aria-controls="orders-cancelled" aria-selected="false">Cancelled</a>
+					-->
+				</nav>
+				
+				
+				<div class="tab-content" id="orders-table-tab-content">
+			        <div class="tab-pane fade show active" id="letras" role="tabpanel" aria-labelledby="letras-tab">
+					    <div class="app-card app-card-orders-table shadow-sm mb-5">
+						    <div class="app-card-body">
+							    <div class="table-responsive">
+							        <table class="table app-table-hover mb-0 text-left">
+										<thead>
+											<tr>
+												<th class="cell">Receta</th>
+											</tr>
+										</thead>
+										<tbody>
+											{% for recipe in recipes %}
+											<tr>
+												<td class="cell"><a href="{{ url_for('paginas.recipe', recipe_id=recipe.id) }}">{{ recipe.title }}</a></td>
+											</tr>
+											{% endfor %}		
+										</tbody>
+									</table>
+						        </div><!--//table-responsive-->
+						    </div><!--//app-card-body-->		
+						</div><!--//app-card-->						
+			        </div><!--//tab-pane-->
+				</div><!--//tab-content--> 
+		    </div><!--//container-fluid-->
+{% endblock %}