Se agregan estilos de lineas de compra

This commit is contained in:
Camilo Gonzalez 2024-08-19 18:16:42 -05:00
parent edaf8f4c77
commit b0251b882e
2 changed files with 32 additions and 22 deletions

View File

@ -5,11 +5,11 @@
<head> <head>
<title>Don Confiao - Tienda la Ilusión</title> <title>Don Confiao - Tienda la Ilusión</title>
</head> </head>
<body class="flex h-full"> <body class="flex h-full w-full">
<div id="menu" class="w-2/12 border bg-green-100"> <div id="menu" class="h-full w-2/12 border bg-green-100 max-h-screen overflow-auto">
{% include 'don_confiao/menu.html' %} {% include 'don_confiao/menu.html' %}
</div> </div>
<div id="content" class="w-7/12 h-full"> <div id="content" class="w-10/12 h-screen max-h-screen overflow-auto">
{% block content %} {% endblock %} {% block content %} {% endblock %}
</div> </div>
</body> </body>

View File

@ -1,25 +1,35 @@
{% extends 'don_confiao/base.html' %} {% extends 'don_confiao/base.html' %}
{% block content %} {% block content %}
{% load static %} {% load static %}
<form id="complete_form_purchase" method="POST" class="h-full>
<div class="flex">
<div class="w-10/12 flex">
<form id="complete_form_purchase" method="POST" class="h-screen max-h-screen overflow-auto w-full">
{% csrf_token %} {% csrf_token %}
{{ sale_form }}
{{ linea_formset.management_form }} {{ linea_formset.management_form }}
<div id="formset-container" class="overflow-auto max-h-96"> <div id="formset-container" class="w-full">
{% for form in linea_formset %} {% for form in linea_formset %}
<div class="form-container"> <div class="form-container flex justify-center ">
<table style="border: solid 1px blue; margin: 10px"> <table class="w-3/4 my-5" style="border: solid 1px #178E79;">
{{ form.as_table }} {{ form.as_table }}
</table> </table>
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
<button id="add_line" type="button" onclick="add_line">Añadir Linea</button> <div class="flex justify-center">
<button id="add_line" type="button" class="bg-yellow-100 py-2 px-5 rounded-full" onclick="add_line">Añadir Linea</button>
</div>
</form>
</div>
<div class="w-2/12">
{{ summary_form }} {{ summary_form }}
<br/><button name="form" type="submit" >Comprar</button> <br/><button name="form" type="submit" >Comprar</button>
<script src="https://cdn.tailwindcss.com/"></script> {{ sale_form }}
<script src="{% static 'js/add_line.js' %}"></script> </div>
<script src="{% static 'js/sale_summary.js' %}"></script> </div>
<script src="{% static 'js/calculate_subtotal_line.js' %}"></script>
</form> <script src="https://cdn.tailwindcss.com/"></script>
<script src="{% static 'js/add_line.js' %}"></script>
<script src="{% static 'js/sale_summary.js' %}"></script>
<script src="{% static 'js/calculate_subtotal_line.js' %}"></script>
{% endblock %} {% endblock %}