Skip to content

Instantly share code, notes, and snippets.

@viniciusmelocodes

viniciusmelocodes/home.blade.php

Last active September 26, 2018 19:24
Show Gist options
  • Save viniciusmelocodes/272a136aa5c3b03ba6db241364501c40 to your computer and use it in GitHub Desktop.
Save viniciusmelocodes/272a136aa5c3b03ba6db241364501c40 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
home.blade.php
@extends('adminlte::page')
@section('title', 'Planilhas')
@section('content_header')
<style>
#contaspagar_grafico,
#contareceber_grafico,
#estoquepa_grafico,
#faturamentos_grafico,
#vendaslojas_grafico,
#vendaspecas_grafico_1,
#vendaspecas_grafico_2,
#vendaspedidos_grafico
{
width: 100%;
height: 100%;
}
#qtde_atual_metas_gauge {
position: absolute;
top: 36px;
left: 0;
right: 0;
text-align: center;
font-size: 2em;
font-weight: bold;
color: black;
font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
}
#metas_gauge {
width: 400px;
top: 15px;
position: relative;
left: 40px;
}
</style>
<p>
<h2>Meu dashboard</h2>
</p>
<label for="mes">Mês</label>
<select class="selectpicker" name="mes" id="mes">
<option value="Janeiro">Janeiro</option>
<option value="Fevereiro">Fevereiro</option>
<option value="Março">Março</option>
<option value="Abril">Abril</option>
<option value="Maio">Maio</option>
<option value="Junho">Junho</option>
<option value="Julho">Julho</option>
<option value="Agosto">Agosto</option>
<option value="Setembro">Setembro</option>
<option value="Outubro">Outubro</option>
<option value="Novembro">Novembro</option>
<option value="Dezembro">Dezembro</option>
</select>
<label for="ano">Ano</label>
<select class="selectpicker" name="ano" id="ano">
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
<option value="2018">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
<option value="2021">2021</option>
<option value="2022">2022</option>
<option value="2023">2023</option>
<option value="2024">2024</option>
<option value="2025">2025</option>
<option value="2026">2026</option>
<option value="2027">2027</option>
<option value="2028">2028</option>
<option value="2029">2029</option>
<option value="2030">2030</option>
</select>
<button id="atualizar">Atualizar</button>
<script>
function carregarContasPagarAcumulado(){
var mes = document.getElementById("mes").value;
var ano = document.getElementById("ano").value;
var url = ["{{url('contaspagar_grafico')}}", mes, ano].join('/');
var valor_a_pagar = 0;
var valor_pago = 0;
var valor_atrasado = 0;
$(document).ready(function(){
$.get(url, function(response){
response.forEach(function(data){
valor_a_pagar = data.valor_a_pagar;
valor_pago = data.valor_pago;
valor_atrasado = data.valor_atrasado;
});
//
var bgColors = ["#1976d2", "#424242", "#388e3c"];
var config_contaspagar_grafico = {
"globals": {
"font-family": "Helvetica"
},
"type": "bar",
"background-color": "white",
"title": {
"color": "#606060",
"background-color": "white",
},
"scale-y": {
"line-color": "none",
"tick": {
"line-color": "none"
},
"guide": {
"line-style": "solid"
},
"item": {
"color": "#606060"
}
},
"scale-x": {
"values": [
"Valor a Pagar",
"Valor Pago",
"Valor Atrasado"
],
"line-color": "#C0D0E0",
"line-width": 1,
"tick": {
"line-width": 1,
"line-color": "#C0D0E0"
},
"guide": {
"visible": false
},
"item": {
"color": "#606060"
}
},
"crosshair-x": {
"marker": {
"visible": false
},
"line-color": "none",
"line-width": "0px",
"scale-label": {
"visible": false
},
"plot-label": {
"text": "%data-browser: %v",
"multiple": true,
"font-size": "12px",
"color": "#606060",
"background-color": "white",
"border-width": 3,
"alpha": 0.9,
"callout": true,
"callout-position": "bottom",
"shadow": 0,
"placement": "node-top",
"border-radius": 4,
"offsetY": -20,
"padding": 8,
"rules": [{
"rule": "%i==0",
"border-color": "#1976d2"
}, {
"rule": "%i==1",
"border-color": "#424242"
}, {
"rule": "%i==2",
"border-color": "#388e3c"
}]
}
},
"plot": {
"data-browser": [
"<span style='font-weight:bold;color:#1976d2;'>Valor a Pagar</span>",
"<span style='font-weight:bold;color:#424242;'>Valor Pago</span>",
"<span style='font-weight:bold;color:#388e3c;'>Valor Atrasado</span>"
],
"value-box": {
"text": "%v",
"text-decoration": "underline",
"color": "#606060"
},
"tooltip": {
"visible": false
},
"animation": {
"effect": "7"
},
"rules": [{
"rule": "%i==0",
"background-color": "#1976d2"
}, {
"rule": "%i==1",
"background-color": "#424242"
}, {
"rule": "%i==2",
"background-color": "#388e3c"
}]
},
"series": [{
"values": [
valor_a_pagar,
valor_pago,
valor_atrasado
]
}]
};
zingchart.render({
id: 'contaspagar_grafico',
data: config_contaspagar_grafico,
});
});
});
}
function carregarContasReceberAcumulado(){
var mes = document.getElementById("mes").value;
var ano = document.getElementById("ano").value;
// Contas a Receber //
var url = ["{{url('contasreceber_grafico')}}", mes, ano].join('/');
var valor_a_receber = 0;
var valor_recebido = 0;
var valor_atrasado = 0;
$(document).ready(function(){
$.get(url, function(response){
response.forEach(function(data){
valor_a_receber = data.valor_a_receber;
valor_recebido = data.valor_recebido;
valor_atrasado = data.valor_atrasado;
});
//
var bgColors = ["#1976d2", "#424242", "#388e3c"];
var config_contasreceber_grafico = {
"globals": {
"font-family": "Helvetica"
},
"type": "bar",
"background-color": "white",
"title": {
"color": "#606060",
"background-color": "white",
},
"scale-y": {
"line-color": "none",
"tick": {
"line-color": "none"
},
"guide": {
"line-style": "solid"
},
"item": {
"color": "#606060"
}
},
"scale-x": {
"values": [
"Valor a Receber",
"Valor Recebido",
"Valor Atrasado"
],
"line-color": "#C0D0E0",
"line-width": 1,
"tick": {
"line-width": 1,
"line-color": "#C0D0E0"
},
"guide": {
"visible": false
},
"item": {
"color": "#606060"
}
},
"crosshair-x": {
"marker": {
"visible": false
},
"line-color": "none",
"line-width": "0px",
"scale-label": {
"visible": false
},
"plot-label": {
"text": "%data-browser: %v",
"multiple": true,
"font-size": "12px",
"color": "#606060",
"background-color": "white",
"border-width": 3,
"alpha": 0.9,
"callout": true,
"callout-position": "bottom",
"shadow": 0,
"placement": "node-top",
"border-radius": 4,
"offsetY": -20,
"padding": 8,
"rules": [{
"rule": "%i==0",
"border-color": "#1976d2"
}, {
"rule": "%i==1",
"border-color": "#424242"
}, {
"rule": "%i==2",
"border-color": "#388e3c"
}]
}
},
"plot": {
"data-browser": [
"<span style='font-weight:bold;color:#1976d2;'>Valor a Receber</span>",
"<span style='font-weight:bold;color:#424242;'>Valor Recebido</span>",
"<span style='font-weight:bold;color:#388e3c;'>Valor Atrasado</span>"
],
"value-box": {
"text": "%v",
"text-decoration": "underline",
"color": "#606060"
},
"tooltip": {
"visible": false
},
"animation": {
"effect": "7"
},
"rules": [{
"rule": "%i==0",
"background-color": "#1976d2"
}, {
"rule": "%i==1",
"background-color": "#424242"
}, {
"rule": "%i==2",
"background-color": "#388e3c"
}]
},
"series": [{
"values": [
valor_a_receber,
valor_recebido,
valor_atrasado
]
}]
};
zingchart.render({
id: 'contasreceber_grafico',
data: config_contasreceber_grafico,
});
});
});
}
function carregarEstoqueProdutosAcabados(){
var mes = document.getElementById("mes").value;
var ano = document.getElementById("ano").value;
// Contas a Receber //
var url = ["{{url('estoquepa_grafico')}}", mes, ano].join('/');
var qtde_total_loja = 0;
var qtde_total_fabrica = 0;
var qtde_total_estoque = 0;
$(document).ready(function(){
$.get(url, function(response){
response.forEach(function(data){
qtde_total_loja = data.qtde_total_loja;
qtde_total_fabrica = data.qtde_total_fabrica;
qtde_total_estoque = data.qtde_total_estoque;
});
//
var bgColors = ["#1976d2", "#424242", "#388e3c"];
var config_estoquepa_grafico = {
"globals": {
"font-family": "Helvetica"
},
"type": "bar",
"background-color": "white",
"title": {
"color": "#606060",
"background-color": "white",
},
"scale-y": {
"line-color": "none",
"tick": {
"line-color": "none"
},
"guide": {
"line-style": "solid"
},
"item": {
"color": "#606060"
}
},
"scale-x": {
"values": [
"Qtde Total Loja",
"Qtde Tot. F.",
"Qtde Total Estoque"
],
"line-color": "#C0D0E0",
"line-width": 1,
"tick": {
"line-width": 1,
"line-color": "#C0D0E0"
},
"guide": {
"visible": false
},
"item": {
"color": "#606060"
}
},
"crosshair-x": {
"marker": {
"visible": false
},
"line-color": "none",
"line-width": "0px",
"scale-label": {
"visible": false
},
"plot-label": {
"text": "%data-browser: %v",
"multiple": true,
"font-size": "12px",
"color": "#606060",
"background-color": "white",
"border-width": 3,
"alpha": 0.9,
"callout": true,
"callout-position": "bottom",
"shadow": 0,
"placement": "node-top",
"border-radius": 4,
"offsetY": -20,
"padding": 8,
"rules": [{
"rule": "%i==0",
"border-color": "#1976d2"
}, {
"rule": "%i==1",
"border-color": "#424242"
}, {
"rule": "%i==2",
"border-color": "#388e3c"
}]
}
},
"plot": {
"data-browser": [
"<span style='font-weight:bold;color:#1976d2;'>Qtde Total Loja</span>",
"<span style='font-weight:bold;color:#424242;'>Qtde Total Fábrica</span>",
"<span style='font-weight:bold;color:#388e3c;'>Qtde Total Estoque</span>"
],
"value-box": {
"text": "%v",
"text-decoration": "underline",
"color": "#606060"
},
"tooltip": {
"visible": false
},
"animation": {
"effect": "7"
},
"rules": [{
"rule": "%i==0",
"background-color": "#1976d2"
}, {
"rule": "%i==1",
"background-color": "#424242"
}, {
"rule": "%i==2",
"background-color": "#388e3c"
}]
},
"series": [{
"values": [
qtde_total_loja,
qtde_total_fabrica,
qtde_total_estoque
]
}]
};
zingchart.render({
id: 'estoquepa_grafico',
data: config_estoquepa_grafico,
});
});
});
}
function carregarFaturamentosGlobais(){
var mes = document.getElementById("mes").value;
var ano = document.getElementById("ano").value;
var url = ["{{url('faturamentos_grafico')}}", mes, ano].join('/');
var valor_total_loja = 0;
var valor_total_pedidos = 0;
var valor_total_faturamento = 0;
$(document).ready(function(){
$.get(url, function(response){
response.forEach(function(data){
valor_total_loja = data.valor_total_loja;
valor_total_pedidos = data.valor_total_pedidos;
valor_total_faturamento = data.valor_total_faturamento;
});
//
var bgColors = ["#1976d2", "#424242", "#388e3c"];
var config_faturamentos_grafico = {
"globals": {
"font-family": "Helvetica"
},
"type": "bar",
"background-color": "white",
"title": {
"color": "#606060",
"background-color": "white",
},
"scale-y": {
"line-color": "none",
"tick": {
"line-color": "none"
},
"guide": {
"line-style": "solid"
},
"item": {
"color": "#606060"
}
},
"scale-x": {
"values": [
"Valor Tot. Lo.",
"Valor Tot. Ped.",
"Valor Total Fat."
],
"line-color": "#C0D0E0",
"line-width": 1,
"tick": {
"line-width": 1,
"line-color": "#C0D0E0"
},
"guide": {
"visible": false
},
"item": {
"color": "#606060"
}
},
"crosshair-x": {
"marker": {
"visible": false
},
"line-color": "none",
"line-width": "0px",
"scale-label": {
"visible": false
},
"plot-label": {
"text": "%data-browser: %v",
"multiple": true,
"font-size": "12px",
"color": "#606060",
"background-color": "white",
"border-width": 3,
"alpha": 0.9,
"callout": true,
"callout-position": "bottom",
"shadow": 0,
"placement": "node-top",
"border-radius": 4,
"offsetY": -20,
"padding": 8,
"rules": [{
"rule": "%i==0",
"border-color": "#1976d2"
}, {
"rule": "%i==1",
"border-color": "#424242"
}, {
"rule": "%i==2",
"border-color": "#388e3c"
}]
}
},
"plot": {
"data-browser": [
"<span style='font-weight:bold;color:#1976d2;'>Valor Total Loja</span>",
"<span style='font-weight:bold;color:#424242;'>Valor Total Pedidos</span>",
"<span style='font-weight:bold;color:#388e3c;'>Valor Total Faturamento</span>"
],
"value-box": {
"text": "%v",
"text-decoration": "underline",
"color": "#606060"
},
"tooltip": {
"visible": false
},
"animation": {
"effect": "7"
},
"rules": [{
"rule": "%i==0",
"background-color": "#1976d2"
}, {
"rule": "%i==1",
"background-color": "#424242"
}, {
"rule": "%i==2",
"background-color": "#388e3c"
}]
},
"series": [{
"values": [
valor_total_loja,
valor_total_pedidos,
valor_total_faturamento
]
}]
};
zingchart.render({
id: 'faturamentos_grafico',
data: config_faturamentos_grafico,
});
});
});
}
function carregarMetasVendas(){
var mes = document.getElementById("mes").value;
var ano = document.getElementById("ano").value;
var url = ["{{url('metas_gauge')}}", mes, ano].join('/');
var qtde_planejada = 0;
var qtde_atual = 0;
$(document).ready(function(){
$.get(url, function(response){
response.forEach(function(data){
qtde_planejada = data.qtde_planejada;
qtde_atual = data.qtde_atual;
});
metasGauge = new Gauge(document.getElementById("metas_gauge"));
metasGauge.setTextField(document.getElementById("qtde_atual_metas_gauge"));
metasGauge.maxValue = qtde_planejada;
metasGauge.set(qtde_atual);
});
});
}
function carregarVendasLojasPecas(){
var mes = document.getElementById("mes").value;
var ano = document.getElementById("ano").value;
var url = ["{{url('vendaslojas_grafico')}}", mes, ano].join('/');
var qtde_meta = 0;
var qtde_realizada = 0;
var qtde_expectativa = 0;
$(document).ready(function(){
$.get(url, function(response){
response.forEach(function(data){
qtde_meta = data.qtde_meta;
qtde_realizada = data.qtde_realizada;
qtde_expectativa = data.qtde_expectativa;
});
//
var bgColors = ["#1976d2", "#424242", "#388e3c"];
var config_vendaslojas_grafico = {
"globals": {
"font-family": "Helvetica"
},
"type": "bar",
"background-color": "white",
"title": {
"color": "#606060",
"background-color": "white",
},
"scale-y": {
"line-color": "none",
"tick": {
"line-color": "none"
},
"guide": {
"line-style": "solid"
},
"item": {
"color": "#606060"
}
},
"scale-x": {
"values": [
"Qtde Meta",
"Qtde Realizada",
"Qtde Expectativa"
],
"line-color": "#C0D0E0",
"line-width": 1,
"tick": {
"line-width": 1,
"line-color": "#C0D0E0"
},
"guide": {
"visible": false
},
"item": {
"color": "#606060"
}
},
"crosshair-x": {
"marker": {
"visible": false
},
"line-color": "none",
"line-width": "0px",
"scale-label": {
"visible": false
},
"plot-label": {
"text": "%data-browser: %v",
"multiple": true,
"font-size": "12px",
"color": "#606060",
"background-color": "white",
"border-width": 3,
"alpha": 0.9,
"callout": true,
"callout-position": "bottom",
"shadow": 0,
"placement": "node-top",
"border-radius": 4,
"offsetY": -20,
"padding": 8,
"rules": [{
"rule": "%i==0",
"border-color": "#1976d2"
}, {
"rule": "%i==1",
"border-color": "#424242"
}, {
"rule": "%i==2",
"border-color": "#388e3c"
}]
}
},
"plot": {
"data-browser": [
"<span style='font-weight:bold;color:#1976d2;'>Qtde Meta</span>",
"<span style='font-weight:bold;color:#424242;'>Qtde Realizada</span>",
"<span style='font-weight:bold;color:#388e3c;'>Qtde Expectativa</span>"
],
"value-box": {
"text": "%v",
"text-decoration": "underline",
"color": "#606060"
},
"tooltip": {
"visible": false
},
"animation": {
"effect": "7"
},
"rules": [{
"rule": "%i==0",
"background-color": "#1976d2"
}, {
"rule": "%i==1",
"background-color": "#424242"
}, {
"rule": "%i==2",
"background-color": "#388e3c"
}]
},
"series": [{
"values": [
qtde_meta,
qtde_realizada,
qtde_expectativa
]
}]
};
zingchart.render({
id: 'vendaslojas_grafico',
data: config_vendaslojas_grafico,
});
});
});
}
function carregarVendasPecasEstados(){
var mes = document.getElementById("mes").value;
var ano = document.getElementById("ano").value;
var url = ["{{url('vendaspecas_grafico')}}", mes, ano].join('/');
var qtde_vendas_AC = 0;
var qtde_vendas_AL = 0;
var qtde_vendas_AP = 0;
var qtde_vendas_AM = 0;
var qtde_vendas_BA = 0;
var qtde_vendas_CE = 0;
var qtde_vendas_DF = 0;
var qtde_vendas_ES = 0;
var qtde_vendas_GO = 0;
var qtde_vendas_MA = 0;
var qtde_vendas_MT = 0;
var qtde_vendas_MS = 0;
var qtde_vendas_MG = 0;
var qtde_vendas_PA = 0;
var qtde_vendas_PB = 0;
var qtde_vendas_PR = 0;
var qtde_vendas_PE = 0;
var qtde_vendas_PI = 0;
var qtde_vendas_RJ = 0;
var qtde_vendas_RN = 0;
var qtde_vendas_RS = 0;
var qtde_vendas_RO = 0;
var qtde_vendas_RR = 0;
var qtde_vendas_SC = 0;
var qtde_vendas_SP = 0;
var qtde_vendas_SE = 0;
var qtde_vendas_TO = 0;
$(document).ready(function(){
$.get(url, function(response){
response.forEach(function(data){
if (data.uf == 'AC')
qtde_vendas_AC = data.qtde_vendas;
else if (data.uf == 'AL')
qtde_vendas_AL = data.qtde_vendas;
else if (data.uf == 'AP')
qtde_vendas_AP = data.qtde_vendas;
else if (data.uf == 'AM')
qtde_vendas_AM = data.qtde_vendas;
else if (data.uf == 'BA')
qtde_vendas_BA = data.qtde_vendas;
else if (data.uf == 'CE')
qtde_vendas_CE = data.qtde_vendas;
else if (data.uf == 'DF')
qtde_vendas_DF = data.qtde_vendas;
else if (data.uf == 'ES')
qtde_vendas_ES = data.qtde_vendas;
else if (data.uf == 'GO')
qtde_vendas_GO = data.qtde_vendas;
else if (data.uf == 'MA')
qtde_vendas_MA = data.qtde_vendas;
else if (data.uf == 'MT')
qtde_vendas_MT = data.qtde_vendas;
else if (data.uf == 'MS')
qtde_vendas_MS = data.qtde_vendas;
else if (data.uf == 'MG')
qtde_vendas_MG = data.qtde_vendas;
else if (data.uf == 'PA')
qtde_vendas_PA = data.qtde_vendas;
else if (data.uf == 'PB')
qtde_vendas_PB = data.qtde_vendas;
else if (data.uf == 'PR')
qtde_vendas_PR = data.qtde_vendas;
else if (data.uf == 'PE')
qtde_vendas_PE = data.qtde_vendas;
else if (data.uf == 'PI')
qtde_vendas_PI = data.qtde_vendas;
else if (data.uf == 'RJ')
qtde_vendas_RJ = data.qtde_vendas;
else if (data.uf == 'RN')
qtde_vendas_RN = data.qtde_vendas;
else if (data.uf == 'RS')
qtde_vendas_RS = data.qtde_vendas;
else if (data.uf == 'RO')
qtde_vendas_RO = data.qtde_vendas;
else if (data.uf == 'RR')
qtde_vendas_RR = data.qtde_vendas;
else if (data.uf == 'SC')
qtde_vendas_SC = data.qtde_vendas;
else if (data.uf == 'SP')
qtde_vendas_SP = data.qtde_vendas;
else if (data.uf == 'SE')
qtde_vendas_SE = data.qtde_vendas;
else if (data.uf == 'TO')
qtde_vendas_TO = data.qtde_vendas;
});
// Acre a Paraíba
var config_vendaspecas_grafico_1 = {
"globals": {
"font-family": "Helvetica"
},
"type": "bar",
"title": {
"text": ""
},
"background-color": "white",
"plot": {
"value-box": {
"text": "%v"
},
"tooltip": {
"text": "%v"
}
},
"legend": {
"toggle-action": "hide",
"header": {
"text": "Legenda"
},
"item": {
"cursor": "pointer"
},
"draggable": true,
"drag-handler": "icon"
},
"scale-x": {
"values": [
"AC",
"AL",
"AP",
"AM",
"BA",
"CE",
"DF",
"ES",
"GO",
"MA",
"MT",
"MS",
"MG",
"PA",
"PB",
]
},
"series": [
{
"values": [
qtde_vendas_AC,
qtde_vendas_AL,
qtde_vendas_AP,
qtde_vendas_AM,
qtde_vendas_BA,
qtde_vendas_CE,
qtde_vendas_DF,
qtde_vendas_ES,
qtde_vendas_GO,
qtde_vendas_MA,
qtde_vendas_MT,
qtde_vendas_MS,
qtde_vendas_MG,
qtde_vendas_PA,
qtde_vendas_PB
],
"text": "Vendas"
}
]
};
// Paraná a Tocantins
var config_vendaspecas_grafico_2 = {
"type": "bar",
"title": {
"text": ""
},
"plot": {
"value-box": {
"text": "%v"
},
"tooltip": {
"text": "%v"
}
},
"legend": {
"toggle-action": "hide",
"header": {
"text": "Legenda"
},
"item": {
"cursor": "pointer"
},
"draggable": true,
"drag-handler": "icon"
},
"scale-x": {
"values": [
"PR",
"PE",
"PI",
"RJ",
"RN",
"RS",
"RO",
"RR",
"SC",
"SP",
"SE",
"TO"
]
},
"series": [
{
"values": [
qtde_vendas_PR,
qtde_vendas_PE,
qtde_vendas_PI,
qtde_vendas_RJ,
qtde_vendas_RN,
qtde_vendas_RS,
qtde_vendas_RO,
qtde_vendas_RR,
qtde_vendas_SC,
qtde_vendas_SP,
qtde_vendas_SE,
qtde_vendas_TO
],
"text": "Vendas"
}
]
};
zingchart.render({
id: "vendaspecas_grafico_1",
data: config_vendaspecas_grafico_1,
height: "480",
width: "100%"
});
zingchart.render({
id: "vendaspecas_grafico_2",
data: config_vendaspecas_grafico_2,
height: "480",
width: "100%"
});
});
});
}
function carregarVendasPedidos(){
var mes = document.getElementById("mes").value;
var ano = document.getElementById("ano").value;
var url = ["{{url('vendaspedidos_grafico')}}", mes, ano].join('/');
var qtde_meta = 0;
var qtde_realizada = 0;
var qtde_expectativa = 0;
$(document).ready(function(){
$.get(url, function(response){
response.forEach(function(data){
qtde_meta = data.qtde_meta;
qtde_realizada = data.qtde_realizada;
qtde_expectativa = data.qtde_expectativa;
});
var bgColors = ["#1976d2", "#424242", "#388e3c"];
var config_vendaspedidos_grafico = {
"globals": {
"font-family": "Helvetica"
},
"type": "bar",
"background-color": "white",
"title": {
"color": "#606060",
"background-color": "white",
},
"scale-y": {
"line-color": "none",
"tick": {
"line-color": "none"
},
"guide": {
"line-style": "solid"
},
"item": {
"color": "#606060"
}
},
"scale-x": {
"values": [
"Qtde Meta",
"Qtde Realizada",
"Qtde Expectativa"
],
"line-color": "#C0D0E0",
"line-width": 1,
"tick": {
"line-width": 1,
"line-color": "#C0D0E0"
},
"guide": {
"visible": false
},
"item": {
"color": "#606060"
}
},
"crosshair-x": {
"marker": {
"visible": false
},
"line-color": "none",
"line-width": "0px",
"scale-label": {
"visible": false
},
"plot-label": {
"text": "%data-browser: %v",
"multiple": true,
"font-size": "12px",
"color": "#606060",
"background-color": "white",
"border-width": 3,
"alpha": 0.9,
"callout": true,
"callout-position": "bottom",
"shadow": 0,
"placement": "node-top",
"border-radius": 4,
"offsetY": -20,
"padding": 8,
"rules": [{
"rule": "%i==0",
"border-color": "#1976d2"
}, {
"rule": "%i==1",
"border-color": "#424242"
}, {
"rule": "%i==2",
"border-color": "#388e3c"
}]
}
},
"plot": {
"data-browser": [
"<span style='font-weight:bold;color:#1976d2;'>Qtde Meta</span>",
"<span style='font-weight:bold;color:#424242;'>Qtde Realizada</span>",
"<span style='font-weight:bold;color:#388e3c;'>Qtde Expectativa</span>"
],
"value-box": {
"text": "%v",
"text-decoration": "underline",
"color": "#606060"
},
"tooltip": {
"visible": false
},
"animation": {
"effect": "7"
},
"rules": [{
"rule": "%i==0",
"background-color": "#1976d2"
}, {
"rule": "%i==1",
"background-color": "#424242"
}, {
"rule": "%i==2",
"background-color": "#388e3c"
}]
},
"series": [{
"values": [
qtde_meta,
qtde_realizada,
qtde_expectativa
]
}]
};
zingchart.render({
id: 'vendaspedidos_grafico',
data: config_vendaspedidos_grafico,
});
});
});
}
function setMesAno(){
var today = new Date();
var mm = today.getMonth();
var yy = today.getFullYear().toString().substr(-2);
document.getElementById("mes").selectedIndex = Number(mm);
document.getElementById("ano").selectedIndex = Number(yy);
// var today = dd + '/' + mm + '/' + yyyy;
// console.log("Today", today);
}
function chamadasGraficos(){
carregarContasPagarAcumulado();
carregarContasReceberAcumulado();
carregarEstoqueProdutosAcabados();
carregarFaturamentosGlobais();
carregarMetasVendas();
carregarVendasLojasPecas();
carregarVendasPecasEstados();
carregarVendasPedidos();
}
// atualizar
document.getElementById('atualizar').addEventListener('click', function() {
chamadasGraficos();
});
window.onload = function(e){
setMesAno();
chamadasGraficos();
}
</script>
@stop
@section('content')
<div class="row">
<div class="col-sm-4">
<div class="panel panel-default">
<div class="panel-heading"><b>Contas a Pagar (Acumulado)</b></div>
<div class="panel-body">
<div id="contaspagar_grafico"></div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="panel panel-default">
<div class="panel-heading"><b>Contas a Receber (Acumulado)</b></div>
<div class="panel-body">
<div id="contasreceber_grafico"></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="panel panel-default">
<div class="panel-heading"><b>Estoque de Produtos Acabados</b></div>
<div class="panel-body">
<div id="estoquepa_grafico"></div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="panel panel-default">
<div class="panel-heading"><b>Faturamentos Globais</b></div>
<div class="panel-body">
<div id="faturamentos_grafico"></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="panel panel-default">
<div class="panel-heading"><b>Metas de Vendas</b></div>
<div class="panel-body">
<div id="qtde_atual_metas_gauge"></div>
<canvas width="400" height="150" id="metas_gauge"></canvas>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="panel panel-default">
<div class="panel-heading"><b>Vendas (Peças)</b></div>
<div class="panel-body">
<div id="vendaslojas_grafico"></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-8">
<div class="panel panel-default">
<div class="panel-heading"><b>Vendas (Peças Por UF)</b></div>
<div class="panel-body">
<div id="vendaspecas_grafico_1"></div>
<div id="vendaspecas_grafico_2"></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-8">
<div class="panel panel-default">
<div class="panel-heading"><b>Vendas (Pedidos)</b></div>
<div class="panel-body">
<div id="vendaspedidos_grafico"></div>
</div>
</div>
</div>
</div>
@stop
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment