diff --git a/node_modules/admin-lte/index.html b/node_modules/admin-lte/index.html
index fd44f0a..3469bc6 100644
--- a/node_modules/admin-lte/index.html
+++ b/node_modules/admin-lte/index.html
@@ -190,10 +190,10 @@
<!-- Sidebar user panel (optional) -->
<div class="user-panel mt-3 pb-3 mb-3 d-flex">
<div class="image">
- <img src="dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
+ <img src="dist/img/vmonge.jpg" class="img-circle elevation-2" alt="User Image">
</div>
<div class="info">
- <a href="#" class="d-block">Alexander Pierce</a>
+ <a href="#" class="d-block">Víctor Monge</a>
</div>
</div>
@@ -865,12 +865,12 @@
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
- <h1 class="m-0">Dashboard</h1>
+ <h1 class="m-0">Prueba</h1>
</div><!-- /.col -->
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="#">Home</a></li>
- <li class="breadcrumb-item active">Dashboard v1</li>
+ <li class="breadcrumb-item active">Víctor Monge</li>
</ol>
</div><!-- /.col -->
</div><!-- /.row -->
@@ -881,70 +881,122 @@
<!-- Main content -->
<section class="content">
<div class="container-fluid">
+
<!-- Small boxes (Stat box) -->
<div class="row">
+
+ <div class="col-lg-1">
+ <div class="small-box bg-indigo">
+ <div class="inner">
+ <p>Small Boxes</p>
+ </div>
+ </div>
+ </div>
+
<div class="col-lg-3 col-6">
<!-- small box -->
<div class="small-box bg-info">
<div class="inner">
- <h3>150</h3>
-
- <p>New Orders</p>
+ <h3>237</h3>
+ <p>Compras nuevas</p>
</div>
<div class="icon">
<i class="ion ion-bag"></i>
</div>
- <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+ <a href="#" class="small-box-footer">Más información<i class="fas fa-arrow-circle-right"></i></a>
</div>
- </div>
- <!-- ./col -->
- <div class="col-lg-3 col-6">
- <!-- small box -->
- <div class="small-box bg-success">
- <div class="inner">
- <h3>53<sup style="font-size: 20px">%</sup></h3>
+ </div><!-- ./col -->
- <p>Bounce Rate</p>
- </div>
- <div class="icon">
- <i class="ion ion-stats-bars"></i>
- </div>
- <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
- </div>
- </div>
- <!-- ./col -->
<div class="col-lg-3 col-6">
<!-- small box -->
<div class="small-box bg-warning">
<div class="inner">
- <h3>44</h3>
-
- <p>User Registrations</p>
+ <h3>147</h3>
+ <p>Usuarios registrados</p>
</div>
<div class="icon">
<i class="ion ion-person-add"></i>
</div>
- <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+ <a href="#" class="small-box-footer">Más información<i class="fas fa-arrow-circle-right"></i></a>
</div>
- </div>
- <!-- ./col -->
+ </div><!-- ./col -->
+
<div class="col-lg-3 col-6">
<!-- small box -->
<div class="small-box bg-danger">
<div class="inner">
- <h3>65</h3>
-
- <p>Unique Visitors</p>
+ <h3>48</h3>
+ <p>Visitantes</p>
</div>
<div class="icon">
<i class="ion ion-pie-graph"></i>
</div>
- <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+ <a href="#" class="small-box-footer">Más información<i class="fas fa-arrow-circle-right"></i></a>
</div>
</div>
<!-- ./col -->
+ </div><!-- /.row -->
+
+ <!-- Info Box -->
+ <div class="row">
+
+ <div class="col-lg-2 col-6">
+ <div class="info-box bg-indigo">
+ <div class="info-box-content">
+ <span class="info-box-text">Info Box</span>
+ </div>
+ </div>
+ </div>
+
+ <div class="col-lg-2 col-6">
+ <div class="info-box bg-navy">
+ <span class="info-box-icon"><i class="ion ion-email-unread"></i></span>
+ <div class="info-box-content">
+ <span class="info-box-text">Correos</span>
+ <span class="info-box-number">1,410</span>
+ </div>
+ </div>
+ </div>
+
+ <div class="col-lg-2 col-6">
+ <div class="info-box bg-success">
+ <span class="info-box-icon"><i class="ion-wrench"></i></span>
+ <div class="info-box-content">
+ <span class="info-box-text">Corecciones</span>
+ <span class="info-box-number">17</span>
+ </div>
+ </div>
+ </div>
+
+ <div class="col-lg-2 col-6">
+ <div class="info-box bg-gradient-warning">
+ <span class="info-box-icon"><i class="ion-alert-circled"></i></span>
+ <div class="info-box-content">
+ <span class="info-box-text">Advertencias</span>
+ <span class="info-box-number">24</span>
+ </div>
+ </div>
+ </div>
+ </div> <!-- /. Info Box -->
+
+ <div class="row">
+ <div class="col-lg-6">
+ <div class="info-box bg-navy">
+ <span class="info-box-icon bg-olive"><i class="ion-connection-bars text-lime"></i></span>
+ <div class="info-box-content">
+ <span class="info-box-text">Info Box con barra de progreso</span>
+ <span class="info-box-number">410 elementos</span>
+ <div class="progress">
+ <div class="progress-bar bg-green" style="width: 50%"></div>
+ </div>
+ <span class="progress-description">
+ 70% en 30 días
+ </span>
+ </div>
+ </div>
+ </div>
</div>
- <!-- /.row -->
+
<!-- Main row -->
<div class="row">
<!-- Left col -->
@@ -982,208 +1034,6 @@
</div>
<!-- /.card -->
- <!-- DIRECT CHAT -->
- <div class="card direct-chat direct-chat-primary">
- <div class="card-header">
- <h3 class="card-title">Direct Chat</h3>
-
- <div class="card-tools">
- <span title="3 New Messages" class="badge badge-primary">3</span>
- <button type="button" class="btn btn-tool" data-card-widget="collapse">
- <i class="fas fa-minus"></i>
- </button>
- <button type="button" class="btn btn-tool" title="Contacts" data-widget="chat-pane-toggle">
- <i class="fas fa-comments"></i>
- </button>
- <button type="button" class="btn btn-tool" data-card-widget="remove">
- <i class="fas fa-times"></i>
- </button>
- </div>
- </div>
- <!-- /.card-header -->
- <div class="card-body">
- <!-- Conversations are loaded here -->
- <div class="direct-chat-messages">
- <!-- Message. Default to the left -->
- <div class="direct-chat-msg">
- <div class="direct-chat-infos clearfix">
- <span class="direct-chat-name float-left">Alexander Pierce</span>
- <span class="direct-chat-timestamp float-right">23 Jan 2:00 pm</span>
- </div>
- <!-- /.direct-chat-infos -->
- <img class="direct-chat-img" src="dist/img/user1-128x128.jpg" alt="message user image">
- <!-- /.direct-chat-img -->
- <div class="direct-chat-text">
- Is this template really for free? That's unbelievable!
- </div>
- <!-- /.direct-chat-text -->
- </div>
- <!-- /.direct-chat-msg -->
-
- <!-- Message to the right -->
- <div class="direct-chat-msg right">
- <div class="direct-chat-infos clearfix">
- <span class="direct-chat-name float-right">Sarah Bullock</span>
- <span class="direct-chat-timestamp float-left">23 Jan 2:05 pm</span>
- </div>
- <!-- /.direct-chat-infos -->
- <img class="direct-chat-img" src="dist/img/user3-128x128.jpg" alt="message user image">
- <!-- /.direct-chat-img -->
- <div class="direct-chat-text">
- You better believe it!
- </div>
- <!-- /.direct-chat-text -->
- </div>
- <!-- /.direct-chat-msg -->
-
- <!-- Message. Default to the left -->
- <div class="direct-chat-msg">
- <div class="direct-chat-infos clearfix">
- <span class="direct-chat-name float-left">Alexander Pierce</span>
- <span class="direct-chat-timestamp float-right">23 Jan 5:37 pm</span>
- </div>
- <!-- /.direct-chat-infos -->
- <img class="direct-chat-img" src="dist/img/user1-128x128.jpg" alt="message user image">
- <!-- /.direct-chat-img -->
- <div class="direct-chat-text">
- Working with AdminLTE on a great new app! Wanna join?
- </div>
- <!-- /.direct-chat-text -->
- </div>
- <!-- /.direct-chat-msg -->
-
- <!-- Message to the right -->
- <div class="direct-chat-msg right">
- <div class="direct-chat-infos clearfix">
- <span class="direct-chat-name float-right">Sarah Bullock</span>
- <span class="direct-chat-timestamp float-left">23 Jan 6:10 pm</span>
- </div>
- <!-- /.direct-chat-infos -->
- <img class="direct-chat-img" src="dist/img/user3-128x128.jpg" alt="message user image">
- <!-- /.direct-chat-img -->
- <div class="direct-chat-text">
- I would love to.
- </div>
- <!-- /.direct-chat-text -->
- </div>
- <!-- /.direct-chat-msg -->
-
- </div>
- <!--/.direct-chat-messages-->
-
- <!-- Contacts are loaded here -->
- <div class="direct-chat-contacts">
- <ul class="contacts-list">
- <li>
- <a href="#">
- <img class="contacts-list-img" src="dist/img/user1-128x128.jpg" alt="User Avatar">
-
- <div class="contacts-list-info">
- <span class="contacts-list-name">
- Count Dracula
- <small class="contacts-list-date float-right">2/28/2015</small>
- </span>
- <span class="contacts-list-msg">How have you been? I was...</span>
- </div>
- <!-- /.contacts-list-info -->
- </a>
- </li>
- <!-- End Contact Item -->
- <li>
- <a href="#">
- <img class="contacts-list-img" src="dist/img/user7-128x128.jpg" alt="User Avatar">
-
- <div class="contacts-list-info">
- <span class="contacts-list-name">
- Sarah Doe
- <small class="contacts-list-date float-right">2/23/2015</small>
- </span>
- <span class="contacts-list-msg">I will be waiting for...</span>
- </div>
- <!-- /.contacts-list-info -->
- </a>
- </li>
- <!-- End Contact Item -->
- <li>
- <a href="#">
- <img class="contacts-list-img" src="dist/img/user3-128x128.jpg" alt="User Avatar">
-
- <div class="contacts-list-info">
- <span class="contacts-list-name">
- Nadia Jolie
- <small class="contacts-list-date float-right">2/20/2015</small>
- </span>
- <span class="contacts-list-msg">I'll call you back at...</span>
- </div>
- <!-- /.contacts-list-info -->
- </a>
- </li>
- <!-- End Contact Item -->
- <li>
- <a href="#">
- <img class="contacts-list-img" src="dist/img/user5-128x128.jpg" alt="User Avatar">
-
- <div class="contacts-list-info">
- <span class="contacts-list-name">
- Nora S. Vans
- <small class="contacts-list-date float-right">2/10/2015</small>
- </span>
- <span class="contacts-list-msg">Where is your new...</span>
- </div>
- <!-- /.contacts-list-info -->
- </a>
- </li>
- <!-- End Contact Item -->
- <li>
- <a href="#">
- <img class="contacts-list-img" src="dist/img/user6-128x128.jpg" alt="User Avatar">
-
- <div class="contacts-list-info">
- <span class="contacts-list-name">
- John K.
- <small class="contacts-list-date float-right">1/27/2015</small>
- </span>
- <span class="contacts-list-msg">Can I take a look at...</span>
- </div>
- <!-- /.contacts-list-info -->
- </a>
- </li>
- <!-- End Contact Item -->
- <li>
- <a href="#">
- <img class="contacts-list-img" src="dist/img/user8-128x128.jpg" alt="User Avatar">
-
- <div class="contacts-list-info">
- <span class="contacts-list-name">
- Kenneth M.
- <small class="contacts-list-date float-right">1/4/2015</small>
- </span>
- <span class="contacts-list-msg">Never mind I found...</span>
- </div>
- <!-- /.contacts-list-info -->
- </a>
- </li>
- <!-- End Contact Item -->
- </ul>
- <!-- /.contacts-list -->
- </div>
- <!-- /.direct-chat-pane -->
- </div>
- <!-- /.card-body -->
- <div class="card-footer">
- <form action="#" method="post">
- <div class="input-group">
- <input type="text" name="message" placeholder="Type Message ..." class="form-control">
- <span class="input-group-append">
- <button type="button" class="btn btn-primary">Send</button>
- </span>
- </div>
- </form>
- </div>
- <!-- /.card-footer-->
- </div>
- <!--/.direct-chat -->
-
<!-- TO DO List -->
<div class="card">
<div class="card-header">
@@ -1322,44 +1172,26 @@
<!-- Map card -->
<div class="card bg-gradient-primary">
<div class="card-header border-0">
- <h3 class="card-title">
- <i class="fas fa-map-marker-alt mr-1"></i>
- Visitors
- </h3>
- <!-- card tools -->
- <div class="card-tools">
- <button type="button" class="btn btn-primary btn-sm daterange" title="Date range">
- <i class="far fa-calendar-alt"></i>
- </button>
- <button type="button" class="btn btn-primary btn-sm" data-card-widget="collapse" title="Collapse">
- <i class="fas fa-minus"></i>
- </button>
- </div>
- <!-- /.card-tools -->
+ <h3 class="card-title">
+ <i class="fas fa-map-marker-alt mr-1"></i>
+ Visitors
+ </h3>
+ <!-- card tools -->
+ <div class="card-tools">
+ <button type="button" class="btn btn-primary btn-sm daterange" title="Date range">
+ <i class="far fa-calendar-alt"></i>
+ </button>
+ <button type="button" class="btn btn-primary btn-sm" data-card-widget="collapse" title="Collapse">
+ <i class="fas fa-minus"></i>
+ </button>
+ </div>
+ <!-- /.card-tools -->
</div>
<div class="card-body">
- <div id="world-map" style="height: 250px; width: 100%;"></div>
+ <!-- Static map image -->
+ <div id="world-map" style="height: 250px; width: 100%; text-align: center;">
+ <img src="https://www.360-grad-video.com/media/karte-besucher-web-360.jpg" alt="Mapa Estático" style="max-width: auto; height: 100%;">
</div>
- <!-- /.card-body-->
- <div class="card-footer bg-transparent">
- <div class="row">
- <div class="col-4 text-center">
- <div id="sparkline-1"></div>
- <div class="text-white">Visitors</div>
- </div>
- <!-- ./col -->
- <div class="col-4 text-center">
- <div id="sparkline-2"></div>
- <div class="text-white">Online</div>
- </div>
- <!-- ./col -->
- <div class="col-4 text-center">
- <div id="sparkline-3"></div>
- <div class="text-white">Sales</div>
- </div>
- <!-- ./col -->
- </div>
- <!-- /.row -->
</div>
</div>
<!-- /.card -->