619 lines
27 KiB
HTML
619 lines
27 KiB
HTML
{% 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>
|
|
|
|
--> |