welton/RRBEC
1
0
Fork 0
mirror of https://github.com/welton89/RRBEC.git synced 2026-04-05 13:35:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: page home and page map

Browse Source
This commit is contained in:
Welton Moura
2025-01-18 21:17:13 -03:00
parent 89a4d0e4be
commit 6b7bd1bbb2
12 changed files with 313 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
gestaoRaul/home/__pycache__/urls.cpython-310.pyc
View File

Binary file not shown.

BIN
gestaoRaul/home/__pycache__/views.cpython-310.pyc
View File

Binary file not shown.

77
gestaoRaul/home/templates/home.html
View File

@@ -8,16 +8,6 @@
<link rel="stylesheet" href="{% static 'home/css/home.css' %}">
{% endblock %}
{% block 'title' %}
@@ -28,46 +18,85 @@ RRB&C - DashBoard
<body>
<h1>DashBoard</h1>
<div class="grid-container">
<input id="data-start" name="data-start" oninput="mediaCuisine()" type="date">
<input id="data-end" name="data-end" oninput="mediaCuisine()" type="date">
<!-- <button onclick="mediaCuisine()" >Filtrar</button> -->
<h1>DashBoard</h1>
<div class="grid-container" style="grid-template-columns: repeat(2, 2fr);">
<input id="data-start" name="data-start" oninput="mediaCuisine()" type="date">
<input id="data-end" name="data-end" oninput="mediaCuisine()" type="date">
</div>
<h4 id="30-days"></h4>
</div>
<div class="grid-container">
<div class="card-resumo">
<div >
<p> Faturamento </p>
<h2 id="total-pagamentos">Carregando... </h2>
</div>
<img src="{% static 'midia/icons/money-bag.svg' %}" >
</div>
<div class="card-resumo">
<div >
<p>Total de Vendas</p>
<h2 id="qtd-pagamentos">Carregando... </h2>
</div>
<img src="{% static 'midia/icons/cart.svg' %}" >
</div>
<div class="card-resumo">
<div >
<p>Ticket médio</p>
<h2 id="ticket-medio">Carregando... </h2>
</div>
<img src="{% static 'midia/icons/ticket.svg' %}" >
</div>
<div class="card">
<h4> Valor de Pagamentos </h4>
<h5 id="total-pagamentos">R$ {{total_pagamentos |floatformat:2 }} </h5>
<hr>
<h4> Quantidade de Pagamentos </h4>
<h5 id="qtd-pagamentos"> {{ qdt_pagamentos }} </h5>
<h4> Quantidade de vendas</h4>
<h5 id="qtd-pagamentos"> Carregando... </h5>
<hr>
<h4> Ticket médio </h4>
<h5 id="ticket-medio">R$ {{ ticekMedio |floatformat:2}} </h5>
<h5 id="ticket-medio">Carregando...</h5>
<hr>
</div>
<div class="card">
<h4> Gráficos de vendas </h4>
<h4> Gráfico de vendas </h4>
<canvas id="vendas" style="width:100%;height: 85%;max-width:100%; background-color: rgb(191, 225, 255);border-radius: 5px;">
</canvas>
</div>
<div class="card">
<h4> Gráficos cozinha </h4>
<div></div>
<canvas id="cuisine" style="width:100%;height: 85%;max-width:100%; background-color: rgb(191, 225, 255);border-radius: 5px;">
<h4> Gráfico cozinha </h4>
<div style="
width:95%;
max-width:100%;
background-color: rgb(191, 225, 255);
border-radius: 5px;
padding: 10px 30px 10px 30px;">
<canvas id="cuisine" style="width:80%;height: 65%;max-width:100%; border-radius: 5px;">
</canvas>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js"></script>
<h4>Faturamento anual</h4>
<div style="height: 350px;margin: 30px;">
<canvas id="mensal" style="width:100%;height: 100%;max-width:100%; background-color: rgb(191, 225, 255);border-radius: 5px;">
</div>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.6.0/chart.min.js"></script>
<script src="{% static 'home/js/home.js' %}"></script>

3
gestaoRaul/home/views.py
View File

@@ -1,13 +1,12 @@
from django.shortcuts import render
from django.db.models import Sum
from django.db.models import Count, F
from django.http import JsonResponse, HttpResponse
from django.http import JsonResponse
from django.contrib.admin.views.decorators import staff_member_required
from django.contrib.auth.models import User
from django.utils.dateparse import parse_datetime
import datetime
import json