Files
RRBEC/gestaoRaul/home/templates/home.html

77 lines
1.6 KiB
HTML

{% extends "base.html" %}
{% load static %}
{% block 'head' %}
<link rel="stylesheet" href="{% static 'home/css/home.css' %}">
{% endblock %}
{% block 'title' %}
RRB&C - DashBoard
{% endblock %}
{% block 'body' %}
<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> -->
</div>
<div class="grid-container">
<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>
<hr>
<h4> Ticket médio </h4>
<h5 id="ticket-medio">R$ {{ ticekMedio |floatformat:2}} </h5>
<hr>
</div>
<div class="card">
<h4> Gráficos 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;">
</canvas>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js"></script>
<script src="{% static 'home/js/home.js' %}"></script>
</body>
{% endblock %}