AutorÃa | Ultima modificación | Ver Log |
{{#classname_dashboard}}
<script>
var labels = new Array();
var dataset1 = new Array();
var dataset2 = new Array();
var graph_serie1_color = '{{graph_serie1_color}}';
var graph_serie2_color = '{{graph_serie2_color}}';
{{#chart}}
labels.push('{{label}}');
dataset1.push({{data1}});
dataset2.push({{data2}});
{{/chart}}
</script>
{{/classname_dashboard}}
<style>
.ui-pnotify {
margin-top: 20px;
marigh-right: 100px;
}
</style>
<div class="row">
<div class="col-md-2 col-sm-12 col-12 d-md-block d-none bg-white border-radius overflow-auto">
<div class=" pt-2 mb-2">
<h3 class="text-secondary">Dashboard</h3>
</div>
<div class="sidebar-brand mt-3 pt-2 border-top-gray">
<h3 class="p-1 text-secondary">Avance</h3>
</div>
<div class="w-100 ellipsis {{#classname_dashboard}} accordion-active" {{/classname_dashboard}}">
<a href="/local/cesa_reportes/?classname=dashboard" class="enlace-menu ellipsis w-100 h-100 text-left text-secondary"> Ultimos 7 días </a>
</div>
<div class="w-100 ellipsis {{#classname_one_course}} accordion-active" {{/classname_one_course}}">
<a href="/local/cesa_reportes/?classname=one_course" class="enlace-menu ellipsis w-100 h-100 text-left text-secondary"> Por curso </a>
</div>
<div class="w-100 ellipsis {{#classname_one_user}} accordion-active" {{/classname_one_user}}">
<a href="/local/cesa_reportes/?classname=one_user" class="enlace-menu ellipsis w-100 h-100 text-left text-secondary"> Por usuario </a>
</div>
<div class="w-100 ellipsis {{#classname_all_courses}} accordion-active" {{/classname_all_courses}}">
<a href="/local/cesa_reportes/?classname=all_courses&page=1" class="enlace-menu ellipsis w-100 h-100 text-left text-secondary"> Todos los cursos </a>
</div>
<div class="w-100 ellipsis {{#classname_all_courses_with_activities}} accordion-active" {{/classname_all_courses_with_activities}}">
<a href="/local/cesa_reportes/?classname=all_courses_with_activities&page=1" class="enlace-menu ellipsis w-100 h-100 text-left text-secondary"> Todos los cursos con actividades </a>
</div>
<div class="w-100 ellipsis {{#classname_custom}} accordion-active" {{/classname_custom}}">
<a href="/local/cesa_reportes/?classname=custom&page=1" class="enlace-menu ellipsis w-100 h-100 text-left text-secondary"> Customizado </a>
</div>
<div class="w-100 ellipsis {{#classname_all_files}} accordion-active" {{/classname_all_files}}">
<a href="/local/cesa_reportes/?classname=all_files&page=1" class="enlace-menu ellipsis w-100 h-100 text-left text-secondary"> Archivos generados </a>
</div>
</div>
<div class="col-md-10 col-sm-12 col-12 border-radius">
{{#classname_dashboard}}
<h1>Ultimos 7 días</h1>
<div class="text-right">
<button id="btn-download-last-seven-days" class="button"> Solicitar </button>
</div>
<div class="col-md-12 col-sm-12 col-12">
<ul class="nav nav-tabs" role="tablist" >
<li class="nav-item" >
<a href="#" data-tab="tab_cesa_reportes1" class="nav-link active" data-toggle="tab" role="tab" aria-selected="false" tabindex="-1"> Gráficos </a>
</li>
<li class="nav-item">
<a href="#" data-tab="tab_cesa_reportes2" class="nav-link " data-toggle="tab" role="tab" aria-selected="false" tabindex="-1"> Actividades </a>
</li>
<li class="nav-item">
<a href="#" data-tab="tab_cesa_reportes3" class="nav-link " data-toggle="tab" role="tab" aria-selected="false" tabindex="-1"> Completadas </a>
</li>
</ul>
</div>
<div class="col-md-12 col-sm-12 col-12">
<div class="tab-content mt-3">
<div class="tab-pane active" id="tab_cesa_reportes1" role="tabpanel">
<div class="col-md-12 col-sm-12 col-12">
<canvas class="rd_chart" id="chart_user_activites_and_modules_completion"></canvas>
</div>
</div>
<div class="tab-pane" id="tab_cesa_reportes2" role="tabpanel">
<div class="col-md-12 col-sm-12 col-12 mt15 ">
<table class="generaltable" style="width: 100%">
<thead>
<tr>
<th colspan="5" class="text-center w-100 h-100">Los últimos 10 usuarios con actividades vistas</th>
</tr>
<tr>
<td>Curso</td>
<td>Nombre</td>
<td>Apellido</td>
<td>Email</td>
<td>Fecha</td>
</tr>
</thead>
<tbody>
{{#last_ten_user_activities}}
<tr>
<td class="h-100">{{course}}</td>
<td class="h-100">{{firstname}}</td>
<td class="h-100">{{lastname}}</td>
<td class="h-100">{{email}}</td>
<td class="h-100">{{timecreated}}</td>
</tr>
{{/last_ten_user_activities}}
</tbody>
</table>
</div>
<div class="col-md-12 col-sm-12 col-12 mt15">
<table class="generaltable" style="width: 100%">
<thead>
<tr>
<th colspan="4" class="text-center w-100 h-100">Los 10 usuarios con más actividades vistas</th>
</tr>
<tr>
<td>Nombre</td>
<td>Apellido</td>
<td>Email</td>
<td>Total</td>
</tr>
</thead>
<tbody>
{{#top_ten_user_activities}}
<tr>
<td class="h-100">{{firstname}}</td>
<td class="h-100">{{lastname}}</td>
<td class="h-100">{{email}}</td>
<td class="h-100 text-right">{{activities}}</td>
</tr>
{{/top_ten_user_activities}}
</tbody>
</table>
</div>
</div>
<div class="tab-pane" id="tab_cesa_reportes3" role="tabpanel">
<div class="col-md-12 col-sm-12 col-12 mt15 ">
<table class="generaltable" style="width: 100%">
<thead>
<tr>
<th colspan="5" class="text-center w-100 h-100">Los últimos 10 usuarios con actividades completadas</th>
</tr>
<tr>
<td>Curso</td>
<td>Nombre</td>
<td>Apellido</td>
<td>Email</td>
<td>Fecha</td>
</tr>
</thead>
<tbody>
{{#last_ten_user_modules_completion}}
<tr>
<td class="h-100">{{course}}</td>
<td class="h-100">{{firstname}}</td>
<td class="h-100">{{lastname}}</td>
<td class="h-100">{{email}}</td>
<td class="h-100">{{timemodified}}</td>
</tr>
{{/last_ten_user_modules_completion}}
</tbody>
</table>
</div>
<div class="col-md-12 col-sm-12 col-12 mt15 ">
<table class="generaltable" style="width: 100%">
<thead>
<tr>
<th colspan="4" class="text-center w-100 h-100">Los 10 usuarios con más actividades completadas</th>
</tr>
<tr>
<td>Nombre</td>
<td>Apellido</td>
<td>Email</td>
<td>Total</td>
</tr>
</thead>
<tbody>
{{#top_ten_user_modules_completion}}
<tr>
<td class="h-100">{{firstname}}</td>
<td class="h-100">{{lastname}}</td>
<td class="h-100">{{email}}</td>
<td class="h-100 text-right">{{completion}}</td>
</tr>
{{/top_ten_user_modules_completion}}
</tbody>
</table>
</div>
</div>
</div>
</div>
{{/classname_dashboard}}
{{#classname_one_course}}
<h1>Avance por curso</h1>
<div class="text-right">
<button id="btn-download-excel-for-one-course" class="button"> Solicitar </button>
</div>
<form id="form-local-cesa-reportes-one-course" name="form-local-cesa-reportes-one-course" class="mb-0 mt15">
<div class="row w-100">
<div class="col-md-12 col-sm-12 col-12">
<div class="form-group">
<select class="form-control" id="courseid" name="courseid">
<option value="0" selected>Seleccione un curso</option>
{{#courses}}
<option value="{{id}}">{{name}}</option>
{{/courses}}
</select>
</div>
</div>
</div>
<div class="row w-100">
<div class="col-md-12 col-sm-12 col-12" id="div-local-cesa-reportes-one-course" style="min-height: 300px">
</div>
</div>
</form>
{{/classname_one_course}}
{{#classname_one_user}}
<h1>Avance por usuario</h1>
<div class="text-right">
<button id="btn-download-excel-for-one-user" class="button"> Solicitar </button>
</div>
<form id="form-local-cesa-reportes-one-user" name="form-local-cesa-reportes-one-user" class="mb-0 mt15">
<div class="row w-100">
<div class="col-md-12 col-sm-12 col-12">
<div class="form-group">
<select class="form-control" id="userid" name="userid">
<option value="0" selected>Seleccione un usuario</option>
{{#users}}
<option value="{{id}}">{{name}}</option>
{{/users}}
</select>
</div>
</div>
</div>
<div class="row w-100">
<div class="col-md-12 col-sm-12 col-12" id="div-local-cesa-reportes-one-user" style="min-height: 300px">
</div>
</div>
</form>
{{/classname_one_user}}
{{#classname_all_course}}
<h1>Avance en todos los cursos</h1>
<div class="text-right">
<button id="btn-download-excel-all-courses" class="button"> Solicitar </button>
</div>
<div class="col-md-12 col-sm-12 col-12 mt15">
<div class="report_table_wrapper wrapper">
<table class="report_table">
<thead>
<tr>
{{#fields}}
<th nowrap>{{field}}</th>
{{/fields}}
</tr>
</thead>
<tbody>
{{#items}}
<tr>
{{#item}}
<td nowrap class="{{#align-right}} text-right {{/align-right}} h-100">{{value}}</td>
{{/item}}
</tr>
{{/items}}
</tbody>
</table>
</div>
</div>
{{#pagination}}
<div class="pagination text-center">
<div class="w-100 text-center">
{{#previous_page}}
<a href="/local/cesa_reportes/?classname=all_courses&page={{previous_page}}" class="button"> < Página anterior </a>
{{/previous_page}}
Página : {{page}} de {{max_pages}} (100 usuarios por página, total usuarios : {{max_users}})
{{#next_page}}
<a href="/local/cesa_reportes/?classname=all_courses&page={{next_page}}" class="button"> Página Siguiente > </a>
{{/next_page}}
</div>
</div>
{{/pagination}}
{{/classname_all_course}}
{{#classname_all_course_with_activities}}
<h1>Avance en todos los cursos con actividades</h1>
<div class="text-right">
<button id="btn-download-excel-all-courses-with-activites" class="button"> Solicitar </button>
</div>
<div class="col-md-12 col-sm-12 col-12 mt15">
<div class="report_table_wrapper wrapper">
<table class="report_table">
<thead>
<tr>
{{#fields}}
<th nowrap>{{field}}</th>
{{/fields}}
</tr>
</thead>
<tbody>
{{#items}}
<tr>
{{#item}}
<td nowrap class="{{#align-right}} text-right {{/align-right}} h-100">{{value}}</td>
{{/item}}
</tr>
{{/items}}
</tbody>
</table>
</div>
</div>
{{#pagination}}
<div class="pagination text-center">
<div class="w-100 text-center">
{{#previous_page}}
<a href="/local/cesa_reportes/?classname=all_courses_with_activities&page={{previous_page}}" class="button"> < Página anterior </a>
{{/previous_page}}
Página : {{page}} de {{max_pages}} (100 usuarios por página, total usuarios : {{max_users}})
{{#next_page}}
<a href="/local/cesa_reportes/?classname=all_courses_with_activities&page={{next_page}}" class="button"> Página Siguiente > </a>
{{/next_page}}
</div>
</div>
{{/pagination}}
{{/classname_all_course_with_activities}}
{{#classname_custom}}
<h1>Reporte de avance customizado</h1>
<form name="form_custom" id="form_custom">
<div class="form-row">
<div class="form-group col-md-4">
<label for="filter_from">Desde</label>
<input type="text" name="filter_from" id="filter_from" value="{{filter_from}}" class="form-control"></input>
</div>
<div class="form-group col-md-4">
<label for="filter_from">Hasta</label>
<input type="text" name="filter_to" id="filter_to" value="{{filter_to}}" class="form-control"></input>
</div>
<div class="form-group col-md-4">
<label for="filter_userkeyword">Usuario por palabra clave</label>
<input type="text" name="filter_userkeyword" id="filter_userkeyword" maxlength="10" value="" class="form-control"></input>
</div>
</div>
</form>
<div class="text-right">
<button id="btn-recargar-reporte-custom" class="button"> Recargar </button>
<button id="btn-download-excel-custom" class="button"> Solicitar </button>
</div>
<br/>
<div class="row w-100 mt-15">
<div class="col-md-12 col-sm-12 col-12" id="div-local-cesa-reportes-custom" style="min-height: 300px">
</div>
</div>
{{#pagination}}
<div class="pagination text-center">
<div class="w-100 text-center">
{{#previous_page}}
<a href="/local/cesa_reportes/?classname=all_courses_with_activities&page={{previous_page}}" class="button"> < Página anterior </a>
{{/previous_page}}
Página : {{page}} de {{max_pages}} (100 usuarios por página, total usuarios : {{max_users}})
{{#next_page}}
<a href="/local/cesa_reportes/?classname=all_courses_with_activities&page={{next_page}}" class="button"> Página Siguiente > </a>
{{/next_page}}
</div>
</div>
{{/pagination}}
{{/classname_custom}}
{{#classname_all_files}}
<h1>Archivos disponibles</h1>
<div class="col-md-12 col-sm-12 col-12 mt-15">
<div class="report_table_wrapper wrapper">
<table class="report_table">
<thead>
<tr>
{{#fields}}
<th nowrap>{{field}}</th>
{{/fields}}
</tr>
</thead>
<tbody id="local-cesa-reportes-all-files">
</tbody>
</table>
</div>
</div>
{{/classname_all_files}}
</div>
</div>