Dashboard

administration/templates/administration_aside.html

@@ -3,8 +3,8 @@
     <ul class="sidebar-menu" data-widget="tree">
         <li>
             <a class="treeview " href="{{ BASE_URL }}/administration">
-                <i class="fa fa-map"></i>
-                <span>Home</span>
+                <i class="fa fa-home"></i>
+                <span>Dashboard</span>
                 <span class="pull-right-container">
               <span class="label label-primary pull-right"></span>
             </span>

administration/templates/dashboard.html

@@ -115,12 +115,115 @@
 
 {% block content %}
     <div class="wrapper" style="background-color: #ecf0f5;">
+
+        <!--div class="col-md-4">
+            <!-- Info Boxes Style 2 -->
+        <!--div class="info-box bg-yellow">
+            <span class="info-box-icon"><i class="ion ion-ios-pricetag-outline"></i></span>
+
+            <div class="info-box-content">
+                <span class="info-box-text">Inventory</span>
+                <span class="info-box-number">5,200</span>
+
+                <div class="progress">
+                    <div class="progress-bar" style="width: 50%"></div>
+                </div>
+                <span class="progress-description">
+                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>
+                            </a>
+                        </span>
+                    </div>
+                    <!-- /.info-box-content -->
+                </div>
+                <!-- /.info-box -->
+            </div>
+            <!-- /.col -->
+            <div class="col-md-3 col-sm-6 col-xs-12">
+                <div class="info-box">
+                    <span class="info-box-icon bg-red"><i class="fa fa-users"></i></span>
+
+                    <div class="info-box-content">
+                        <span class="info-box-text">Active Users</span>
+                        <span class="info-box-number">{{ Usuarios }}</span>
+                        <span class="info-box-more pull-right">
+                            <a href="../../administration/users" class="small-box-footer">
+                            More info <i class="fa fa-arrow-circle-right"></i>
+                            </a>
+                        </span>
+                    </div>
+                    <!-- /.info-box-content -->
+                </div>
+                <!-- /.info-box -->
+            </div>
+            <!-- /.col -->
+
+            <!-- fix for small devices only -->
+            <div class="clearfix visible-sm-block"></div>
+
+            <div class="col-md-3 col-sm-6 col-xs-12">
+                <div class="info-box">
+                    <span class="info-box-icon bg-green"><i class="fa fa-user-plus"></i></span>
+
+                    <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>
+                            </a>
+                        </span>
+                    </div>
+                    <!-- /.info-box-content -->
+                </div>
+                <!-- /.info-box -->
+            </div>
+            <!-- /.col -->
+            <div class="col-md-3 col-sm-6 col-xs-12">
+                <div class="info-box">
+                    <span class="info-box-icon bg-yellow"><i class="fa fa-download"></i></span>
+
+                    <div class="info-box-content">
+                        <span class="info-box-text">Downloads in process</span>
+                        <span class="info-box-number">{{ Descargando }}</span>
+                        <span class="info-box-more pull-right">
+                            <a href="#" class="small-box-footer">
+                            More info <i class="fa fa-arrow-circle-right"></i>
+                            </a>
+                        </span>
+                    </div>
+                    <!-- /.info-box-content -->
+                </div>
+                <!-- /.info-box -->
+            </div>
+            <!-- /.col -->
+        </div>
+
+
+        <!--div class="row">
             <div class="col-lg-3 col-6">
-                    <!-- small card -->
+
                 <div class="small-box bg-info">
                     <div class="inner">
                         <h3>{{ Total_compras }}</h3>
@@ -134,9 +237,8 @@
                     </a>
                 </div>
             </div>
-                <!-- ./col -->
+
             <div class="col-lg-3 col-6">
-                    <!-- small card -->
                 <div class="small-box bg-success">
                     <div class="inner">
                         <h3>{{ Usuarios }}</h3>
@@ -145,14 +247,12 @@
                     <div class="icon">
                         <i class="fa fa-users"></i>
                     </div>
-                        <a href="#" class="small-box-footer">
+                    <a href="../../administration/users" class="small-box-footer">
                         More info <i class="fa fa-arrow-circle-right"></i>
                     </a>
                 </div>
             </div>
-                <!-- ./col -->
             <div class="col-lg-3 col-6">
-                    <!-- small card -->
                 <div class="small-box bg-warning">
                     <div class="inner">
                         <h3>{{ Solicitud }}</h3>
@@ -162,14 +262,12 @@
                     <div class="icon">
                         <i class="fa fa-user-plus"></i>
                     </div>
-                        <a href="#" class="small-box-footer">
+                    <a href="../../administration/request" class="small-box-footer">
                         More info <i class="fa fa-arrow-circle-right"></i>
                     </a>
                 </div>
             </div>
-                <!-- ./col -->
             <div class="col-lg-3 col-6">
-                    <!-- small card -->
                 <div class="small-box bg-danger">
                     <div class="inner">
                         <h3>{{ Descargando }}</h3>
@@ -184,8 +282,7 @@
                     </a>
                 </div>
             </div>
-                <!-- ./col -->
-            </div>
+        </div-->
 
 
         <div class="panel panel-default">
@@ -252,7 +349,10 @@
     {% endif %}
 {% endblock %}
 
-{% block templates %}{% include "templates.html" %}{% endblock %}
+{% block templates %}
+    {% include "templates.html" %}
+{% endblock %}
+
 {% block scripts %}
     <script>
         $(document).ready(function () {