353 lines
21 KiB
Plaintext
353 lines
21 KiB
Plaintext
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
|
|
<link href="../css/check-radio.css" rel="stylesheet" />
|
|
<script src="../js/jquery-ui-1.9.2.custom.min.js"></script>
|
|
<link href="../css/jquery-ui.css" rel="stylesheet" />
|
|
<script>
|
|
$(document).ready(function () {
|
|
$(".cargando").click(function () {
|
|
|
|
$("#mensajeCargando").modal("show");
|
|
});
|
|
});
|
|
</script>
|
|
<script>
|
|
|
|
$(function () {
|
|
$(".datepicker").datepicker({
|
|
changeMonth: true,
|
|
changeYear: true,
|
|
dateFormat: "yy-mm-dd",
|
|
});
|
|
});
|
|
|
|
$(function ($) {
|
|
$.datepicker.dates = {
|
|
closeText: 'Cerrar',
|
|
prevText: '< Ant',
|
|
nextText: 'Sig >',
|
|
currentText: 'Hoy',
|
|
monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
|
|
monthNamesShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
|
|
dayNames: ["Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado"],
|
|
dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mié', 'Juv', 'Vie', 'Sáb'],
|
|
dayNamesMin: ["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sá"],
|
|
weekHeader: 'Sm',
|
|
dateFormat: 'dd-mm-yy',
|
|
firstDay: 1,
|
|
isRTL: false,
|
|
showMonthAfterYear: false,
|
|
yearSuffix: ''
|
|
};
|
|
$.datepicker.setDefaults($.datepicker.regional['es']);
|
|
});
|
|
|
|
function valideKey(evt) {
|
|
|
|
// code is the decimal ASCII representation of the pressed key.
|
|
var code = (evt.which) ? evt.which : evt.keyCode;
|
|
|
|
if (code == 8) { // backspace.
|
|
return true;
|
|
} else if (code >= 48 && code <= 57) { // is a number.
|
|
return true;
|
|
} else { // other keys.
|
|
return false;
|
|
}
|
|
}
|
|
</script>
|
|
</asp:Content>
|
|
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="row">
|
|
<div class="col-md-5">
|
|
<div class="alert alert-light text-dark" role="alert">
|
|
<div class="row">
|
|
<div class="col">
|
|
<strong>
|
|
<i class='bx bx-user' style="font-size: 24px"></i>
|
|
</strong>
|
|
<strong>
|
|
<span class="ms-2">Empresas por mes</span>
|
|
</strong>
|
|
</div>
|
|
<div class="col text-end">
|
|
<a href="<%=Page.ResolveUrl("~/Alumnos/Index.aspx") %>" class="btn btn-warning text-dark btn-sm"><strong>Volver</strong></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-7">
|
|
<div class="alert alert-light text-dark" role="alert">
|
|
<div class="row">
|
|
<div class="col">
|
|
<span class="fw-bold">Mes</span>
|
|
</div>
|
|
<div class="col">
|
|
<asp:DropDownList ID="ListaMeses" runat="server" CssClass="form-select"></asp:DropDownList>
|
|
</div>
|
|
<div class="col">
|
|
<span class="fw-bold">Agno</span>
|
|
</div>
|
|
<div class="col">
|
|
<asp:TextBox ID="TextBoxYear" class="form-control form-control-sm" runat="server"></asp:TextBox>
|
|
</div>
|
|
<div class="col">
|
|
<asp:LinkButton ID="LinkButtonBuscar" CssClass="btn btn-primary btn-sm d-grid" runat="server" OnClick="LinkButtonBuscar_Click">Buscar</asp:LinkButton>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12" runat="server" id="div_reporte">
|
|
<div class="alert alert-light shadow text-dark" role="alert">
|
|
<div class="row">
|
|
<div class="col-md-3 mt-5">
|
|
<div class="row">
|
|
<div class="col-md-12 mx-auto" runat="server">
|
|
<asp:LinkButton ID="LinkButtonExcel" runat="server" CssClass="text-decoration-none" OnClick="LinkButtonExcel_Click">
|
|
<div class="alert alert-success shadow" role="alert">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<h1><i class='bx bx-export'></i></h1>
|
|
</div>
|
|
<div class="col text-center">
|
|
<span class="text-muted"><strong>Excel</strong></span>
|
|
<h5><strong>
|
|
<asp:Label ID="Label1" runat="server" Text="Exportar"></asp:Label>
|
|
</strong>
|
|
</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</asp:LinkButton>
|
|
</div>
|
|
<div class="col-md-12" runat="server">
|
|
<div class="alert alert-light shadow text-dark" role="alert">
|
|
<div class="row">
|
|
<div class="col-md-3 text-center">
|
|
<h1><i class="fa-solid fa-users-line"></i></h1>
|
|
<span class="fw-bold"><strong>Alumnos</strong></span>
|
|
</div>
|
|
<div class="col text-center mt-3">
|
|
<span class="text-muted"><strong>Total</strong></span>
|
|
<h5><strong>
|
|
<asp:Label ID="LabelTotAlumnos" runat="server" Text="0"></asp:Label>
|
|
</strong>
|
|
</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12" runat="server">
|
|
<div class="alert alert-light shadow text-dark" role="alert">
|
|
<div class="row">
|
|
<div class="col-md-3 text-center">
|
|
<h1><i class='bx bx-building-house bx-lg'></i></h1>
|
|
<span class="fw-bold"><strong>Empresas</strong></span>
|
|
</div>
|
|
<div class="col text-center mt-3">
|
|
<span class="text-muted"><strong>Total</strong></span>
|
|
<h5><strong>
|
|
<asp:Label ID="LabelEmpTotal" runat="server" Text="0"></asp:Label>
|
|
</strong>
|
|
</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-12" runat="server">
|
|
<div class="alert alert-light shadow text-dark" role="alert">
|
|
<div class="row">
|
|
<div class="col-md-12 text-start">
|
|
<h1><i class="fa-solid fa-swatchbook"></i></h1>
|
|
<span class="fw-bold"><strong>Alumnos</strong></span>
|
|
</div>
|
|
<div class="col-md-12 text-start">
|
|
<span class="text-muted"><strong>Con SENCE</strong></span>
|
|
<h5><strong>
|
|
<asp:Label ID="LabelAlmConSNC" runat="server" Text="0"></asp:Label>
|
|
</strong>
|
|
</h5>
|
|
</div>
|
|
<div class="col-md-12 text-start">
|
|
<span class="text-muted"><strong>Sin SENCE</strong></span>
|
|
<h5><strong>
|
|
<asp:Label ID="LabelAlmSinSNC" runat="server" Text="0"></asp:Label>
|
|
</strong>
|
|
</h5>
|
|
</div>
|
|
<div class="col-md-12 text-start">
|
|
<span class="text-muted"><strong>Total</strong></span>
|
|
<h5><strong>
|
|
<asp:Label ID="LabelAlumnosTotal" runat="server" Text="0"></asp:Label>
|
|
</strong>
|
|
</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="row">
|
|
<div class="col-md-12 mt-3" runat="server">
|
|
<div class="alert alert-light" role="alert">
|
|
<div class="table-responsive" width="100%">
|
|
<h3>Alumnos de empresas</h3>
|
|
<table class="table table-sm mb-0 table-hover" style="font-size: 12px;">
|
|
<thead>
|
|
<tr>
|
|
<th class="text-start" style="width: 20%">Tipo</th>
|
|
<th class="text-start" style="width: 5%">Cantidad</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="text-start" style="width: 20%">Cursos Abierto
|
|
</td>
|
|
<td class="text-start" style="width: 5%">
|
|
<asp:Label ID="Labelcnttipoabierto" runat="server" Text="0"></asp:Label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-start" style="width: 20%">Cursos Cerrado
|
|
</td>
|
|
<td class="text-start" style="width: 5%">
|
|
<asp:Label ID="Labelcnttipocerrado" runat="server" Text="0"></asp:Label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th class="text-start" style="width: 20%">Total
|
|
</th>
|
|
<th class="text-start" style="width: 5%">
|
|
<asp:Label ID="LabelcnttipoTotal" runat="server" Text="0"></asp:Label>
|
|
</th>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12" runat="server">
|
|
<div class="alert alert-light text-dark" role="alert">
|
|
<div class="row">
|
|
<h4 class="text-center"><small><u>Sedes con alumnos de empresas</u></small></h4>
|
|
<div class="col-md-8 text-start">
|
|
<h1><i class="fa-solid fa-school"></i></h1>
|
|
<span class="fw-bold"><strong>Sedes</strong></span>
|
|
</div>
|
|
<div class="col-md-4 text-center mt-1">
|
|
<div class="progress" role="progressbar" aria-label="Default striped example" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">
|
|
<div class="progress-bar progress-bar-striped" style="width: 100%">Alumnos sin SENCE</div>
|
|
</div>
|
|
<br />
|
|
<div class="progress" role="progressbar" aria-label="Warning striped example" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">
|
|
<div class="progress-bar progress-bar-striped bg-warning text-dark" style="width: 100%">Alumnos con SENCE</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12 text-center">
|
|
<h5>
|
|
<strong>Moneda</strong>
|
|
</h5>
|
|
<div class="progress-stacked">
|
|
<div class="progress" role="progressbar" aria-label="Segment one" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
|
|
<div id="mone" runat="server" class="progress-bar progress-bar-striped progress-bar-animated"></div>
|
|
<div id="moneSNC" runat="server" class="progress-bar progress-bar-striped progress-bar-animated bg-warning text-dark"></div>
|
|
</div>
|
|
</div>
|
|
<hr />
|
|
<h5>
|
|
<strong>Providencia</strong>
|
|
</h5>
|
|
<div class="progress-stacked">
|
|
<div class="progress" role="progressbar" aria-label="Info example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
|
|
<div id="prov" runat="server" class="progress-bar progress-bar-striped progress-bar-animated"></div>
|
|
<div id="provSNC" runat="server" class="progress-bar progress-bar-striped progress-bar-animated bg-warning text-dark"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr />
|
|
<h5>
|
|
<strong>La Florida</strong>
|
|
</h5>
|
|
<div class="progress-stacked">
|
|
<div class="progress" role="progressbar" aria-label="Info example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
|
|
<div id="flor" runat="server" class="progress-bar progress-bar-striped progress-bar-animated"></div>
|
|
<div id="florSNC" runat="server" class="progress-bar progress-bar-striped progress-bar-animated bg-warning text-dark"></div>
|
|
</div>
|
|
</div>
|
|
<hr />
|
|
<h5>
|
|
<strong>Online</strong>
|
|
</h5>
|
|
<div class="progress-stacked">
|
|
<div class="progress" role="progressbar" aria-label="Info example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
|
|
<div id="onli" runat="server" class="progress-bar progress-bar-striped progress-bar-animated"></div>
|
|
<div id="onliSNC" runat="server" class="progress-bar progress-bar-striped progress-bar-animated bg-warning text-dark"></div>
|
|
</div>
|
|
</div>
|
|
<hr />
|
|
<h5>
|
|
<strong>Empresas</strong>
|
|
</h5>
|
|
<div class="progress-stacked">
|
|
<div class="progress" role="progressbar" aria-label="Info example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
|
|
<div id="corp" runat="server" class="progress-bar progress-bar-striped progress-bar-animated"></div>
|
|
<div id="corpSNC" runat="server" class="progress-bar progress-bar-striped progress-bar-animated bg-warning text-dark"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-5 align-middle mt-5">
|
|
<div class="row">
|
|
<div class="col-md-12" id="TipoDeVentas">
|
|
<div class="alert alert-light text-dark offcanvas-lg offcanvas-sm container-md container-sm"
|
|
role="alert">
|
|
<h3><span><b><u>Tipos de ventas</u></b></span></h3>
|
|
<canvas id="ventaPie" class="w-100 h-100"></canvas>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
|
<asp:Literal ID="Literal1" runat="server"></asp:Literal>
|
|
<script>
|
|
var pieLabels;
|
|
var pieData;
|
|
const ctz = document.getElementById('ventaPie');
|
|
new Chart(ctz, {
|
|
type: 'doughnut',
|
|
data: {
|
|
labels: pieLabels,
|
|
datasets: [{
|
|
label: 'Cantidad',
|
|
data: pieData,
|
|
borderWidth: 1
|
|
}]
|
|
},
|
|
options: {
|
|
responsive: true,
|
|
}
|
|
});
|
|
var $canvas = $("#canvas");
|
|
var $parent = $canvas.parent();
|
|
$canvas.width($parent.width());
|
|
$canvas.height($parent.height());
|
|
</script>
|
|
</asp:Content>
|