mirror of
https://github.com/welton89/RRBEC.git
synced 2026-04-05 21:45:41 +00:00
77 lines
1.6 KiB
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 %} |