Dashboard

parent 7a70a5ec
...@@ -3,8 +3,8 @@ ...@@ -3,8 +3,8 @@
<ul class="sidebar-menu" data-widget="tree"> <ul class="sidebar-menu" data-widget="tree">
<li> <li>
<a class="treeview " href="{{ BASE_URL }}/administration"> <a class="treeview " href="{{ BASE_URL }}/administration">
<i class="fa fa-map"></i> <i class="fa fa-home"></i>
<span>Home</span> <span>Dashboard</span>
<span class="pull-right-container"> <span class="pull-right-container">
<span class="label label-primary pull-right"></span> <span class="label label-primary pull-right"></span>
</span> </span>
......
...@@ -115,87 +115,184 @@ ...@@ -115,87 +115,184 @@
{% block content %} {% block content %}
<div class="wrapper" style="background-color: #ecf0f5;"> <div class="wrapper" style="background-color: #ecf0f5;">
<!-- Content Wrapper. Contains page content -->
<!-- Main content --> <!--div class="col-md-4">
<section class="content"> <!-- Info Boxes Style 2 -->
<div class="row"> <!--div class="info-box bg-yellow">
<div class="col-lg-3 col-6"> <span class="info-box-icon"><i class="ion ion-ios-pricetag-outline"></i></span>
<!-- small card -->
<div class="small-box bg-info"> <div class="info-box-content">
<div class="inner"> <span class="info-box-text">Inventory</span>
<h3>{{ Total_compras }}</h3> <span class="info-box-number">5,200</span>
<p>Purchases</p>
</div> <div class="progress">
<div class="icon"> <div class="progress-bar" style="width: 50%"></div>
<i class="fa fa-shopping-cart"></i> </div>
</div> <span class="progress-description">
<a href="#" class="small-box-footer"> 50% Increase in 30 Days
</span>
</div>
</div-->
</div>
<!-- Content Wrapper. Contains page content -->
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="info-box">
<span class="info-box-icon bg-aqua"><i class="fa fa-shopping-cart"></i></span>
<div class="info-box-content">
<span class="info-box-text">Purchases</span>
<span class="info-box-number">{{ Total_compras }}</span>
<span class="info-box-more pull-right">
<a href="#" class="small-box-footer">
More info <i class="fa fa-arrow-circle-right"></i> More info <i class="fa fa-arrow-circle-right"></i>
</a> </a>
</span>
</div> </div>
<!-- /.info-box-content -->
</div> </div>
<!-- ./col --> <!-- /.info-box -->
<div class="col-lg-3 col-6"> </div>
<!-- small card --> <!-- /.col -->
<div class="small-box bg-success"> <div class="col-md-3 col-sm-6 col-xs-12">
<div class="inner"> <div class="info-box">
<h3>{{ Usuarios }}</h3> <span class="info-box-icon bg-red"><i class="fa fa-users"></i></span>
<p>Active Users</p>
</div> <div class="info-box-content">
<div class="icon"> <span class="info-box-text">Active Users</span>
<i class="fa fa-users"></i> <span class="info-box-number">{{ Usuarios }}</span>
</div> <span class="info-box-more pull-right">
<a href="#" class="small-box-footer"> <a href="../../administration/users" class="small-box-footer">
More info <i class="fa fa-arrow-circle-right"></i> More info <i class="fa fa-arrow-circle-right"></i>
</a> </a>
</span>
</div> </div>
</div> <!-- /.info-box-content -->
<!-- ./col --> </div>
<div class="col-lg-3 col-6"> <!-- /.info-box -->
<!-- small card --> </div>
<div class="small-box bg-warning"> <!-- /.col -->
<div class="inner">
<h3>{{ Solicitud }}</h3> <!-- fix for small devices only -->
<div class="clearfix visible-sm-block"></div>
<p>User Registrations</p>
</div> <div class="col-md-3 col-sm-6 col-xs-12">
<div class="icon"> <div class="info-box">
<i class="fa fa-user-plus"></i> <span class="info-box-icon bg-green"><i class="fa fa-user-plus"></i></span>
</div>
<a href="#" class="small-box-footer"> <div class="info-box-content">
<span class="info-box-text">User Registrations</span>
<span class="info-box-number">{{ Solicitud }}</span>
<span class="info-box-more pull-right">
<a href="../../administration/request" class="small-box-footer">
More info <i class="fa fa-arrow-circle-right"></i> More info <i class="fa fa-arrow-circle-right"></i>
</a> </a>
</span>
</div> </div>
<!-- /.info-box-content -->
</div> </div>
<!-- ./col --> <!-- /.info-box -->
<div class="col-lg-3 col-6"> </div>
<!-- small card --> <!-- /.col -->
<div class="small-box bg-danger"> <div class="col-md-3 col-sm-6 col-xs-12">
<div class="inner"> <div class="info-box">
<h3>{{ Descargando }}</h3> <span class="info-box-icon bg-yellow"><i class="fa fa-download"></i></span>
<p>Downloading process</p> <div class="info-box-content">
</div> <span class="info-box-text">Downloads in process</span>
<div class="icon"> <span class="info-box-number">{{ Descargando }}</span>
<i class="fa fa-download"></i> <span class="info-box-more pull-right">
</div> <a href="#" class="small-box-footer">
<a href="#" class="small-box-footer">
More info <i class="fa fa-arrow-circle-right"></i> More info <i class="fa fa-arrow-circle-right"></i>
</a> </a>
</span>
</div> </div>
<!-- /.info-box-content -->
</div> </div>
<!-- ./col --> <!-- /.info-box -->
</div> </div>
<!-- /.col -->
</div>
<div class="panel panel-default"> <!--div class="row">
<div class="panel-heading">{{ Viewname }}</div> <div class="col-lg-3 col-6">
<div class="panel-body text-center">
<div class="small-box bg-info">
<div class="inner">
<h3>{{ Total_compras }}</h3>
<p>Purchases</p>
</div>
<div class="icon">
<i class="fa fa-shopping-cart"></i>
</div>
<a href="#" class="small-box-footer">
More info <i class="fa fa-arrow-circle-right"></i>
</a>
</div>
</div>
<div class="col-lg-3 col-6">
<div class="small-box bg-success">
<div class="inner">
<h3>{{ Usuarios }}</h3>
<p>Active Users</p>
</div>
<div class="icon">
<i class="fa fa-users"></i>
</div>
<a href="../../administration/users" class="small-box-footer">
More info <i class="fa fa-arrow-circle-right"></i>
</a>
</div>
</div>
<div class="col-lg-3 col-6">
<div class="small-box bg-warning">
<div class="inner">
<h3>{{ Solicitud }}</h3>
<p>User Registrations</p>
</div>
<div class="icon">
<i class="fa fa-user-plus"></i>
</div>
<a href="../../administration/request" class="small-box-footer">
More info <i class="fa fa-arrow-circle-right"></i>
</a>
</div>
</div>
<div class="col-lg-3 col-6">
<div class="small-box bg-danger">
<div class="inner">
<h3>{{ Descargando }}</h3>
<p>Downloading process</p>
</div>
<div class="icon">
<i class="fa fa-download"></i>
</div>
<a href="#" class="small-box-footer">
More info <i class="fa fa-arrow-circle-right"></i>
</a>
</div> </div>
</div> </div>
</section> </div-->
<!-- /.content -->
<div class="panel panel-default">
<div class="panel-heading">{{ Viewname }}</div>
<div class="panel-body text-center">
</div>
</div>
</section>
<!-- /.content -->
</div> </div>
<footer class=" page-footer font-small special-color-dark pt-5" style="bottom: 0; position: absolute"> <footer class=" page-footer font-small special-color-dark pt-5" style="bottom: 0; position: absolute">
<!-- Footer Elements --> <!-- Footer Elements -->
...@@ -252,7 +349,10 @@ ...@@ -252,7 +349,10 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block templates %}{% include "templates.html" %}{% endblock %} {% block templates %}
{% include "templates.html" %}
{% endblock %}
{% block scripts %} {% block scripts %}
<script> <script>
$(document).ready(function () { $(document).ready(function () {
......
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment