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>
<title>Don Confiao - Tienda la Ilusión</title>
</head>
<body class="flex h-full">
<div id="menu" class="w-2/12 border bg-green-100">
<body class="flex h-full w-full">
<div id="menu" class="h-full w-2/12 border bg-green-100 max-h-screen overflow-auto">
{% include 'don_confiao/menu.html' %}
</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 %}
</div>
</body>

View File

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