carga
This commit is contained in:
2025-04-17 00:18:43 -06:00
parent 212fea81b2
commit f5dcfba2b6
306 changed files with 112862 additions and 2 deletions

72
templates/LCcheckIng.html Normal file
View File

@@ -0,0 +1,72 @@
{% extends "base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% block content %}
<!-- Content -->
<div class="content">
<!-- Animated -->
<div class="animated fadeIn">
<!-- Traffic -->
<div class="row">
<div class="col-lg-12">
<p align="center"><img src="/static/images/logo.png" alt="Logo"></a></p>
<table width="500" border="0" align="center" style="background-color: #FFFFFF;">
<tbody>
<tr>
<td width="100" height="100" alt=""><img src="/static/images/image016.png" /></td>
<td Colspan="3" height="100" alt="" align="center"><img src="/static/images/marque.png" /></td>
</tr>
<tr>
<td Colspan="3" width="150" height="150" alt="" align="center">
<img src="{{ datos.foto.url }}" class="rounded-circle img-fluid" style="width: 200px;" />
</td>
</tr>
<tr>
<td Colspan="3" >
<br>
<p align="center">Nombre: {{ user.first_name }} {{ user.last_name }}</p>
<p align="center">Tipo de Usuario: {{ datos.tipo }}</p>
<p align="center">ID: {{ datos.matricula }}</p>
<div class="login-form">
<form method="POST" action="{% url 'laboratorios' idlab %}" class="mt-3" autocomplete="off" >
{% csrf_token %}
{{ form|crispy }}
<input name="id_lab" type="hidden" placeholder="" class="form-control" value="{{ idlab }}" ><br>
<input name="usuario" type="hidden" placeholder="{{ datos.usuario_id }}" class="form-control" value="{{ datos.usuario_id }}" ><br>
<button type="submit" class="btn btn-primary btn-rounded btn-lg">Registrar</button><br><br>
<a href="{% url 'laboratorios' idlab %}" class="btn btn-danger btn-rounded btn-lg">Cancelar</a>
</form>
</div>
<br>
</td>
</tr>
<tr>
<td Colspan="3" align="center" >
</td>
</tr>
</tbody>
</table>
</div><!-- /# column -->
</div>
<!-- /Traffic -->
</div>
<!-- .animated -->
</div>
<!-- /.content -->
<div class="clearfix"></div>
{% endblock content %}

83
templates/LCscan.html Normal file
View File

@@ -0,0 +1,83 @@
{% extends "base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% block content %}
<!-- Content -->
<div class="content">
<!-- Animated -->
<div class="animated fadeIn">
<!-- Traffic -->
<div class="row">
<div class="col-lg-12">
<p align="center"><img src="/static/images/logo.png" alt="Logo"></a></p>
<table width="500" border="0" align="center" style="background-color: #FFFFFF;">
<tbody>
<tr>
<td width="150" height="150" alt=""><img src="/static/images/image016.png" /></td>
<td width="150" height="150" alt="" align="center"><img src="/static/images/image021.png" /></td>
<td width="150" height="150" alt="">&nbsp;</td>
</tr>
<tr>
<td Colspan="3" align="center">&nbsp;ESCANER DE CÓDIGO</td>
</tr>
<tr>
<td><img src="/static/images/01esq.png" width="100" height="100" alt="" align="right"/></td>
<td>&nbsp;</td>
<td><img src="/static/images/02esq.png" width="100" height="100" alt="" align="left"/></td>
</tr>
<tr>
<td>&nbsp;</td>
<td width="150" height="150" alt="" align="center">
<img src="/static/images/qr.png"/>
<form method="POST" action="{% url 'lcchecking' idlab %}" class="mt-2" autocomplete="off" >
{% csrf_token %}
<input name="key" type="text" placeholder="" class="form-control" value="" autofocus><br>
<button type="submit" class="btn btn-success">Verificar QR</button>
</form>
</td>
<td>&nbsp;</td>
</tr>
<tr>
<td><img src="/static/images/03esq.png" width="100" height="100" alt="" align="right"/></td>
<td>&nbsp;</td>
<td><img src="/static/images/04esq.png" width="100" height="100" alt="" align="left"/></td>
</tr>
<tr>
<td>&nbsp;</td>
<td align="center"></button></td>
<td><img src="/static/images/image002.png" width="150" alt=""/></td>
</tr>
</tbody>
</table>
</div><!-- /# column -->
</div>
<!-- /Traffic -->
</div>
<!-- .animated -->
</div>
<!-- /.content -->
<div class="clearfix"></div>
{% endblock content %}

83
templates/LCscanS.html Normal file
View File

@@ -0,0 +1,83 @@
{% extends "base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% block content %}
<!-- Content -->
<div class="content">
<!-- Animated -->
<div class="animated fadeIn">
<!-- Traffic -->
<div class="row">
<div class="col-lg-12">
<p align="center"><img src="/static/images/logo.png" alt="Logo"></a></p>
<table width="500" border="0" align="center" style="background-color: #FFFFFF;">
<tbody>
<tr>
<td width="150" height="150" alt=""><img src="/static/images/image016.png" /></td>
<td width="150" height="150" alt="" align="center"><img src="/static/images/image021.png" /></td>
<td width="150" height="150" alt="">&nbsp;</td>
</tr>
<tr>
<td Colspan="3" align="center">&nbsp;ESCANER DE CÓDIGO</td>
</tr>
<tr>
<td><img src="/static/images/01esq.png" width="100" height="100" alt="" align="right"/></td>
<td>&nbsp;</td>
<td><img src="/static/images/02esq.png" width="100" height="100" alt="" align="left"/></td>
</tr>
<tr>
<td>&nbsp;</td>
<td width="150" height="150" alt="" align="center">
<img src="/static/images/qr.png"/>
<form method="POST" action="{% url 'updatesalida' idlabx idx %}" class="mt-2" autocomplete="off" >
{% csrf_token %}
<input name="key" type="text" placeholder="" class="form-control" value="" autofocus><br>
<button type="submit" class="btn btn-success">Verificar QR</button>
</form>
</td>
<td>&nbsp;</td>
</tr>
<tr>
<td><img src="/static/images/03esq.png" width="100" height="100" alt="" align="right"/></td>
<td>&nbsp;</td>
<td><img src="/static/images/04esq.png" width="100" height="100" alt="" align="left"/></td>
</tr>
<tr>
<td>&nbsp;</td>
<td align="center"></button></td>
<td><img src="/static/images/image002.png" width="150" alt=""/></td>
</tr>
</tbody>
</table>
</div><!-- /# column -->
</div>
<!-- /Traffic -->
</div>
<!-- .animated -->
</div>
<!-- /.content -->
<div class="clearfix"></div>
{% endblock content %}

36
templates/acceder.html Normal file
View File

@@ -0,0 +1,36 @@
{% extends "base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% block content %}
<div class="sufee-login d-flex align-content-center flex-wrap">
<div class="container">
<div class="login-content">
<div class="login-logo">
<a href="{% url 'index' %}">
<img class="align-content" src="/static/images/logo.png" alt="">
</a>
</div>
<div class="login-form">
<form method="POST" action="" class="mt-2" autocomplete="off">
{% csrf_token %}
{{ form|crispy }}
<button type="submit" class="btn btn-success">Iniciar Sesion</button>
<div class="register-link m-t-15 text-center">
<p>No tienes una cuenta? <a href="{% url 'registro' %}"> Registrate</a></p>
<p>Olvidaste tu contraseña? <a href="{% url 'reset_password' %}"> Recuperala</a></p>
</div>
</form>
</div>
</div>
</div>
</div>
{% endblock content %}

View File

@@ -0,0 +1,42 @@
{% extends "base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% block content %}
<section class="vh-100" style="background-color: #eee;">
<div class="container py-5 h-100">
<div class="row d-flex justify-content-center align-items-center h-100">
<div class="col-md-12 col-xl-8">
<div class="card" style="border-radius: 15px;">
<div class="card-body text-center">
<form method="POST" action="" class="mt-3" autocomplete="off" enctype="multipart/form-data">
{% csrf_token %}
{{ form|crispy|safe }}
<button type="submit" class="btn btn-success">Guardar</button>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock content %}

View File

@@ -0,0 +1,48 @@
{% extends "base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% block content %}
<section class="vh-100" style="background-color: #eee;">
<div class="container py-5 h-100">
<div class="row d-flex justify-content-center align-items-center h-100">
<div class="col-md-12 col-xl-8">
<div class="card" style="border-radius: 15px;">
<div class="card-body text-center">
<form method="POST" action="" class="mt-3" autocomplete="off" enctype="multipart/form-data">
{% csrf_token %}
{{ form|crispy }}
<p>ID Usuario</p>
<input name="usuario" type="text" placeholder="{{ user.username }}" class="form-control" value="{{ user.id }}" readonly ><br>
<p>key</p>
<input name="key" type="text" placeholder="{{ key }}" class="form-control" value="{{ key }}{{ user.id }}" readonly ><br>
<button type="submit" class="btn btn-success">Guardar</button>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock content %}

619
templates/base.html Normal file
View File

@@ -0,0 +1,619 @@
{% load static %}
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>ACCESO</title>
<meta name="description" content="acceso">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="/static/images/QRAUqs9.png">
<link rel="shortcut icon" href="/static/images/QRAUqs9.png">
<link rel="stylesheet" href="/static/assets/css/normalize.min.css">
<link rel="stylesheet" href="/static/assets/css/bootstrap.min.css">
<link rel="stylesheet" href="/static/assets/css/font-awesome.min.css">
<link rel="stylesheet" href="/static/assets/css/themify-icons.css">
<link rel="stylesheet" href="/static/assets/css/pe-icon-7-stroke.min.css">
<link rel="stylesheet" href="/static/assets/css/flag-icon.min.css">
<link rel="stylesheet" href="/static/assets/css/cs-skin-elastic.css">
<link rel="stylesheet" href="/static/assets/css/lib/datatable/buttons.bootstrap.min.css">
<link rel="stylesheet" href="/static/assets/css/lib/datatable/buttons.dataTables.min.css">
<link rel="stylesheet" href="/static/assets/css/lib/datatable/dataTables.bootstrap.min.css">
<link rel="stylesheet" href="/static/assets/css/style.css">
<!--
<link rel="stylesheet" href="/static/lib/datatables-1.10.20/css/dataTables.bootstrap4.min.css"/>
<link rel="stylesheet" href="/static/lib/datatables-1.10.20/plugins/responsive-2.2.3/css/responsive.bootstrap4.min.css"/>
<script type="text/javascript" src="https://cdn.jsdelivr.net/html5shiv/3.7.3/html5shiv.min.js"></script> -->
<link href="/static/assets/css/chartist.min.css" rel="stylesheet">
<link href="/static/assets/css/jqvmap.min.css" rel="stylesheet">
<link href="/static/assets/css/weather-icons.css" rel="stylesheet" />
<link href="/static/assets/css/fullcalendar.min.css" rel="stylesheet" />
<script src="/static/assets/js/c6b758e399.js" crossorigin="anonymous"></script>
<style>
#weatherWidget .currentDesc {
color: #ffffff!important;
}
.traffic-chart {
min-height: 335px;
}
#flotPie1 {
height: 150px;
}
#flotPie1 td {
padding:3px;
}
#flotPie1 table {
top: 20px!important;
right: -10px!important;
}
.chart-container {
display: table;
min-width: 270px ;
text-align: left;
padding-top: 10px;
padding-bottom: 10px;
}
#flotLine5 {
height: 105px;
}
#flotBarChart {
height: 150px;
}
#cellPaiChart{
height: 160px;
}
</style>
</head>
<body>
<!-- Left Panel -->
<aside id="left-panel" class="left-panel">
<nav class="navbar navbar-expand-sm navbar-default">
<div id="main-menu" class="main-menu collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active">
<a href="{% url 'index' %}"><i class="menu-icon fa fa-laptop"></i>Principal</a>
</li>
<li class="menu-title">Laboratorios</li><!-- /.menu-title -->
<li class="menu-item-has-children dropdown">
<a href="{% url 'laboratorios' 1 %}" > <i class="menu-icon fa fa-laptop"></i>Automatización</a>
</li>
<li class="menu-item-has-children dropdown">
<a href="{% url 'laboratorios' 2 %}" > <i class="menu-icon fa fa-cogs"></i>Cómputo y Redes</a>
</li>
<li class="menu-item-has-children dropdown">
<a href="{% url 'laboratorios' 3 %}" > <i class="menu-icon fa fa-volume-down"></i>Cabina de Audio</a>
</li>
<li class="menu-item-has-children dropdown">
<a href="{% url 'laboratorios' 4 %}" > <i class="menu-icon fa fa-cloud"></i>Internet de las Cosas</a>
</li>
<li class="menu-item-has-children dropdown">
<a href="{% url 'laboratorios' 5 %}" > <i class="menu-icon fa fa-apple"></i>Frutas y Hortalizas</a>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</nav>
</aside>
<!-- /#left-panel -->
<!-- Right Panel -->
<div id="right-panel" class="right-panel">
<!-- Header-->
<header id="header" class="header">
<div class="top-left">
<div class="navbar-header">
<a class="navbar-brand" href="./"><img src="/static/images/logo.png" alt="Logo"></a>
<a class="navbar-brand hidden" href="./"><img src="/static/images/logo2.png" alt="Logo"></a>
<a id="menuToggle" class="menutoggle"><i class="fa fa-bars"></i></a>
</div>
</div>
<div class="top-right">
<div class="header-menu">
<div class="header-left">
<button class="search-trigger"><i class="fa fa-search"></i></button>
<div class="form-inline">
<form class="search-form">
<input class="form-control mr-sm-2" type="text" placeholder="Search ..." aria-label="Search">
<button class="search-close" type="submit"><i class="fa fa-close"></i></button>
</form>
</div>
<div class="dropdown for-notification">
<button class="btn btn-secondary dropdown-toggle" type="button" id="notification" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-bell"></i>
<span class="count bg-danger">3</span>
</button>
<div class="dropdown-menu" aria-labelledby="notification">
<p class="red">You have 3 Notification</p>
<a class="dropdown-item media" href="#">
<i class="fa fa-check"></i>
<p>Server #1 overloaded.</p>
</a>
<a class="dropdown-item media" href="#">
<i class="fa fa-info"></i>
<p>Server #2 overloaded.</p>
</a>
<a class="dropdown-item media" href="#">
<i class="fa fa-warning"></i>
<p>Server #3 overloaded.</p>
</a>
</div>
</div>
<div class="dropdown for-message">
<button class="btn btn-secondary dropdown-toggle" type="button" id="message" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-envelope"></i>
<span class="count bg-primary">4</span>
</button>
<div class="dropdown-menu" aria-labelledby="message">
<p class="red">You have 4 Mails</p>
<a class="dropdown-item media" href="#">
<span class="photo media-left"><img alt="avatar" src="/static/images/avatar/1.jpg"></span>
<div class="message media-body">
<span class="name float-left">Jonathan Smith</span>
<span class="time float-right">Just now</span>
<p>Hello, this is an example msg</p>
</div>
</a>
<a class="dropdown-item media" href="#">
<span class="photo media-left"><img alt="avatar" src="/static/images/avatar/2.jpg"></span>
<div class="message media-body">
<span class="name float-left">Jack Sanders</span>
<span class="time float-right">5 minutes ago</span>
<p>Lorem ipsum dolor sit amet, consectetur</p>
</div>
</a>
<a class="dropdown-item media" href="#">
<span class="photo media-left"><img alt="avatar" src="/static/images/avatar/3.jpg"></span>
<div class="message media-body">
<span class="name float-left">Cheryl Wheeler</span>
<span class="time float-right">10 minutes ago</span>
<p>Hello, this is an example msg</p>
</div>
</a>
<a class="dropdown-item media" href="#">
<span class="photo media-left"><img alt="avatar" src="/static/images/avatar/4.jpg"></span>
<div class="message media-body">
<span class="name float-left">Rachel Santos</span>
<span class="time float-right">15 minutes ago</span>
<p>Lorem ipsum dolor sit amet, consectetur</p>
</div>
</a>
</div>
</div>
</div>
<div class="user-area dropdown float-right">
{% if user.is_authenticated %}
<a href="#" class="dropdown-toggle active" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img class="user-avatar rounded-circle" src="/static/images/logo2.png" alt="User Avatar">
</a>
{% else %}
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img class="user-avatar rounded-circle" src="/static/images/logo2.png" alt="User Avatar">
</a>
{% endif %}
<div class="user-menu dropdown-menu">
{% if user.is_authenticated %}
<a class="nav-link" href="{% url 'perfil' %}"><i class="fa fa- user"></i>{{ user.username }}</a>
<a class="nav-link" href="{% url 'altaperfil' %}"><i class="fa fa -cog"></i>Alta Perfil</a>
<a class="nav-link" href="{% url 'salir' %}"><i class="fa fa-power -off"></i>Salir</a>
{% else %}
<a class="nav-link" href="{% url 'acceder' %}"><i class="fa fa- user"></i>Login</a>
<a class="nav-link" href="{% url 'registro' %}"><i class="fa fa- user"></i>Registro</a>
{% endif %}
</div>
</div>
</div>
</div>
</header>
<!-- /#header -->
{% if messages %}
<div class="row mt-3 mb-3">
<div class="col-12">
{% for message in messages %}
<div class="alert alert-{{ message.tags }}">
{{ message }}
</div>
{% endfor %}
</div>
</div>
{% endif %}
{% block content %}
{% endblock content %}
<div class="clearfix"></div>
<!-- Footer -->
<footer class="site-footer">
<div class="footer-inner bg-white">
<div class="row">
<div class="col-sm-6">
<span class="copyright" style="color: #000000;">
Copyright ©
<script>
document.write(new Date().getFullYear())
</script>
</span>
</div>
<div class="col-sm-6 text-right">
<span class="copyright" style="color: #000000;">
Hecho con <i class="fa fa-heart heart"></i> por Ing. de Software { JaDaMoJoPaDuAn Generacion 2019 - 2022 }
</span>
</div>
</div>
</div>
</footer>
<!-- /.site-footer -->
</div>
<!-- /#right-panel -->
<!-- Scripts -->
<script src="/static/assets/js/jquery.min.js"></script>
<script src="/static/assets/js/popper.min.js"></script>
<script src="/static/assets/js/bootstrap.min.js"></script>
<script src="/static/assets/js/jquery.matchHeight.min.js"></script>
<script src="/static/assets/js/main.js"></script>
<!-- Chart js -->
<script src="/static/assets/js/Chart.bundle.min.js"></script>
<!--Chartist Chart-->
<script src="/static/assets/js/chartist.min.js"></script>
<script src="/static/assets/js/chartist-plugin-legend.min.js"></script>
<script src="/static/assets/js/jquery.flot.min.js"></script>
<script src="/static/assets/js/jquery.flot.pie.min.js"></script>
<script src="/static/assets/js/jquery.flot.spline.min.js"></script>
<script src="/static/assets/js/jquery.simpleWeather.min.js"></script>
<script src="/static/assets/js/weather-init.js"></script>
<script src="/static/assets/js/moment.min.js"></script>
<script src="/static/assets/js/fullcalendar.min.js"></script>
<script src="/static/assets/js/init/fullcalendar-init.js"></script>
<script src="/static/assets/js/lib/data-table/datatables.min.js"></script>
<script src="/static/assets/js/lib/data-table/dataTables.bootstrap.min.js"></script>
<script src="/static/assets/js/lib/data-table/dataTables.buttons.min.js"></script>
<script src="/static/assets/js/lib/data-table/buttons.bootstrap.min.js"></script>
<script src="/static/assets/js/lib/data-table/jszip.min.js"></script>
<script src="/static/assets/js/lib/data-table/vfs_fonts.js"></script>
<script src="/static/assets/js/lib/data-table/buttons.html5.min.js"></script>
<script src="/static/assets/js/lib/data-table/buttons.print.min.js"></script>
<script src="/static/assets/js/lib/data-table/buttons.colVis.min.js"></script>
<script src="/static/assets/js/init/datatables-init.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#example').DataTable({
"pageLength": 50,
"order": [[0, "desc" ]],
});
} );
</script>
<!--
<script src="/static/lib/datatables-1.10.20/js/jquery.dataTables.js"></script>
<script src="/static/lib/datatables-1.10.20/js/dataTables.bootstrap4.min.js"></script>
<script src="/static/lib/datatables-1.10.20/plugins/responsive-2.2.3/js/dataTables.responsive.min.js"></script>
<script src="/static/lib/datatables-1.10.20/plugins/responsive-2.2.3/js/responsive.bootstrap4.min.js"></script>
Local Stuff-->
<script>
jQuery(document).ready(function($) {
"use strict";
// Pie chart flotPie1
var piedata = [
{ label: "Desktop visits", data: [[1,32]], color: '#5c6bc0'},
{ label: "Tab visits", data: [[1,33]], color: '#ef5350'},
{ label: "Mobile visits", data: [[1,35]], color: '#66bb6a'}
];
$.plot('#flotPie1', piedata, {
series: {
pie: {
show: true,
radius: 1,
innerRadius: 0.65,
label: {
show: true,
radius: 2/3,
threshold: 1
},
stroke: {
width: 0
}
}
},
grid: {
hoverable: true,
clickable: true
}
});
// Pie chart flotPie1 End
// cellPaiChart
var cellPaiChart = [
{ label: "Direct Sell", data: [[1,65]], color: '#5b83de'},
{ label: "Channel Sell", data: [[1,35]], color: '#00bfa5'}
];
$.plot('#cellPaiChart', cellPaiChart, {
series: {
pie: {
show: true,
stroke: {
width: 0
}
}
},
legend: {
show: false
},grid: {
hoverable: true,
clickable: true
}
});
// cellPaiChart End
// Line Chart #flotLine5
var newCust = [[0, 3], [1, 5], [2,4], [3, 7], [4, 9], [5, 3], [6, 6], [7, 4], [8, 10]];
var plot = $.plot($('#flotLine5'),[{
data: newCust,
label: 'New Data Flow',
color: '#fff'
}],
{
series: {
lines: {
show: true,
lineColor: '#fff',
lineWidth: 2
},
points: {
show: true,
fill: true,
fillColor: "#ffffff",
symbol: "circle",
radius: 3
},
shadowSize: 0
},
points: {
show: true,
},
legend: {
show: false
},
grid: {
show: false
}
});
// Line Chart #flotLine5 End
// Traffic Chart using chartist
if ($('#traffic-chart').length) {
var chart = new Chartist.Line('#traffic-chart', {
labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'],
series: [
[0, 18000, 35000, 25000, 22000, 0],
[0, 33000, 15000, 20000, 15000, 300],
[0, 15000, 28000, 15000, 30000, 5000]
]
}, {
low: 0,
showArea: true,
showLine: false,
showPoint: false,
fullWidth: true,
axisX: {
showGrid: true
}
});
chart.on('draw', function(data) {
if(data.type === 'line' || data.type === 'area') {
data.element.animate({
d: {
begin: 2000 * data.index,
dur: 2000,
from: data.path.clone().scale(1, 0).translate(0, data.chartRect.height()).stringify(),
to: data.path.clone().stringify(),
easing: Chartist.Svg.Easing.easeOutQuint
}
});
}
});
}
// Traffic Chart using chartist End
//Traffic chart chart-js
if ($('#TrafficChart').length) {
var ctx = document.getElementById( "TrafficChart" );
ctx.height = 150;
var myChart = new Chart( ctx, {
type: 'line',
data: {
labels: [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul" ],
datasets: [
{
label: "Visit",
borderColor: "rgba(4, 73, 203,.09)",
borderWidth: "1",
backgroundColor: "rgba(4, 73, 203,.5)",
data: [ 0, 2900, 5000, 3300, 6000, 3250, 0 ]
},
{
label: "Bounce",
borderColor: "rgba(245, 23, 66, 0.9)",
borderWidth: "1",
backgroundColor: "rgba(245, 23, 66,.5)",
pointHighlightStroke: "rgba(245, 23, 66,.5)",
data: [ 0, 4200, 4500, 1600, 4200, 1500, 4000 ]
},
{
label: "Targeted",
borderColor: "rgba(40, 169, 46, 0.9)",
borderWidth: "1",
backgroundColor: "rgba(40, 169, 46, .5)",
pointHighlightStroke: "rgba(40, 169, 46,.5)",
data: [1000, 5200, 3600, 2600, 4200, 5300, 0 ]
}
]
},
options: {
responsive: true,
tooltips: {
mode: 'index',
intersect: false
},
hover: {
mode: 'nearest',
intersect: true
}
}
} );
}
//Traffic chart chart-js End
// Bar Chart #flotBarChart
$.plot("#flotBarChart", [{
data: [[0, 18], [2, 8], [4, 5], [6, 13],[8,5], [10,7],[12,4], [14,6],[16,15], [18, 9],[20,17], [22,7],[24,4], [26,9],[28,11]],
bars: {
show: true,
lineWidth: 0,
fillColor: '#ffffff8a'
}
}], {
grid: {
show: false
}
});
// Bar Chart #flotBarChart End
});
</script>
{% block javascript %}
{% endblock javascript %}
</body>
</html>
<!--
<ul class="nav navbar-nav">
<li class="active">
<a href="index.html"><i class="menu-icon fa fa-laptop"></i>Dashboard </a>
</li>
<li class="menu-title">UI elements</li>
<li class="menu-item-has-children dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="menu-icon fa fa-cogs"></i>Laboratorio de automatización</a>
<ul class="sub-menu children dropdown-menu"> <li><i class="fa fa-puzzle-piece"></i><a href="ui-buttons.html">Buttons</a></li>
<li><i class="fa fa-id-badge"></i><a href="ui-badges.html">Badges</a></li>
<li><i class="fa fa-bars"></i><a href="ui-tabs.html">Tabs</a></li>
<li><i class="fa fa-id-card-o"></i><a href="ui-cards.html">Cards</a></li>
<li><i class="fa fa-exclamation-triangle"></i><a href="ui-alerts.html">Alerts</a></li>
<li><i class="fa fa-spinner"></i><a href="ui-progressbar.html">Progress Bars</a></li>
<li><i class="fa fa-fire"></i><a href="ui-modals.html">Modals</a></li>
<li><i class="fa fa-book"></i><a href="ui-switches.html">Switches</a></li>
<li><i class="fa fa-th"></i><a href="ui-grids.html">Grids</a></li>
<li><i class="fa fa-file-word-o"></i><a href="ui-typgraphy.html">Typography</a></li>
</ul>
</li>
<li class="menu-item-has-children dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="menu-icon fa fa-table"></i>Tables</a>
<ul class="sub-menu children dropdown-menu">
<li><i class="fa fa-table"></i><a href="tables-basic.html">Basic Table</a></li>
<li><i class="fa fa-table"></i><a href="tables-data.html">Data Table</a></li>
</ul>
</li>
<li class="menu-item-has-children dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="menu-icon fa fa-th"></i>Forms</a>
<ul class="sub-menu children dropdown-menu">
<li><i class="menu-icon fa fa-th"></i><a href="forms-basic.html">Basic Form</a></li>
<li><i class="menu-icon fa fa-th"></i><a href="forms-advanced.html">Advanced Form</a></li>
</ul>
</li>
<li class="menu-title">Icons</li>
<li class="menu-item-has-children dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="menu-icon fa fa-tasks"></i>Icons</a>
<ul class="sub-menu children dropdown-menu">
<li><i class="menu-icon fa fa-fort-awesome"></i><a href="font-fontawesome.html">Font Awesome</a></li>
<li><i class="menu-icon ti-themify-logo"></i><a href="font-themify.html">Themefy Icons</a></li>
</ul>
</li>
<li>
<a href="widgets.html"> <i class="menu-icon ti-email"></i>Widgets </a>
</li>
<li class="menu-item-has-children dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="menu-icon fa fa-bar-chart"></i>Charts</a>
<ul class="sub-menu children dropdown-menu">
<li><i class="menu-icon fa fa-line-chart"></i><a href="charts-chartjs.html">Chart JS</a></li>
<li><i class="menu-icon fa fa-area-chart"></i><a href="charts-flot.html">Flot Chart</a></li>
<li><i class="menu-icon fa fa-pie-chart"></i><a href="charts-peity.html">Peity Chart</a></li>
</ul>
</li>
<li class="menu-item-has-children dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="menu-icon fa fa-area-chart"></i>Maps</a>
<ul class="sub-menu children dropdown-menu">
<li><i class="menu-icon fa fa-map-o"></i><a href="maps-gmap.html">Google Maps</a></li>
<li><i class="menu-icon fa fa-street-view"></i><a href="maps-vector.html">Vector Maps</a></li>
</ul>
</li>
<li class="menu-title">Extras</li>
<li class="menu-item-has-children dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="menu-icon fa fa-glass"></i>Pages</a>
<ul class="sub-menu children dropdown-menu">
<li><i class="menu-icon fa fa-sign-in"></i><a href="page-login.html">Login</a></li>
<li><i class="menu-icon fa fa-sign-in"></i><a href="page-register.html">Register</a></li>
<li><i class="menu-icon fa fa-paper-plane"></i><a href="pages-forget.html">Forget Pass</a></li>
</ul>
</li>
</ul>
-->

63
templates/email.html Normal file
View File

@@ -0,0 +1,63 @@
<!DOCTYPE >
<html>
<head>
<title>Welcome</title>
</head>
<body>
<div class="content">
<!-- Animated -->
<div class="animated fadeIn">
<!-- Traffic -->
<div class="row">
<div class="col-lg-12">
<p align="center"><img src="http://server.mxsig.com.mx:9000/images/logo.png" alt="Logo"></a></p>
<table width="500" border="0" align="center" style="background-color: #FFFFFF;">
<tbody>
<tr>
<td width="150" height="150" alt=""><img src="http://server.mxsig.com.mx:9000/images/image016.png" /></td>
<td width="150" height="150" alt="" align="center"><img src="http://server.mxsig.com.mx:9000/images/image021.png" /></td>
<td width="150" height="150" alt="">&nbsp;</td>
</tr>
<tr>
<td Colspan="3" align="center">&nbsp;ESCANER DE CÓDIGO</td>
</tr>
<tr>
<td><img src="http://server.mxsig.com.mx:9000/images/01esq.png" width="100" height="100" alt="" align="right"/></td>
<td>&nbsp;</td>
<td><img src="http://server.mxsig.com.mx:9000/images/02esq.png" width="100" height="100" alt="" align="left"/></td>
</tr>
<tr>
<td>&nbsp;</td>
<td width="150" height="150" alt="" align="center"><img src="http://server.mxsig.com.mx:9000/images/{{ form.qr }}"/></td>
<td>&nbsp;</td>
</tr>
<tr>
<td><img src="http://server.mxsig.com.mx:9000/images/03esq.png" width="100" height="100" alt="" align="right"/></td>
<td>&nbsp;</td>
<td><img src="http://server.mxsig.com.mx:9000/images/04esq.png" width="100" height="100" alt="" align="left"/></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><img src="http://server.mxsig.com.mx:9000/images/image002.png" width="150" alt=""/></td>
</tr>
</tbody>
</table>
</div><!-- /# column -->
</div>
<!-- /Traffic -->
</div>
<!-- .animated -->
</div>
</body>
</html>

41
templates/index.html Normal file
View File

@@ -0,0 +1,41 @@
{% extends "base.html" %}
{% load static %}
{% block content %}
<!-- Content -->
<div class="content">
<!-- Animated -->
<div class="animated fadeIn">
<!-- Traffic -->
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-body">
<h4 class="box-title">UNIVERSIDAD POLITÉCNICA DE TAPACHULA </h4>
</div>
<div class="row" >
<div align="center"><img src="images/logo-G.png" width=50% alt="Logo"></div>
</div>
<div class="card-body"></div>
</div>
</div><!-- /# column -->
</div>
<!-- /Traffic -->
</div>
<!-- .animated -->
</div>
<!-- /.content -->
<div class="clearfix"></div>
{% endblock content %}

View File

@@ -0,0 +1,93 @@
{% extends "base.html" %}
{% load static %}
{% block content %}
<div class="breadcrumbs">
<div class="breadcrumbs-inner">
<div class="row m-0">
<div class="col-sm-4">
<div class="page-header float-left">
<div class="page-title">
<h1>UNIVERSIDAD POLITÉCNICA DE TAPACHULA</h1>
</div>
</div>
</div>
<div class="col-sm-8">
<div class="page-header float-right">
</div>
</div>
</div>
</div>
</div>
<div class="content">
<div class="animated fadeIn">
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<strong class="card-title">Laboratorio de automatización</strong>
</div>
<div class="card-body">
<table id="bootstrap-data-table" class="table table-striped table-bordered">
<thead>
<tr>
<th>ID</th>
<th>MATRICULA</th>
<th>NOMBRE</th>
<th>APELLIDO</th>
<th>T.USUARIO</th>
<th>CARRERA</th>
<th>ASIGNATURA</th>
<th>AREA</th>
<th>MATERIAL</th>
<th>USO</th>
<th>H.ENTRADA</th>
<th>H.ENTRADA</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div><!-- .animated -->
</div><!-- .content -->
{% endblock content %}
{% block javascript %}
<script type="text/javascript">
$(document).ready(function() {
$('#bootstrap-data-table-export').DataTable();
} );
</script>
{% endblock javascript %}

103
templates/l-computo.html Normal file
View File

@@ -0,0 +1,103 @@
{% extends "base.html" %}
{% load static %}
{% block content %}
<div class="breadcrumbs">
<div class="breadcrumbs-inner">
<div class="row m-0">
<div class="col-sm-4">
<div class="page-header float-left">
<div class="page-title">
<h1>UNIVERSIDAD POLITÉCNICA DE TAPACHULA</h1>
</div>
</div>
</div>
<div class="col-sm-8">
<div class="page-header float-right">
</div>
</div>
</div>
</div>
</div>
<div class="content">
<div class="animated fadeIn">
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<strong class="card-title">{{ labos.nombre }}</strong>
<a href="{% url 'lcscan' %}" class="btn btn-primary btn-rounded btn-lg">Entrada</a>
</div>
<div class="card-body">
<table id="bootstrap-data-table" class="table table-striped table-bordered">
<thead>
<tr>
<th>ID</th>
<th>ID_Usuario</th>
<th>Asignatura</th>
<th>Area</th>
<th>Material</th>
<th>Uso</th>
<th>Entrada</th>
<th>Salida</th>
<th>Opciones</th>
</tr>
</thead>
<tbody>
{% for dato in datos %}
<tr>
<td>__</td>
<td>{{ dato.usuario_id }}</td>
<td>{{ dato.id_asig_id }}</td>
<td>{{ dato.id_area_id }}</td>
<td>{{ dato.id_mat_id }}</td>
<td>{{ dato.uso }}</td>
<td>{{ dato.entrada }}</td>
<td>
{% if dato.salida != dato.entrada %}
{{ dato.salida }}
{% else %}
<a href="" class="btn btn-primary">Reg. Salida</a>
{% endif %}
</td>
<td>
{% if user.is_superuser %}
<a href="" class="btn btn-primary">Actualizar</a>
{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
</div>
</div><!-- .animated -->
</div><!-- .content -->
{% endblock content %}
{% block javascript %}
<script type="text/javascript">
$(document).ready(function() {
$('#bootstrap-data-table-export').DataTable();
} );
</script>
{% endblock javascript %}

150
templates/laboratorios.html Normal file
View File

@@ -0,0 +1,150 @@
{% extends "base.html" %}
{% load static %}
{% block content %}
<div class="breadcrumbs">
<div class="breadcrumbs-inner">
<div class="row m-0">
<div class="col-sm-4">
<div class="page-header float-left">
<div class="page-title">
<h1>UNIVERSIDAD POLITÉCNICA DE TAPACHULA</h1>
</div>
</div>
</div>
<div class="col-sm-8">
<div class="page-header float-right">
</div>
</div>
</div>
</div>
</div>
<div class="content">
<div class="animated fadeIn">
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<strong class="card-title">{{ labos.nombre }}</strong>
<a href="{% url 'lcscan' labos.id %}" class="btn btn-primary btn-rounded btn-lg">Entrada</a>
</div>
<div class="card-body">
<table id="example" class="table table-striped table-bordered">
<thead>
<tr>
<th>ID</th>
<th>ID_Usuario</th>
<th>Asignatura</th>
<th>Area</th>
<th>Material</th>
<th>Uso</th>
<th>Entrada</th>
<th>Salida</th>
<th>Opciones</th>
</tr>
</thead>
<tbody>
{% for dato in datos %}
<tr>
<td>{{ dato.id }}</td>
{% for user in users %}
{% if dato.usuario_id == user.id %}
<td>{{ user.first_name }} {{ user.last_name }}</td>
{% endif %}
{% endfor %}
{% if dato.id_asig_id is not None %}
{% for asig in asigs %}
{% if dato.id_asig_id == asig.id %}
<td>{{ asig.nombre }}</td>
{% endif %}
{% endfor %}
{% else %}
<td></td>
{% endif %}
{% if dato.id_area_id is not None %}
{% for area in areas %}
{% if dato.id_area_id == area.id %}
<td>{{ area.nombre }}</td>
{% endif %}
{% endfor %}
{% else %}
<td></td>
{% endif %}
{% if dato.id_mat_id is not None %}
{% for mate in mates %}
{% if dato.id_mat_id == mate.id %}
<td>{{ mate.nombre }}</td>
{% endif %}
{% endfor %}
{% else %}
<td></td>
{% endif %}
<td>{{ dato.uso }}</td>
<td>{{ dato.entrada }}</td>
<td>
{% if dato.salida != dato.entrada %}
{{ dato.salida }}
{% else %}
<a href="{% url 'lcscanS' labos.id dato.id %}" class="btn btn-primary">Reg. Salida</a>
{% endif %}
</td>
<td>
{% if user.is_superuser %}
<a href="" class="btn btn-primary">Actualizar</a>
{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
</div>
</div><!-- .animated -->
</div><!-- .content -->
{% endblock content %}
{% block javascript %}
<!--
<script type="text/javascript">
$(function() {
$('#bootstrap-data-table').DataTable({
responsive: true,
"language": {
url : "{% static 'lib/datatables-1.10.20/spanish.txt' %}"
}
});
});
</script>
-->
{% endblock javascript %}

View File

@@ -0,0 +1,37 @@
{% extends "base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% block content %}
<br><br><br>
<div class="container">
<br><br><br>
<div class="row">
<div class="col-2"></div>
<div class="col-8">
<div class="login-logo">
<a href="{% url 'index' %}">
<img class="align-content" src="/static/images/logo.png" alt="">
</a>
</div>
<div class="card" style="padding: 20px;">
<h3>Cambiar Contraseña</h3>
<br>
<p>¿Olvidaste tu contraseña? Ingresa tu correo para enviarte el link de recuperacion y cambiar la
contraseña.</p>
<form method="post" class="mt-3 md-2" class="form-control">
{% csrf_token %}
{{ form|crispy }}
<input type="Submit" name="Send email" style="text-align: center;" class="btn btn-primary m-3">
</form>
</div>
</div>
</div>
</div>
{% endblock %}

View File

@@ -0,0 +1,34 @@
{% extends "base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% block content %}
<br><br><br>
<div class="container">
<br><br><br>
<div class="row">
<div class="col-2"></div>
<div class="col-8">
<div class="login-logo">
<a href="{% url 'index' %}">
<img class="align-content" src="/static/images/logo.png" alt="">
</a>
</div>
<div class="card" style="padding: 20px;">
<h3>Contraseña Restablecida</h3>
<br><br><br>
<p>Tu contraseña ha sido cambiada, ahora ya puedes iniciar sesion.</p>
<br>
<p>Si no recives el correo, verifica que es el correo con que te registraste y verifica tu carpeta de correo no deseado o carpeta de spam.</p>
<br>
<a href="{% url 'acceder' %}">Acceder</a>
</div>
</div>
</div>
</div>
{% endblock %}

View File

@@ -0,0 +1,39 @@
{% extends "base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% block content %}
<br><br><br>
<div class="container">
<br><br><br>
<div class="row">
<div class="col-2"></div>
<div class="col-8">
<div class="login-logo">
<a href="{% url 'index' %}">
<img class="align-content" src="/static/images/logo.png" alt="">
</a>
</div>
<div class="card" style="padding: 20px;">
<h3>Ingresa tu Nueva Contraseña</h3>
<p>Ingrese su nueva contraseña dos veces para que podamos verificar que la ingresó correctamente.</p>
<form method="post" class="mt-3 md-2" class="form-control">
{% csrf_token %}
{{ form|crispy }}
<input type="Submit" name="Update Password" style="text-align: center;" class="btn btn-primary m-3">
</form>
</div>
</div>
</div>
</div>
{% endblock %}

View File

@@ -0,0 +1,33 @@
{% extends "base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% block content %}
<br><br><br>
<div class="container">
<br><br><br>
<div class="row">
<div class="col-2"></div>
<div class="col-8">
<div class="login-logo">
<a href="{% url 'index' %}">
<img class="align-content" src="/static/images/logo.png" alt="">
</a>
</div>
<div class="card" style="padding: 20px;">
<h3>Envio de restablecimiento</h3>
<p>Se te ha enviado un correo con las instrucciones te llegara pronto.</p>
<p>Si no recives el correo, verifica que es el correo con que te registraste y verifica tu carpeta de correo no deseado o carpeta de spam.</p>
</div>
</div>
</div>
</div>
{% endblock %}

87
templates/perfil.html Normal file
View File

@@ -0,0 +1,87 @@
{% extends "base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% block content %}
<section class="vh-100" style="background-color: #eee;">
<div class="container py-5 h-100">
<div class="row d-flex justify-content-center align-items-center h-100">
<div class="col-md-12 col-xl-8">
<div class="card" style="border-radius: 15px;">
<div class="card-body text-center">
<div class="mt-3 mb-4">
{% if form.foto.url is not None %}
<img src="{{ form.foto.url }}" class="rounded-circle img-fluid" style="width: 200px;" />
{% else %}
<img src="/static/images/image026.png" class="rounded-circle img-fluid" style="width: 200px;" />
{% endif %}
</div>
<h4 class="mb-2">{{ user.first_name }} {{ user.last_name }}</h4>
<p class="text-muted mb-4">@{{ form.tipo }} <span class="mx-2">|</span> <a
href="#!">{{ form.cuatrimestre }}@{{ datos.nombre }}</a></p>
<div class="mb-4 pb-2">
<button type="button" class="btn btn-outline-primary btn-floating">
<i class="fab fa-facebook-f fa-lg"></i>
</button>
<button type="button" class="btn btn-outline-primary btn-floating">
<i class="fab fa-twitter fa-lg"></i>
</button>
<button type="button" class="btn btn-outline-primary btn-floating">
<i class="fab fa-skype fa-lg"></i>
</button>
</div>
<div class="d-flex justify-content-between text-center mt-5 mb-2">
<div>
<p class="mb-2 h5">{{ count }}</p>
<p class="text-muted mb-0">Accesos</p>
</div>
<div class="px-3">
<p class="mb-2 h5">0000</p>
<p class="text-muted mb-0">datos</p>
</div>
<div>
<p class="mb-2 h5">0000</p>
<p class="text-muted mb-0">datos</p>
</div>
</div>
<div class="mt-3 mb-4">
<img src="{{ form.qr.url }}"
class="img-fluid" style="width: 300px;" />
</div>
<form method="POST" action="{% url 'mailqr' %}" class="mt-3" autocomplete="off" >
{% csrf_token %}
<input name="id" type="hidden" placeholder="{{ user.id }}" class="form-control" value="{{ user.id }}" readonly ><br>
<button type="submit" class="btn btn-primary btn-rounded btn-lg">Enviar QR por Correo</button><br>
</form><br>
{% if user.is_authenticated %}
<a href="{% url 'actualizaperfil' form.id %}" class="btn btn-primary btn-rounded btn-lg" >Actualizar Datos y codigo QR</a>
{% endif %}
<p>{{ form.key }}</p>
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock content %}

58
templates/recupera.html Normal file
View File

@@ -0,0 +1,58 @@
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Ela Admin - HTML5 Admin Template</title>
<meta name="description" content="Ela Admin - HTML5 Admin Template">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="https://i.imgur.com/QRAUqs9.png">
<link rel="shortcut icon" href="https://i.imgur.com/QRAUqs9.png">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/normalize.css@8.0.0/normalize.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lykmapipo/themify-icons@0.1.2/css/themify-icons.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pixeden-stroke-7-icon@1.2.3/pe-icon-7-stroke/dist/pe-icon-7-stroke.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.2.0/css/flag-icon.min.css">
<link rel="stylesheet" href="assets/css/cs-skin-elastic.css">
<link rel="stylesheet" href="assets/css/style.css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800' rel='stylesheet' type='text/css'>
<!-- <script type="text/javascript" src="https://cdn.jsdelivr.net/html5shiv/3.7.3/html5shiv.min.js"></script> -->
</head>
<body class="bg-dark">
<div class="sufee-login d-flex align-content-center flex-wrap">
<div class="container">
<div class="login-content">
<div class="login-logo">
<a href="index.html">
<img class="align-content" src="images/logo.png" alt="">
</a>
</div>
<div class="login-form">
<form>
<div class="form-group">
<label>Email address</label>
<input type="email" class="form-control" placeholder="Email">
</div>
<button type="submit" class="btn btn-primary btn-flat m-b-15">Submit</button>
</form>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.4/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-match-height@0.7.2/dist/jquery.matchHeight.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>

81
templates/registro.html Normal file
View File

@@ -0,0 +1,81 @@
{% extends "base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% block content %}
<div class="sufee-login d-flex align-content-center flex-wrap">
<div class="container">
<div class="login-content">
<div class="login-logo">
<a href="{% url 'index' %}">
<img class="align-content" src="/static/images/logo.png" alt="">
</a>
</div>
<div class="login-form">
<form method="POST" action="" >
{% csrf_token %}
<div class="form-group">
<label>Nombre</label>
<input name="first_name" type="text" class="form-control" placeholder="Nombre">
</div>
<div class="form-group">
<label>Apellidos</label>
<input name="last_name" type="text" class="form-control" placeholder="Apellido">
</div>
<div class="form-group">
<label>USUARIO</label>
<input name="username" type="text" class="form-control" placeholder="Usuario">
</div>
<div class="form-group">
<label>Correo</label>
<input name="email" type="email" class="form-control" placeholder="Email">
</div>
<div class="form-group">
<label>Contraseña</label>
<input name="password1" type="password" class="form-control" placeholder="Password">
</div>
<ul>
<li>
Su contraseña no puede asemejarse tanto a su otra información personal.
</li>
<li>
Su contraseña debe contener al menos 8 caracteres.
</li>
<li>
Su contraseña no puede ser una clave utilizada comúnmente.
</li>
<li>
Su contraseña no puede ser completamente numérica.
</li>
</ul>
<div class="form-group">
<label>Contraseña</label>
<input name="password2" type="password" class="form-control" placeholder="Password">
<ul>
<li>
Para verificar, introduzca la misma contraseña anterior.
</li>
</ul>
</div>
<div class="checkbox">
<label>
<input type="checkbox"> Agree the terms and policy
</label>
</div>
<button type="submit" class="btn btn-primary btn-flat m-b-30 m-t-30">Registro</button>
<div class="register-link m-t-15 text-center">
<p>Ya tienes una cuenta ? <a href="{% url 'acceder' %}"> Inicia Sesion</a></p>
</div>
</form>
</div>
</div>
</div>
</div>
{% endblock content %}

72
templates/scan.html Normal file
View File

@@ -0,0 +1,72 @@
{% extends "base.html" %}
{% load static %}
{% block content %}
<!-- Content -->
<div class="content">
<!-- Animated -->
<div class="animated fadeIn">
<!-- Traffic -->
<div class="row">
<div class="col-lg-12">
<p align="center"><img src="/static/images/logo.png" alt="Logo"></a></p>
<table width="500" border="0" align="center" style="background-color: #FFFFFF;">
<tbody>
<tr>
<td width="150" height="150" alt=""><img src="/static/images/image016.png" /></td>
<td width="150" height="150" alt="" align="center"><img src="/static/images/image021.png" /></td>
<td width="150" height="150" alt="">&nbsp;</td>
</tr>
<tr>
<td Colspan="3" align="center">&nbsp;ESCANER DE CÓDIGO</td>
</tr>
<tr>
<td><img src="/static/images/01esq.png" width="100" height="100" alt="" align="right"/></td>
<td>&nbsp;</td>
<td><img src="/static/images/02esq.png" width="100" height="100" alt="" align="left"/></td>
</tr>
<tr>
<td>&nbsp;</td>
<td width="150" height="150" alt="" align="center"><img src="/static/images/qr.png"/></td>
<td>&nbsp;</td>
</tr>
<tr>
<td><img src="/static/images/03esq.png" width="100" height="100" alt="" align="right"/></td>
<td>&nbsp;</td>
<td><img src="/static/images/04esq.png" width="100" height="100" alt="" align="left"/></td>
</tr>
<tr>
<td>&nbsp;</td>
<td align="center"><button type="submit" class="btn btn-success">Verificar QR</button></td>
<td><img src="/static/images/image002.png" width="150" alt=""/></td>
</tr>
</tbody>
</table>
</div><!-- /# column -->
</div>
<!-- /Traffic -->
</div>
<!-- .animated -->
</div>
<!-- /.content -->
<div class="clearfix"></div>
{% endblock content %}

70
templates/user.html Normal file
View File

@@ -0,0 +1,70 @@
{% extends "base.html" %}
{% load static %}
{% block content %}
<!-- Content -->
<div class="content">
<!-- Animated -->
<div class="animated fadeIn">
<!-- Traffic -->
<div class="row">
<div class="col-lg-12">
<p align="center"><img src="/static/images/logo.png" alt="Logo"></a></p>
<table width="500" border="0" align="center" style="background-color: #FFFFFF;">
<tbody>
<tr>
<td width="100" height="100" alt=""><img src="/static/images/image016.png" /></td>
<td Colspan="3" height="100" alt="" align="center"><img src="/static/images/marque.png" /></td>
</tr>
<tr>
<td Colspan="3" width="150" height="150" alt="" align="center"><img src="/static/images/image026.png" width="150" height="150" alt="" align="center"/></td>
</tr>
<tr>
<td Colspan="3" >
<br>
<p align="center">Nombre: Kristel Mendoza</p>
<p align="center">Tipo de Usuario: Estudiante</p>
<p align="center">ID: 193391</p>
<p align="center">Acceso:Clase</p>
<br>
</td>
</tr>
<tr>
<td Colspan="3" align="center" >
<button type="submit" class="btn btn-success">Registrar</button>
<button type="submit" class="btn btn-danger">Cancelar</button>
</td>
</tr>
</tbody>
</table>
</div><!-- /# column -->
</div>
<!-- /Traffic -->
</div>
<!-- .animated -->
</div>
<!-- /.content -->
<div class="clearfix"></div>
{% endblock content %}