Cria rota e view para form de receita

brnocesar · Jan 21, 2021 · 21c69f3 · 21c69f3
1 parent 9c3a304
commit 21c69f3
Show file tree

Hide file tree

Showing 5 changed files with 79 additions and 4 deletions.
diff --git a/apps/receitas/urls.py b/apps/receitas/urls.py
@@ -3,5 +3,6 @@
 
 urlpatterns = [
     path('', views.index, name='index'),
-    path('<int:receita_id>', views.receita, name='receita')
+    path('receitas/<int:receita_id>', views.receita, name='receita'),
+    path('receitas/criar', views.create, name='receita.create'),
 ]
diff --git a/apps/receitas/views.py b/apps/receitas/views.py
@@ -14,3 +14,6 @@ def index(request):
 
 def receita(request, receita_id):
     return render(request, 'receitas/receita.html', {'receita': get_object_or_404(Receita, pk=receita_id)})
+
+def create(request):
+    return render(request, 'receitas/create.html')
diff --git a/apps/templates/_base.html b/apps/templates/_base.html
@@ -21,14 +21,21 @@
 </head>
 
 <body>
+    <!-- Preloader -->
+    <div id="preloader">
+        <i class="circle-preloader"></i>
+        <img src="{% static 'img/core-img/pizza.png' %}" alt="">
+        <!-- <img src="{% static 'img/core-img/hamburger.png' %}" alt=""> -->
+    </div>
+
+    {% include 'partials/_header.html' %}
 
 
     {% block content %} {% endblock %}
 
 
     {% include 'partials/_footer.html' %}
 
-
     <!-- ##### All Javascript Files ##### -->
     <!-- jQuery-2.2.4 js -->
     <script src="{% static 'js/jquery/jquery-2.2.4.min.js' %}"></script>

diff --git a/apps/templates/partials/_header.html b/apps/templates/partials/_header.html
@@ -74,9 +74,10 @@
                         <!-- Nav Start -->
                         <div class="classynav">
                             <ul>
-                                <li><a href="{% url 'index' %}">Receitas</a></li>
+                                <li><a href="{% url 'index' %}">Home</a></li>
                                 {% if user.is_authenticated %}
                                     <li><a href="{% url 'dashboard' %}">Minhas receitas</a></li>
+                                    <li><a href="{% url 'receita.create' %}">Nova Receita</a></li>
                                     <li><a href="{% url 'logout' %}">Logout</a></li>
                                 {% else %}
                                     <li><a href="{% url 'cadastro' %}">Cadastro</a></li>
@@ -94,4 +95,5 @@
             </div>
         </div>
     </div>
-</header>
+</header>
+
diff --git a/apps/templates/receitas/create.html b/apps/templates/receitas/create.html
@@ -0,0 +1,62 @@
+{% extends '_base.html' %}
+{% load static %}
+{% block content %}
+
+    <!-- ##### Contact Form Area Start ##### -->
+    <div class="contact-area section-padding-0-80">
+        <div class="container">
+            <div class="row">
+                <div class="col-12">
+                    <div class="section-heading">
+                        <h3>Crie sua receita, {{ user.username }} :)</h3>
+                    </div>
+                </div>
+            </div>
+
+            <div class="row">
+                <div class="col-12">
+                <p>Todos os campos são obrigatórios</p>
+                    <div class="contact-form-area">
+                        <form action="{% url 'receita.create' %}" method="POST" enctype="multipart/form-data">
+                            {% csrf_token %}
+                            <div class="row">
+                                <div class="col-12 col-lg-12">
+                                    <label for="nome"><b>Título da receita</b></label>
+                                    <input type="text" id="nome" class="form-control" name="nome" placeholder="Ex. Suco de limão" required>
+                                </div>
+                                <div class="col-12">
+                                    <label for="ingredientes"><b>Ingredientes</b></label>
+                                    <textarea class="form-control" name="ingredientes" cols="30" rows="10" placeholder="Ex. 2 Limões &#10;200ml de água" required></textarea>
+                                </div>
+                                <div class="col-12">
+                                    <label for="modo_preparo"><b>Modo de preparo</b></label>
+                                    <textarea class="form-control" name="modo_preparo" cols="30" rows="10" placeholder="Ex. Corte o limão com cuidado e exprema no copo  &#10;Misture com a água e sirva." required></textarea>
+                                </div>
+                                <div class="col-12 col-lg-3">
+                                    <label for="tempo_preparo"><b>Tempo de preparo (minutos)</b></label>
+                                    <input type="number" class="form-control" name="tempo_preparo" placeholder="Ex. 2" required>
+                                </div>
+                                <div class="col-12 col-lg-3">
+                                    <label for="rendimento"><b>Rendimento</b></label>
+                                    <input type="text" class="form-control" name="rendimento" placeholder="Ex. serve 1 pessoa" required>
+                                </div>
+                                <div class="col-12 col-lg-3">
+                                    <label for="categoria"><b>Categoria da receita</b></label>
+                                    <input type="text" class="form-control" name="categoria" placeholder="Ex. Sucos e bebidas" required>
+                                </div>
+                                <div class="col-12 col-lg-3">
+                                    <label for="foto"><b>Foto</b></label>
+                                    <input type="file" class="form-control" name="foto" required>
+                                </div>
+                                <div class="col-12 text-center">
+                                    <button class="btn delicious-btn mt-30" type="submit">Criar sua receita</button>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+{% endblock %}