Home Explore Help
Register Sign In
SuperAdminQA
/
psicoadmin
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 372 Releases 0 Wiki
Browse Source

initial commit

Fernando Vasquez 6 years ago
parent
5eefdbab8e
commit
0cbf1795b0
92 changed files with 42764 additions and 0 deletions
Split View Show Diff Stats
  1. BIN
      .DS_Store
  2. 28 0
      404.php
  3. 28 0
      500.php
  4. 214 0
      configuraciones.php
  5. 1644 0
      css/all.css
  6. 587 0
      css/bootstrap-theme.css
  7. 1 0
      css/bootstrap-theme.css.map
  8. 6 0
      css/bootstrap-theme.min.css
  9. 1 0
      css/bootstrap-theme.min.css.map
  10. 6757 0
      css/bootstrap.css
  11. 1 0
      css/bootstrap.css.map
  12. 6 0
      css/bootstrap.min.css
  13. 1 0
      css/bootstrap.min.css.map
  14. 187 0
      css/dataTables.bootstrap.css
  15. 1 0
      css/dataTables.bootstrap.min.css
  16. 206 0
      css/dataTables.bootstrap4.css
  17. 1 0
      css/dataTables.bootstrap4.min.css
  18. 118 0
      css/dataTables.foundation.css
  19. 1 0
      css/dataTables.foundation.min.css
  20. 481 0
      css/dataTables.jqueryui.css
  21. 1 0
      css/dataTables.jqueryui.min.css
  22. 102 0
      css/dataTables.semanticui.css
  23. 1 0
      css/dataTables.semanticui.min.css
  24. 2337 0
      css/font-awesome.css
  25. 4 0
      css/font-awesome.min.css
  26. 448 0
      css/jquery.dataTables.css
  27. 1 0
      css/jquery.dataTables.min.css
  28. 17 0
      css/style_admin.css
  29. BIN
      fonts/.DS_Store
  30. BIN
      fonts/FontAwesome.otf
  31. BIN
      fonts/Gudea-Regular.ttf
  32. BIN
      fonts/fontawesome-webfont.eot
  33. 2671 0
      fonts/fontawesome-webfont.svg
  34. BIN
      fonts/fontawesome-webfont.ttf
  35. BIN
      fonts/fontawesome-webfont.woff
  36. BIN
      fonts/fontawesome-webfont.woff2
  37. BIN
      fonts/glyphicons-halflings-regular.eot
  38. 288 0
      fonts/glyphicons-halflings-regular.svg
  39. BIN
      fonts/glyphicons-halflings-regular.ttf
  40. BIN
      fonts/glyphicons-halflings-regular.woff
  41. BIN
      fonts/glyphicons-halflings-regular.woff2
  42. 3 0
      footer.php
  43. 38 0
      forgot-password.php
  44. 205 0
      header.php
  45. BIN
      images/login.jpg
  46. BIN
      images/login.png
  47. BIN
      images/logo.png
  48. BIN
      images/man.png
  49. BIN
      images/man_2.png
  50. BIN
      images/not_found.png
  51. BIN
      images/sort_asc.png
  52. BIN
      images/sort_asc_disabled.png
  53. BIN
      images/sort_both.png
  54. BIN
      images/sort_desc.png
  55. BIN
      images/sort_desc_disabled.png
  56. 286 0
      index.php
  57. BIN
      js/.DS_Store
  58. 11 0
      js/alert.js
  59. 68 0
      js/animations.js
  60. 2 0
      js/aos.js
  61. 2377 0
      js/bootstrap.js
  62. 7 0
      js/bootstrap.min.js
  63. 182 0
      js/dataTables.bootstrap.js
  64. 8 0
      js/dataTables.bootstrap.min.js
  65. 184 0
      js/dataTables.bootstrap4.js
  66. 8 0
      js/dataTables.bootstrap4.min.js
  67. 174 0
      js/dataTables.foundation.js
  68. 8 0
      js/dataTables.foundation.min.js
  69. 164 0
      js/dataTables.jqueryui.js
  70. 9 0
      js/dataTables.jqueryui.min.js
  71. 212 0
      js/dataTables.semanticui.js
  72. 9 0
      js/dataTables.semanticui.min.js
  73. 2020 0
      js/fancybox.js
  74. 57 0
      js/home.js
  75. 54 0
      js/init.js
  76. 5 0
      js/jquery-3.2.1.min.js
  77. 15296 0
      js/jquery.dataTables.js
  78. 166 0
      js/jquery.dataTables.min.js
  79. 5 0
      js/jquery.min.js
  80. 2 0
      js/jquery.scrolly.min.js
  81. 13 0
      js/npm.js
  82. 40 0
      js/script.js
  83. 2 0
      js/skel.min.js
  84. 2892 0
      js/slick.js
  85. 73 0
      js/slideshow.js
  86. 42 0
      lockscreen.php
  87. 40 0
      login.php
  88. 538 0
      mensajes.php
  89. 348 0
      notificaciones.php
  90. 213 0
      perfil.php
  91. 757 0
      plazas.php
  92. 107 0
      sidebar.php

BIN
.DS_Store
View File


+ 28 - 0
404.php
View File 

@@ -0,0 +1,28 @@
1 
+<head>
2 
+    <meta charset="utf-8">
3 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
4 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
5 
+    <title>404 Not Found</title>
6 
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
7 
+    <link rel="stylesheet" href="css/all.css">
8 
+    <link rel="stylesheet" href="css/font-awesome.min.css">
9 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.css">
10 
+    <script src="js/jquery.min.js"></script>
11 
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
12 
+    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.css"/>
13 
+    <script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.js"></script>
14 
+    <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"></script>
15 
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
16 
+
17 
+</head>
18 
+<section class="error_page">
19 
+    <div class="page_notfound">
20 
+        <div class="row">
21 
+            <div class="col-md-12">
22 
+                <h1>404</h1>
23 
+                <h3>Upss!.. Algo salió mal</h3>
24 
+                <p>No pudimos encontrar la página que estás buscando.</p>
25 
+            </div>
26 
+        </div>
27 
+    </div>
28 
+</section>

+ 28 - 0
500.php
View File 

@@ -0,0 +1,28 @@
1 
+<head>
2 
+    <meta charset="utf-8">
3 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
4 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
5 
+    <title>500 Not Found</title>
6 
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
7 
+    <link rel="stylesheet" href="css/all.css">
8 
+    <link rel="stylesheet" href="css/font-awesome.min.css">
9 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.css">
10 
+    <script src="js/jquery.min.js"></script>
11 
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
12 
+    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.css"/>
13 
+    <script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.js"></script>
14 
+    <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"></script>
15 
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
16 
+
17 
+</head>
18 
+<section class="error_page">
19 
+    <div class="page_notfound">
20 
+        <div class="row">
21 
+            <div class="col-md-12">
22 
+                <h1>500</h1>
23 
+                <h3>Upss!.. Algo salió mal</h3>
24 
+                <p>No pudimos encontrar la página que estás buscando.</p>
25 
+            </div>
26 
+        </div>
27 
+    </div>
28 
+</section>

+ 214 - 0
configuraciones.php
View File 

@@ -0,0 +1,214 @@
1 
+<head>
2 
+    <meta charset="utf-8">
3 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
4 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
5 
+    <title>Configuraciones - Dashboard</title>
6 
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
7 
+    <link rel="stylesheet" href="css/all.css">
8 
+    <link rel="stylesheet" href="css/font-awesome.min.css">
9 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.css">
10 
+    <script src="js/jquery.min.js"></script>
11 
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
12 
+    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.css"/>
13 
+    <script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.js"></script>
14 
+    <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"></script>
15 
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
16 
+
17 
+</head>
18 
+<script type="text/javascript">
19 
+    $(document).ready(function () {
20 
+        $(".list-unstyled").find('li').removeClass("active");
21 
+        $("#configuraciones").addClass("active");
22 
+    });
23 
+</script>
24 
+<?php include('sidebar.php') ?>
25 
+<div id="content">
26 
+    <?php include('header.php') ?>
27 
+    <div class="content-section">
28 
+        <div class="main">
29 
+            <h1 class="breadcrumb-header">Configuraciones</h1>
30 
+            <div class="row">
31 
+              <div class="col-md-12">
32 
+                <div class="panel">
33 
+                  <div class="row">
34 
+                    <div class="col-md-4">
35 
+                      <div class="img-container">
36 
+                        <img src="images/man.png">
37 
+                      </div>
38 
+                    </div>
39 
+                    <div class="col-md-8">
40 
+                        <div class="custom-file-upload">
41 
+                            <input type="file" id="file" name="myfiles[]" multiple readonly />
42 
+                        </div>
43 
+                    </div>
44 
+                  </div>
45 
+                  <div class="row">
46 
+                    <div class="col-md-6">
47 
+                      <div class="inputs_config">
48 
+                        <p>Datos personales</p>
49 
+                        <label>Nombre</label>
50 
+                        <input type="text" name="nombre_user" placeholder="Fernando Vásquez">
51 
+                        <label>Puesto / Profesión</label>
52 
+                        <input type="text" name="puesto" placeholder="Gerente general">
53 
+                        <label>Dirección</label>
54 
+                        <input type="text" name="direccion" placeholder="Melbourn, Australia">
55 
+                        <label>Número</label>
56 
+                        <input type="number" name="numero" placeholder="12345678">
57 
+                      </div>
58 
+                    </div>
59 
+                    <div class="col-md-6">
60 
+                      <div class="inputs_config">
61 
+                        <p>Redes sociales</p>
62 
+                        <label>Facebook</label>
63 
+                        <input type="text" name="facebook" placeholder="Link de Facebook">
64 
+                        <label>Linkein</label>
65 
+                        <input type="text" name="linkedin" placeholder="Link de Linkedin">
66 
+                        <label>Instagram</label>
67 
+                        <input type="text" name="instagram" placeholder="Link de Instagram">
68 
+                        <label>Correo</label>
69 
+                        <input type="email" name="instagram" placeholder="Correo electrónico">
70 
+                      </div>
71 
+                    </div>
72 
+                  </div>
73 
+                  <div class="boton_guardar_info">
74 
+                    <div class="success_btn">
75 
+                        <a href="#">Guardar</a>
76 
+                    </div>
77 
+                  </div>
78 
+                </div>
79 
+              </div>
80 
+            </div>
81 
+        </div>
82 
+        <?php include('footer.php') ?>
83 
+    </div>
84 
+</div>
85 
+
86 
+<script>
87 
+      ;(function($) {
88 
+
89 
+          // Browser supports HTML5 multiple file?
90 
+          var multipleSupport = typeof $('<input/>')[0].multiple !== 'undefined',
91 
+              isIE = /msie/i.test( navigator.userAgent );
92 
+
93 
+          $.fn.customFile = function() {
94 
+
95 
+            return this.each(function() {
96 
+
97 
+              var $file = $(this).addClass('custom-file-upload-hidden'), // the original file input
98 
+                  $wrap = $('<div class="file-upload-wrapper">'),
99 
+                  $input = $('<input type="text" class="file-upload-input" disabled placeholder="Ningún archivo seleccionado" />'),
100 
+                  // Button that will be used in non-IE browsers
101 
+                  $button = $('<button type="button" class="file-upload-button">Subir foto</button>'),
102 
+                  // Hack for IE
103 
+                  $label = $('<label class="file-upload-button" for="'+ $file[0].id +'">Subir foto</label>');
104 
+
105 
+              // Hide by shifting to the left so we
106 
+              // can still trigger events
107 
+              $file.css({
108 
+                position: 'absolute',
109 
+                left: '-9999px'
110 
+              });
111 
+
112 
+              $wrap.insertAfter( $file )
113 
+                .append( $file, $input, ( isIE ? $label : $button ) );
114 
+
115 
+              // Prevent focus
116 
+              $file.attr('tabIndex', -1);
117 
+              $button.attr('tabIndex', -1);
118 
+
119 
+              $button.click(function () {
120 
+                $file.focus().click(); // Open dialog
121 
+              });
122 
+
123 
+              $file.change(function() {
124 
+
125 
+                var files = [], fileArr, filename;
126 
+
127 
+                // If multiple is supported then extract
128 
+                // all filenames from the file array
129 
+                if ( multipleSupport ) {
130 
+                  fileArr = $file[0].files;
131 
+                  for ( var i = 0, len = fileArr.length; i < len; i++ ) {
132 
+                    files.push( fileArr[i].name );
133 
+                  }
134 
+                  filename = files.join(', ');
135 
+
136 
+                // If not supported then just take the value
137 
+                // and remove the path to just show the filename
138 
+                } else {
139 
+                  filename = $file.val().split('\\').pop();
140 
+                }
141 
+
142 
+                $input.val( filename ) // Set the value
143 
+                  .attr('title', filename) // Show filename in title tootlip
144 
+                  .focus(); // Regain focus
145 
+
146 
+              });
147 
+
148 
+              $input.on({
149 
+                blur: function() { $file.trigger('blur'); },
150 
+                keydown: function( e ) {
151 
+                  if ( e.which === 13 ) { // Enter
152 
+                    if ( !isIE ) { $file.trigger('click'); }
153 
+                  } else if ( e.which === 8 || e.which === 46 ) { // Backspace & Del
154 
+                    // On some browsers the value is read-only
155 
+                    // with this trick we remove the old input and add
156 
+                    // a clean clone with all the original events attached
157 
+                    $file.replaceWith( $file = $file.clone( true ) );
158 
+                    $file.trigger('change');
159 
+                    $input.val('');
160 
+                  } else if ( e.which === 9 ){ // TAB
161 
+                    return;
162 
+                  } else { // All other keys
163 
+                    return false;
164 
+                  }
165 
+                }
166 
+              });
167 
+
168 
+            });
169 
+
170 
+          };
171 
+
172 
+          // Old browser fallback
173 
+          if ( !multipleSupport ) {
174 
+            $( document ).on('change', 'input.customfile', function() {
175 
+
176 
+              var $this = $(this),
177 
+                  // Create a unique ID so we
178 
+                  // can attach the label to the input
179 
+                  uniqId = 'customfile_'+ (new Date()).getTime(),
180 
+                  $wrap = $this.parent(),
181 
+
182 
+                  // Filter empty input
183 
+                  $inputs = $wrap.siblings().find('.file-upload-input')
184 
+                    .filter(function(){ return !this.value }),
185 
+
186 
+                  $file = $('<input type="file" id="'+ uniqId +'" name="'+ $this.attr('name') +'"/>');
187 
+
188 
+              // 1ms timeout so it runs after all other events
189 
+              // that modify the value have triggered
190 
+              setTimeout(function() {
191 
+                // Add a new input
192 
+                if ( $this.val() ) {
193 
+                  // Check for empty fields to prevent
194 
+                  // creating new inputs when changing files
195 
+                  if ( !$inputs.length ) {
196 
+                    $wrap.after( $file );
197 
+                    $file.customFile();
198 
+                  }
199 
+                // Remove and reorganize inputs
200 
+                } else {
201 
+                  $inputs.parent().remove();
202 
+                  // Move the input so it's always last on the list
203 
+                  $wrap.appendTo( $wrap.parent() );
204 
+                  $wrap.find('input').focus();
205 
+                }
206 
+              }, 1);
207 
+
208 
+            });
209 
+          }
210 
+
211 
+}(jQuery));
212 
+
213 
+$('input[type=file]').customFile();
214 
+  </script>

File diff suppressed because it is too large
+ 1644 - 0
css/all.css


+ 587 - 0
css/bootstrap-theme.css
View File 

@@ -0,0 +1,587 @@
1 
+/*!
2 
+ * Bootstrap v3.3.7 (http://getbootstrap.com)
3 
+ * Copyright 2011-2016 Twitter, Inc.
4 
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
5 
+ */
6 
+.btn-default,
7 
+.btn-primary,
8 
+.btn-success,
9 
+.btn-info,
10 
+.btn-warning,
11 
+.btn-danger {
12 
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
13 
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
14 
+          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
15 
+}
16 
+.btn-default:active,
17 
+.btn-primary:active,
18 
+.btn-success:active,
19 
+.btn-info:active,
20 
+.btn-warning:active,
21 
+.btn-danger:active,
22 
+.btn-default.active,
23 
+.btn-primary.active,
24 
+.btn-success.active,
25 
+.btn-info.active,
26 
+.btn-warning.active,
27 
+.btn-danger.active {
28 
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
29 
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
30 
+}
31 
+.btn-default.disabled,
32 
+.btn-primary.disabled,
33 
+.btn-success.disabled,
34 
+.btn-info.disabled,
35 
+.btn-warning.disabled,
36 
+.btn-danger.disabled,
37 
+.btn-default[disabled],
38 
+.btn-primary[disabled],
39 
+.btn-success[disabled],
40 
+.btn-info[disabled],
41 
+.btn-warning[disabled],
42 
+.btn-danger[disabled],
43 
+fieldset[disabled] .btn-default,
44 
+fieldset[disabled] .btn-primary,
45 
+fieldset[disabled] .btn-success,
46 
+fieldset[disabled] .btn-info,
47 
+fieldset[disabled] .btn-warning,
48 
+fieldset[disabled] .btn-danger {
49 
+  -webkit-box-shadow: none;
50 
+          box-shadow: none;
51 
+}
52 
+.btn-default .badge,
53 
+.btn-primary .badge,
54 
+.btn-success .badge,
55 
+.btn-info .badge,
56 
+.btn-warning .badge,
57 
+.btn-danger .badge {
58 
+  text-shadow: none;
59 
+}
60 
+.btn:active,
61 
+.btn.active {
62 
+  background-image: none;
63 
+}
64 
+.btn-default {
65 
+  text-shadow: 0 1px 0 #fff;
66 
+  background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
67 
+  background-image:      -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
68 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
69 
+  background-image:         linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
70 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
71 
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
72 
+  background-repeat: repeat-x;
73 
+  border-color: #dbdbdb;
74 
+  border-color: #ccc;
75 
+}
76 
+.btn-default:hover,
77 
+.btn-default:focus {
78 
+  background-color: #e0e0e0;
79 
+  background-position: 0 -15px;
80 
+}
81 
+.btn-default:active,
82 
+.btn-default.active {
83 
+  background-color: #e0e0e0;
84 
+  border-color: #dbdbdb;
85 
+}
86 
+.btn-default.disabled,
87 
+.btn-default[disabled],
88 
+fieldset[disabled] .btn-default,
89 
+.btn-default.disabled:hover,
90 
+.btn-default[disabled]:hover,
91 
+fieldset[disabled] .btn-default:hover,
92 
+.btn-default.disabled:focus,
93 
+.btn-default[disabled]:focus,
94 
+fieldset[disabled] .btn-default:focus,
95 
+.btn-default.disabled.focus,
96 
+.btn-default[disabled].focus,
97 
+fieldset[disabled] .btn-default.focus,
98 
+.btn-default.disabled:active,
99 
+.btn-default[disabled]:active,
100 
+fieldset[disabled] .btn-default:active,
101 
+.btn-default.disabled.active,
102 
+.btn-default[disabled].active,
103 
+fieldset[disabled] .btn-default.active {
104 
+  background-color: #e0e0e0;
105 
+  background-image: none;
106 
+}
107 
+.btn-primary {
108 
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
109 
+  background-image:      -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
110 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
111 
+  background-image:         linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
112 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
113 
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
114 
+  background-repeat: repeat-x;
115 
+  border-color: #245580;
116 
+}
117 
+.btn-primary:hover,
118 
+.btn-primary:focus {
119 
+  background-color: #265a88;
120 
+  background-position: 0 -15px;
121 
+}
122 
+.btn-primary:active,
123 
+.btn-primary.active {
124 
+  background-color: #265a88;
125 
+  border-color: #245580;
126 
+}
127 
+.btn-primary.disabled,
128 
+.btn-primary[disabled],
129 
+fieldset[disabled] .btn-primary,
130 
+.btn-primary.disabled:hover,
131 
+.btn-primary[disabled]:hover,
132 
+fieldset[disabled] .btn-primary:hover,
133 
+.btn-primary.disabled:focus,
134 
+.btn-primary[disabled]:focus,
135 
+fieldset[disabled] .btn-primary:focus,
136 
+.btn-primary.disabled.focus,
137 
+.btn-primary[disabled].focus,
138 
+fieldset[disabled] .btn-primary.focus,
139 
+.btn-primary.disabled:active,
140 
+.btn-primary[disabled]:active,
141 
+fieldset[disabled] .btn-primary:active,
142 
+.btn-primary.disabled.active,
143 
+.btn-primary[disabled].active,
144 
+fieldset[disabled] .btn-primary.active {
145 
+  background-color: #265a88;
146 
+  background-image: none;
147 
+}
148 
+.btn-success {
149 
+  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
150 
+  background-image:      -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
151 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
152 
+  background-image:         linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
153 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
154 
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
155 
+  background-repeat: repeat-x;
156 
+  border-color: #3e8f3e;
157 
+}
158 
+.btn-success:hover,
159 
+.btn-success:focus {
160 
+  background-color: #419641;
161 
+  background-position: 0 -15px;
162 
+}
163 
+.btn-success:active,
164 
+.btn-success.active {
165 
+  background-color: #419641;
166 
+  border-color: #3e8f3e;
167 
+}
168 
+.btn-success.disabled,
169 
+.btn-success[disabled],
170 
+fieldset[disabled] .btn-success,
171 
+.btn-success.disabled:hover,
172 
+.btn-success[disabled]:hover,
173 
+fieldset[disabled] .btn-success:hover,
174 
+.btn-success.disabled:focus,
175 
+.btn-success[disabled]:focus,
176 
+fieldset[disabled] .btn-success:focus,
177 
+.btn-success.disabled.focus,
178 
+.btn-success[disabled].focus,
179 
+fieldset[disabled] .btn-success.focus,
180 
+.btn-success.disabled:active,
181 
+.btn-success[disabled]:active,
182 
+fieldset[disabled] .btn-success:active,
183 
+.btn-success.disabled.active,
184 
+.btn-success[disabled].active,
185 
+fieldset[disabled] .btn-success.active {
186 
+  background-color: #419641;
187 
+  background-image: none;
188 
+}
189 
+.btn-info {
190 
+  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
191 
+  background-image:      -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
192 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
193 
+  background-image:         linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
194 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
195 
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
196 
+  background-repeat: repeat-x;
197 
+  border-color: #28a4c9;
198 
+}
199 
+.btn-info:hover,
200 
+.btn-info:focus {
201 
+  background-color: #2aabd2;
202 
+  background-position: 0 -15px;
203 
+}
204 
+.btn-info:active,
205 
+.btn-info.active {
206 
+  background-color: #2aabd2;
207 
+  border-color: #28a4c9;
208 
+}
209 
+.btn-info.disabled,
210 
+.btn-info[disabled],
211 
+fieldset[disabled] .btn-info,
212 
+.btn-info.disabled:hover,
213 
+.btn-info[disabled]:hover,
214 
+fieldset[disabled] .btn-info:hover,
215 
+.btn-info.disabled:focus,
216 
+.btn-info[disabled]:focus,
217 
+fieldset[disabled] .btn-info:focus,
218 
+.btn-info.disabled.focus,
219 
+.btn-info[disabled].focus,
220 
+fieldset[disabled] .btn-info.focus,
221 
+.btn-info.disabled:active,
222 
+.btn-info[disabled]:active,
223 
+fieldset[disabled] .btn-info:active,
224 
+.btn-info.disabled.active,
225 
+.btn-info[disabled].active,
226 
+fieldset[disabled] .btn-info.active {
227 
+  background-color: #2aabd2;
228 
+  background-image: none;
229 
+}
230 
+.btn-warning {
231 
+  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
232 
+  background-image:      -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
233 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
234 
+  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
235 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
236 
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
237 
+  background-repeat: repeat-x;
238 
+  border-color: #e38d13;
239 
+}
240 
+.btn-warning:hover,
241 
+.btn-warning:focus {
242 
+  background-color: #eb9316;
243 
+  background-position: 0 -15px;
244 
+}
245 
+.btn-warning:active,
246 
+.btn-warning.active {
247 
+  background-color: #eb9316;
248 
+  border-color: #e38d13;
249 
+}
250 
+.btn-warning.disabled,
251 
+.btn-warning[disabled],
252 
+fieldset[disabled] .btn-warning,
253 
+.btn-warning.disabled:hover,
254 
+.btn-warning[disabled]:hover,
255 
+fieldset[disabled] .btn-warning:hover,
256 
+.btn-warning.disabled:focus,
257 
+.btn-warning[disabled]:focus,
258 
+fieldset[disabled] .btn-warning:focus,
259 
+.btn-warning.disabled.focus,
260 
+.btn-warning[disabled].focus,
261 
+fieldset[disabled] .btn-warning.focus,
262 
+.btn-warning.disabled:active,
263 
+.btn-warning[disabled]:active,
264 
+fieldset[disabled] .btn-warning:active,
265 
+.btn-warning.disabled.active,
266 
+.btn-warning[disabled].active,
267 
+fieldset[disabled] .btn-warning.active {
268 
+  background-color: #eb9316;
269 
+  background-image: none;
270 
+}
271 
+.btn-danger {
272 
+  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
273 
+  background-image:      -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
274 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
275 
+  background-image:         linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
276 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
277 
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
278 
+  background-repeat: repeat-x;
279 
+  border-color: #b92c28;
280 
+}
281 
+.btn-danger:hover,
282 
+.btn-danger:focus {
283 
+  background-color: #c12e2a;
284 
+  background-position: 0 -15px;
285 
+}
286 
+.btn-danger:active,
287 
+.btn-danger.active {
288 
+  background-color: #c12e2a;
289 
+  border-color: #b92c28;
290 
+}
291 
+.btn-danger.disabled,
292 
+.btn-danger[disabled],
293 
+fieldset[disabled] .btn-danger,
294 
+.btn-danger.disabled:hover,
295 
+.btn-danger[disabled]:hover,
296 
+fieldset[disabled] .btn-danger:hover,
297 
+.btn-danger.disabled:focus,
298 
+.btn-danger[disabled]:focus,
299 
+fieldset[disabled] .btn-danger:focus,
300 
+.btn-danger.disabled.focus,
301 
+.btn-danger[disabled].focus,
302 
+fieldset[disabled] .btn-danger.focus,
303 
+.btn-danger.disabled:active,
304 
+.btn-danger[disabled]:active,
305 
+fieldset[disabled] .btn-danger:active,
306 
+.btn-danger.disabled.active,
307 
+.btn-danger[disabled].active,
308 
+fieldset[disabled] .btn-danger.active {
309 
+  background-color: #c12e2a;
310 
+  background-image: none;
311 
+}
312 
+.thumbnail,
313 
+.img-thumbnail {
314 
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
315 
+          box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
316 
+}
317 
+.dropdown-menu > li > a:hover,
318 
+.dropdown-menu > li > a:focus {
319 
+  background-color: #e8e8e8;
320 
+  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
321 
+  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
322 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
323 
+  background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
324 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
325 
+  background-repeat: repeat-x;
326 
+}
327 
+.dropdown-menu > .active > a,
328 
+.dropdown-menu > .active > a:hover,
329 
+.dropdown-menu > .active > a:focus {
330 
+  background-color: #2e6da4;
331 
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
332 
+  background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
333 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
334 
+  background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
335 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
336 
+  background-repeat: repeat-x;
337 
+}
338 
+.navbar-default {
339 
+  background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
340 
+  background-image:      -o-linear-gradient(top, #fff 0%, #f8f8f8 100%);
341 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
342 
+  background-image:         linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
343 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
344 
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
345 
+  background-repeat: repeat-x;
346 
+  border-radius: 4px;
347 
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
348 
+          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
349 
+}
350 
+.navbar-default .navbar-nav > .open > a,
351 
+.navbar-default .navbar-nav > .active > a {
352 
+  background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
353 
+  background-image:      -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
354 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
355 
+  background-image:         linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
356 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
357 
+  background-repeat: repeat-x;
358 
+  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
359 
+          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
360 
+}
361 
+.navbar-brand,
362 
+.navbar-nav > li > a {
363 
+  text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
364 
+}
365 
+.navbar-inverse {
366 
+  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
367 
+  background-image:      -o-linear-gradient(top, #3c3c3c 0%, #222 100%);
368 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222));
369 
+  background-image:         linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
370 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
371 
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
372 
+  background-repeat: repeat-x;
373 
+  border-radius: 4px;
374 
+}
375 
+.navbar-inverse .navbar-nav > .open > a,
376 
+.navbar-inverse .navbar-nav > .active > a {
377 
+  background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
378 
+  background-image:      -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
379 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
380 
+  background-image:         linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
381 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
382 
+  background-repeat: repeat-x;
383 
+  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
384 
+          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
385 
+}
386 
+.navbar-inverse .navbar-brand,
387 
+.navbar-inverse .navbar-nav > li > a {
388 
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
389 
+}
390 
+.navbar-static-top,
391 
+.navbar-fixed-top,
392 
+.navbar-fixed-bottom {
393 
+  border-radius: 0;
394 
+}
395 
+@media (max-width: 767px) {
396 
+  .navbar .navbar-nav .open .dropdown-menu > .active > a,
397 
+  .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
398 
+  .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
399 
+    color: #fff;
400 
+    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
401 
+    background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
402 
+    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
403 
+    background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
404 
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
405 
+    background-repeat: repeat-x;
406 
+  }
407 
+}
408 
+.alert {
409 
+  text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
410 
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
411 
+          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
412 
+}
413 
+.alert-success {
414 
+  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
415 
+  background-image:      -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
416 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
417 
+  background-image:         linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
418 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
419 
+  background-repeat: repeat-x;
420 
+  border-color: #b2dba1;
421 
+}
422 
+.alert-info {
423 
+  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
424 
+  background-image:      -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
425 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
426 
+  background-image:         linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
427 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
428 
+  background-repeat: repeat-x;
429 
+  border-color: #9acfea;
430 
+}
431 
+.alert-warning {
432 
+  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
433 
+  background-image:      -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
434 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
435 
+  background-image:         linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
436 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
437 
+  background-repeat: repeat-x;
438 
+  border-color: #f5e79e;
439 
+}
440 
+.alert-danger {
441 
+  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
442 
+  background-image:      -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
443 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
444 
+  background-image:         linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
445 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
446 
+  background-repeat: repeat-x;
447 
+  border-color: #dca7a7;
448 
+}
449 
+.progress {
450 
+  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
451 
+  background-image:      -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
452 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
453 
+  background-image:         linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
454 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
455 
+  background-repeat: repeat-x;
456 
+}
457 
+.progress-bar {
458 
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%);
459 
+  background-image:      -o-linear-gradient(top, #337ab7 0%, #286090 100%);
460 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090));
461 
+  background-image:         linear-gradient(to bottom, #337ab7 0%, #286090 100%);
462 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
463 
+  background-repeat: repeat-x;
464 
+}
465 
+.progress-bar-success {
466 
+  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
467 
+  background-image:      -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
468 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
469 
+  background-image:         linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
470 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
471 
+  background-repeat: repeat-x;
472 
+}
473 
+.progress-bar-info {
474 
+  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
475 
+  background-image:      -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
476 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
477 
+  background-image:         linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
478 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
479 
+  background-repeat: repeat-x;
480 
+}
481 
+.progress-bar-warning {
482 
+  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
483 
+  background-image:      -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
484 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
485 
+  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
486 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
487 
+  background-repeat: repeat-x;
488 
+}
489 
+.progress-bar-danger {
490 
+  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
491 
+  background-image:      -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
492 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
493 
+  background-image:         linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
494 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
495 
+  background-repeat: repeat-x;
496 
+}
497 
+.progress-bar-striped {
498 
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
499 
+  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
500 
+  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
501 
+}
502 
+.list-group {
503 
+  border-radius: 4px;
504 
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
505 
+          box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
506 
+}
507 
+.list-group-item.active,
508 
+.list-group-item.active:hover,
509 
+.list-group-item.active:focus {
510 
+  text-shadow: 0 -1px 0 #286090;
511 
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
512 
+  background-image:      -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
513 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
514 
+  background-image:         linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
515 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
516 
+  background-repeat: repeat-x;
517 
+  border-color: #2b669a;
518 
+}
519 
+.list-group-item.active .badge,
520 
+.list-group-item.active:hover .badge,
521 
+.list-group-item.active:focus .badge {
522 
+  text-shadow: none;
523 
+}
524 
+.panel {
525 
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
526 
+          box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
527 
+}
528 
+.panel-default > .panel-heading {
529 
+  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
530 
+  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
531 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
532 
+  background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
533 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
534 
+  background-repeat: repeat-x;
535 
+}
536 
+.panel-primary > .panel-heading {
537 
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
538 
+  background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
539 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
540 
+  background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
541 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
542 
+  background-repeat: repeat-x;
543 
+}
544 
+.panel-success > .panel-heading {
545 
+  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
546 
+  background-image:      -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
547 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
548 
+  background-image:         linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
549 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
550 
+  background-repeat: repeat-x;
551 
+}
552 
+.panel-info > .panel-heading {
553 
+  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
554 
+  background-image:      -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
555 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
556 
+  background-image:         linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
557 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
558 
+  background-repeat: repeat-x;
559 
+}
560 
+.panel-warning > .panel-heading {
561 
+  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
562 
+  background-image:      -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
563 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
564 
+  background-image:         linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
565 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
566 
+  background-repeat: repeat-x;
567 
+}
568 
+.panel-danger > .panel-heading {
569 
+  background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
570 
+  background-image:      -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
571 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
572 
+  background-image:         linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
573 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
574 
+  background-repeat: repeat-x;
575 
+}
576 
+.well {
577 
+  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
578 
+  background-image:      -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
579 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
580 
+  background-image:         linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
581 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
582 
+  background-repeat: repeat-x;
583 
+  border-color: #dcdcdc;
584 
+  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
585 
+          box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
586 
+}
587 
+/*# sourceMappingURL=bootstrap-theme.css.map */

File diff suppressed because it is too large
+ 1 - 0
css/bootstrap-theme.css.map


File diff suppressed because it is too large
+ 6 - 0
css/bootstrap-theme.min.css


File diff suppressed because it is too large
+ 1 - 0
css/bootstrap-theme.min.css.map


File diff suppressed because it is too large
+ 6757 - 0
css/bootstrap.css


File diff suppressed because it is too large
+ 1 - 0
css/bootstrap.css.map


File diff suppressed because it is too large
+ 6 - 0
css/bootstrap.min.css


File diff suppressed because it is too large
+ 1 - 0
css/bootstrap.min.css.map


+ 187 - 0
css/dataTables.bootstrap.css
View File 

@@ -0,0 +1,187 @@
1 
+table.dataTable {
2 
+  clear: both;
3 
+  margin-top: 6px !important;
4 
+  margin-bottom: 6px !important;
5 
+  max-width: none !important;
6 
+  border-collapse: separate !important;
7 
+}
8 
+table.dataTable td,
9 
+table.dataTable th {
10 
+  -webkit-box-sizing: content-box;
11 
+  box-sizing: content-box;
12 
+}
13 
+table.dataTable td.dataTables_empty,
14 
+table.dataTable th.dataTables_empty {
15 
+  text-align: center;
16 
+}
17 
+table.dataTable.nowrap th,
18 
+table.dataTable.nowrap td {
19 
+  white-space: nowrap;
20 
+}
21 
+
22 
+div.dataTables_wrapper div.dataTables_length label {
23 
+  font-weight: normal;
24 
+  text-align: left;
25 
+  white-space: nowrap;
26 
+}
27 
+div.dataTables_wrapper div.dataTables_length select {
28 
+  width: 75px;
29 
+  display: inline-block;
30 
+}
31 
+div.dataTables_wrapper div.dataTables_filter {
32 
+  text-align: right;
33 
+}
34 
+div.dataTables_wrapper div.dataTables_filter label {
35 
+  font-weight: normal;
36 
+  white-space: nowrap;
37 
+  text-align: left;
38 
+}
39 
+div.dataTables_wrapper div.dataTables_filter input {
40 
+  margin-left: 0.5em;
41 
+  display: inline-block;
42 
+  width: auto;
43 
+}
44 
+div.dataTables_wrapper div.dataTables_info {
45 
+  padding-top: 8px;
46 
+  white-space: nowrap;
47 
+}
48 
+div.dataTables_wrapper div.dataTables_paginate {
49 
+  margin: 0;
50 
+  white-space: nowrap;
51 
+  text-align: right;
52 
+}
53 
+div.dataTables_wrapper div.dataTables_paginate ul.pagination {
54 
+  margin: 2px 0;
55 
+  white-space: nowrap;
56 
+}
57 
+div.dataTables_wrapper div.dataTables_processing {
58 
+  position: absolute;
59 
+  top: 50%;
60 
+  left: 50%;
61 
+  width: 200px;
62 
+  margin-left: -100px;
63 
+  margin-top: -26px;
64 
+  text-align: center;
65 
+  padding: 1em 0;
66 
+}
67 
+
68 
+table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
69 
+table.dataTable thead > tr > td.sorting_asc,
70 
+table.dataTable thead > tr > td.sorting_desc,
71 
+table.dataTable thead > tr > td.sorting {
72 
+  padding-right: 30px;
73 
+}
74 
+table.dataTable thead > tr > th:active,
75 
+table.dataTable thead > tr > td:active {
76 
+  outline: none;
77 
+}
78 
+table.dataTable thead .sorting,
79 
+table.dataTable thead .sorting_asc,
80 
+table.dataTable thead .sorting_desc,
81 
+table.dataTable thead .sorting_asc_disabled,
82 
+table.dataTable thead .sorting_desc_disabled {
83 
+  cursor: pointer;
84 
+  position: relative;
85 
+}
86 
+table.dataTable thead .sorting:after,
87 
+table.dataTable thead .sorting_asc:after,
88 
+table.dataTable thead .sorting_desc:after,
89 
+table.dataTable thead .sorting_asc_disabled:after,
90 
+table.dataTable thead .sorting_desc_disabled:after {
91 
+  position: absolute;
92 
+  bottom: 8px;
93 
+  right: 8px;
94 
+  display: block;
95 
+  font-family: 'Glyphicons Halflings';
96 
+  opacity: 0.5;
97 
+}
98 
+table.dataTable thead .sorting:after {
99 
+  opacity: 0.2;
100 
+  content: "\e150";
101 
+  /* sort */
102 
+}
103 
+table.dataTable thead .sorting_asc:after {
104 
+  content: "\e155";
105 
+  /* sort-by-attributes */
106 
+}
107 
+table.dataTable thead .sorting_desc:after {
108 
+  content: "\e156";
109 
+  /* sort-by-attributes-alt */
110 
+}
111 
+table.dataTable thead .sorting_asc_disabled:after,
112 
+table.dataTable thead .sorting_desc_disabled:after {
113 
+  color: #eee;
114 
+}
115 
+
116 
+div.dataTables_scrollHead table.dataTable {
117 
+  margin-bottom: 0 !important;
118 
+}
119 
+
120 
+div.dataTables_scrollBody > table {
121 
+  border-top: none;
122 
+  margin-top: 0 !important;
123 
+  margin-bottom: 0 !important;
124 
+}
125 
+div.dataTables_scrollBody > table > thead .sorting:after,
126 
+div.dataTables_scrollBody > table > thead .sorting_asc:after,
127 
+div.dataTables_scrollBody > table > thead .sorting_desc:after {
128 
+  display: none;
129 
+}
130 
+div.dataTables_scrollBody > table > tbody > tr:first-child > th,
131 
+div.dataTables_scrollBody > table > tbody > tr:first-child > td {
132 
+  border-top: none;
133 
+}
134 
+
135 
+div.dataTables_scrollFoot > .dataTables_scrollFootInner {
136 
+  box-sizing: content-box;
137 
+}
138 
+div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
139 
+  margin-top: 0 !important;
140 
+  border-top: none;
141 
+}
142 
+
143 
+@media screen and (max-width: 767px) {
144 
+  div.dataTables_wrapper div.dataTables_length,
145 
+  div.dataTables_wrapper div.dataTables_filter,
146 
+  div.dataTables_wrapper div.dataTables_info,
147 
+  div.dataTables_wrapper div.dataTables_paginate {
148 
+    text-align: center;
149 
+  }
150 
+}
151 
+table.dataTable.table-condensed > thead > tr > th {
152 
+  padding-right: 20px;
153 
+}
154 
+table.dataTable.table-condensed .sorting:after,
155 
+table.dataTable.table-condensed .sorting_asc:after,
156 
+table.dataTable.table-condensed .sorting_desc:after {
157 
+  top: 6px;
158 
+  right: 6px;
159 
+}
160 
+
161 
+table.table-bordered.dataTable th,
162 
+table.table-bordered.dataTable td {
163 
+  border-left-width: 0;
164 
+}
165 
+table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
166 
+table.table-bordered.dataTable td:last-child,
167 
+table.table-bordered.dataTable td:last-child {
168 
+  border-right-width: 0;
169 
+}
170 
+table.table-bordered.dataTable tbody th,
171 
+table.table-bordered.dataTable tbody td {
172 
+  border-bottom-width: 0;
173 
+}
174 
+
175 
+div.dataTables_scrollHead table.table-bordered {
176 
+  border-bottom-width: 0;
177 
+}
178 
+
179 
+div.table-responsive > div.dataTables_wrapper > div.row {
180 
+  margin: 0;
181 
+}
182 
+div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
183 
+  padding-left: 0;
184 
+}
185 
+div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
186 
+  padding-right: 0;
187 
+}

File diff suppressed because it is too large
+ 1 - 0
css/dataTables.bootstrap.min.css


+ 206 - 0
css/dataTables.bootstrap4.css
View File 

@@ -0,0 +1,206 @@
1 
+table.dataTable {
2 
+  clear: both;
3 
+  margin-top: 6px !important;
4 
+  margin-bottom: 6px !important;
5 
+  max-width: none !important;
6 
+  border-collapse: separate !important;
7 
+  border-spacing: 0;
8 
+}
9 
+table.dataTable td,
10 
+table.dataTable th {
11 
+  -webkit-box-sizing: content-box;
12 
+  box-sizing: content-box;
13 
+}
14 
+table.dataTable td.dataTables_empty,
15 
+table.dataTable th.dataTables_empty {
16 
+  text-align: center;
17 
+}
18 
+table.dataTable.nowrap th,
19 
+table.dataTable.nowrap td {
20 
+  white-space: nowrap;
21 
+}
22 
+
23 
+div.dataTables_wrapper div.dataTables_length label {
24 
+  font-weight: normal;
25 
+  text-align: left;
26 
+  white-space: nowrap;
27 
+}
28 
+div.dataTables_wrapper div.dataTables_length select {
29 
+  width: auto;
30 
+  display: inline-block;
31 
+}
32 
+div.dataTables_wrapper div.dataTables_filter {
33 
+  text-align: right;
34 
+}
35 
+div.dataTables_wrapper div.dataTables_filter label {
36 
+  font-weight: normal;
37 
+  white-space: nowrap;
38 
+  text-align: left;
39 
+}
40 
+div.dataTables_wrapper div.dataTables_filter input {
41 
+  margin-left: 0.5em;
42 
+  display: inline-block;
43 
+  width: auto;
44 
+}
45 
+div.dataTables_wrapper div.dataTables_info {
46 
+  padding-top: 0.85em;
47 
+  white-space: nowrap;
48 
+}
49 
+div.dataTables_wrapper div.dataTables_paginate {
50 
+  margin: 0;
51 
+  white-space: nowrap;
52 
+  text-align: right;
53 
+}
54 
+div.dataTables_wrapper div.dataTables_paginate ul.pagination {
55 
+  margin: 2px 0;
56 
+  white-space: nowrap;
57 
+  justify-content: flex-end;
58 
+}
59 
+div.dataTables_wrapper div.dataTables_processing {
60 
+  position: absolute;
61 
+  top: 50%;
62 
+  left: 50%;
63 
+  width: 200px;
64 
+  margin-left: -100px;
65 
+  margin-top: -26px;
66 
+  text-align: center;
67 
+  padding: 1em 0;
68 
+}
69 
+
70 
+table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
71 
+table.dataTable thead > tr > td.sorting_asc,
72 
+table.dataTable thead > tr > td.sorting_desc,
73 
+table.dataTable thead > tr > td.sorting {
74 
+  padding-right: 30px;
75 
+}
76 
+table.dataTable thead > tr > th:active,
77 
+table.dataTable thead > tr > td:active {
78 
+  outline: none;
79 
+}
80 
+table.dataTable thead .sorting,
81 
+table.dataTable thead .sorting_asc,
82 
+table.dataTable thead .sorting_desc,
83 
+table.dataTable thead .sorting_asc_disabled,
84 
+table.dataTable thead .sorting_desc_disabled {
85 
+  cursor: pointer;
86 
+  position: relative;
87 
+}
88 
+table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
89 
+table.dataTable thead .sorting_asc:before,
90 
+table.dataTable thead .sorting_asc:after,
91 
+table.dataTable thead .sorting_desc:before,
92 
+table.dataTable thead .sorting_desc:after,
93 
+table.dataTable thead .sorting_asc_disabled:before,
94 
+table.dataTable thead .sorting_asc_disabled:after,
95 
+table.dataTable thead .sorting_desc_disabled:before,
96 
+table.dataTable thead .sorting_desc_disabled:after {
97 
+  position: absolute;
98 
+  bottom: 0.9em;
99 
+  display: block;
100 
+  opacity: 0.3;
101 
+}
102 
+table.dataTable thead .sorting:before,
103 
+table.dataTable thead .sorting_asc:before,
104 
+table.dataTable thead .sorting_desc:before,
105 
+table.dataTable thead .sorting_asc_disabled:before,
106 
+table.dataTable thead .sorting_desc_disabled:before {
107 
+  right: 1em;
108 
+  content: "\2191";
109 
+}
110 
+table.dataTable thead .sorting:after,
111 
+table.dataTable thead .sorting_asc:after,
112 
+table.dataTable thead .sorting_desc:after,
113 
+table.dataTable thead .sorting_asc_disabled:after,
114 
+table.dataTable thead .sorting_desc_disabled:after {
115 
+  right: 0.5em;
116 
+  content: "\2193";
117 
+}
118 
+table.dataTable thead .sorting_asc:before,
119 
+table.dataTable thead .sorting_desc:after {
120 
+  opacity: 1;
121 
+}
122 
+table.dataTable thead .sorting_asc_disabled:before,
123 
+table.dataTable thead .sorting_desc_disabled:after {
124 
+  opacity: 0;
125 
+}
126 
+
127 
+div.dataTables_scrollHead table.dataTable {
128 
+  margin-bottom: 0 !important;
129 
+}
130 
+
131 
+div.dataTables_scrollBody table {
132 
+  border-top: none;
133 
+  margin-top: 0 !important;
134 
+  margin-bottom: 0 !important;
135 
+}
136 
+div.dataTables_scrollBody table thead .sorting:before,
137 
+div.dataTables_scrollBody table thead .sorting_asc:before,
138 
+div.dataTables_scrollBody table thead .sorting_desc:before,
139 
+div.dataTables_scrollBody table thead .sorting:after,
140 
+div.dataTables_scrollBody table thead .sorting_asc:after,
141 
+div.dataTables_scrollBody table thead .sorting_desc:after {
142 
+  display: none;
143 
+}
144 
+div.dataTables_scrollBody table tbody tr:first-child th,
145 
+div.dataTables_scrollBody table tbody tr:first-child td {
146 
+  border-top: none;
147 
+}
148 
+
149 
+div.dataTables_scrollFoot > .dataTables_scrollFootInner {
150 
+  box-sizing: content-box;
151 
+}
152 
+div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
153 
+  margin-top: 0 !important;
154 
+  border-top: none;
155 
+}
156 
+
157 
+@media screen and (max-width: 767px) {
158 
+  div.dataTables_wrapper div.dataTables_length,
159 
+  div.dataTables_wrapper div.dataTables_filter,
160 
+  div.dataTables_wrapper div.dataTables_info,
161 
+  div.dataTables_wrapper div.dataTables_paginate {
162 
+    text-align: center;
163 
+  }
164 
+}
165 
+table.dataTable.table-sm > thead > tr > th {
166 
+  padding-right: 20px;
167 
+}
168 
+table.dataTable.table-sm .sorting:before,
169 
+table.dataTable.table-sm .sorting_asc:before,
170 
+table.dataTable.table-sm .sorting_desc:before {
171 
+  top: 5px;
172 
+  right: 0.85em;
173 
+}
174 
+table.dataTable.table-sm .sorting:after,
175 
+table.dataTable.table-sm .sorting_asc:after,
176 
+table.dataTable.table-sm .sorting_desc:after {
177 
+  top: 5px;
178 
+}
179 
+
180 
+table.table-bordered.dataTable th,
181 
+table.table-bordered.dataTable td {
182 
+  border-left-width: 0;
183 
+}
184 
+table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
185 
+table.table-bordered.dataTable td:last-child,
186 
+table.table-bordered.dataTable td:last-child {
187 
+  border-right-width: 0;
188 
+}
189 
+table.table-bordered.dataTable tbody th,
190 
+table.table-bordered.dataTable tbody td {
191 
+  border-bottom-width: 0;
192 
+}
193 
+
194 
+div.dataTables_scrollHead table.table-bordered {
195 
+  border-bottom-width: 0;
196 
+}
197 
+
198 
+div.table-responsive > div.dataTables_wrapper > div.row {
199 
+  margin: 0;
200 
+}
201 
+div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
202 
+  padding-left: 0;
203 
+}
204 
+div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
205 
+  padding-right: 0;
206 
+}

File diff suppressed because it is too large
+ 1 - 0
css/dataTables.bootstrap4.min.css


+ 118 - 0
css/dataTables.foundation.css
View File 

@@ -0,0 +1,118 @@
1 
+table.dataTable {
2 
+  clear: both;
3 
+  margin: 0.5em 0 !important;
4 
+  max-width: none !important;
5 
+  width: 100%;
6 
+}
7 
+table.dataTable td,
8 
+table.dataTable th {
9 
+  -webkit-box-sizing: content-box;
10 
+  box-sizing: content-box;
11 
+}
12 
+table.dataTable td.dataTables_empty,
13 
+table.dataTable th.dataTables_empty {
14 
+  text-align: center;
15 
+}
16 
+table.dataTable.nowrap th, table.dataTable.nowrap td {
17 
+  white-space: nowrap;
18 
+}
19 
+
20 
+div.dataTables_wrapper {
21 
+  position: relative;
22 
+}
23 
+div.dataTables_wrapper div.dataTables_length label {
24 
+  float: left;
25 
+  text-align: left;
26 
+  margin-bottom: 0;
27 
+}
28 
+div.dataTables_wrapper div.dataTables_length select {
29 
+  width: 75px;
30 
+  margin-bottom: 0;
31 
+}
32 
+div.dataTables_wrapper div.dataTables_filter label {
33 
+  float: right;
34 
+  margin-bottom: 0;
35 
+}
36 
+div.dataTables_wrapper div.dataTables_filter input {
37 
+  display: inline-block !important;
38 
+  width: auto !important;
39 
+  margin-bottom: 0;
40 
+  margin-left: 0.5em;
41 
+}
42 
+div.dataTables_wrapper div.dataTables_info {
43 
+  padding-top: 2px;
44 
+}
45 
+div.dataTables_wrapper div.dataTables_paginate {
46 
+  float: right;
47 
+  margin: 0;
48 
+}
49 
+div.dataTables_wrapper div.dataTables_processing {
50 
+  position: absolute;
51 
+  top: 50%;
52 
+  left: 50%;
53 
+  width: 200px;
54 
+  margin-left: -100px;
55 
+  margin-top: -26px;
56 
+  text-align: center;
57 
+  padding: 1rem 0;
58 
+}
59 
+
60 
+table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
61 
+table.dataTable thead > tr > td.sorting_asc,
62 
+table.dataTable thead > tr > td.sorting_desc,
63 
+table.dataTable thead > tr > td.sorting {
64 
+  padding-right: 1.5rem;
65 
+}
66 
+table.dataTable thead > tr > th:active,
67 
+table.dataTable thead > tr > td:active {
68 
+  outline: none;
69 
+}
70 
+table.dataTable thead .sorting,
71 
+table.dataTable thead .sorting_asc,
72 
+table.dataTable thead .sorting_desc,
73 
+table.dataTable thead .sorting_asc_disabled,
74 
+table.dataTable thead .sorting_desc_disabled {
75 
+  cursor: pointer;
76 
+}
77 
+table.dataTable thead .sorting,
78 
+table.dataTable thead .sorting_asc,
79 
+table.dataTable thead .sorting_desc,
80 
+table.dataTable thead .sorting_asc_disabled,
81 
+table.dataTable thead .sorting_desc_disabled {
82 
+  background-repeat: no-repeat;
83 
+  background-position: center right;
84 
+}
85 
+table.dataTable thead .sorting {
86 
+  background-image: url("../images/sort_both.png");
87 
+}
88 
+table.dataTable thead .sorting_asc {
89 
+  background-image: url("../images/sort_asc.png");
90 
+}
91 
+table.dataTable thead .sorting_desc {
92 
+  background-image: url("../images/sort_desc.png");
93 
+}
94 
+table.dataTable thead .sorting_asc_disabled {
95 
+  background-image: url("../images/sort_asc_disabled.png");
96 
+}
97 
+table.dataTable thead .sorting_desc_disabled {
98 
+  background-image: url("../images/sort_desc_disabled.png");
99 
+}
100 
+
101 
+div.dataTables_scrollHead table {
102 
+  margin-bottom: 0 !important;
103 
+}
104 
+
105 
+div.dataTables_scrollBody table {
106 
+  border-top: none;
107 
+  margin-top: 0 !important;
108 
+  margin-bottom: 0 !important;
109 
+}
110 
+div.dataTables_scrollBody table tbody tr:first-child th,
111 
+div.dataTables_scrollBody table tbody tr:first-child td {
112 
+  border-top: none;
113 
+}
114 
+
115 
+div.dataTables_scrollFoot table {
116 
+  margin-top: 0 !important;
117 
+  border-top: none;
118 
+}

File diff suppressed because it is too large
+ 1 - 0
css/dataTables.foundation.min.css


+ 481 - 0
css/dataTables.jqueryui.css
View File 

@@ -0,0 +1,481 @@
1 
+/*
2 
+ * Table styles
3 
+ */
4 
+table.dataTable {
5 
+  width: 100%;
6 
+  margin: 0 auto;
7 
+  clear: both;
8 
+  border-collapse: separate;
9 
+  border-spacing: 0;
10 
+  /*
11 
+   * Header and footer styles
12 
+   */
13 
+  /*
14 
+   * Body styles
15 
+   */
16 
+}
17 
+table.dataTable thead th,
18 
+table.dataTable tfoot th {
19 
+  font-weight: bold;
20 
+}
21 
+table.dataTable thead th,
22 
+table.dataTable thead td {
23 
+  padding: 10px 18px;
24 
+}
25 
+table.dataTable thead th:active,
26 
+table.dataTable thead td:active {
27 
+  outline: none;
28 
+}
29 
+table.dataTable tfoot th,
30 
+table.dataTable tfoot td {
31 
+  padding: 10px 18px 6px 18px;
32 
+}
33 
+table.dataTable tbody tr {
34 
+  background-color: #ffffff;
35 
+}
36 
+table.dataTable tbody tr.selected {
37 
+  background-color: #B0BED9;
38 
+}
39 
+table.dataTable tbody th,
40 
+table.dataTable tbody td {
41 
+  padding: 8px 10px;
42 
+}
43 
+table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
44 
+  border-top: 1px solid #ddd;
45 
+}
46 
+table.dataTable.row-border tbody tr:first-child th,
47 
+table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
48 
+table.dataTable.display tbody tr:first-child td {
49 
+  border-top: none;
50 
+}
51 
+table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
52 
+  border-top: 1px solid #ddd;
53 
+  border-right: 1px solid #ddd;
54 
+}
55 
+table.dataTable.cell-border tbody tr th:first-child,
56 
+table.dataTable.cell-border tbody tr td:first-child {
57 
+  border-left: 1px solid #ddd;
58 
+}
59 
+table.dataTable.cell-border tbody tr:first-child th,
60 
+table.dataTable.cell-border tbody tr:first-child td {
61 
+  border-top: none;
62 
+}
63 
+table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
64 
+  background-color: #f9f9f9;
65 
+}
66 
+table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
67 
+  background-color: #acbad4;
68 
+}
69 
+table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
70 
+  background-color: #f6f6f6;
71 
+}
72 
+table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
73 
+  background-color: #aab7d1;
74 
+}
75 
+table.dataTable.order-column tbody tr > .sorting_1,
76 
+table.dataTable.order-column tbody tr > .sorting_2,
77 
+table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
78 
+table.dataTable.display tbody tr > .sorting_2,
79 
+table.dataTable.display tbody tr > .sorting_3 {
80 
+  background-color: #fafafa;
81 
+}
82 
+table.dataTable.order-column tbody tr.selected > .sorting_1,
83 
+table.dataTable.order-column tbody tr.selected > .sorting_2,
84 
+table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
85 
+table.dataTable.display tbody tr.selected > .sorting_2,
86 
+table.dataTable.display tbody tr.selected > .sorting_3 {
87 
+  background-color: #acbad5;
88 
+}
89 
+table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
90 
+  background-color: #f1f1f1;
91 
+}
92 
+table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
93 
+  background-color: #f3f3f3;
94 
+}
95 
+table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
96 
+  background-color: whitesmoke;
97 
+}
98 
+table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
99 
+  background-color: #a6b4cd;
100 
+}
101 
+table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
102 
+  background-color: #a8b5cf;
103 
+}
104 
+table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
105 
+  background-color: #a9b7d1;
106 
+}
107 
+table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
108 
+  background-color: #fafafa;
109 
+}
110 
+table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
111 
+  background-color: #fcfcfc;
112 
+}
113 
+table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
114 
+  background-color: #fefefe;
115 
+}
116 
+table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
117 
+  background-color: #acbad5;
118 
+}
119 
+table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
120 
+  background-color: #aebcd6;
121 
+}
122 
+table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
123 
+  background-color: #afbdd8;
124 
+}
125 
+table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
126 
+  background-color: #eaeaea;
127 
+}
128 
+table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
129 
+  background-color: #ececec;
130 
+}
131 
+table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
132 
+  background-color: #efefef;
133 
+}
134 
+table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
135 
+  background-color: #a2aec7;
136 
+}
137 
+table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
138 
+  background-color: #a3b0c9;
139 
+}
140 
+table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
141 
+  background-color: #a5b2cb;
142 
+}
143 
+table.dataTable.no-footer {
144 
+  border-bottom: 1px solid #111;
145 
+}
146 
+table.dataTable.nowrap th, table.dataTable.nowrap td {
147 
+  white-space: nowrap;
148 
+}
149 
+table.dataTable.compact thead th,
150 
+table.dataTable.compact thead td {
151 
+  padding: 4px 17px 4px 4px;
152 
+}
153 
+table.dataTable.compact tfoot th,
154 
+table.dataTable.compact tfoot td {
155 
+  padding: 4px;
156 
+}
157 
+table.dataTable.compact tbody th,
158 
+table.dataTable.compact tbody td {
159 
+  padding: 4px;
160 
+}
161 
+table.dataTable th.dt-left,
162 
+table.dataTable td.dt-left {
163 
+  text-align: left;
164 
+}
165 
+table.dataTable th.dt-center,
166 
+table.dataTable td.dt-center,
167 
+table.dataTable td.dataTables_empty {
168 
+  text-align: center;
169 
+}
170 
+table.dataTable th.dt-right,
171 
+table.dataTable td.dt-right {
172 
+  text-align: right;
173 
+}
174 
+table.dataTable th.dt-justify,
175 
+table.dataTable td.dt-justify {
176 
+  text-align: justify;
177 
+}
178 
+table.dataTable th.dt-nowrap,
179 
+table.dataTable td.dt-nowrap {
180 
+  white-space: nowrap;
181 
+}
182 
+table.dataTable thead th.dt-head-left,
183 
+table.dataTable thead td.dt-head-left,
184 
+table.dataTable tfoot th.dt-head-left,
185 
+table.dataTable tfoot td.dt-head-left {
186 
+  text-align: left;
187 
+}
188 
+table.dataTable thead th.dt-head-center,
189 
+table.dataTable thead td.dt-head-center,
190 
+table.dataTable tfoot th.dt-head-center,
191 
+table.dataTable tfoot td.dt-head-center {
192 
+  text-align: center;
193 
+}
194 
+table.dataTable thead th.dt-head-right,
195 
+table.dataTable thead td.dt-head-right,
196 
+table.dataTable tfoot th.dt-head-right,
197 
+table.dataTable tfoot td.dt-head-right {
198 
+  text-align: right;
199 
+}
200 
+table.dataTable thead th.dt-head-justify,
201 
+table.dataTable thead td.dt-head-justify,
202 
+table.dataTable tfoot th.dt-head-justify,
203 
+table.dataTable tfoot td.dt-head-justify {
204 
+  text-align: justify;
205 
+}
206 
+table.dataTable thead th.dt-head-nowrap,
207 
+table.dataTable thead td.dt-head-nowrap,
208 
+table.dataTable tfoot th.dt-head-nowrap,
209 
+table.dataTable tfoot td.dt-head-nowrap {
210 
+  white-space: nowrap;
211 
+}
212 
+table.dataTable tbody th.dt-body-left,
213 
+table.dataTable tbody td.dt-body-left {
214 
+  text-align: left;
215 
+}
216 
+table.dataTable tbody th.dt-body-center,
217 
+table.dataTable tbody td.dt-body-center {
218 
+  text-align: center;
219 
+}
220 
+table.dataTable tbody th.dt-body-right,
221 
+table.dataTable tbody td.dt-body-right {
222 
+  text-align: right;
223 
+}
224 
+table.dataTable tbody th.dt-body-justify,
225 
+table.dataTable tbody td.dt-body-justify {
226 
+  text-align: justify;
227 
+}
228 
+table.dataTable tbody th.dt-body-nowrap,
229 
+table.dataTable tbody td.dt-body-nowrap {
230 
+  white-space: nowrap;
231 
+}
232 
+
233 
+table.dataTable,
234 
+table.dataTable th,
235 
+table.dataTable td {
236 
+  box-sizing: content-box;
237 
+}
238 
+
239 
+/*
240 
+ * Control feature layout
241 
+ */
242 
+.dataTables_wrapper {
243 
+  position: relative;
244 
+  clear: both;
245 
+  *zoom: 1;
246 
+  zoom: 1;
247 
+}
248 
+.dataTables_wrapper .dataTables_length {
249 
+  float: left;
250 
+}
251 
+.dataTables_wrapper .dataTables_filter {
252 
+  float: right;
253 
+  text-align: right;
254 
+}
255 
+.dataTables_wrapper .dataTables_filter input {
256 
+  margin-left: 0.5em;
257 
+}
258 
+.dataTables_wrapper .dataTables_info {
259 
+  clear: both;
260 
+  float: left;
261 
+  padding-top: 0.755em;
262 
+}
263 
+.dataTables_wrapper .dataTables_paginate {
264 
+  float: right;
265 
+  text-align: right;
266 
+  padding-top: 0.25em;
267 
+}
268 
+.dataTables_wrapper .dataTables_paginate .paginate_button {
269 
+  box-sizing: border-box;
270 
+  display: inline-block;
271 
+  min-width: 1.5em;
272 
+  padding: 0.5em 1em;
273 
+  margin-left: 2px;
274 
+  text-align: center;
275 
+  text-decoration: none !important;
276 
+  cursor: pointer;
277 
+  *cursor: hand;
278 
+  color: #333 !important;
279 
+  border: 1px solid transparent;
280 
+  border-radius: 2px;
281 
+}
282 
+.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
283 
+  color: #333 !important;
284 
+  border: 1px solid #979797;
285 
+  background-color: white;
286 
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
287 
+  /* Chrome,Safari4+ */
288 
+  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
289 
+  /* Chrome10+,Safari5.1+ */
290 
+  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
291 
+  /* FF3.6+ */
292 
+  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
293 
+  /* IE10+ */
294 
+  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
295 
+  /* Opera 11.10+ */
296 
+  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
297 
+  /* W3C */
298 
+}
299 
+.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
300 
+  cursor: default;
301 
+  color: #666 !important;
302 
+  border: 1px solid transparent;
303 
+  background: transparent;
304 
+  box-shadow: none;
305 
+}
306 
+.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
307 
+  color: white !important;
308 
+  border: 1px solid #111;
309 
+  background-color: #585858;
310 
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
311 
+  /* Chrome,Safari4+ */
312 
+  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
313 
+  /* Chrome10+,Safari5.1+ */
314 
+  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
315 
+  /* FF3.6+ */
316 
+  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
317 
+  /* IE10+ */
318 
+  background: -o-linear-gradient(top, #585858 0%, #111 100%);
319 
+  /* Opera 11.10+ */
320 
+  background: linear-gradient(to bottom, #585858 0%, #111 100%);
321 
+  /* W3C */
322 
+}
323 
+.dataTables_wrapper .dataTables_paginate .paginate_button:active {
324 
+  outline: none;
325 
+  background-color: #2b2b2b;
326 
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
327 
+  /* Chrome,Safari4+ */
328 
+  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
329 
+  /* Chrome10+,Safari5.1+ */
330 
+  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
331 
+  /* FF3.6+ */
332 
+  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
333 
+  /* IE10+ */
334 
+  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
335 
+  /* Opera 11.10+ */
336 
+  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
337 
+  /* W3C */
338 
+  box-shadow: inset 0 0 3px #111;
339 
+}
340 
+.dataTables_wrapper .dataTables_paginate .ellipsis {
341 
+  padding: 0 1em;
342 
+}
343 
+.dataTables_wrapper .dataTables_processing {
344 
+  position: absolute;
345 
+  top: 50%;
346 
+  left: 50%;
347 
+  width: 100%;
348 
+  height: 40px;
349 
+  margin-left: -50%;
350 
+  margin-top: -25px;
351 
+  padding-top: 20px;
352 
+  text-align: center;
353 
+  font-size: 1.2em;
354 
+  background-color: white;
355 
+  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
356 
+  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
357 
+  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
358 
+  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
359 
+  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
360 
+  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
361 
+}
362 
+.dataTables_wrapper .dataTables_length,
363 
+.dataTables_wrapper .dataTables_filter,
364 
+.dataTables_wrapper .dataTables_info,
365 
+.dataTables_wrapper .dataTables_processing,
366 
+.dataTables_wrapper .dataTables_paginate {
367 
+  color: #333;
368 
+}
369 
+.dataTables_wrapper .dataTables_scroll {
370 
+  clear: both;
371 
+}
372 
+.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
373 
+  *margin-top: -1px;
374 
+  -webkit-overflow-scrolling: touch;
375 
+}
376 
+.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
377 
+  vertical-align: middle;
378 
+}
379 
+.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
380 
+.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
381 
+.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
382 
+  height: 0;
383 
+  overflow: hidden;
384 
+  margin: 0 !important;
385 
+  padding: 0 !important;
386 
+}
387 
+.dataTables_wrapper.no-footer .dataTables_scrollBody {
388 
+  border-bottom: 1px solid #111;
389 
+}
390 
+.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
391 
+.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
392 
+  border-bottom: none;
393 
+}
394 
+.dataTables_wrapper:after {
395 
+  visibility: hidden;
396 
+  display: block;
397 
+  content: "";
398 
+  clear: both;
399 
+  height: 0;
400 
+}
401 
+
402 
+@media screen and (max-width: 767px) {
403 
+  .dataTables_wrapper .dataTables_info,
404 
+  .dataTables_wrapper .dataTables_paginate {
405 
+    float: none;
406 
+    text-align: center;
407 
+  }
408 
+  .dataTables_wrapper .dataTables_paginate {
409 
+    margin-top: 0.5em;
410 
+  }
411 
+}
412 
+@media screen and (max-width: 640px) {
413 
+  .dataTables_wrapper .dataTables_length,
414 
+  .dataTables_wrapper .dataTables_filter {
415 
+    float: none;
416 
+    text-align: center;
417 
+  }
418 
+  .dataTables_wrapper .dataTables_filter {
419 
+    margin-top: 0.5em;
420 
+  }
421 
+}
422 
+table.dataTable thead th div.DataTables_sort_wrapper {
423 
+  position: relative;
424 
+}
425 
+table.dataTable thead th div.DataTables_sort_wrapper span {
426 
+  position: absolute;
427 
+  top: 50%;
428 
+  margin-top: -8px;
429 
+  right: -18px;
430 
+}
431 
+table.dataTable thead th.ui-state-default,
432 
+table.dataTable tfoot th.ui-state-default {
433 
+  border-left-width: 0;
434 
+}
435 
+table.dataTable thead th.ui-state-default:first-child,
436 
+table.dataTable tfoot th.ui-state-default:first-child {
437 
+  border-left-width: 1px;
438 
+}
439 
+
440 
+/*
441 
+ * Control feature layout
442 
+ */
443 
+.dataTables_wrapper .dataTables_paginate .fg-button {
444 
+  box-sizing: border-box;
445 
+  display: inline-block;
446 
+  min-width: 1.5em;
447 
+  padding: 0.5em;
448 
+  margin-left: 2px;
449 
+  text-align: center;
450 
+  text-decoration: none !important;
451 
+  cursor: pointer;
452 
+  *cursor: hand;
453 
+  border: 1px solid transparent;
454 
+}
455 
+.dataTables_wrapper .dataTables_paginate .fg-button:active {
456 
+  outline: none;
457 
+}
458 
+.dataTables_wrapper .dataTables_paginate .fg-button:first-child {
459 
+  border-top-left-radius: 3px;
460 
+  border-bottom-left-radius: 3px;
461 
+}
462 
+.dataTables_wrapper .dataTables_paginate .fg-button:last-child {
463 
+  border-top-right-radius: 3px;
464 
+  border-bottom-right-radius: 3px;
465 
+}
466 
+.dataTables_wrapper .ui-widget-header {
467 
+  font-weight: normal;
468 
+}
469 
+.dataTables_wrapper .ui-toolbar {
470 
+  padding: 8px;
471 
+}
472 
+.dataTables_wrapper.no-footer .dataTables_scrollBody {
473 
+  border-bottom: none;
474 
+}
475 
+.dataTables_wrapper .dataTables_length,
476 
+.dataTables_wrapper .dataTables_filter,
477 
+.dataTables_wrapper .dataTables_info,
478 
+.dataTables_wrapper .dataTables_processing,
479 
+.dataTables_wrapper .dataTables_paginate {
480 
+  color: inherit;
481 
+}

File diff suppressed because it is too large
+ 1 - 0
css/dataTables.jqueryui.min.css


+ 102 - 0
css/dataTables.semanticui.css
View File 

@@ -0,0 +1,102 @@
1 
+/*
2 
+ * Styling for DataTables with Semantic UI
3 
+ */
4 
+table.dataTable.table {
5 
+  margin: 0;
6 
+}
7 
+table.dataTable.table thead th,
8 
+table.dataTable.table thead td {
9 
+  position: relative;
10 
+}
11 
+table.dataTable.table thead th.sorting, table.dataTable.table thead th.sorting_asc, table.dataTable.table thead th.sorting_desc,
12 
+table.dataTable.table thead td.sorting,
13 
+table.dataTable.table thead td.sorting_asc,
14 
+table.dataTable.table thead td.sorting_desc {
15 
+  padding-right: 20px;
16 
+}
17 
+table.dataTable.table thead th.sorting:after, table.dataTable.table thead th.sorting_asc:after, table.dataTable.table thead th.sorting_desc:after,
18 
+table.dataTable.table thead td.sorting:after,
19 
+table.dataTable.table thead td.sorting_asc:after,
20 
+table.dataTable.table thead td.sorting_desc:after {
21 
+  position: absolute;
22 
+  top: 12px;
23 
+  right: 8px;
24 
+  display: block;
25 
+  font-family: Icons;
26 
+}
27 
+table.dataTable.table thead th.sorting:after,
28 
+table.dataTable.table thead td.sorting:after {
29 
+  content: "\f0dc";
30 
+  color: #ddd;
31 
+  font-size: 0.8em;
32 
+}
33 
+table.dataTable.table thead th.sorting_asc:after,
34 
+table.dataTable.table thead td.sorting_asc:after {
35 
+  content: "\f0de";
36 
+}
37 
+table.dataTable.table thead th.sorting_desc:after,
38 
+table.dataTable.table thead td.sorting_desc:after {
39 
+  content: "\f0dd";
40 
+}
41 
+table.dataTable.table td,
42 
+table.dataTable.table th {
43 
+  -webkit-box-sizing: content-box;
44 
+  box-sizing: content-box;
45 
+}
46 
+table.dataTable.table td.dataTables_empty,
47 
+table.dataTable.table th.dataTables_empty {
48 
+  text-align: center;
49 
+}
50 
+table.dataTable.table.nowrap th,
51 
+table.dataTable.table.nowrap td {
52 
+  white-space: nowrap;
53 
+}
54 
+
55 
+div.dataTables_wrapper div.dataTables_length select {
56 
+  vertical-align: middle;
57 
+  min-height: 2.7142em;
58 
+}
59 
+div.dataTables_wrapper div.dataTables_length .ui.selection.dropdown {
60 
+  min-width: 0;
61 
+}
62 
+div.dataTables_wrapper div.dataTables_filter span.input {
63 
+  margin-left: 0.5em;
64 
+}
65 
+div.dataTables_wrapper div.dataTables_info {
66 
+  padding-top: 13px;
67 
+  white-space: nowrap;
68 
+}
69 
+div.dataTables_wrapper div.dataTables_processing {
70 
+  position: absolute;
71 
+  top: 50%;
72 
+  left: 50%;
73 
+  width: 200px;
74 
+  margin-left: -100px;
75 
+  text-align: center;
76 
+}
77 
+div.dataTables_wrapper div.row.dt-table {
78 
+  padding: 0;
79 
+}
80 
+div.dataTables_wrapper div.dataTables_scrollHead table.dataTable {
81 
+  border-bottom-right-radius: 0;
82 
+  border-bottom-left-radius: 0;
83 
+  border-bottom: none;
84 
+}
85 
+div.dataTables_wrapper div.dataTables_scrollBody thead .sorting:after,
86 
+div.dataTables_wrapper div.dataTables_scrollBody thead .sorting_asc:after,
87 
+div.dataTables_wrapper div.dataTables_scrollBody thead .sorting_desc:after {
88 
+  display: none;
89 
+}
90 
+div.dataTables_wrapper div.dataTables_scrollBody table.dataTable {
91 
+  border-radius: 0;
92 
+  border-top: none;
93 
+  border-bottom-width: 0;
94 
+}
95 
+div.dataTables_wrapper div.dataTables_scrollBody table.dataTable.no-footer {
96 
+  border-bottom-width: 1px;
97 
+}
98 
+div.dataTables_wrapper div.dataTables_scrollFoot table.dataTable {
99 
+  border-top-right-radius: 0;
100 
+  border-top-left-radius: 0;
101 
+  border-top: none;
102 
+}

File diff suppressed because it is too large
+ 1 - 0
css/dataTables.semanticui.min.css


File diff suppressed because it is too large
+ 2337 - 0
css/font-awesome.css


File diff suppressed because it is too large
+ 4 - 0
css/font-awesome.min.css


+ 448 - 0
css/jquery.dataTables.css
View File 

@@ -0,0 +1,448 @@
1 
+/*
2 
+ * Table styles
3 
+ */
4 
+table.dataTable {
5 
+  width: 100%;
6 
+  margin: 0 auto;
7 
+  clear: both;
8 
+  border-collapse: separate;
9 
+  border-spacing: 0;
10 
+  /*
11 
+   * Header and footer styles
12 
+   */
13 
+  /*
14 
+   * Body styles
15 
+   */
16 
+}
17 
+table.dataTable thead th,
18 
+table.dataTable tfoot th {
19 
+  font-weight: bold;
20 
+}
21 
+table.dataTable thead th,
22 
+table.dataTable thead td {
23 
+  padding: 10px 18px;
24 
+  border-bottom: 1px solid #111;
25 
+}
26 
+table.dataTable thead th:active,
27 
+table.dataTable thead td:active {
28 
+  outline: none;
29 
+}
30 
+table.dataTable tfoot th,
31 
+table.dataTable tfoot td {
32 
+  padding: 10px 18px 6px 18px;
33 
+  border-top: 1px solid #111;
34 
+}
35 
+table.dataTable thead .sorting,
36 
+table.dataTable thead .sorting_asc,
37 
+table.dataTable thead .sorting_desc,
38 
+table.dataTable thead .sorting_asc_disabled,
39 
+table.dataTable thead .sorting_desc_disabled {
40 
+  cursor: pointer;
41 
+  *cursor: hand;
42 
+  background-repeat: no-repeat;
43 
+  background-position: center right;
44 
+}
45 
+table.dataTable thead .sorting {
46 
+  background-image: url("../images/sort_both.png");
47 
+}
48 
+table.dataTable thead .sorting_asc {
49 
+  background-image: url("../images/sort_asc.png");
50 
+}
51 
+table.dataTable thead .sorting_desc {
52 
+  background-image: url("../images/sort_desc.png");
53 
+}
54 
+table.dataTable thead .sorting_asc_disabled {
55 
+  background-image: url("../images/sort_asc_disabled.png");
56 
+}
57 
+table.dataTable thead .sorting_desc_disabled {
58 
+  background-image: url("../images/sort_desc_disabled.png");
59 
+}
60 
+table.dataTable tbody tr {
61 
+  background-color: #ffffff;
62 
+}
63 
+table.dataTable tbody tr.selected {
64 
+  background-color: #B0BED9;
65 
+}
66 
+table.dataTable tbody th,
67 
+table.dataTable tbody td {
68 
+  padding: 8px 10px;
69 
+}
70 
+table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
71 
+  border-top: 1px solid #ddd;
72 
+}
73 
+table.dataTable.row-border tbody tr:first-child th,
74 
+table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
75 
+table.dataTable.display tbody tr:first-child td {
76 
+  border-top: none;
77 
+}
78 
+table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
79 
+  border-top: 1px solid #ddd;
80 
+  border-right: 1px solid #ddd;
81 
+}
82 
+table.dataTable.cell-border tbody tr th:first-child,
83 
+table.dataTable.cell-border tbody tr td:first-child {
84 
+  border-left: 1px solid #ddd;
85 
+}
86 
+table.dataTable.cell-border tbody tr:first-child th,
87 
+table.dataTable.cell-border tbody tr:first-child td {
88 
+  border-top: none;
89 
+}
90 
+table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
91 
+  background-color: #f9f9f9;
92 
+}
93 
+table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
94 
+  background-color: #acbad4;
95 
+}
96 
+table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
97 
+  background-color: #f6f6f6;
98 
+}
99 
+table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
100 
+  background-color: #aab7d1;
101 
+}
102 
+table.dataTable.order-column tbody tr > .sorting_1,
103 
+table.dataTable.order-column tbody tr > .sorting_2,
104 
+table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
105 
+table.dataTable.display tbody tr > .sorting_2,
106 
+table.dataTable.display tbody tr > .sorting_3 {
107 
+  background-color: #fafafa;
108 
+}
109 
+table.dataTable.order-column tbody tr.selected > .sorting_1,
110 
+table.dataTable.order-column tbody tr.selected > .sorting_2,
111 
+table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
112 
+table.dataTable.display tbody tr.selected > .sorting_2,
113 
+table.dataTable.display tbody tr.selected > .sorting_3 {
114 
+  background-color: #acbad5;
115 
+}
116 
+table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
117 
+  background-color: #f1f1f1;
118 
+}
119 
+table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
120 
+  background-color: #f3f3f3;
121 
+}
122 
+table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
123 
+  background-color: whitesmoke;
124 
+}
125 
+table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
126 
+  background-color: #a6b4cd;
127 
+}
128 
+table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
129 
+  background-color: #a8b5cf;
130 
+}
131 
+table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
132 
+  background-color: #a9b7d1;
133 
+}
134 
+table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
135 
+  background-color: #fafafa;
136 
+}
137 
+table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
138 
+  background-color: #fcfcfc;
139 
+}
140 
+table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
141 
+  background-color: #fefefe;
142 
+}
143 
+table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
144 
+  background-color: #acbad5;
145 
+}
146 
+table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
147 
+  background-color: #aebcd6;
148 
+}
149 
+table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
150 
+  background-color: #afbdd8;
151 
+}
152 
+table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
153 
+  background-color: #eaeaea;
154 
+}
155 
+table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
156 
+  background-color: #ececec;
157 
+}
158 
+table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
159 
+  background-color: #efefef;
160 
+}
161 
+table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
162 
+  background-color: #a2aec7;
163 
+}
164 
+table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
165 
+  background-color: #a3b0c9;
166 
+}
167 
+table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
168 
+  background-color: #a5b2cb;
169 
+}
170 
+table.dataTable.no-footer {
171 
+  border-bottom: 1px solid #111;
172 
+}
173 
+table.dataTable.nowrap th, table.dataTable.nowrap td {
174 
+  white-space: nowrap;
175 
+}
176 
+table.dataTable.compact thead th,
177 
+table.dataTable.compact thead td {
178 
+  padding: 4px 17px 4px 4px;
179 
+}
180 
+table.dataTable.compact tfoot th,
181 
+table.dataTable.compact tfoot td {
182 
+  padding: 4px;
183 
+}
184 
+table.dataTable.compact tbody th,
185 
+table.dataTable.compact tbody td {
186 
+  padding: 4px;
187 
+}
188 
+table.dataTable th.dt-left,
189 
+table.dataTable td.dt-left {
190 
+  text-align: left;
191 
+}
192 
+table.dataTable th.dt-center,
193 
+table.dataTable td.dt-center,
194 
+table.dataTable td.dataTables_empty {
195 
+  text-align: center;
196 
+}
197 
+table.dataTable th.dt-right,
198 
+table.dataTable td.dt-right {
199 
+  text-align: right;
200 
+}
201 
+table.dataTable th.dt-justify,
202 
+table.dataTable td.dt-justify {
203 
+  text-align: justify;
204 
+}
205 
+table.dataTable th.dt-nowrap,
206 
+table.dataTable td.dt-nowrap {
207 
+  white-space: nowrap;
208 
+}
209 
+table.dataTable thead th.dt-head-left,
210 
+table.dataTable thead td.dt-head-left,
211 
+table.dataTable tfoot th.dt-head-left,
212 
+table.dataTable tfoot td.dt-head-left {
213 
+  text-align: left;
214 
+}
215 
+table.dataTable thead th.dt-head-center,
216 
+table.dataTable thead td.dt-head-center,
217 
+table.dataTable tfoot th.dt-head-center,
218 
+table.dataTable tfoot td.dt-head-center {
219 
+  text-align: center;
220 
+}
221 
+table.dataTable thead th.dt-head-right,
222 
+table.dataTable thead td.dt-head-right,
223 
+table.dataTable tfoot th.dt-head-right,
224 
+table.dataTable tfoot td.dt-head-right {
225 
+  text-align: right;
226 
+}
227 
+table.dataTable thead th.dt-head-justify,
228 
+table.dataTable thead td.dt-head-justify,
229 
+table.dataTable tfoot th.dt-head-justify,
230 
+table.dataTable tfoot td.dt-head-justify {
231 
+  text-align: justify;
232 
+}
233 
+table.dataTable thead th.dt-head-nowrap,
234 
+table.dataTable thead td.dt-head-nowrap,
235 
+table.dataTable tfoot th.dt-head-nowrap,
236 
+table.dataTable tfoot td.dt-head-nowrap {
237 
+  white-space: nowrap;
238 
+}
239 
+table.dataTable tbody th.dt-body-left,
240 
+table.dataTable tbody td.dt-body-left {
241 
+  text-align: left;
242 
+}
243 
+table.dataTable tbody th.dt-body-center,
244 
+table.dataTable tbody td.dt-body-center {
245 
+  text-align: center;
246 
+}
247 
+table.dataTable tbody th.dt-body-right,
248 
+table.dataTable tbody td.dt-body-right {
249 
+  text-align: right;
250 
+}
251 
+table.dataTable tbody th.dt-body-justify,
252 
+table.dataTable tbody td.dt-body-justify {
253 
+  text-align: justify;
254 
+}
255 
+table.dataTable tbody th.dt-body-nowrap,
256 
+table.dataTable tbody td.dt-body-nowrap {
257 
+  white-space: nowrap;
258 
+}
259 
+
260 
+table.dataTable,
261 
+table.dataTable th,
262 
+table.dataTable td {
263 
+  box-sizing: content-box;
264 
+}
265 
+
266 
+/*
267 
+ * Control feature layout
268 
+ */
269 
+.dataTables_wrapper {
270 
+  position: relative;
271 
+  clear: both;
272 
+  *zoom: 1;
273 
+  zoom: 1;
274 
+}
275 
+.dataTables_wrapper .dataTables_length {
276 
+  float: left;
277 
+}
278 
+.dataTables_wrapper .dataTables_filter {
279 
+  float: right;
280 
+  text-align: right;
281 
+}
282 
+.dataTables_wrapper .dataTables_filter input {
283 
+  margin-left: 0.5em;
284 
+}
285 
+.dataTables_wrapper .dataTables_info {
286 
+  clear: both;
287 
+  float: left;
288 
+  padding-top: 0.755em;
289 
+}
290 
+.dataTables_wrapper .dataTables_paginate {
291 
+  float: right;
292 
+  text-align: right;
293 
+  padding-top: 0.25em;
294 
+}
295 
+.dataTables_wrapper .dataTables_paginate .paginate_button {
296 
+  box-sizing: border-box;
297 
+  display: inline-block;
298 
+  min-width: 1.5em;
299 
+  padding: 0.5em 1em;
300 
+  margin-left: 2px;
301 
+  text-align: center;
302 
+  text-decoration: none !important;
303 
+  cursor: pointer;
304 
+  *cursor: hand;
305 
+  color: #333 !important;
306 
+  border: 1px solid transparent;
307 
+  border-radius: 2px;
308 
+}
309 
+.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
310 
+  color: #333 !important;
311 
+  border: 1px solid #979797;
312 
+  background-color: white;
313 
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
314 
+  /* Chrome,Safari4+ */
315 
+  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
316 
+  /* Chrome10+,Safari5.1+ */
317 
+  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
318 
+  /* FF3.6+ */
319 
+  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
320 
+  /* IE10+ */
321 
+  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
322 
+  /* Opera 11.10+ */
323 
+  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
324 
+  /* W3C */
325 
+}
326 
+.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
327 
+  cursor: default;
328 
+  color: #666 !important;
329 
+  border: 1px solid transparent;
330 
+  background: transparent;
331 
+  box-shadow: none;
332 
+}
333 
+.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
334 
+  color: white !important;
335 
+  border: 1px solid #111;
336 
+  background-color: #585858;
337 
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
338 
+  /* Chrome,Safari4+ */
339 
+  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
340 
+  /* Chrome10+,Safari5.1+ */
341 
+  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
342 
+  /* FF3.6+ */
343 
+  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
344 
+  /* IE10+ */
345 
+  background: -o-linear-gradient(top, #585858 0%, #111 100%);
346 
+  /* Opera 11.10+ */
347 
+  background: linear-gradient(to bottom, #585858 0%, #111 100%);
348 
+  /* W3C */
349 
+}
350 
+.dataTables_wrapper .dataTables_paginate .paginate_button:active {
351 
+  outline: none;
352 
+  background-color: #2b2b2b;
353 
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
354 
+  /* Chrome,Safari4+ */
355 
+  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
356 
+  /* Chrome10+,Safari5.1+ */
357 
+  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
358 
+  /* FF3.6+ */
359 
+  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
360 
+  /* IE10+ */
361 
+  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
362 
+  /* Opera 11.10+ */
363 
+  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
364 
+  /* W3C */
365 
+  box-shadow: inset 0 0 3px #111;
366 
+}
367 
+.dataTables_wrapper .dataTables_paginate .ellipsis {
368 
+  padding: 0 1em;
369 
+}
370 
+.dataTables_wrapper .dataTables_processing {
371 
+  position: absolute;
372 
+  top: 50%;
373 
+  left: 50%;
374 
+  width: 100%;
375 
+  height: 40px;
376 
+  margin-left: -50%;
377 
+  margin-top: -25px;
378 
+  padding-top: 20px;
379 
+  text-align: center;
380 
+  font-size: 1.2em;
381 
+  background-color: white;
382 
+  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
383 
+  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
384 
+  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
385 
+  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
386 
+  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
387 
+  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
388 
+}
389 
+.dataTables_wrapper .dataTables_length,
390 
+.dataTables_wrapper .dataTables_filter,
391 
+.dataTables_wrapper .dataTables_info,
392 
+.dataTables_wrapper .dataTables_processing,
393 
+.dataTables_wrapper .dataTables_paginate {
394 
+  color: #333;
395 
+}
396 
+.dataTables_wrapper .dataTables_scroll {
397 
+  clear: both;
398 
+}
399 
+.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
400 
+  *margin-top: -1px;
401 
+  -webkit-overflow-scrolling: touch;
402 
+}
403 
+.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
404 
+  vertical-align: middle;
405 
+}
406 
+.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
407 
+.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
408 
+.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
409 
+  height: 0;
410 
+  overflow: hidden;
411 
+  margin: 0 !important;
412 
+  padding: 0 !important;
413 
+}
414 
+.dataTables_wrapper.no-footer .dataTables_scrollBody {
415 
+  border-bottom: 1px solid #111;
416 
+}
417 
+.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
418 
+.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
419 
+  border-bottom: none;
420 
+}
421 
+.dataTables_wrapper:after {
422 
+  visibility: hidden;
423 
+  display: block;
424 
+  content: "";
425 
+  clear: both;
426 
+  height: 0;
427 
+}
428 
+
429 
+@media screen and (max-width: 767px) {
430 
+  .dataTables_wrapper .dataTables_info,
431 
+  .dataTables_wrapper .dataTables_paginate {
432 
+    float: none;
433 
+    text-align: center;
434 
+  }
435 
+  .dataTables_wrapper .dataTables_paginate {
436 
+    margin-top: 0.5em;
437 
+  }
438 
+}
439 
+@media screen and (max-width: 640px) {
440 
+  .dataTables_wrapper .dataTables_length,
441 
+  .dataTables_wrapper .dataTables_filter {
442 
+    float: none;
443 
+    text-align: center;
444 
+  }
445 
+  .dataTables_wrapper .dataTables_filter {
446 
+    margin-top: 0.5em;
447 
+  }
448 
+}

File diff suppressed because it is too large
+ 1 - 0
css/jquery.dataTables.min.css


+ 17 - 0
css/style_admin.css
View File 

@@ -0,0 +1,17 @@
1 
+*{margin:0px;padding:0px;text-decoration:none;list-style:none;font-family:arial;}
2 
+body{background:#eee;}
3 
+.content_sidebar_left{width:275px;}
4 
+.content_sidebar_top{width:calc(100% - 275px);height:60px;border:1px solid #ccc;box-shadow:0px 0px 2px 2px #888;}
5 
+.content_float{overflow:hidden;}
6 
+.content_sidebar_left{width: 275px;height: 100vh;float: left;background:#0a003a;}
7 
+.content_sidebar_top{width: calc(100% - 275px);height: 60px;float: right;border: 0px;box-shadow: none;background: #FFF;}
8 
+.content_float_sidebar{width:100%;}
9 
+._container{padding:20px 20px;display:flex;}
10 
+.sidebar_picture{max-height: 64px;display: block;margin: auto;margin-top: 30px;border-radius: 50%;}
11 
+.white{color:#FFF;}
12 
+.center{text-align:center;}
13 
+.margin{display:block;margin:auto;}
14 
+.menu_sidebar_left i,.menu_sidebar_left span{color:#969c99;}
15 
+.menu_sidebar_left li{padding: 16px 35px;display: flex;align-items: center;cursor:pointer;}
16 
+.menu_sidebar_left i{margin-right:10px;}
17 
+.menu_sidebar_left li:hover i,.menu_sidebar_left li:hover span{color:#FFF !important;}

BIN
fonts/.DS_Store
View File


BIN
fonts/FontAwesome.otf
View File


BIN
fonts/Gudea-Regular.ttf
View File


BIN
fonts/fontawesome-webfont.eot
View File


File diff suppressed because it is too large
+ 2671 - 0
fonts/fontawesome-webfont.svg


BIN
fonts/fontawesome-webfont.ttf
View File


BIN
fonts/fontawesome-webfont.woff
View File


BIN
fonts/fontawesome-webfont.woff2
View File


BIN
fonts/glyphicons-halflings-regular.eot
View File


File diff suppressed because it is too large
+ 288 - 0
fonts/glyphicons-halflings-regular.svg


BIN
fonts/glyphicons-halflings-regular.ttf
View File


BIN
fonts/glyphicons-halflings-regular.woff
View File


BIN
fonts/glyphicons-halflings-regular.woff2
View File


+ 3 - 0
footer.php
View File 

@@ -0,0 +1,3 @@
1 
+<div class="footerinfo">
2 
+	<p>Developed by Grupo DIT</p>
3 
+</div>

+ 38 - 0
forgot-password.php
View File 

@@ -0,0 +1,38 @@
1 
+<head>
2 
+    <meta charset="utf-8">
3 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
4 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
5 
+    <title>Recuperar contraseña - Dashboard</title>
6 
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
7 
+    <link rel="stylesheet" href="css/all.css">
8 
+    <link rel="stylesheet" href="css/font-awesome.min.css">
9 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.css">
10 
+    <script src="js/jquery.min.js"></script>
11 
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
12 
+    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.css"/>
13 
+    <script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.js"></script>
14 
+    <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"></script>
15 
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
16 
+
17 
+</head>
18 
+<section class="error_page">
19 
+    <div class="page_notfound">
20 
+        <div class="row">
21 
+            <div class="col-md-12">
22 
+                <div class="contenedor_restore">
23 
+                    <div class="logo">
24 
+                        <img src="images/logo.png">
25 
+                    </div>
26 
+                    <div class="form_restore">
27 
+                        <h1>¿Olvidaste tu contraseña?</h1>
28 
+                        <p>Ingresa tu correo electrónico a continuación y te estaremos enviando instrucciones para cambiar tu contraseña.</p>
29 
+                        <form>
30 
+                            <input type="email" name="mail" placeholder="Ingresa tu correo electrónico" required>
31 
+                            <button class="restore_btn" type="submit">Enviar</button>
32 
+                        </form>
33 
+                    </div>
34 
+                </div>
35 
+            </div>
36 
+        </div>
37 
+    </div>
38 
+</section>

+ 205 - 0
header.php
View File 

@@ -0,0 +1,205 @@
1 
+            <nav class="navbar navbar-expand-lg navbar-light">
2 
+                <div class="container-fluid">
3 
+
4 
+                    <button type="button" id="sidebarCollapse" class="btncollapse">
5 
+                        <i class="fas fa-bars"></i>
6 
+                    </button>
7 
+                    <button type="button" id="dashboardfull" class="btncollapse" onclick="openFullscreen();">
8 
+                        <i class="fa fa-expand" aria-hidden="true"></i>
9 
+                    </button>
10 
+                    <button class="btn btn-dark d-inline-block d-lg-none ml-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
11 
+                        <i class="fas fa-align-justify"></i>
12 
+                    </button>
13 
+
14 
+                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
15 
+                        <ul class="nav navbar-nav ml-auto">
16 
+                            <li id="mensajes" class="nav-item">
17 
+                                <a class="nav-link" id="dropdownMensajes" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="far fa-envelope-open"></i></a>
18 
+                                <div class="dropdown-menu dropdown-menu-right dropdown_noti" aria-labelledby="dropdownMensajes">
19 
+                                    <div class="body_drop_message" tooltip-location="top" tooltip-animate tooltip="Hola, necesito asistencia en una de las secciones del sistema.">
20 
+                                        <div class="row">
21 
+                                            <div class="col-md-2">
22 
+                                                <div class="rounded-pic">
23 
+                                                    <img src="images/man_2.png" alt="">
24 
+                                                </div>
25 
+                                            </div>
26 
+                                            <div class="col-md-6">
27 
+                                                <h1>John Doe</h1>
28 
+                                                <p>Hola, necesito asistencia en una de las secciones del sistema.</p>
29 
+                                            </div>
30 
+                                            <div class="col-md-4 panel_time_notification">
31 
+                                                <a href="mensajes.php"><p>Hace 10 minutos.</p></a>
32 
+                                            </div>
33 
+                                        </div>
34 
+                                    </div>
35 
+                                    <div class="body_drop_message" tooltip-location="top" tooltip-animate tooltip="Hola, necesito una reunión con el gerente general.">
36 
+                                        <div class="row">
37 
+                                            <div class="col-md-2">
38 
+                                                <div class="rounded-pic">
39 
+                                                    <img src="images/man_2.png" alt="">
40 
+                                                </div>
41 
+                                            </div>
42 
+                                            <div class="col-md-6">
43 
+                                                <h1>The Rock</h1>
44 
+                                                <p>Hola, necesito una reunión con el gerente general.</p>
45 
+                                            </div>
46 
+                                            <div class="col-md-4 panel_time_notification">
47 
+                                                <a href="mensajes.php"><p>Hace 22 minutos.</p></a>
48 
+                                            </div>
49 
+                                        </div>
50 
+                                    </div>
51 
+                                    <div class="body_drop_message" tooltip-location="top" tooltip-animate tooltip="Hola, estoy buscando a la persona que secuestró a mi perro.">
52 
+                                        <div class="row">
53 
+                                            <div class="col-md-2">
54 
+                                                <div class="rounded-pic">
55 
+                                                    <img src="images/man_2.png" alt="">
56 
+                                                </div>
57 
+                                            </div>
58 
+                                            <div class="col-md-6">
59 
+                                                <h1>John Whick</h1>
60 
+                                                <p>Hola, estoy buscando a la persona que secuestró a mi perro.</p>
61 
+                                            </div>
62 
+                                            <div class="col-md-4 panel_time_notification">
63 
+                                                <a href="mensajes.php"><p>Hace 10 minutos.</p></a>
64 
+                                            </div>
65 
+                                        </div>
66 
+                                    </div>
67 
+                                    <div class="body_drop_message" tooltip-location="top" tooltip-animate tooltip="Hola, necesito realizar una queja con el departamento de taller, mi ferrari falló.">
68 
+                                        <div class="row">
69 
+                                            <div class="col-md-2">
70 
+                                                <div class="rounded-pic">
71 
+                                                    <img src="images/man_2.png" alt="">
72 
+                                                </div>
73 
+                                            </div>
74 
+                                            <div class="col-md-6">
75 
+                                                <h1>Paul Walker</h1>
76 
+                                                <p>Hola, necesito realizar una queja con el departamento de taller, mi ferrari falló.</p>
77 
+                                            </div>
78 
+                                            <div class="col-md-4 panel_time_notification">
79 
+                                                <a href="mensajes.php"><p>Hace 10 minutos.</p></a>
80 
+                                            </div>
81 
+                                        </div>
82 
+                                    </div>
83 
+                                </div>
84 
+                            </li>
85 
+                            <li class="nav-item">
86 
+                                <a class="nav-link" id="dropdownNotificaciones" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="far fa-bell"></i></a>
87 
+                                <div class="dropdown-menu dropdown-menu-right dropdown_noti" aria-labelledby="dropdownNotificaciones">
88 
+                                    <div class="body_drop_notification">
89 
+                                        <div class="row">
90 
+                                            <div class="col-md-2">
91 
+                                                <div class="rounded-pic">
92 
+                                                    <img src="images/man.png" alt="">
93 
+                                                </div>
94 
+                                            </div>
95 
+                                            <div class="col-md-6">
96 
+                                                <h1>Fernando Vásquez</h1>
97 
+                                                <p>He cambiado el nombre de una plaza manualmente.</p>
98 
+                                            </div>
99 
+                                            <div class="col-md-4 panel_time_notification">
100 
+                                                <a href="#" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
101 
+                                            </div>
102 
+                                        </div>
103 
+                                    </div>
104 
+                                    <div class="body_drop_notification">
105 
+                                        <div class="row">
106 
+                                            <div class="col-md-2">
107 
+                                                <div class="rounded-pic">
108 
+                                                    <img src="images/man.png" alt="">
109 
+                                                </div>
110 
+                                            </div>
111 
+                                            <div class="col-md-6">
112 
+                                                <h1>Fernando Vásquez</h1>
113 
+                                                <p>He cambiado el nombre de una plaza manualmente.</p>
114 
+                                            </div>
115 
+                                            <div class="col-md-4 panel_time_notification">
116 
+                                                <a href="#" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
117 
+                                            </div>
118 
+                                        </div>
119 
+                                    </div>
120 
+                                    <div class="body_drop_notification">
121 
+                                        <div class="row">
122 
+                                            <div class="col-md-2">
123 
+                                                <div class="rounded-pic">
124 
+                                                    <img src="images/man.png" alt="">
125 
+                                                </div>
126 
+                                            </div>
127 
+                                            <div class="col-md-6">
128 
+                                                <h1>Fernando Vásquez</h1>
129 
+                                                <p>He cambiado el nombre de una plaza manualmente.</p>
130 
+                                            </div>
131 
+                                            <div class="col-md-4 panel_time_notification">
132 
+                                                <a href="#" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
133 
+                                            </div>
134 
+                                        </div>
135 
+                                    </div>
136 
+                                    <div class="body_drop_notification">
137 
+                                        <div class="row">
138 
+                                            <div class="col-md-2">
139 
+                                                <div class="rounded-pic">
140 
+                                                    <img src="images/man.png" alt="">
141 
+                                                </div>
142 
+                                            </div>
143 
+                                            <div class="col-md-6">
144 
+                                                <h1>Fernando Vásquez</h1>
145 
+                                                <p>He cambiado el nombre de una plaza manualmente.</p>
146 
+                                            </div>
147 
+                                            <div class="col-md-4 panel_time_notification">
148 
+                                                <a href="#" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
149 
+                                            </div>
150 
+                                        </div>
151 
+                                    </div>
152 
+                                    <div class="body_drop_notification">
153 
+                                        <div class="row">
154 
+                                            <div class="col-md-2">
155 
+                                                <div class="rounded-pic">
156 
+                                                    <img src="images/man.png" alt="">
157 
+                                                </div>
158 
+                                            </div>
159 
+                                            <div class="col-md-6">
160 
+                                                <h1>Fernando Vásquez</h1>
161 
+                                                <p>He cambiado el nombre de una plaza manualmente.</p>
162 
+                                            </div>
163 
+                                            <div class="col-md-4 panel_time_notification">
164 
+                                                <a href="#" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
165 
+                                            </div>
166 
+                                        </div>
167 
+                                    </div>
168 
+                                </div>
169 
+                            </li>
170 
+                            <li class="nav-item">
171 
+                                <a class="btn-drop" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
172 
+                                    <div class="rounded-pic">
173 
+                                        <img src="images/man.png" alt="">
174 
+                                    </div>
175 
+                                </a>
176 
+                                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
177 
+                                    <a class="dropdown-item" href="perfil.php">Perfil</a>
178 
+                                    <a class="dropdown-item" href="configuraciones.php">Configuraciones</a>
179 
+                                    <a class="dropdown-item" href="login.php">Cerrar sesión</a>
180 
+                                </div>
181 
+                            </li>
182 
+                        </ul>
183 
+                    </div>
184 
+                </div>
185 
+            </nav>
186 
+
187 
+  <!-- Modal ver notificaciones-->
188 
+<div class="modal fade" id="verNotificacion" role="dialog">
189 
+    <div class="modal-dialog">
190 
+
191 
+      <!-- Modal content-->
192 
+      <div class="modal-content">
193 
+        <div class="modal-header">
194 
+          <button type="button" class="close" data-dismiss="modal">&times;</button>
195 
+          <h4 class="modal-title">Notificaciones</h4>
196 
+        </div>
197 
+        <div class="modal-body">
198 
+            <div class="data_notification">
199 
+                <h1>Fernando Vásquez</h1>
200 
+                <p>Ha publicado una plaza</p>
201 
+            </div>
202 
+        </div>
203 
+      </div>
204 
+    </div>
205 
+</div>

BIN
images/login.jpg
View File


BIN
images/login.png
View File


BIN
images/logo.png
View File


BIN
images/man.png
View File


BIN
images/man_2.png
View File


BIN
images/not_found.png
View File


BIN
images/sort_asc.png
View File


BIN
images/sort_asc_disabled.png
View File


BIN
images/sort_both.png
View File


BIN
images/sort_desc.png
View File


BIN
images/sort_desc_disabled.png
View File


+ 286 - 0
index.php
View File 

@@ -0,0 +1,286 @@
1 
+<?php include('sidebar.php') ?>
2 
+<div id="content">
3 
+    <?php include('header.php') ?>
4 
+    <div class="content-section">
5 
+        <div class="main">
6 
+            <div class="row">
7 
+                <div class="col-md-4">
8 
+                    <div class="panel">
9 
+                        <h1>Reporte últimos 30 días</h1>
10 
+                        <canvas id="myChart" width="400" height="400"></canvas>
11 
+                    </div>
12 
+                </div>
13 
+                <div class="col-md-4">
14 
+                    <div class="panel">
15 
+                        <h1>Reporte última semana</h1>
16 
+                        <canvas id="myChart1" width="400" height="400"></canvas>
17 
+                    </div>
18 
+                </div>
19 
+                <div class="col-md-4">
20 
+                    <div class="panel">
21 
+                        <h1>Reporte diario</h1>
22 
+                        <canvas id="myChart2" width="400" height="400"></canvas>
23 
+                    </div>
24 
+                </div>
25 
+            </div>
26 
+            <div class="row">
27 
+                <div class="col-md-4">
28 
+                    <div class="panel">
29 
+                        <h1>Reporte últimos 30 días</h1>
30 
+                        <canvas id="myChart3" width="400" height="400"></canvas>
31 
+                    </div>
32 
+                </div>
33 
+                <div class="col-md-4">
34 
+                    <div class="panel">
35 
+                        <h1>Reporte última semana</h1>
36 
+                        <canvas id="myChart4" width="400" height="400"></canvas>
37 
+                    </div>
38 
+                </div>
39 
+                <div class="col-md-4">
40 
+                    <div class="panel">
41 
+                        <h1>Reporte diario</h1>
42 
+                        <canvas id="myChart5" width="400" height="400"></canvas>
43 
+                    </div>
44 
+                </div>
45 
+            </div>
46 
+        </div>
47 
+        <?php include('footer.php') ?>
48 
+    </div>
49 
+</div>
50 
+
51 
+<script>
52 
+var ctx = document.getElementById("myChart").getContext('2d');
53 
+var myChart = new Chart(ctx, {
54 
+    type: 'bar',
55 
+    data: {
56 
+        labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
57 
+        datasets: [{
58 
+            label: '# of Votes',
59 
+            data: [12, 19, 3, 5, 2, 3],
60 
+            backgroundColor: [
61 
+                'rgba(255, 99, 132, 0.2)',
62 
+                'rgba(54, 162, 235, 0.2)',
63 
+                'rgba(255, 206, 86, 0.2)',
64 
+                'rgba(75, 192, 192, 0.2)',
65 
+                'rgba(153, 102, 255, 0.2)',
66 
+                'rgba(255, 159, 64, 0.2)'
67 
+            ],
68 
+            borderColor: [
69 
+                'rgba(255,99,132,1)',
70 
+                'rgba(54, 162, 235, 1)',
71 
+                'rgba(255, 206, 86, 1)',
72 
+                'rgba(75, 192, 192, 1)',
73 
+                'rgba(153, 102, 255, 1)',
74 
+                'rgba(255, 159, 64, 1)'
75 
+            ],
76 
+            borderWidth: 1
77 
+        }]
78 
+    },
79 
+    options: {
80 
+        scales: {
81 
+            yAxes: [{
82 
+                ticks: {
83 
+                    beginAtZero:true
84 
+                }
85 
+            }]
86 
+        }
87 
+    }
88 
+});
89 
+</script>
90 
+<script>
91 
+var ctx = document.getElementById("myChart1").getContext('2d');
92 
+var myChart = new Chart(ctx, {
93 
+    type: 'bar',
94 
+    data: {
95 
+        labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
96 
+        datasets: [{
97 
+            label: '# of Votes',
98 
+            data: [12, 19, 3, 5, 2, 3],
99 
+            backgroundColor: [
100 
+                'rgba(255, 99, 132, 0.2)',
101 
+                'rgba(54, 162, 235, 0.2)',
102 
+                'rgba(255, 206, 86, 0.2)',
103 
+                'rgba(75, 192, 192, 0.2)',
104 
+                'rgba(153, 102, 255, 0.2)',
105 
+                'rgba(255, 159, 64, 0.2)'
106 
+            ],
107 
+            borderColor: [
108 
+                'rgba(255,99,132,1)',
109 
+                'rgba(54, 162, 235, 1)',
110 
+                'rgba(255, 206, 86, 1)',
111 
+                'rgba(75, 192, 192, 1)',
112 
+                'rgba(153, 102, 255, 1)',
113 
+                'rgba(255, 159, 64, 1)'
114 
+            ],
115 
+            borderWidth: 1
116 
+        }]
117 
+    },
118 
+    options: {
119 
+        scales: {
120 
+            yAxes: [{
121 
+                ticks: {
122 
+                    beginAtZero:true
123 
+                }
124 
+            }]
125 
+        }
126 
+    }
127 
+});
128 
+</script>
129 
+<script>
130 
+var ctx = document.getElementById("myChart2").getContext('2d');
131 
+var myChart = new Chart(ctx, {
132 
+    type: 'bar',
133 
+    data: {
134 
+        labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
135 
+        datasets: [{
136 
+            label: '# of Votes',
137 
+            data: [12, 19, 3, 5, 2, 3],
138 
+            backgroundColor: [
139 
+                'rgba(255, 99, 132, 0.2)',
140 
+                'rgba(54, 162, 235, 0.2)',
141 
+                'rgba(255, 206, 86, 0.2)',
142 
+                'rgba(75, 192, 192, 0.2)',
143 
+                'rgba(153, 102, 255, 0.2)',
144 
+                'rgba(255, 159, 64, 0.2)'
145 
+            ],
146 
+            borderColor: [
147 
+                'rgba(255,99,132,1)',
148 
+                'rgba(54, 162, 235, 1)',
149 
+                'rgba(255, 206, 86, 1)',
150 
+                'rgba(75, 192, 192, 1)',
151 
+                'rgba(153, 102, 255, 1)',
152 
+                'rgba(255, 159, 64, 1)'
153 
+            ],
154 
+            borderWidth: 1
155 
+        }]
156 
+    },
157 
+    options: {
158 
+        scales: {
159 
+            yAxes: [{
160 
+                ticks: {
161 
+                    beginAtZero:true
162 
+                }
163 
+            }]
164 
+        }
165 
+    }
166 
+});
167 
+</script>
168 
+<script>
169 
+var ctx = document.getElementById("myChart3").getContext('2d');
170 
+var myChart = new Chart(ctx, {
171 
+    type: 'bar',
172 
+    data: {
173 
+        labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
174 
+        datasets: [{
175 
+            label: '# of Votes',
176 
+            data: [12, 19, 3, 5, 2, 3],
177 
+            backgroundColor: [
178 
+                'rgba(255, 99, 132, 0.2)',
179 
+                'rgba(54, 162, 235, 0.2)',
180 
+                'rgba(255, 206, 86, 0.2)',
181 
+                'rgba(75, 192, 192, 0.2)',
182 
+                'rgba(153, 102, 255, 0.2)',
183 
+                'rgba(255, 159, 64, 0.2)'
184 
+            ],
185 
+            borderColor: [
186 
+                'rgba(255,99,132,1)',
187 
+                'rgba(54, 162, 235, 1)',
188 
+                'rgba(255, 206, 86, 1)',
189 
+                'rgba(75, 192, 192, 1)',
190 
+                'rgba(153, 102, 255, 1)',
191 
+                'rgba(255, 159, 64, 1)'
192 
+            ],
193 
+            borderWidth: 1
194 
+        }]
195 
+    },
196 
+    options: {
197 
+        scales: {
198 
+            yAxes: [{
199 
+                ticks: {
200 
+                    beginAtZero:true
201 
+                }
202 
+            }]
203 
+        }
204 
+    }
205 
+});
206 
+</script>
207 
+
208 
+<script>
209 
+var ctx = document.getElementById("myChart4").getContext('2d');
210 
+var myChart = new Chart(ctx, {
211 
+    type: 'bar',
212 
+    data: {
213 
+        labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
214 
+        datasets: [{
215 
+            label: '# of Votes',
216 
+            data: [12, 19, 3, 5, 2, 3],
217 
+            backgroundColor: [
218 
+                'rgba(255, 99, 132, 0.2)',
219 
+                'rgba(54, 162, 235, 0.2)',
220 
+                'rgba(255, 206, 86, 0.2)',
221 
+                'rgba(75, 192, 192, 0.2)',
222 
+                'rgba(153, 102, 255, 0.2)',
223 
+                'rgba(255, 159, 64, 0.2)'
224 
+            ],
225 
+            borderColor: [
226 
+                'rgba(255,99,132,1)',
227 
+                'rgba(54, 162, 235, 1)',
228 
+                'rgba(255, 206, 86, 1)',
229 
+                'rgba(75, 192, 192, 1)',
230 
+                'rgba(153, 102, 255, 1)',
231 
+                'rgba(255, 159, 64, 1)'
232 
+            ],
233 
+            borderWidth: 1
234 
+        }]
235 
+    },
236 
+    options: {
237 
+        scales: {
238 
+            yAxes: [{
239 
+                ticks: {
240 
+                    beginAtZero:true
241 
+                }
242 
+            }]
243 
+        }
244 
+    }
245 
+});
246 
+</script>
247 
+
248 
+<script>
249 
+var ctx = document.getElementById("myChart5").getContext('2d');
250 
+var myChart = new Chart(ctx, {
251 
+    type: 'bar',
252 
+    data: {
253 
+        labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
254 
+        datasets: [{
255 
+            label: '# of Votes',
256 
+            data: [12, 19, 3, 5, 2, 3],
257 
+            backgroundColor: [
258 
+                'rgba(255, 99, 132, 0.2)',
259 
+                'rgba(54, 162, 235, 0.2)',
260 
+                'rgba(255, 206, 86, 0.2)',
261 
+                'rgba(75, 192, 192, 0.2)',
262 
+                'rgba(153, 102, 255, 0.2)',
263 
+                'rgba(255, 159, 64, 0.2)'
264 
+            ],
265 
+            borderColor: [
266 
+                'rgba(255,99,132,1)',
267 
+                'rgba(54, 162, 235, 1)',
268 
+                'rgba(255, 206, 86, 1)',
269 
+                'rgba(75, 192, 192, 1)',
270 
+                'rgba(153, 102, 255, 1)',
271 
+                'rgba(255, 159, 64, 1)'
272 
+            ],
273 
+            borderWidth: 1
274 
+        }]
275 
+    },
276 
+    options: {
277 
+        scales: {
278 
+            yAxes: [{
279 
+                ticks: {
280 
+                    beginAtZero:true
281 
+                }
282 
+            }]
283 
+        }
284 
+    }
285 
+});
286 
+</script>

BIN
js/.DS_Store
View File


+ 11 - 0
js/alert.js
View File 

@@ -0,0 +1,11 @@
1 
+
2 
+// $(document).ready(function(){
3 
+
4 
+// $('#alertify').removeClass('alert_display');
5 
+
6 
+// });
7 
+
8 
+
9 
+$('#submit').click(function(){
10 
+$('#alertify').fadeIn('alert_display');
11 
+});

+ 68 - 0
js/animations.js
View File 

@@ -0,0 +1,68 @@
1 
+
2 
+
3 
+
4 
+$(document).ready(function(){
5 
+
6 
+	$(function(){
7 
+     $('a[href*=#]').click(function() {
8 
+     if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
9 
+         && location.hostname == this.hostname) {
10 
+            var $target = $(this.hash);
11 
+            $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
12 
+                if ($target.length) {
13 
+                    var targetOffset = $target.offset().top;
14 
+                    $('html,body').animate({scrollTop: targetOffset}, 1000);
15 
+                    return false;
16 
+                }
17 
+            }
18 
+        });
19 
+    });
20 
+        $(window).scroll(function() {
21 
+
22 
+        // Menu fixed
23 
+        if($(this).scrollTop() > 100){
24 
+            $('.content_menu').addClass('menu_fixed');
25 
+        }else{
26 
+            $('.content_menu').removeClass('menu_fixed');
27 
+        }
28 
+
29 
+        // Resolución superior a 1050px
30 
+        if ($(this).width() >= 1050) {
31 
+            console.log("Heigh: " + $(this).scrollTop());
32 
+
33 
+            if($(this).scrollTop() > 390){
34 
+                $('#inicio').fadeIn(1000);
35 
+            }if($(this).scrollTop() > 960){
36 
+                $('.services_row > div > div').fadeIn(1000);
37 
+            }if($(this).scrollTop() > 2000){
38 
+                $('.porta_body').show('slow');
39 
+            }
40 
+        }
41 
+        // Resolucón de laptop
42 
+        else if($(this).width() < 1050 && $(this).width() >= 800){
43 
+
44 
+        }
45 
+
46 
+        // Resolución Tablet
47 
+        else if($(this).width() < 800 && $(this).width() >= 768){
48 
+
49 
+        }
50 
+
51 
+        // Resolución movil
52 
+        else if($(this).width() < 768 && $(this).width() >= 568){
53 
+
54 
+        }
55 
+        else if($(this).width() < 568){
56 
+
57 
+        }
58 
+    });
59 
+});
60 
+
61 
+
62 
+$( "#header-active" ).find( "li" )
63 
+
64 
+
65 
+
66 
+
67 
+
68 
+

File diff suppressed because it is too large
+ 2 - 0
js/aos.js


File diff suppressed because it is too large
+ 2377 - 0
js/bootstrap.js


File diff suppressed because it is too large
+ 7 - 0
js/bootstrap.min.js


+ 182 - 0
js/dataTables.bootstrap.js
View File 

@@ -0,0 +1,182 @@
1 
+/*! DataTables Bootstrap 3 integration
2 
+ * ©2011-2015 SpryMedia Ltd - datatables.net/license
3 
+ */
4 
+
5 
+/**
6 
+ * DataTables integration for Bootstrap 3. This requires Bootstrap 3 and
7 
+ * DataTables 1.10 or newer.
8 
+ *
9 
+ * This file sets the defaults and adds options to DataTables to style its
10 
+ * controls using Bootstrap. See http://datatables.net/manual/styling/bootstrap
11 
+ * for further information.
12 
+ */
13 
+(function( factory ){
14 
+	if ( typeof define === 'function' && define.amd ) {
15 
+		// AMD
16 
+		define( ['jquery', 'datatables.net'], function ( $ ) {
17 
+			return factory( $, window, document );
18 
+		} );
19 
+	}
20 
+	else if ( typeof exports === 'object' ) {
21 
+		// CommonJS
22 
+		module.exports = function (root, $) {
23 
+			if ( ! root ) {
24 
+				root = window;
25 
+			}
26 
+
27 
+			if ( ! $ || ! $.fn.dataTable ) {
28 
+				// Require DataTables, which attaches to jQuery, including
29 
+				// jQuery if needed and have a $ property so we can access the
30 
+				// jQuery object that is used
31 
+				$ = require('datatables.net')(root, $).$;
32 
+			}
33 
+
34 
+			return factory( $, root, root.document );
35 
+		};
36 
+	}
37 
+	else {
38 
+		// Browser
39 
+		factory( jQuery, window, document );
40 
+	}
41 
+}(function( $, window, document, undefined ) {
42 
+'use strict';
43 
+var DataTable = $.fn.dataTable;
44 
+
45 
+
46 
+/* Set the defaults for DataTables initialisation */
47 
+$.extend( true, DataTable.defaults, {
48 
+	dom:
49 
+		"<'row'<'col-sm-6'l><'col-sm-6'f>>" +
50 
+		"<'row'<'col-sm-12'tr>>" +
51 
+		"<'row'<'col-sm-5'i><'col-sm-7'p>>",
52 
+	renderer: 'bootstrap'
53 
+} );
54 
+
55 
+
56 
+/* Default class modification */
57 
+$.extend( DataTable.ext.classes, {
58 
+	sWrapper:      "dataTables_wrapper form-inline dt-bootstrap",
59 
+	sFilterInput:  "form-control input-sm",
60 
+	sLengthSelect: "form-control input-sm",
61 
+	sProcessing:   "dataTables_processing panel panel-default"
62 
+} );
63 
+
64 
+
65 
+/* Bootstrap paging button renderer */
66 
+DataTable.ext.renderer.pageButton.bootstrap = function ( settings, host, idx, buttons, page, pages ) {
67 
+	var api     = new DataTable.Api( settings );
68 
+	var classes = settings.oClasses;
69 
+	var lang    = settings.oLanguage.oPaginate;
70 
+	var aria = settings.oLanguage.oAria.paginate || {};
71 
+	var btnDisplay, btnClass, counter=0;
72 
+
73 
+	var attach = function( container, buttons ) {
74 
+		var i, ien, node, button;
75 
+		var clickHandler = function ( e ) {
76 
+			e.preventDefault();
77 
+			if ( !$(e.currentTarget).hasClass('disabled') && api.page() != e.data.action ) {
78 
+				api.page( e.data.action ).draw( 'page' );
79 
+			}
80 
+		};
81 
+
82 
+		for ( i=0, ien=buttons.length ; i<ien ; i++ ) {
83 
+			button = buttons[i];
84 
+
85 
+			if ( $.isArray( button ) ) {
86 
+				attach( container, button );
87 
+			}
88 
+			else {
89 
+				btnDisplay = '';
90 
+				btnClass = '';
91 
+
92 
+				switch ( button ) {
93 
+					case 'ellipsis':
94 
+						btnDisplay = '&#x2026;';
95 
+						btnClass = 'disabled';
96 
+						break;
97 
+
98 
+					case 'first':
99 
+						btnDisplay = lang.sFirst;
100 
+						btnClass = button + (page > 0 ?
101 
+							'' : ' disabled');
102 
+						break;
103 
+
104 
+					case 'previous':
105 
+						btnDisplay = lang.sPrevious;
106 
+						btnClass = button + (page > 0 ?
107 
+							'' : ' disabled');
108 
+						break;
109 
+
110 
+					case 'next':
111 
+						btnDisplay = lang.sNext;
112 
+						btnClass = button + (page < pages-1 ?
113 
+							'' : ' disabled');
114 
+						break;
115 
+
116 
+					case 'last':
117 
+						btnDisplay = lang.sLast;
118 
+						btnClass = button + (page < pages-1 ?
119 
+							'' : ' disabled');
120 
+						break;
121 
+
122 
+					default:
123 
+						btnDisplay = button + 1;
124 
+						btnClass = page === button ?
125 
+							'active' : '';
126 
+						break;
127 
+				}
128 
+
129 
+				if ( btnDisplay ) {
130 
+					node = $('<li>', {
131 
+							'class': classes.sPageButton+' '+btnClass,
132 
+							'id': idx === 0 && typeof button === 'string' ?
133 
+								settings.sTableId +'_'+ button :
134 
+								null
135 
+						} )
136 
+						.append( $('<a>', {
137 
+								'href': '#',
138 
+								'aria-controls': settings.sTableId,
139 
+								'aria-label': aria[ button ],
140 
+								'data-dt-idx': counter,
141 
+								'tabindex': settings.iTabIndex
142 
+							} )
143 
+							.html( btnDisplay )
144 
+						)
145 
+						.appendTo( container );
146 
+
147 
+					settings.oApi._fnBindAction(
148 
+						node, {action: button}, clickHandler
149 
+					);
150 
+
151 
+					counter++;
152 
+				}
153 
+			}
154 
+		}
155 
+	};
156 
+
157 
+	// IE9 throws an 'unknown error' if document.activeElement is used
158 
+	// inside an iframe or frame.
159 
+	var activeEl;
160 
+
161 
+	try {
162 
+		// Because this approach is destroying and recreating the paging
163 
+		// elements, focus is lost on the select button which is bad for
164 
+		// accessibility. So we want to restore focus once the draw has
165 
+		// completed
166 
+		activeEl = $(host).find(document.activeElement).data('dt-idx');
167 
+	}
168 
+	catch (e) {}
169 
+
170 
+	attach(
171 
+		$(host).empty().html('<ul class="pagination"/>').children('ul'),
172 
+		buttons
173 
+	);
174 
+
175 
+	if ( activeEl !== undefined ) {
176 
+		$(host).find( '[data-dt-idx='+activeEl+']' ).focus();
177 
+	}
178 
+};
179 
+
180 
+
181 
+return DataTable;
182 
+}));

File diff suppressed because it is too large
+ 8 - 0
js/dataTables.bootstrap.min.js


+ 184 - 0
js/dataTables.bootstrap4.js
View File 

@@ -0,0 +1,184 @@
1 
+/*! DataTables Bootstrap 4 integration
2 
+ * ©2011-2017 SpryMedia Ltd - datatables.net/license
3 
+ */
4 
+
5 
+/**
6 
+ * DataTables integration for Bootstrap 4. This requires Bootstrap 4 and
7 
+ * DataTables 1.10 or newer.
8 
+ *
9 
+ * This file sets the defaults and adds options to DataTables to style its
10 
+ * controls using Bootstrap. See http://datatables.net/manual/styling/bootstrap
11 
+ * for further information.
12 
+ */
13 
+(function( factory ){
14 
+	if ( typeof define === 'function' && define.amd ) {
15 
+		// AMD
16 
+		define( ['jquery', 'datatables.net'], function ( $ ) {
17 
+			return factory( $, window, document );
18 
+		} );
19 
+	}
20 
+	else if ( typeof exports === 'object' ) {
21 
+		// CommonJS
22 
+		module.exports = function (root, $) {
23 
+			if ( ! root ) {
24 
+				root = window;
25 
+			}
26 
+
27 
+			if ( ! $ || ! $.fn.dataTable ) {
28 
+				// Require DataTables, which attaches to jQuery, including
29 
+				// jQuery if needed and have a $ property so we can access the
30 
+				// jQuery object that is used
31 
+				$ = require('datatables.net')(root, $).$;
32 
+			}
33 
+
34 
+			return factory( $, root, root.document );
35 
+		};
36 
+	}
37 
+	else {
38 
+		// Browser
39 
+		factory( jQuery, window, document );
40 
+	}
41 
+}(function( $, window, document, undefined ) {
42 
+'use strict';
43 
+var DataTable = $.fn.dataTable;
44 
+
45 
+
46 
+/* Set the defaults for DataTables initialisation */
47 
+$.extend( true, DataTable.defaults, {
48 
+	dom:
49 
+		"<'row'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>>" +
50 
+		"<'row'<'col-sm-12'tr>>" +
51 
+		"<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
52 
+	renderer: 'bootstrap'
53 
+} );
54 
+
55 
+
56 
+/* Default class modification */
57 
+$.extend( DataTable.ext.classes, {
58 
+	sWrapper:      "dataTables_wrapper dt-bootstrap4",
59 
+	sFilterInput:  "form-control form-control-sm",
60 
+	sLengthSelect: "custom-select custom-select-sm form-control form-control-sm",
61 
+	sProcessing:   "dataTables_processing card",
62 
+	sPageButton:   "paginate_button page-item"
63 
+} );
64 
+
65 
+
66 
+/* Bootstrap paging button renderer */
67 
+DataTable.ext.renderer.pageButton.bootstrap = function ( settings, host, idx, buttons, page, pages ) {
68 
+	var api     = new DataTable.Api( settings );
69 
+	var classes = settings.oClasses;
70 
+	var lang    = settings.oLanguage.oPaginate;
71 
+	var aria = settings.oLanguage.oAria.paginate || {};
72 
+	var btnDisplay, btnClass, counter=0;
73 
+
74 
+	var attach = function( container, buttons ) {
75 
+		var i, ien, node, button;
76 
+		var clickHandler = function ( e ) {
77 
+			e.preventDefault();
78 
+			if ( !$(e.currentTarget).hasClass('disabled') && api.page() != e.data.action ) {
79 
+				api.page( e.data.action ).draw( 'page' );
80 
+			}
81 
+		};
82 
+
83 
+		for ( i=0, ien=buttons.length ; i<ien ; i++ ) {
84 
+			button = buttons[i];
85 
+
86 
+			if ( $.isArray( button ) ) {
87 
+				attach( container, button );
88 
+			}
89 
+			else {
90 
+				btnDisplay = '';
91 
+				btnClass = '';
92 
+
93 
+				switch ( button ) {
94 
+					case 'ellipsis':
95 
+						btnDisplay = '&#x2026;';
96 
+						btnClass = 'disabled';
97 
+						break;
98 
+
99 
+					case 'first':
100 
+						btnDisplay = lang.sFirst;
101 
+						btnClass = button + (page > 0 ?
102 
+							'' : ' disabled');
103 
+						break;
104 
+
105 
+					case 'previous':
106 
+						btnDisplay = lang.sPrevious;
107 
+						btnClass = button + (page > 0 ?
108 
+							'' : ' disabled');
109 
+						break;
110 
+
111 
+					case 'next':
112 
+						btnDisplay = lang.sNext;
113 
+						btnClass = button + (page < pages-1 ?
114 
+							'' : ' disabled');
115 
+						break;
116 
+
117 
+					case 'last':
118 
+						btnDisplay = lang.sLast;
119 
+						btnClass = button + (page < pages-1 ?
120 
+							'' : ' disabled');
121 
+						break;
122 
+
123 
+					default:
124 
+						btnDisplay = button + 1;
125 
+						btnClass = page === button ?
126 
+							'active' : '';
127 
+						break;
128 
+				}
129 
+
130 
+				if ( btnDisplay ) {
131 
+					node = $('<li>', {
132 
+							'class': classes.sPageButton+' '+btnClass,
133 
+							'id': idx === 0 && typeof button === 'string' ?
134 
+								settings.sTableId +'_'+ button :
135 
+								null
136 
+						} )
137 
+						.append( $('<a>', {
138 
+								'href': '#',
139 
+								'aria-controls': settings.sTableId,
140 
+								'aria-label': aria[ button ],
141 
+								'data-dt-idx': counter,
142 
+								'tabindex': settings.iTabIndex,
143 
+								'class': 'page-link'
144 
+							} )
145 
+							.html( btnDisplay )
146 
+						)
147 
+						.appendTo( container );
148 
+
149 
+					settings.oApi._fnBindAction(
150 
+						node, {action: button}, clickHandler
151 
+					);
152 
+
153 
+					counter++;
154 
+				}
155 
+			}
156 
+		}
157 
+	};
158 
+
159 
+	// IE9 throws an 'unknown error' if document.activeElement is used
160 
+	// inside an iframe or frame.
161 
+	var activeEl;
162 
+
163 
+	try {
164 
+		// Because this approach is destroying and recreating the paging
165 
+		// elements, focus is lost on the select button which is bad for
166 
+		// accessibility. So we want to restore focus once the draw has
167 
+		// completed
168 
+		activeEl = $(host).find(document.activeElement).data('dt-idx');
169 
+	}
170 
+	catch (e) {}
171 
+
172 
+	attach(
173 
+		$(host).empty().html('<ul class="pagination"/>').children('ul'),
174 
+		buttons
175 
+	);
176 
+
177 
+	if ( activeEl !== undefined ) {
178 
+		$(host).find( '[data-dt-idx='+activeEl+']' ).focus();
179 
+	}
180 
+};
181 
+
182 
+
183 
+return DataTable;
184 
+}));

File diff suppressed because it is too large
+ 8 - 0
js/dataTables.bootstrap4.min.js


+ 174 - 0
js/dataTables.foundation.js
View File 

@@ -0,0 +1,174 @@
1 
+/*! DataTables Foundation integration
2 
+ * ©2011-2015 SpryMedia Ltd - datatables.net/license
3 
+ */
4 
+
5 
+/**
6 
+ * DataTables integration for Foundation. This requires Foundation 5 and
7 
+ * DataTables 1.10 or newer.
8 
+ *
9 
+ * This file sets the defaults and adds options to DataTables to style its
10 
+ * controls using Foundation. See http://datatables.net/manual/styling/foundation
11 
+ * for further information.
12 
+ */
13 
+(function( factory ){
14 
+	if ( typeof define === 'function' && define.amd ) {
15 
+		// AMD
16 
+		define( ['jquery', 'datatables.net'], function ( $ ) {
17 
+			return factory( $, window, document );
18 
+		} );
19 
+	}
20 
+	else if ( typeof exports === 'object' ) {
21 
+		// CommonJS
22 
+		module.exports = function (root, $) {
23 
+			if ( ! root ) {
24 
+				root = window;
25 
+			}
26 
+
27 
+			if ( ! $ || ! $.fn.dataTable ) {
28 
+				$ = require('datatables.net')(root, $).$;
29 
+			}
30 
+
31 
+			return factory( $, root, root.document );
32 
+		};
33 
+	}
34 
+	else {
35 
+		// Browser
36 
+		factory( jQuery, window, document );
37 
+	}
38 
+}(function( $, window, document, undefined ) {
39 
+'use strict';
40 
+var DataTable = $.fn.dataTable;
41 
+
42 
+// Detect Foundation 5 / 6 as they have different element and class requirements
43 
+var meta = $('<meta class="foundation-mq"/>').appendTo('head');
44 
+DataTable.ext.foundationVersion = meta.css('font-family').match(/small|medium|large/) ? 6 : 5;
45 
+meta.remove();
46 
+
47 
+
48 
+$.extend( DataTable.ext.classes, {
49 
+	sWrapper:    "dataTables_wrapper dt-foundation",
50 
+	sProcessing: "dataTables_processing panel callout"
51 
+} );
52 
+
53 
+
54 
+/* Set the defaults for DataTables initialisation */
55 
+$.extend( true, DataTable.defaults, {
56 
+	dom:
57 
+		"<'row grid-x'<'small-6 columns cell'l><'small-6 columns cell'f>r>"+
58 
+		"t"+
59 
+		"<'row grid-x'<'small-6 columns cell'i><'small-6 columns cell'p>>",
60 
+	renderer: 'foundation'
61 
+} );
62 
+
63 
+
64 
+/* Page button renderer */
65 
+DataTable.ext.renderer.pageButton.foundation = function ( settings, host, idx, buttons, page, pages ) {
66 
+	var api = new DataTable.Api( settings );
67 
+	var classes = settings.oClasses;
68 
+	var lang = settings.oLanguage.oPaginate;
69 
+	var aria = settings.oLanguage.oAria.paginate || {};
70 
+	var btnDisplay, btnClass;
71 
+	var tag;
72 
+	var v5 = DataTable.ext.foundationVersion === 5;
73 
+
74 
+	var attach = function( container, buttons ) {
75 
+		var i, ien, node, button;
76 
+		var clickHandler = function ( e ) {
77 
+			e.preventDefault();
78 
+			if ( !$(e.currentTarget).hasClass('unavailable') && api.page() != e.data.action ) {
79 
+				api.page( e.data.action ).draw( 'page' );
80 
+			}
81 
+		};
82 
+
83 
+		for ( i=0, ien=buttons.length ; i<ien ; i++ ) {
84 
+			button = buttons[i];
85 
+
86 
+			if ( $.isArray( button ) ) {
87 
+				attach( container, button );
88 
+			}
89 
+			else {
90 
+				btnDisplay = '';
91 
+				btnClass = '';
92 
+				tag = null;
93 
+
94 
+				switch ( button ) {
95 
+					case 'ellipsis':
96 
+						btnDisplay = '&#x2026;';
97 
+						btnClass = 'unavailable disabled';
98 
+						tag = null;
99 
+						break;
100 
+
101 
+					case 'first':
102 
+						btnDisplay = lang.sFirst;
103 
+						btnClass = button + (page > 0 ?
104 
+							'' : ' unavailable disabled');
105 
+						tag = page > 0 ? 'a' : null;
106 
+						break;
107 
+
108 
+					case 'previous':
109 
+						btnDisplay = lang.sPrevious;
110 
+						btnClass = button + (page > 0 ?
111 
+							'' : ' unavailable disabled');
112 
+						tag = page > 0 ? 'a' : null;
113 
+						break;
114 
+
115 
+					case 'next':
116 
+						btnDisplay = lang.sNext;
117 
+						btnClass = button + (page < pages-1 ?
118 
+							'' : ' unavailable disabled');
119 
+						tag = page < pages-1 ? 'a' : null;
120 
+						break;
121 
+
122 
+					case 'last':
123 
+						btnDisplay = lang.sLast;
124 
+						btnClass = button + (page < pages-1 ?
125 
+							'' : ' unavailable disabled');
126 
+						tag = page < pages-1 ? 'a' : null;
127 
+						break;
128 
+
129 
+					default:
130 
+						btnDisplay = button + 1;
131 
+						btnClass = page === button ?
132 
+							'current' : '';
133 
+						tag = page === button ?
134 
+							null : 'a';
135 
+						break;
136 
+				}
137 
+
138 
+				if ( v5 ) {
139 
+					tag = 'a';
140 
+				}
141 
+
142 
+				if ( btnDisplay ) {
143 
+					node = $('<li>', {
144 
+							'class': classes.sPageButton+' '+btnClass,
145 
+							'aria-controls': settings.sTableId,
146 
+							'aria-label': aria[ button ],
147 
+							'tabindex': settings.iTabIndex,
148 
+							'id': idx === 0 && typeof button === 'string' ?
149 
+								settings.sTableId +'_'+ button :
150 
+								null
151 
+						} )
152 
+						.append( tag ?
153 
+							$('<'+tag+'/>', {'href': '#'} ).html( btnDisplay ) :
154 
+							btnDisplay
155 
+						)
156 
+						.appendTo( container );
157 
+
158 
+					settings.oApi._fnBindAction(
159 
+						node, {action: button}, clickHandler
160 
+					);
161 
+				}
162 
+			}
163 
+		}
164 
+	};
165 
+
166 
+	attach(
167 
+		$(host).empty().html('<ul class="pagination"/>').children('ul'),
168 
+		buttons
169 
+	);
170 
+};
171 
+
172 
+
173 
+return DataTable;
174 
+}));

File diff suppressed because it is too large
+ 8 - 0
js/dataTables.foundation.min.js


+ 164 - 0
js/dataTables.jqueryui.js
View File 

@@ -0,0 +1,164 @@
1 
+/*! DataTables jQuery UI integration
2 
+ * ©2011-2014 SpryMedia Ltd - datatables.net/license
3 
+ */
4 
+
5 
+/**
6 
+ * DataTables integration for jQuery UI. This requires jQuery UI and
7 
+ * DataTables 1.10 or newer.
8 
+ *
9 
+ * This file sets the defaults and adds options to DataTables to style its
10 
+ * controls using jQuery UI. See http://datatables.net/manual/styling/jqueryui
11 
+ * for further information.
12 
+ */
13 
+(function( factory ){
14 
+	if ( typeof define === 'function' && define.amd ) {
15 
+		// AMD
16 
+		define( ['jquery', 'datatables.net'], function ( $ ) {
17 
+			return factory( $, window, document );
18 
+		} );
19 
+	}
20 
+	else if ( typeof exports === 'object' ) {
21 
+		// CommonJS
22 
+		module.exports = function (root, $) {
23 
+			if ( ! root ) {
24 
+				root = window;
25 
+			}
26 
+
27 
+			if ( ! $ || ! $.fn.dataTable ) {
28 
+				$ = require('datatables.net')(root, $).$;
29 
+			}
30 
+
31 
+			return factory( $, root, root.document );
32 
+		};
33 
+	}
34 
+	else {
35 
+		// Browser
36 
+		factory( jQuery, window, document );
37 
+	}
38 
+}(function( $, window, document, undefined ) {
39 
+'use strict';
40 
+var DataTable = $.fn.dataTable;
41 
+
42 
+
43 
+var sort_prefix = 'css_right ui-icon ui-icon-';
44 
+var toolbar_prefix = 'fg-toolbar ui-toolbar ui-widget-header ui-helper-clearfix ui-corner-';
45 
+
46 
+/* Set the defaults for DataTables initialisation */
47 
+$.extend( true, DataTable.defaults, {
48 
+	dom:
49 
+		'<"'+toolbar_prefix+'tl ui-corner-tr"lfr>'+
50 
+		't'+
51 
+		'<"'+toolbar_prefix+'bl ui-corner-br"ip>',
52 
+	renderer: 'jqueryui'
53 
+} );
54 
+
55 
+
56 
+$.extend( DataTable.ext.classes, {
57 
+	"sWrapper":            "dataTables_wrapper dt-jqueryui",
58 
+
59 
+	/* Full numbers paging buttons */
60 
+	"sPageButton":         "fg-button ui-button ui-state-default",
61 
+	"sPageButtonActive":   "ui-state-disabled",
62 
+	"sPageButtonDisabled": "ui-state-disabled",
63 
+
64 
+	/* Features */
65 
+	"sPaging": "dataTables_paginate fg-buttonset ui-buttonset fg-buttonset-multi "+
66 
+		"ui-buttonset-multi paging_", /* Note that the type is postfixed */
67 
+
68 
+	/* Sorting */
69 
+	"sSortAsc":            "ui-state-default sorting_asc",
70 
+	"sSortDesc":           "ui-state-default sorting_desc",
71 
+	"sSortable":           "ui-state-default sorting",
72 
+	"sSortableAsc":        "ui-state-default sorting_asc_disabled",
73 
+	"sSortableDesc":       "ui-state-default sorting_desc_disabled",
74 
+	"sSortableNone":       "ui-state-default sorting_disabled",
75 
+	"sSortIcon":           "DataTables_sort_icon",
76 
+
77 
+	/* Scrolling */
78 
+	"sScrollHead": "dataTables_scrollHead "+"ui-state-default",
79 
+	"sScrollFoot": "dataTables_scrollFoot "+"ui-state-default",
80 
+
81 
+	/* Misc */
82 
+	"sHeaderTH":  "ui-state-default",
83 
+	"sFooterTH":  "ui-state-default"
84 
+} );
85 
+
86 
+
87 
+DataTable.ext.renderer.header.jqueryui = function ( settings, cell, column, classes ) {
88 
+	// Calculate what the unsorted class should be
89 
+	var noSortAppliedClass = sort_prefix+'caret-2-n-s';
90 
+	var asc = $.inArray('asc', column.asSorting) !== -1;
91 
+	var desc = $.inArray('desc', column.asSorting) !== -1;
92 
+
93 
+	if ( !column.bSortable || (!asc && !desc) ) {
94 
+		noSortAppliedClass = '';
95 
+	}
96 
+	else if ( asc && !desc ) {
97 
+		noSortAppliedClass = sort_prefix+'caret-1-n';
98 
+	}
99 
+	else if ( !asc && desc ) {
100 
+		noSortAppliedClass = sort_prefix+'caret-1-s';
101 
+	}
102 
+
103 
+	// Setup the DOM structure
104 
+	$('<div/>')
105 
+		.addClass( 'DataTables_sort_wrapper' )
106 
+		.append( cell.contents() )
107 
+		.append( $('<span/>')
108 
+			.addClass( classes.sSortIcon+' '+noSortAppliedClass )
109 
+		)
110 
+		.appendTo( cell );
111 
+
112 
+	// Attach a sort listener to update on sort
113 
+	$(settings.nTable).on( 'order.dt', function ( e, ctx, sorting, columns ) {
114 
+		if ( settings !== ctx ) {
115 
+			return;
116 
+		}
117 
+
118 
+		var colIdx = column.idx;
119 
+
120 
+		cell
121 
+			.removeClass( classes.sSortAsc +" "+classes.sSortDesc )
122 
+			.addClass( columns[ colIdx ] == 'asc' ?
123 
+				classes.sSortAsc : columns[ colIdx ] == 'desc' ?
124 
+					classes.sSortDesc :
125 
+					column.sSortingClass
126 
+			);
127 
+
128 
+		cell
129 
+			.find( 'span.'+classes.sSortIcon )
130 
+			.removeClass(
131 
+				sort_prefix+'triangle-1-n' +" "+
132 
+				sort_prefix+'triangle-1-s' +" "+
133 
+				sort_prefix+'caret-2-n-s' +" "+
134 
+				sort_prefix+'caret-1-n' +" "+
135 
+				sort_prefix+'caret-1-s'
136 
+			)
137 
+			.addClass( columns[ colIdx ] == 'asc' ?
138 
+				sort_prefix+'triangle-1-n' : columns[ colIdx ] == 'desc' ?
139 
+					sort_prefix+'triangle-1-s' :
140 
+					noSortAppliedClass
141 
+			);
142 
+	} );
143 
+};
144 
+
145 
+
146 
+/*
147 
+ * TableTools jQuery UI compatibility
148 
+ * Required TableTools 2.1+
149 
+ */
150 
+if ( DataTable.TableTools ) {
151 
+	$.extend( true, DataTable.TableTools.classes, {
152 
+		"container": "DTTT_container ui-buttonset ui-buttonset-multi",
153 
+		"buttons": {
154 
+			"normal": "DTTT_button ui-button ui-state-default"
155 
+		},
156 
+		"collection": {
157 
+			"container": "DTTT_collection ui-buttonset ui-buttonset-multi"
158 
+		}
159 
+	} );
160 
+}
161 
+
162 
+
163 
+return DataTable;
164 
+}));

File diff suppressed because it is too large
+ 9 - 0
js/dataTables.jqueryui.min.js


+ 212 - 0
js/dataTables.semanticui.js
View File 

@@ -0,0 +1,212 @@
1 
+/*! DataTables Bootstrap 3 integration
2 
+ * ©2011-2015 SpryMedia Ltd - datatables.net/license
3 
+ */
4 
+
5 
+/**
6 
+ * DataTables integration for Bootstrap 3. This requires Bootstrap 3 and
7 
+ * DataTables 1.10 or newer.
8 
+ *
9 
+ * This file sets the defaults and adds options to DataTables to style its
10 
+ * controls using Bootstrap. See http://datatables.net/manual/styling/bootstrap
11 
+ * for further information.
12 
+ */
13 
+(function( factory ){
14 
+	if ( typeof define === 'function' && define.amd ) {
15 
+		// AMD
16 
+		define( ['jquery', 'datatables.net'], function ( $ ) {
17 
+			return factory( $, window, document );
18 
+		} );
19 
+	}
20 
+	else if ( typeof exports === 'object' ) {
21 
+		// CommonJS
22 
+		module.exports = function (root, $) {
23 
+			if ( ! root ) {
24 
+				root = window;
25 
+			}
26 
+
27 
+			if ( ! $ || ! $.fn.dataTable ) {
28 
+				// Require DataTables, which attaches to jQuery, including
29 
+				// jQuery if needed and have a $ property so we can access the
30 
+				// jQuery object that is used
31 
+				$ = require('datatables.net')(root, $).$;
32 
+			}
33 
+
34 
+			return factory( $, root, root.document );
35 
+		};
36 
+	}
37 
+	else {
38 
+		// Browser
39 
+		factory( jQuery, window, document );
40 
+	}
41 
+}(function( $, window, document, undefined ) {
42 
+'use strict';
43 
+var DataTable = $.fn.dataTable;
44 
+
45 
+
46 
+/* Set the defaults for DataTables initialisation */
47 
+$.extend( true, DataTable.defaults, {
48 
+	dom:
49 
+		"<'ui stackable grid'"+
50 
+			"<'row'"+
51 
+				"<'eight wide column'l>"+
52 
+				"<'right aligned eight wide column'f>"+
53 
+			">"+
54 
+			"<'row dt-table'"+
55 
+				"<'sixteen wide column'tr>"+
56 
+			">"+
57 
+			"<'row'"+
58 
+				"<'seven wide column'i>"+
59 
+				"<'right aligned nine wide column'p>"+
60 
+			">"+
61 
+		">",
62 
+	renderer: 'semanticUI'
63 
+} );
64 
+
65 
+
66 
+/* Default class modification */
67 
+$.extend( DataTable.ext.classes, {
68 
+	sWrapper:      "dataTables_wrapper dt-semanticUI",
69 
+	sFilter:       "dataTables_filter ui input",
70 
+	sProcessing:   "dataTables_processing ui segment",
71 
+	sPageButton:   "paginate_button item"
72 
+} );
73 
+
74 
+
75 
+/* Bootstrap paging button renderer */
76 
+DataTable.ext.renderer.pageButton.semanticUI = function ( settings, host, idx, buttons, page, pages ) {
77 
+	var api     = new DataTable.Api( settings );
78 
+	var classes = settings.oClasses;
79 
+	var lang    = settings.oLanguage.oPaginate;
80 
+	var aria = settings.oLanguage.oAria.paginate || {};
81 
+	var btnDisplay, btnClass, counter=0;
82 
+
83 
+	var attach = function( container, buttons ) {
84 
+		var i, ien, node, button;
85 
+		var clickHandler = function ( e ) {
86 
+			e.preventDefault();
87 
+			if ( !$(e.currentTarget).hasClass('disabled') && api.page() != e.data.action ) {
88 
+				api.page( e.data.action ).draw( 'page' );
89 
+			}
90 
+		};
91 
+
92 
+		for ( i=0, ien=buttons.length ; i<ien ; i++ ) {
93 
+			button = buttons[i];
94 
+
95 
+			if ( $.isArray( button ) ) {
96 
+				attach( container, button );
97 
+			}
98 
+			else {
99 
+				btnDisplay = '';
100 
+				btnClass = '';
101 
+
102 
+				switch ( button ) {
103 
+					case 'ellipsis':
104 
+						btnDisplay = '&#x2026;';
105 
+						btnClass = 'disabled';
106 
+						break;
107 
+
108 
+					case 'first':
109 
+						btnDisplay = lang.sFirst;
110 
+						btnClass = button + (page > 0 ?
111 
+							'' : ' disabled');
112 
+						break;
113 
+
114 
+					case 'previous':
115 
+						btnDisplay = lang.sPrevious;
116 
+						btnClass = button + (page > 0 ?
117 
+							'' : ' disabled');
118 
+						break;
119 
+
120 
+					case 'next':
121 
+						btnDisplay = lang.sNext;
122 
+						btnClass = button + (page < pages-1 ?
123 
+							'' : ' disabled');
124 
+						break;
125 
+
126 
+					case 'last':
127 
+						btnDisplay = lang.sLast;
128 
+						btnClass = button + (page < pages-1 ?
129 
+							'' : ' disabled');
130 
+						break;
131 
+
132 
+					default:
133 
+						btnDisplay = button + 1;
134 
+						btnClass = page === button ?
135 
+							'active' : '';
136 
+						break;
137 
+				}
138 
+
139 
+				var tag = btnClass.indexOf( 'disabled' ) === -1 ?
140 
+					'a' :
141 
+					'div';
142 
+
143 
+				if ( btnDisplay ) {
144 
+					node = $('<'+tag+'>', {
145 
+							'class': classes.sPageButton+' '+btnClass,
146 
+							'id': idx === 0 && typeof button === 'string' ?
147 
+								settings.sTableId +'_'+ button :
148 
+								null,
149 
+							'href': '#',
150 
+							'aria-controls': settings.sTableId,
151 
+							'aria-label': aria[ button ],
152 
+							'data-dt-idx': counter,
153 
+							'tabindex': settings.iTabIndex
154 
+						} )
155 
+						.html( btnDisplay )
156 
+						.appendTo( container );
157 
+
158 
+					settings.oApi._fnBindAction(
159 
+						node, {action: button}, clickHandler
160 
+					);
161 
+
162 
+					counter++;
163 
+				}
164 
+			}
165 
+		}
166 
+	};
167 
+
168 
+	// IE9 throws an 'unknown error' if document.activeElement is used
169 
+	// inside an iframe or frame.
170 
+	var activeEl;
171 
+
172 
+	try {
173 
+		// Because this approach is destroying and recreating the paging
174 
+		// elements, focus is lost on the select button which is bad for
175 
+		// accessibility. So we want to restore focus once the draw has
176 
+		// completed
177 
+		activeEl = $(host).find(document.activeElement).data('dt-idx');
178 
+	}
179 
+	catch (e) {}
180 
+
181 
+	attach(
182 
+		$(host).empty().html('<div class="ui stackable pagination menu"/>').children(),
183 
+		buttons
184 
+	);
185 
+
186 
+	if ( activeEl !== undefined ) {
187 
+		$(host).find( '[data-dt-idx='+activeEl+']' ).focus();
188 
+	}
189 
+};
190 
+
191 
+
192 
+// Javascript enhancements on table initialisation
193 
+$(document).on( 'init.dt', function (e, ctx) {
194 
+	if ( e.namespace !== 'dt' ) {
195 
+		return;
196 
+	}
197 
+
198 
+	var api = new $.fn.dataTable.Api( ctx );
199 
+
200 
+	// Length menu drop down
201 
+	if ( $.fn.dropdown ) {
202 
+		$( 'div.dataTables_length select', api.table().container() ).dropdown();
203 
+	}
204 
+
205 
+	// Filtering input
206 
+	$( 'div.dataTables_filter.ui.input', api.table().container() ).removeClass('input').addClass('form');
207 
+	$( 'div.dataTables_filter input', api.table().container() ).wrap( '<span class="ui input" />' );
208 
+} );
209 
+
210 
+
211 
+return DataTable;
212 
+}));

File diff suppressed because it is too large
+ 9 - 0
js/dataTables.semanticui.min.js


File diff suppressed because it is too large
+ 2020 - 0
js/fancybox.js


+ 57 - 0
js/home.js
View File 

@@ -0,0 +1,57 @@
1 
+
2 
+$(document).ready(function(){
3 
+
4 
+	$(function(){
5 
+     $('a[href*=#]').click(function() {
6 
+     if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
7 
+         && location.hostname == this.hostname) {
8 
+            var $target = $(this.hash);
9 
+            $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
10 
+                if ($target.length) {
11 
+                    var targetOffset = $target.offset().top;
12 
+                    $('html,body').animate({scrollTop: targetOffset}, 1000);
13 
+                    return false;
14 
+                }
15 
+            }
16 
+        });
17 
+    });
18 
+
19 
+
20 
+    $(window).scroll(function() {
21 
+
22 
+    	// Menu fixed
23 
+    	if($(this).scrollTop() > 100){
24 
+    		$('.content_menu').addClass('menu_fixed');
25 
+    	}else{
26 
+    		$('.content_menu').removeClass('menu_fixed');
27 
+    	}
28 
+
29 
+    	// Resolución superior a 1050px
30 
+    	if ($(this).width() >= 1050) {
31 
+			if($(this).scrollTop() > 390){
32 
+				$('#inicio').fadeIn(1000);
33 
+			}if($(this).scrollTop() > 960){
34 
+				$('.services_row > div > div').fadeIn(1000);
35 
+			}if($(this).scrollTop() > 2000){
36 
+				$('.porta_body').show('slow');
37 
+			}
38 
+    	}
39 
+    	// Resolucón de laptop
40 
+    	else if($(this).width() < 1050 && $(this).width() >= 800){
41 
+
42 
+    	}
43 
+
44 
+    	// Resolución Tablet
45 
+    	else if($(this).width() < 800 && $(this).width() >= 768){
46 
+
47 
+    	}
48 
+
49 
+    	// Resolución movil
50 
+    	else if($(this).width() < 768 && $(this).width() >= 568){
51 
+
52 
+    	}
53 
+    	else if($(this).width() < 568){
54 
+
55 
+    	}
56 
+    });
57 
+});

File diff suppressed because it is too large
+ 54 - 0
js/init.js


File diff suppressed because it is too large
+ 5 - 0
js/jquery-3.2.1.min.js


File diff suppressed because it is too large
+ 15296 - 0
js/jquery.dataTables.js


File diff suppressed because it is too large
+ 166 - 0
js/jquery.dataTables.min.js


File diff suppressed because it is too large
+ 5 - 0
js/jquery.min.js


File diff suppressed because it is too large
+ 2 - 0
js/jquery.scrolly.min.js


+ 13 - 0
js/npm.js
View File 

@@ -0,0 +1,13 @@
1 
+// This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.
2 
+require('../../js/transition.js')
3 
+require('../../js/alert.js')
4 
+require('../../js/button.js')
5 
+require('../../js/carousel.js')
6 
+require('../../js/collapse.js')
7 
+require('../../js/dropdown.js')
8 
+require('../../js/modal.js')
9 
+require('../../js/tooltip.js')
10 
+require('../../js/popover.js')
11 
+require('../../js/scrollspy.js')
12 
+require('../../js/tab.js')
13 
+require('../../js/affix.js')

+ 40 - 0
js/script.js
View File 

@@ -0,0 +1,40 @@
1 
+$(document).ready(function(){
2 
+
3 
+ $('#formulario').submit(function(){
4 
+  var nombre = $('#name').val();
5 
+  var email = $('#email').val();
6 
+  var telefono = $('#phone')
7 
+  var mensaje = $('#text').val();
8 
+
9 
+    $('#btn_enviar').prop('disabled',true);
10 
+    $('#btn_enviar').html('<img src="images/load.gif" style="max-height:40px"/>');
11 
+
12 
+    $.ajax({
13 
+      url: 'enviar.php',
14 
+      type:'POST',
15 
+      dataType:'JSON',
16 
+      //data: $.param({JSON: '{"name":"'+name+'","last_name":"'+last_name+'","phone":"'+phone+'","email":"'+email+'","text":"'+text+'"}'}),
17 
+      data:{
18 
+        remitente :nombre,
19 
+          telefono: telefono,
20 
+          sender:email,
21 
+          message:mensaje,
22 
+      }
23 
+      ,success:function(data){
24 
+      $('#alertify').fadeIn(500);
25 
+      $('#name').val('') ;
26 
+      $('#email').val('');
27 
+      $('#phone')
28 
+      $('#text').val('');
29 
+   },error:function(data){
30 
+      $('#alertify').fadeIn(500);
31 
+      $('#name').val('') ;
32 
+      $('#email').val('');
33 
+      $('#phone')
34 
+      $('#text').val('');
35 
+   }
36 
+  });
37 
+
38 
+  return false;
39 
+  });
40 
+});

File diff suppressed because it is too large
+ 2 - 0
js/skel.min.js


File diff suppressed because it is too large
+ 2892 - 0
js/slick.js


+ 73 - 0
js/slideshow.js
View File 

@@ -0,0 +1,73 @@
1 
+var current = new Array();
2 
+var length = new Array();
3 
+var interval = new Array();
4 
+
5 
+function init(number){
6 
+    var slideshow = '#slideshow'.concat(number);
7 
+    var caption = '#caption'.concat(number);
8 
+    current[number] = 0;
9 
+    length[number] = $(slideshow).children("img").length;
10 
+    for (var i = 0; i < length[number] ; i++){
11 
+        $(slideshow).children("img").eq(i).fadeOut(); // fades out all images
12 
+        $(caption).children("p").eq(i).fadeOut(); // fades out all captions
13 
+    }
14 
+    $(slideshow).children("img").eq(0).fadeIn();
15 
+    $(caption).children("p").eq(0).fadeIn();
16 
+    interval[number] = setInterval(slide, 3000, true, number);
17 
+}
18 
+function slide(isRight, number){
19 
+    var slideshow = '#slideshow'.concat(number);
20 
+    var caption = '#caption'.concat(number);
21 
+    $(slideshow).children("img").eq(current[number]).fadeOut();
22 
+    $(caption).children("p").eq(current[number]).hide();
23 
+    if (isRight == true){
24 
+        current[number] = (current[number] + 1) % length[number];
25 
+    } else {
26 
+         current[number] = current[number] - 1;
27 
+        if (current[number] == -1){
28 
+            current[number] = length[number] - 1;
29 
+        }
30 
+
31 
+    }
32 
+
33 
+    $(slideshow).children("img").eq(current[number]).fadeIn();
34 
+    $(caption).children("p").eq(current[number]).fadeIn();
35 
+
36 
+}
37 
+function clickSlide(isRight, number){
38 
+    clearInterval(interval[number]);
39 
+    slide(isRight, number);
40 
+}
41 
+
42 
+
43 
+function resizeScreen(){
44 
+
45 
+                for (var i = 0; i < $('.mac').length ; i++){ // resize mac when screen is being resized
46 
+                    var w = $('.mac').eq(i).width();
47 
+                    $('.mac').eq(i).height(0.625 * w);
48 
+
49 
+                }
50 
+                for (var i = 0; i < $('.iphone').length ; i++){ // resize iphone black when screen is being resized
51 
+                    var w = $('.iphone').eq(i).width();
52 
+                    $('.iphone').eq(i).height(2 * w);
53 
+
54 
+                }
55 
+
56 
+                for (var i = 0; i < $('.iphonew').length ; i++){ // resize iphone white when screen is being resized
57 
+                    var w = $('.iphonew').eq(i).width();
58 
+                    $('.iphonew').eq(i).height(2 * w);
59 
+
60 
+                }
61 
+
62 
+                for (var i = 0; i < $('.iphoner').length ; i++){ // resize iphone tilted when screen is being resized
63 
+                    var w = $('.iphoner').eq(i).width();
64 
+                    $('.iphoner').eq(i).height(0.5 * w);
65 
+
66 
+                }
67 
+
68 
+                for (var i = 0; i < $('.iphonewr').length ; i++){ // resize iphone white tilted when screen is being resized
69 
+                    var w = $('.iphonewr').eq(i).width();
70 
+                    $('.iphonewr').eq(i).height(0.5 * w);
71 
+
72 
+                }
73 
+            }

+ 42 - 0
lockscreen.php
View File 

@@ -0,0 +1,42 @@
1 
+<head>
2 
+    <meta charset="utf-8">
3 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
4 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
5 
+    <title>Ingresar a Dashboard</title>
6 
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
7 
+    <link rel="stylesheet" href="css/all.css">
8 
+    <link rel="stylesheet" href="css/font-awesome.min.css">
9 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.css">
10 
+    <script src="js/jquery.min.js"></script>
11 
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
12 
+    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.css"/>
13 
+    <script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.js"></script>
14 
+    <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"></script>
15 
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
16 
+
17 
+</head>
18 
+<section class="lockscreen">
19 
+    <div class="pantallabloqueada">
20 
+        <div class="row">
21 
+            <div class="col-md-12">
22 
+                <div class="rounded-pic-lock">
23 
+                    <img src="images/man.png" alt="">
24 
+                </div>
25 
+            </div>
26 
+            <div class="col-md-12">
27 
+                <h1>Bienvenido de vuelta, Administrador</h1>
28 
+                <p>Por favor ingresa de nuevo tu contraseña</p>
29 
+            </div>
30 
+            <div class="col-md-12">
31 
+                <div class="password-again">
32 
+                    <input type="password" name="contra" placeholder="Contraseña">
33 
+                    <div class="add_password">
34 
+                        <div class="btn_add_password">
35 
+                            <a type="submit">Ingresar</a>
36 
+                        </div>
37 
+                    </div>
38 
+                </div>
39 
+            </div>
40 
+        </div>
41 
+    </div>
42 
+</section>

+ 40 - 0
login.php
View File 

@@ -0,0 +1,40 @@
1 
+<head>
2 
+    <meta charset="utf-8">
3 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
4 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
5 
+    <title>Inicio de sesión - Dashboard</title>
6 
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
7 
+    <link rel="stylesheet" href="css/all.css">
8 
+    <link rel="stylesheet" href="css/font-awesome.min.css">
9 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.css">
10 
+    <script src="js/jquery.min.js"></script>
11 
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
12 
+    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.css"/>
13 
+    <script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.js"></script>
14 
+    <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"></script>
15 
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
16 
+
17 
+</head>
18 
+<section class="inicio_sesion">
19 
+    <div class="page_login">
20 
+        <div class="form_login">
21 
+            <div class="logo">
22 
+                <img src="images/logo.png">
23 
+            </div>
24 
+            <div class="text_login">
25 
+                <p>Por favor ingresa en tu cuenta</p>
26 
+            </div>
27 
+            <div class="formulario_ingreso">
28 
+                <form>
29 
+                    <input type="email" name="correo" placeholder="Correo electrónico" value="" required autocomplete="off">
30 
+                    <input type="password" name="password" placeholder="Password" required autocomplete="new-password">
31 
+                    <button class="login_btn" type="submit">Login</button>
32 
+                </form>
33 
+            </div>
34 
+            <div class="forgot_password">
35 
+                <a href="forgot-password.php">Olvidé mi contraseña</a>
36 
+            </div>
37 
+            <?php include('footer.php') ?>
38 
+        </div>
39 
+    </div>
40 
+</section>

+ 538 - 0
mensajes.php
View File 

@@ -0,0 +1,538 @@
1 
+<head>
2 
+    <meta charset="utf-8">
3 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
4 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
5 
+    <title>Mensajes - Dashboard</title>
6 
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
7 
+    <link rel="stylesheet" href="css/all.css">
8 
+    <link rel="stylesheet" href="css/font-awesome.min.css">
9 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.css">
10 
+    <script src="js/jquery.min.js"></script>
11 
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
12 
+    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.css"/>
13 
+    <script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.js"></script>
14 
+    <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"></script>
15 
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
16 
+
17 
+</head>
18 
+<script type="text/javascript">
19 
+    $(document).ready(function () {
20 
+        $(".list-unstyled").find('li').removeClass("active");
21 
+        $("#mensajes").addClass("active");
22 
+    });
23 
+</script>
24 
+<?php include('sidebar.php') ?>
25 
+<div id="content">
26 
+    <?php include('header.php') ?>
27 
+    <div class="content-section">
28 
+        <div class="main">
29 
+            <h1 class="breadcrumb-header">Bandeja de entrada</h1>
30 
+            <div class="row">
31 
+              <div class="col-md-4">
32 
+                <div class="panel panel_mensajes">
33 
+                  <a href="#" class="active">
34 
+                    <div class="contact_body">
35 
+                      <div class="row">
36 
+                          <div class="col-md-3">
37 
+                              <div class="rounded-pic">
38 
+                                  <img src="images/man_2.png" alt="">
39 
+                              </div>
40 
+                          </div>
41 
+                          <div class="col-md-6">
42 
+                              <h1>Fernando Vásquez</h1>
43 
+                              <p>He publicado una nueva plaza, puedes checarla acá.</p>
44 
+                          </div>
45 
+                          <div class="col-md-3 panel_time_notification">
46 
+                            <p>Hace 20 segundos.</p>
47 
+                          </div>
48 
+                      </div>
49 
+                    </div>
50 
+                  </a>
51 
+                  <a href="#">
52 
+                    <div class="contact_body">
53 
+                      <div class="row">
54 
+                          <div class="col-md-3">
55 
+                              <div class="rounded-pic">
56 
+                                  <img src="images/man_2.png" alt="">
57 
+                              </div>
58 
+                          </div>
59 
+                          <div class="col-md-6">
60 
+                              <h1>Fernando Vásquez</h1>
61 
+                              <p>He publicado una nueva plaza, puedes checarla acá.</p>
62 
+                          </div>
63 
+                          <div class="col-md-3 panel_time_notification">
64 
+                            <p>Hace 20 segundos.</p>
65 
+                          </div>
66 
+                      </div>
67 
+                    </div>
68 
+                  </a>
69 
+                  <a href="#" class="active">
70 
+                    <div class="contact_body">
71 
+                      <div class="row">
72 
+                          <div class="col-md-3">
73 
+                              <div class="rounded-pic">
74 
+                                  <img src="images/man_2.png" alt="">
75 
+                              </div>
76 
+                          </div>
77 
+                          <div class="col-md-6">
78 
+                              <h1>Fernando Vásquez</h1>
79 
+                              <p>He publicado una nueva plaza, puedes checarla acá.</p>
80 
+                          </div>
81 
+                          <div class="col-md-3 panel_time_notification">
82 
+                            <p>Hace 20 segundos.</p>
83 
+                          </div>
84 
+                      </div>
85 
+                    </div>
86 
+                  </a>
87 
+                  <a href="#">
88 
+                    <div class="contact_body">
89 
+                      <div class="row">
90 
+                          <div class="col-md-3">
91 
+                              <div class="rounded-pic">
92 
+                                  <img src="images/man_2.png" alt="">
93 
+                              </div>
94 
+                          </div>
95 
+                          <div class="col-md-6">
96 
+                              <h1>Fernando Vásquez</h1>
97 
+                              <p>He publicado una nueva plaza, puedes checarla acá.</p>
98 
+                          </div>
99 
+                          <div class="col-md-3 panel_time_notification">
100 
+                            <p>Hace 20 segundos.</p>
101 
+                          </div>
102 
+                      </div>
103 
+                    </div>
104 
+                  </a>
105 
+                  <a href="#" class="active">
106 
+                    <div class="contact_body">
107 
+                      <div class="row">
108 
+                          <div class="col-md-3">
109 
+                              <div class="rounded-pic">
110 
+                                  <img src="images/man_2.png" alt="">
111 
+                              </div>
112 
+                          </div>
113 
+                          <div class="col-md-6">
114 
+                              <h1>Fernando Vásquez</h1>
115 
+                              <p>He publicado una nueva plaza, puedes checarla acá.</p>
116 
+                          </div>
117 
+                          <div class="col-md-3 panel_time_notification">
118 
+                            <p>Hace 20 segundos.</p>
119 
+                          </div>
120 
+                      </div>
121 
+                    </div>
122 
+                  </a>
123 
+                  <a href="#">
124 
+                    <div class="contact_body">
125 
+                      <div class="row">
126 
+                          <div class="col-md-3">
127 
+                              <div class="rounded-pic">
128 
+                                  <img src="images/man_2.png" alt="">
129 
+                              </div>
130 
+                          </div>
131 
+                          <div class="col-md-6">
132 
+                              <h1>Fernando Vásquez</h1>
133 
+                              <p>He publicado una nueva plaza, puedes checarla acá.</p>
134 
+                          </div>
135 
+                          <div class="col-md-3 panel_time_notification">
136 
+                            <p>Hace 20 segundos.</p>
137 
+                          </div>
138 
+                      </div>
139 
+                    </div>
140 
+                  </a>
141 
+                  <a href="#" class="active">
142 
+                    <div class="contact_body">
143 
+                      <div class="row">
144 
+                          <div class="col-md-3">
145 
+                              <div class="rounded-pic">
146 
+                                  <img src="images/man_2.png" alt="">
147 
+                              </div>
148 
+                          </div>
149 
+                          <div class="col-md-6">
150 
+                              <h1>Fernando Vásquez</h1>
151 
+                              <p>He publicado una nueva plaza, puedes checarla acá.</p>
152 
+                          </div>
153 
+                          <div class="col-md-3 panel_time_notification">
154 
+                            <p>Hace 20 segundos.</p>
155 
+                          </div>
156 
+                      </div>
157 
+                    </div>
158 
+                  </a>
159 
+                  <a href="#">
160 
+                    <div class="contact_body">
161 
+                      <div class="row">
162 
+                          <div class="col-md-3">
163 
+                              <div class="rounded-pic">
164 
+                                  <img src="images/man_2.png" alt="">
165 
+                              </div>
166 
+                          </div>
167 
+                          <div class="col-md-6">
168 
+                              <h1>Fernando Vásquez</h1>
169 
+                              <p>He publicado una nueva plaza, puedes checarla acá.</p>
170 
+                          </div>
171 
+                          <div class="col-md-3 panel_time_notification">
172 
+                            <p>Hace 20 segundos.</p>
173 
+                          </div>
174 
+                      </div>
175 
+                    </div>
176 
+                  </a>
177 
+                  <a href="#" class="active">
178 
+                    <div class="contact_body">
179 
+                      <div class="row">
180 
+                          <div class="col-md-3">
181 
+                              <div class="rounded-pic">
182 
+                                  <img src="images/man_2.png" alt="">
183 
+                              </div>
184 
+                          </div>
185 
+                          <div class="col-md-6">
186 
+                              <h1>Fernando Vásquez</h1>
187 
+                              <p>He publicado una nueva plaza, puedes checarla acá.</p>
188 
+                          </div>
189 
+                          <div class="col-md-3 panel_time_notification">
190 
+                            <p>Hace 20 segundos.</p>
191 
+                          </div>
192 
+                      </div>
193 
+                    </div>
194 
+                  </a>
195 
+                  <a href="#">
196 
+                    <div class="contact_body">
197 
+                      <div class="row">
198 
+                          <div class="col-md-3">
199 
+                              <div class="rounded-pic">
200 
+                                  <img src="images/man_2.png" alt="">
201 
+                              </div>
202 
+                          </div>
203 
+                          <div class="col-md-6">
204 
+                              <h1>Fernando Vásquez</h1>
205 
+                              <p>He publicado una nueva plaza, puedes checarla acá.</p>
206 
+                          </div>
207 
+                          <div class="col-md-3 panel_time_notification">
208 
+                            <p>Hace 20 segundos.</p>
209 
+                          </div>
210 
+                      </div>
211 
+                    </div>
212 
+                  </a>
213 
+                  <a href="#" class="active">
214 
+                    <div class="contact_body">
215 
+                      <div class="row">
216 
+                          <div class="col-md-3">
217 
+                              <div class="rounded-pic">
218 
+                                  <img src="images/man_2.png" alt="">
219 
+                              </div>
220 
+                          </div>
221 
+                          <div class="col-md-6">
222 
+                              <h1>Fernando Vásquez</h1>
223 
+                              <p>He publicado una nueva plaza, puedes checarla acá.</p>
224 
+                          </div>
225 
+                          <div class="col-md-3 panel_time_notification">
226 
+                            <p>Hace 20 segundos.</p>
227 
+                          </div>
228 
+                      </div>
229 
+                    </div>
230 
+                  </a>
231 
+                </div>
232 
+              </div>
233 
+              <div class="col-md-8">
234 
+                <div class="panel panel_conversation">
235 
+                  <div class="conversation_body">
236 
+                    <div class="row">
237 
+                      <div class="chatleft">
238 
+                        <div class="burbuja left">
239 
+                          <div class="row">
240 
+                            <div class="col-md-3">
241 
+                              <div class="rounded-pic">
242 
+                                  <img src="images/man_2.png" alt="">
243 
+                              </div>
244 
+                            </div>
245 
+                            <div class="col-md-9">
246 
+                              <h1>Hola, este es un mensaje de prueba, para la versión veta del dashboard en proceso de finalización.</h1>
247 
+                              <p>Hace 2 minutos.</p>
248 
+                            </div>
249 
+
250 
+                          </div>
251 
+                        </div>
252 
+                      </div>
253 
+                      <div class="chatright">
254 
+                        <div class="burbuja right">
255 
+                          <div class="row">
256 
+                            <div class="col-md-9">
257 
+                              <h1>Hola, este es una respuesta de prueba, para la versión veta del dashboard en proceso de finalización.</h1>
258 
+                              <p>Hace 1 minutos.</p>
259 
+                            </div>
260 
+                            <div class="col-md-3">
261 
+                              <div class="rounded-pic">
262 
+                                  <img src="images/man_2.png" alt="">
263 
+                              </div>
264 
+                            </div>
265 
+                          </div>
266 
+                        </div>
267 
+                      </div>
268 
+                    </div>
269 
+                    <div class="row">
270 
+                      <div class="chatleft">
271 
+                        <div class="burbuja left">
272 
+                          <div class="row">
273 
+                            <div class="col-md-3">
274 
+                              <div class="rounded-pic">
275 
+                                  <img src="images/man_2.png" alt="">
276 
+                              </div>
277 
+                            </div>
278 
+                            <div class="col-md-9">
279 
+                              <h1>Hola, este es un mensaje de prueba, para la versión veta del dashboard en proceso de finalización.</h1>
280 
+                              <p>Hace 2 minutos.</p>
281 
+                            </div>
282 
+
283 
+                          </div>
284 
+                        </div>
285 
+                      </div>
286 
+                      <div class="chatright">
287 
+                        <div class="burbuja right">
288 
+                          <div class="row">
289 
+                            <div class="col-md-9">
290 
+                              <h1>Hola, este es una respuesta de prueba, para la versión veta del dashboard en proceso de finalización.</h1>
291 
+                              <p>Hace 1 minutos.</p>
292 
+                            </div>
293 
+                            <div class="col-md-3">
294 
+                              <div class="rounded-pic">
295 
+                                  <img src="images/man_2.png" alt="">
296 
+                              </div>
297 
+                            </div>
298 
+                          </div>
299 
+                        </div>
300 
+                      </div>
301 
+                    </div>
302 
+                    <div class="row">
303 
+                      <div class="chatleft">
304 
+                        <div class="burbuja left">
305 
+                          <div class="row">
306 
+                            <div class="col-md-3">
307 
+                              <div class="rounded-pic">
308 
+                                  <img src="images/man_2.png" alt="">
309 
+                              </div>
310 
+                            </div>
311 
+                            <div class="col-md-9">
312 
+                              <h1>Hola, este es un mensaje de prueba, para la versión veta del dashboard en proceso de finalización.</h1>
313 
+                              <p>Hace 2 minutos.</p>
314 
+                            </div>
315 
+
316 
+                          </div>
317 
+                        </div>
318 
+                      </div>
319 
+                      <div class="chatright">
320 
+                        <div class="burbuja right">
321 
+                          <div class="row">
322 
+                            <div class="col-md-9">
323 
+                              <h1>Hola, este es una respuesta de prueba, para la versión veta del dashboard en proceso de finalización.</h1>
324 
+                              <p>Hace 1 minutos.</p>
325 
+                            </div>
326 
+                            <div class="col-md-3">
327 
+                              <div class="rounded-pic">
328 
+                                  <img src="images/man_2.png" alt="">
329 
+                              </div>
330 
+                            </div>
331 
+                          </div>
332 
+                        </div>
333 
+                      </div>
334 
+                    </div>
335 
+                    <div class="row">
336 
+                      <div class="chatleft">
337 
+                        <div class="burbuja left">
338 
+                          <div class="row">
339 
+                            <div class="col-md-3">
340 
+                              <div class="rounded-pic">
341 
+                                  <img src="images/man_2.png" alt="">
342 
+                              </div>
343 
+                            </div>
344 
+                            <div class="col-md-9">
345 
+                              <h1>Hola, este es un mensaje de prueba, para la versión veta del dashboard en proceso de finalización.</h1>
346 
+                              <p>Hace 2 minutos.</p>
347 
+                            </div>
348 
+
349 
+                          </div>
350 
+                        </div>
351 
+                      </div>
352 
+                      <div class="chatright">
353 
+                        <div class="burbuja right">
354 
+                          <div class="row">
355 
+                            <div class="col-md-9">
356 
+                              <h1>Hola, este es una respuesta de prueba, para la versión veta del dashboard en proceso de finalización.</h1>
357 
+                              <p>Hace 1 minutos.</p>
358 
+                            </div>
359 
+                            <div class="col-md-3">
360 
+                              <div class="rounded-pic">
361 
+                                  <img src="images/man_2.png" alt="">
362 
+                              </div>
363 
+                            </div>
364 
+                          </div>
365 
+                        </div>
366 
+                      </div>
367 
+                    </div>
368 
+                  </div>
369 
+                  <div class="box_message">
370 
+                    <div class="row">
371 
+                      <div class="col-md-8">
372 
+                        <textarea placeholder="Presiona enter para enviar"></textarea>
373 
+                      </div>
374 
+                      <div class="col-md-4">
375 
+                        <div class="enviar_mensaje">
376 
+                            <div class="send_btn">
377 
+                                <a href="#">Enviar</a>
378 
+                            </div>
379 
+                        </div>
380 
+                      </div>
381 
+                    </div>
382 
+                  </div>
383 
+                </div>
384 
+              </div>
385 
+            </div>
386 
+        </div>
387 
+        <?php include('footer.php') ?>
388 
+    </div>
389 
+</div>
390 
+
391 
+  <!-- Modal ver notificaciones-->
392 
+<div class="modal fade" id="verNotificacion" role="dialog">
393 
+    <div class="modal-dialog">
394 
+
395 
+      <!-- Modal content-->
396 
+      <div class="modal-content">
397 
+        <div class="modal-header">
398 
+          <button type="button" class="close" data-dismiss="modal">&times;</button>
399 
+          <h4 class="modal-title">Notificaciones</h4>
400 
+        </div>
401 
+        <div class="modal-body">
402 
+            <div class="data_notification">
403 
+                <h1>Fernando Vásquez</h1>
404 
+                <p>Ha cambiado el nombre de la tienda OXXO con código 123 por Walmart.</p>
405 
+            </div>
406 
+        </div>
407 
+      </div>
408 
+    </div>
409 
+  </div>
410 
+<script>
411 
+      ;(function($) {
412 
+
413 
+          // Browser supports HTML5 multiple file?
414 
+          var multipleSupport = typeof $('<input/>')[0].multiple !== 'undefined',
415 
+              isIE = /msie/i.test( navigator.userAgent );
416 
+
417 
+          $.fn.customFile = function() {
418 
+
419 
+            return this.each(function() {
420 
+
421 
+              var $file = $(this).addClass('custom-file-upload-hidden'), // the original file input
422 
+                  $wrap = $('<div class="file-upload-wrapper">'),
423 
+                  $input = $('<input type="text" class="file-upload-input" disabled placeholder="Ningún archivo seleccionado" />'),
424 
+                  // Button that will be used in non-IE browsers
425 
+                  $button = $('<button type="button" class="file-upload-button">Subir foto</button>'),
426 
+                  // Hack for IE
427 
+                  $label = $('<label class="file-upload-button" for="'+ $file[0].id +'">Subir foto</label>');
428 
+
429 
+              // Hide by shifting to the left so we
430 
+              // can still trigger events
431 
+              $file.css({
432 
+                position: 'absolute',
433 
+                left: '-9999px'
434 
+              });
435 
+
436 
+              $wrap.insertAfter( $file )
437 
+                .append( $file, $input, ( isIE ? $label : $button ) );
438 
+
439 
+              // Prevent focus
440 
+              $file.attr('tabIndex', -1);
441 
+              $button.attr('tabIndex', -1);
442 
+
443 
+              $button.click(function () {
444 
+                $file.focus().click(); // Open dialog
445 
+              });
446 
+
447 
+              $file.change(function() {
448 
+
449 
+                var files = [], fileArr, filename;
450 
+
451 
+                // If multiple is supported then extract
452 
+                // all filenames from the file array
453 
+                if ( multipleSupport ) {
454 
+                  fileArr = $file[0].files;
455 
+                  for ( var i = 0, len = fileArr.length; i < len; i++ ) {
456 
+                    files.push( fileArr[i].name );
457 
+                  }
458 
+                  filename = files.join(', ');
459 
+
460 
+                // If not supported then just take the value
461 
+                // and remove the path to just show the filename
462 
+                } else {
463 
+                  filename = $file.val().split('\\').pop();
464 
+                }
465 
+
466 
+                $input.val( filename ) // Set the value
467 
+                  .attr('title', filename) // Show filename in title tootlip
468 
+                  .focus(); // Regain focus
469 
+
470 
+              });
471 
+
472 
+              $input.on({
473 
+                blur: function() { $file.trigger('blur'); },
474 
+                keydown: function( e ) {
475 
+                  if ( e.which === 13 ) { // Enter
476 
+                    if ( !isIE ) { $file.trigger('click'); }
477 
+                  } else if ( e.which === 8 || e.which === 46 ) { // Backspace & Del
478 
+                    // On some browsers the value is read-only
479 
+                    // with this trick we remove the old input and add
480 
+                    // a clean clone with all the original events attached
481 
+                    $file.replaceWith( $file = $file.clone( true ) );
482 
+                    $file.trigger('change');
483 
+                    $input.val('');
484 
+                  } else if ( e.which === 9 ){ // TAB
485 
+                    return;
486 
+                  } else { // All other keys
487 
+                    return false;
488 
+                  }
489 
+                }
490 
+              });
491 
+
492 
+            });
493 
+
494 
+          };
495 
+
496 
+          // Old browser fallback
497 
+          if ( !multipleSupport ) {
498 
+            $( document ).on('change', 'input.customfile', function() {
499 
+
500 
+              var $this = $(this),
501 
+                  // Create a unique ID so we
502 
+                  // can attach the label to the input
503 
+                  uniqId = 'customfile_'+ (new Date()).getTime(),
504 
+                  $wrap = $this.parent(),
505 
+
506 
+                  // Filter empty input
507 
+                  $inputs = $wrap.siblings().find('.file-upload-input')
508 
+                    .filter(function(){ return !this.value }),
509 
+
510 
+                  $file = $('<input type="file" id="'+ uniqId +'" name="'+ $this.attr('name') +'"/>');
511 
+
512 
+              // 1ms timeout so it runs after all other events
513 
+              // that modify the value have triggered
514 
+              setTimeout(function() {
515 
+                // Add a new input
516 
+                if ( $this.val() ) {
517 
+                  // Check for empty fields to prevent
518 
+                  // creating new inputs when changing files
519 
+                  if ( !$inputs.length ) {
520 
+                    $wrap.after( $file );
521 
+                    $file.customFile();
522 
+                  }
523 
+                // Remove and reorganize inputs
524 
+                } else {
525 
+                  $inputs.parent().remove();
526 
+                  // Move the input so it's always last on the list
527 
+                  $wrap.appendTo( $wrap.parent() );
528 
+                  $wrap.find('input').focus();
529 
+                }
530 
+              }, 1);
531 
+
532 
+            });
533 
+          }
534 
+
535 
+}(jQuery));
536 
+
537 
+$('input[type=file]').customFile();
538 
+  </script>

+ 348 - 0
notificaciones.php
View File 

@@ -0,0 +1,348 @@
1 
+<head>
2 
+    <meta charset="utf-8">
3 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
4 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
5 
+    <title>Notificaciones - Dashboard</title>
6 
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
7 
+    <link rel="stylesheet" href="css/all.css">
8 
+    <link rel="stylesheet" href="css/font-awesome.min.css">
9 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.css">
10 
+    <script src="js/jquery.min.js"></script>
11 
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
12 
+    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.css"/>
13 
+    <script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.js"></script>
14 
+    <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"></script>
15 
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
16 
+
17 
+</head>
18 
+<script type="text/javascript">
19 
+    $(document).ready(function () {
20 
+        $(".list-unstyled").find('li').removeClass("active");
21 
+        $("#notificaciones").addClass("active");
22 
+    });
23 
+</script>
24 
+<?php include('sidebar.php') ?>
25 
+<div id="content">
26 
+    <?php include('header.php') ?>
27 
+    <div class="content-section">
28 
+        <div class="main">
29 
+            <h1 class="breadcrumb-header">Notificaciones</h1>
30 
+            <div class="panel">
31 
+                <div class="notification_body">
32 
+                    <div class="row">
33 
+                        <div class="col-md-3">
34 
+                            <div class="rounded-pic">
35 
+                                <img src="images/man.png" alt="">
36 
+                            </div>
37 
+                        </div>
38 
+                        <div class="col-md-6">
39 
+                            <h1>Fernando Vásquez <span>Editor</span></h1>
40 
+                            <p>He publicado una nueva plaza.</p>
41 
+                        </div>
42 
+                        <div class="col-md-3 panel_time_notification">
43 
+                            <a href="#" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
44 
+                        </div>
45 
+                    </div>
46 
+                </div>
47 
+                <div class="notification_body">
48 
+                    <div class="row">
49 
+                        <div class="col-md-3">
50 
+                            <div class="rounded-pic">
51 
+                                <img src="images/man.png" alt="">
52 
+                            </div>
53 
+                        </div>
54 
+                        <div class="col-md-6">
55 
+                            <h1>Fernando Vásquez <span>Editor</span></h1>
56 
+                            <p>He publicado una nueva plaza.</p>
57 
+                        </div>
58 
+                        <div class="col-md-3 panel_time_notification">
59 
+                            <a href="#" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
60 
+                        </div>
61 
+                    </div>
62 
+                </div>
63 
+                <div class="notification_body">
64 
+                    <div class="row">
65 
+                        <div class="col-md-3">
66 
+                            <div class="rounded-pic">
67 
+                                <img src="images/man.png" alt="">
68 
+                            </div>
69 
+                        </div>
70 
+                        <div class="col-md-6">
71 
+                            <h1>Fernando Vásquez <span>Editor</span></h1>
72 
+                            <p>He publicado una nueva plaza.</p>
73 
+                        </div>
74 
+                        <div class="col-md-3 panel_time_notification">
75 
+                            <a href="#" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
76 
+                        </div>
77 
+                    </div>
78 
+                </div>
79 
+                <div class="notification_body">
80 
+                    <div class="row">
81 
+                        <div class="col-md-3">
82 
+                            <div class="rounded-pic">
83 
+                                <img src="images/man.png" alt="">
84 
+                            </div>
85 
+                        </div>
86 
+                        <div class="col-md-6">
87 
+                            <h1>Fernando Vásquez <span>Editor</span></h1>
88 
+                            <p>He publicado una nueva plaza.</p>
89 
+                        </div>
90 
+                        <div class="col-md-3 panel_time_notification">
91 
+                            <a href="#" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
92 
+                        </div>
93 
+                    </div>
94 
+                </div>
95 
+                <div class="notification_body">
96 
+                    <div class="row">
97 
+                        <div class="col-md-3">
98 
+                            <div class="rounded-pic">
99 
+                                <img src="images/man.png" alt="">
100 
+                            </div>
101 
+                        </div>
102 
+                        <div class="col-md-6">
103 
+                            <h1>Fernando Vásquez <span>Editor</span></h1>
104 
+                            <p>He publicado una nueva plaza.</p>
105 
+                        </div>
106 
+                        <div class="col-md-3 panel_time_notification">
107 
+                            <a href="#" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
108 
+                        </div>
109 
+                    </div>
110 
+                </div>
111 
+                <div class="notification_body">
112 
+                    <div class="row">
113 
+                        <div class="col-md-3">
114 
+                            <div class="rounded-pic">
115 
+                                <img src="images/man.png" alt="">
116 
+                            </div>
117 
+                        </div>
118 
+                        <div class="col-md-6">
119 
+                            <h1>Fernando Vásquez <span>Editor</span></h1>
120 
+                            <p>He publicado una nueva plaza.</p>
121 
+                        </div>
122 
+                        <div class="col-md-3 panel_time_notification">
123 
+                            <a href="#" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
124 
+                        </div>
125 
+                    </div>
126 
+                </div>
127 
+                <div class="notification_body">
128 
+                    <div class="row">
129 
+                        <div class="col-md-3">
130 
+                            <div class="rounded-pic">
131 
+                                <img src="images/man.png" alt="">
132 
+                            </div>
133 
+                        </div>
134 
+                        <div class="col-md-6">
135 
+                            <h1>Fernando Vásquez <span>Editor</span></h1>
136 
+                            <p>He publicado una nueva plaza.</p>
137 
+                        </div>
138 
+                        <div class="col-md-3 panel_time_notification">
139 
+                            <a href="#" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
140 
+                        </div>
141 
+                    </div>
142 
+                </div>
143 
+                <div class="notification_body">
144 
+                    <div class="row">
145 
+                        <div class="col-md-3">
146 
+                            <div class="rounded-pic">
147 
+                                <img src="images/man.png" alt="">
148 
+                            </div>
149 
+                        </div>
150 
+                        <div class="col-md-6">
151 
+                            <h1>Fernando Vásquez <span>Editor</span></h1>
152 
+                            <p>He publicado una nueva plaza.</p>
153 
+                        </div>
154 
+                        <div class="col-md-3 panel_time_notification">
155 
+                            <a href="#" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
156 
+                        </div>
157 
+                    </div>
158 
+                </div>
159 
+                <div class="notification_body">
160 
+                    <div class="row">
161 
+                        <div class="col-md-3">
162 
+                            <div class="rounded-pic">
163 
+                                <img src="images/man.png" alt="">
164 
+                            </div>
165 
+                        </div>
166 
+                        <div class="col-md-6">
167 
+                            <h1>Fernando Vásquez <span>Editor</span></h1>
168 
+                            <p>He publicado una nueva plaza.</p>
169 
+                        </div>
170 
+                        <div class="col-md-3 panel_time_notification">
171 
+                            <a href="#" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
172 
+                        </div>
173 
+                    </div>
174 
+                </div>
175 
+                <div class="notification_body">
176 
+                    <div class="row">
177 
+                        <div class="col-md-3">
178 
+                            <div class="rounded-pic">
179 
+                                <img src="images/man.png" alt="">
180 
+                            </div>
181 
+                        </div>
182 
+                        <div class="col-md-6">
183 
+                            <h1>Fernando Vásquez <span>Editor</span></h1>
184 
+                            <p>He publicado una nueva plaza.</p>
185 
+                        </div>
186 
+                        <div class="col-md-3 panel_time_notification">
187 
+                            <a href="#" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
188 
+                        </div>
189 
+                    </div>
190 
+                </div>
191 
+            </div>
192 
+        </div>
193 
+        <?php include('footer.php') ?>
194 
+    </div>
195 
+</div>
196 
+
197 
+<script>
198 
+      ;(function($) {
199 
+
200 
+          // Browser supports HTML5 multiple file?
201 
+          var multipleSupport = typeof $('<input/>')[0].multiple !== 'undefined',
202 
+              isIE = /msie/i.test( navigator.userAgent );
203 
+
204 
+          $.fn.customFile = function() {
205 
+
206 
+            return this.each(function() {
207 
+
208 
+              var $file = $(this).addClass('custom-file-upload-hidden'), // the original file input
209 
+                  $wrap = $('<div class="file-upload-wrapper">'),
210 
+                  $input = $('<input type="text" class="file-upload-input" disabled placeholder="Ningún archivo seleccionado" />'),
211 
+                  // Button that will be used in non-IE browsers
212 
+                  $button = $('<button type="button" class="file-upload-button">Subir foto</button>'),
213 
+                  // Hack for IE
214 
+                  $label = $('<label class="file-upload-button" for="'+ $file[0].id +'">Subir foto</label>');
215 
+
216 
+              // Hide by shifting to the left so we
217 
+              // can still trigger events
218 
+              $file.css({
219 
+                position: 'absolute',
220 
+                left: '-9999px'
221 
+              });
222 
+
223 
+              $wrap.insertAfter( $file )
224 
+                .append( $file, $input, ( isIE ? $label : $button ) );
225 
+
226 
+              // Prevent focus
227 
+              $file.attr('tabIndex', -1);
228 
+              $button.attr('tabIndex', -1);
229 
+
230 
+              $button.click(function () {
231 
+                $file.focus().click(); // Open dialog
232 
+              });
233 
+
234 
+              $file.change(function() {
235 
+
236 
+                var files = [], fileArr, filename;
237 
+
238 
+                // If multiple is supported then extract
239 
+                // all filenames from the file array
240 
+                if ( multipleSupport ) {
241 
+                  fileArr = $file[0].files;
242 
+                  for ( var i = 0, len = fileArr.length; i < len; i++ ) {
243 
+                    files.push( fileArr[i].name );
244 
+                  }
245 
+                  filename = files.join(', ');
246 
+
247 
+                // If not supported then just take the value
248 
+                // and remove the path to just show the filename
249 
+                } else {
250 
+                  filename = $file.val().split('\\').pop();
251 
+                }
252 
+
253 
+                $input.val( filename ) // Set the value
254 
+                  .attr('title', filename) // Show filename in title tootlip
255 
+                  .focus(); // Regain focus
256 
+
257 
+              });
258 
+
259 
+              $input.on({
260 
+                blur: function() { $file.trigger('blur'); },
261 
+                keydown: function( e ) {
262 
+                  if ( e.which === 13 ) { // Enter
263 
+                    if ( !isIE ) { $file.trigger('click'); }
264 
+                  } else if ( e.which === 8 || e.which === 46 ) { // Backspace & Del
265 
+                    // On some browsers the value is read-only
266 
+                    // with this trick we remove the old input and add
267 
+                    // a clean clone with all the original events attached
268 
+                    $file.replaceWith( $file = $file.clone( true ) );
269 
+                    $file.trigger('change');
270 
+                    $input.val('');
271 
+                  } else if ( e.which === 9 ){ // TAB
272 
+                    return;
273 
+                  } else { // All other keys
274 
+                    return false;
275 
+                  }
276 
+                }
277 
+              });
278 
+
279 
+            });
280 
+
281 
+          };
282 
+
283 
+          // Old browser fallback
284 
+          if ( !multipleSupport ) {
285 
+            $( document ).on('change', 'input.customfile', function() {
286 
+
287 
+              var $this = $(this),
288 
+                  // Create a unique ID so we
289 
+                  // can attach the label to the input
290 
+                  uniqId = 'customfile_'+ (new Date()).getTime(),
291 
+                  $wrap = $this.parent(),
292 
+
293 
+                  // Filter empty input
294 
+                  $inputs = $wrap.siblings().find('.file-upload-input')
295 
+                    .filter(function(){ return !this.value }),
296 
+
297 
+                  $file = $('<input type="file" id="'+ uniqId +'" name="'+ $this.attr('name') +'"/>');
298 
+
299 
+              // 1ms timeout so it runs after all other events
300 
+              // that modify the value have triggered
301 
+              setTimeout(function() {
302 
+                // Add a new input
303 
+                if ( $this.val() ) {
304 
+                  // Check for empty fields to prevent
305 
+                  // creating new inputs when changing files
306 
+                  if ( !$inputs.length ) {
307 
+                    $wrap.after( $file );
308 
+                    $file.customFile();
309 
+                  }
310 
+                // Remove and reorganize inputs
311 
+                } else {
312 
+                  $inputs.parent().remove();
313 
+                  // Move the input so it's always last on the list
314 
+                  $wrap.appendTo( $wrap.parent() );
315 
+                  $wrap.find('input').focus();
316 
+                }
317 
+              }, 1);
318 
+
319 
+            });
320 
+          }
321 
+
322 
+}(jQuery));
323 
+
324 
+$('input[type=file]').customFile();
325 
+  </script>
326 
+
327 
+<script>
328 
+new Chart(document.getElementById("bar-chart-horizontal"), {
329 
+    type: 'horizontalBar',
330 
+    data: {
331 
+      labels: ["Africa", "Asia", "Europe", "Latin America", "North America"],
332 
+      datasets: [
333 
+        {
334 
+          label: "Population (millions)",
335 
+          backgroundColor: ["#3e95cd", "#8e5ea2","#3cba9f","#e8c3b9","#c45850"],
336 
+          data: [2478,5267,734,784,433]
337 
+        }
338 
+      ]
339 
+    },
340 
+    options: {
341 
+      legend: { display: false },
342 
+      title: {
343 
+        display: true,
344 
+        text: 'Predicted world population (millions) in 2050'
345 
+      }
346 
+    }
347 
+});
348 
+</script>

+ 213 - 0
perfil.php
View File 

@@ -0,0 +1,213 @@
1 
+<head>
2 
+    <meta charset="utf-8">
3 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
4 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
5 
+    <title>Perfil - Dashboard</title>
6 
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
7 
+    <link rel="stylesheet" href="css/all.css">
8 
+    <link rel="stylesheet" href="css/font-awesome.min.css">
9 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.css">
10 
+    <script src="js/jquery.min.js"></script>
11 
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
12 
+    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.css"/>
13 
+    <script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.js"></script>
14 
+    <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"></script>
15 
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
16 
+
17 
+</head>
18 
+<script type="text/javascript">
19 
+    $(document).ready(function () {
20 
+        $(".list-unstyled").find('li').removeClass("active");
21 
+        $("#perfil").addClass("active");
22 
+    });
23 
+</script>
24 
+<?php include('sidebar.php') ?>
25 
+<div id="content">
26 
+    <?php include('header.php') ?>
27 
+    <div class="content-section">
28 
+        <div class="main">
29 
+            <h1 class="breadcrumb-header">Perfil</h1>
30 
+            <div class="row">
31 
+              <div class="col-md-12">
32 
+                <div class="panel">
33 
+                  <div class="row">
34 
+                    <div class="col-md-4">
35 
+                      <div class="img-container">
36 
+                        <img src="images/man.png">
37 
+                      </div>
38 
+                    </div>
39 
+                    <div class="col-md-8">
40 
+                        <div class="custom-file-upload">
41 
+                            <input type="file" id="file" name="myfiles[]" multiple readonly />
42 
+                        </div>
43 
+                    </div>
44 
+                  </div>
45 
+                  <div class="row">
46 
+                    <div class="col-md-6">
47 
+                      <div class="inputs_config">
48 
+                        <p>Datos personales</p>
49 
+                        <label>Nombre</label>
50 
+                        <input type="text" name="nombre_user" placeholder="Fernando Vásquez">
51 
+                        <label>Puesto / Profesión</label>
52 
+                        <input type="text" name="puesto" placeholder="Gerente general">
53 
+                        <label>Dirección</label>
54 
+                        <input type="text" name="direccion" placeholder="Melbourn, Australia">
55 
+                        <label>Número</label>
56 
+                        <input type="number" name="numero" placeholder="12345678">
57 
+                      </div>
58 
+                    </div>
59 
+                    <div class="col-md-6">
60 
+                      <div class="inputs_config">
61 
+                        <p>Redes sociales</p>
62 
+                        <label>Facebook</label>
63 
+                        <input type="text" name="facebook" placeholder="Link de Facebook">
64 
+                        <label>Linkein</label>
65 
+                        <input type="text" name="linkedin" placeholder="Link de Linkedin">
66 
+                        <label>Instagram</label>
67 
+                        <input type="text" name="instagram" placeholder="Link de Instagram">
68 
+                        <label>Correo</label>
69 
+                        <input type="email" name="instagram" placeholder="Correo electrónico">
70 
+                      </div>
71 
+                    </div>
72 
+                  </div>
73 
+                  <div class="boton_guardar_info">
74 
+                    <div class="success_btn">
75 
+                        <a href="#">Guardar</a>
76 
+                    </div>
77 
+                  </div>
78 
+                </div>
79 
+              </div>
80 
+            </div>
81 
+        </div>
82 
+        <?php include('footer.php') ?>
83 
+    </div>
84 
+</div>
85 
+<script>
86 
+      ;(function($) {
87 
+
88 
+          // Browser supports HTML5 multiple file?
89 
+          var multipleSupport = typeof $('<input/>')[0].multiple !== 'undefined',
90 
+              isIE = /msie/i.test( navigator.userAgent );
91 
+
92 
+          $.fn.customFile = function() {
93 
+
94 
+            return this.each(function() {
95 
+
96 
+              var $file = $(this).addClass('custom-file-upload-hidden'), // the original file input
97 
+                  $wrap = $('<div class="file-upload-wrapper">'),
98 
+                  $input = $('<input type="text" class="file-upload-input" disabled placeholder="Ningún archivo seleccionado" />'),
99 
+                  // Button that will be used in non-IE browsers
100 
+                  $button = $('<button type="button" class="file-upload-button">Subir foto</button>'),
101 
+                  // Hack for IE
102 
+                  $label = $('<label class="file-upload-button" for="'+ $file[0].id +'">Subir foto</label>');
103 
+
104 
+              // Hide by shifting to the left so we
105 
+              // can still trigger events
106 
+              $file.css({
107 
+                position: 'absolute',
108 
+                left: '-9999px'
109 
+              });
110 
+
111 
+              $wrap.insertAfter( $file )
112 
+                .append( $file, $input, ( isIE ? $label : $button ) );
113 
+
114 
+              // Prevent focus
115 
+              $file.attr('tabIndex', -1);
116 
+              $button.attr('tabIndex', -1);
117 
+
118 
+              $button.click(function () {
119 
+                $file.focus().click(); // Open dialog
120 
+              });
121 
+
122 
+              $file.change(function() {
123 
+
124 
+                var files = [], fileArr, filename;
125 
+
126 
+                // If multiple is supported then extract
127 
+                // all filenames from the file array
128 
+                if ( multipleSupport ) {
129 
+                  fileArr = $file[0].files;
130 
+                  for ( var i = 0, len = fileArr.length; i < len; i++ ) {
131 
+                    files.push( fileArr[i].name );
132 
+                  }
133 
+                  filename = files.join(', ');
134 
+
135 
+                // If not supported then just take the value
136 
+                // and remove the path to just show the filename
137 
+                } else {
138 
+                  filename = $file.val().split('\\').pop();
139 
+                }
140 
+
141 
+                $input.val( filename ) // Set the value
142 
+                  .attr('title', filename) // Show filename in title tootlip
143 
+                  .focus(); // Regain focus
144 
+
145 
+              });
146 
+
147 
+              $input.on({
148 
+                blur: function() { $file.trigger('blur'); },
149 
+                keydown: function( e ) {
150 
+                  if ( e.which === 13 ) { // Enter
151 
+                    if ( !isIE ) { $file.trigger('click'); }
152 
+                  } else if ( e.which === 8 || e.which === 46 ) { // Backspace & Del
153 
+                    // On some browsers the value is read-only
154 
+                    // with this trick we remove the old input and add
155 
+                    // a clean clone with all the original events attached
156 
+                    $file.replaceWith( $file = $file.clone( true ) );
157 
+                    $file.trigger('change');
158 
+                    $input.val('');
159 
+                  } else if ( e.which === 9 ){ // TAB
160 
+                    return;
161 
+                  } else { // All other keys
162 
+                    return false;
163 
+                  }
164 
+                }
165 
+              });
166 
+
167 
+            });
168 
+
169 
+          };
170 
+
171 
+          // Old browser fallback
172 
+          if ( !multipleSupport ) {
173 
+            $( document ).on('change', 'input.customfile', function() {
174 
+
175 
+              var $this = $(this),
176 
+                  // Create a unique ID so we
177 
+                  // can attach the label to the input
178 
+                  uniqId = 'customfile_'+ (new Date()).getTime(),
179 
+                  $wrap = $this.parent(),
180 
+
181 
+                  // Filter empty input
182 
+                  $inputs = $wrap.siblings().find('.file-upload-input')
183 
+                    .filter(function(){ return !this.value }),
184 
+
185 
+                  $file = $('<input type="file" id="'+ uniqId +'" name="'+ $this.attr('name') +'"/>');
186 
+
187 
+              // 1ms timeout so it runs after all other events
188 
+              // that modify the value have triggered
189 
+              setTimeout(function() {
190 
+                // Add a new input
191 
+                if ( $this.val() ) {
192 
+                  // Check for empty fields to prevent
193 
+                  // creating new inputs when changing files
194 
+                  if ( !$inputs.length ) {
195 
+                    $wrap.after( $file );
196 
+                    $file.customFile();
197 
+                  }
198 
+                // Remove and reorganize inputs
199 
+                } else {
200 
+                  $inputs.parent().remove();
201 
+                  // Move the input so it's always last on the list
202 
+                  $wrap.appendTo( $wrap.parent() );
203 
+                  $wrap.find('input').focus();
204 
+                }
205 
+              }, 1);
206 
+
207 
+            });
208 
+          }
209 
+
210 
+}(jQuery));
211 
+
212 
+$('input[type=file]').customFile();
213 
+  </script>

+ 757 - 0
plazas.php
View File 

@@ -0,0 +1,757 @@
1 
+<head>
2 
+    <meta charset="utf-8">
3 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
4 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
5 
+    <title>Plazas - Dashboard</title>
6 
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
7 
+    <link rel="stylesheet" href="css/all.css">
8 
+    <link rel="stylesheet" href="css/font-awesome.min.css">
9 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.css">
10 
+    <script src="js/jquery.min.js"></script>
11 
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
12 
+    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.css"/>
13 
+    <script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.js"></script>
14 
+    <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"></script>
15 
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
16 
+
17 
+</head>
18 
+<script type="text/javascript">
19 
+    $(document).ready(function () {
20 
+        $(".list-unstyled").find('li').removeClass("active");
21 
+        $("#plazas").addClass("active");
22 
+    });
23 
+</script>
24 
+<script>
25 
+    $(document).ready(function() {
26 
+        $('#tablaproductos').DataTable();
27 
+    } );
28 
+</script>
29 
+<script>
30 
+    function activarlista(){
31 
+        $("#grid_click").removeClass("activar_vista");
32 
+        $("#list_click").addClass("activar_vista");
33 
+        $("#grid_view").css('display','none').fadeOut(300);
34 
+        $("#list_view_products").css('display','block').fadeIn(300);
35 
+    }
36 
+</script>
37 
+<script>
38 
+    function activargrid(){
39 
+        $("#list_click").removeClass("activar_vista");
40 
+        $("#grid_click").addClass("activar_vista");
41 
+        $("#list_view_products").css('display','none').fadeOut(300);
42 
+        $("#grid_view").css('display','block').fadeIn(300);
43 
+    }
44 
+</script>
45 
+<?php include('sidebar.php') ?>
46 
+<div id="content">
47 
+    <?php include('header.php') ?>
48 
+    <div class="content-section">
49 
+        <div class="main">
50 
+            <h1 class="breadcrumb-header">Plazas</h1>
51 
+            <div class="row">
52 
+                <div class="col-md-6">
53 
+                    <div class="list_view">
54 
+                        <div class="row">
55 
+                            <div class="colgrilla">
56 
+                                <div class="btn_view">
57 
+                                    <a class="activar_vista" id="list_click" tooltip-location="top" tooltip-animate tooltip="Ver como lista" onclick="activarlista()"><i class="fas fa-list"></i></a>
58 
+                                </div>
59 
+                            </div>
60 
+                            <div class="colgrilla">
61 
+                                <div class="btn_view">
62 
+                                    <a id="grid_click" tooltip-location="top" tooltip-animate tooltip="Ver como grupo" onclick="activargrid()"><i class="fas fa-th"></i></a>
63 
+                                </div>
64 
+                            </div>
65 
+                        </div>
66 
+                    </div>
67 
+                </div>
68 
+                <div class="col-md-6">
69 
+                    <div class="add_producto">
70 
+                        <div class="btn_add_producto">
71 
+                            <a href="#" data-toggle="modal" data-target="#addProducto">Agregar manual</a>
72 
+                        </div>
73 
+                    </div>
74 
+                    <div class="add_producto">
75 
+                        <div class="btn_add_producto">
76 
+                            <a href="#" data-toggle="modal" data-target="#addProductoExpress">Agregar express</a>
77 
+                        </div>
78 
+                    </div>
79 
+                </div>
80 
+            </div>
81 
+            <div class="main_productos" id="grid_view">
82 
+                <div class="row">
83 
+                    <div class="col-md-3">
84 
+                        <div class="panel">
85 
+                            <div class="row">
86 
+                                <div class="col-md-4">
87 
+                                    <div class="img-container">
88 
+                                        <img src="images/not_found.png">
89 
+                                    </div>
90 
+                                </div>
91 
+                                <div class="col-md-8">
92 
+                                    <div class="info_details">
93 
+                                        <p>Nombre de la plaza</p>
94 
+                                        <p>Descripción</p>
95 
+                                        <p>Salario</p>
96 
+                                        <div class="botones_interactivos">
97 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Ver plaza" data-toggle="modal" data-target="#verProducto"><i class="far fa-eye"></i></a>
98 
+                                        </div>
99 
+                                        <div class="botones_interactivos">
100 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Editar plaza" data-toggle="modal" data-target="#editarProducto"><i class="far fa-edit"></i></a>
101 
+                                        </div>
102 
+                                        <div class="botones_interactivos">
103 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Eliminar plaza" data-toggle="modal" data-target="#deleteProducto"><i class="far fa-times-circle"></i></a>
104 
+                                        </div>
105 
+                                    </div>
106 
+                                </div>
107 
+                            </div>
108 
+                        </div>
109 
+                    </div>
110 
+                    <div class="col-md-3">
111 
+                        <div class="panel">
112 
+                            <div class="row">
113 
+                                <div class="col-md-4">
114 
+                                    <div class="img-container">
115 
+                                        <img src="images/not_found.png">
116 
+                                    </div>
117 
+                                </div>
118 
+                                <div class="col-md-8">
119 
+                                    <div class="info_details">
120 
+                                        <p>Nombre de la plaza</p>
121 
+                                        <p>Descripción</p>
122 
+                                        <p>Salario</p>
123 
+                                        <div class="botones_interactivos">
124 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Ver plaza" data-toggle="modal" data-target="#verProducto"><i class="far fa-eye"></i></a>
125 
+                                        </div>
126 
+                                        <div class="botones_interactivos">
127 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Editar plaza" data-toggle="modal" data-target="#editarProducto"><i class="far fa-edit"></i></a>
128 
+                                        </div>
129 
+                                        <div class="botones_interactivos">
130 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Eliminar plaza" data-toggle="modal" data-target="#deleteProducto"><i class="far fa-times-circle"></i></a>
131 
+                                        </div>
132 
+                                    </div>
133 
+                                </div>
134 
+                            </div>
135 
+                        </div>
136 
+                    </div>
137 
+                    <div class="col-md-3">
138 
+                        <div class="panel">
139 
+                            <div class="row">
140 
+                                <div class="col-md-4">
141 
+                                    <div class="img-container">
142 
+                                        <img src="images/not_found.png">
143 
+                                    </div>
144 
+                                </div>
145 
+                                <div class="col-md-8">
146 
+                                    <div class="info_details">
147 
+                                        <p>Nombre de la plaza</p>
148 
+                                        <p>Descripción</p>
149 
+                                        <p>Salario</p>
150 
+                                        <div class="botones_interactivos">
151 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Ver plaza" data-toggle="modal" data-target="#verProducto"><i class="far fa-eye"></i></a>
152 
+                                        </div>
153 
+                                        <div class="botones_interactivos">
154 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Editar plaza" data-toggle="modal" data-target="#editarProducto"><i class="far fa-edit"></i></a>
155 
+                                        </div>
156 
+                                        <div class="botones_interactivos">
157 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Eliminar plaza" data-toggle="modal" data-target="#deleteProducto"><i class="far fa-times-circle"></i></a>
158 
+                                        </div>
159 
+                                    </div>
160 
+                                </div>
161 
+                            </div>
162 
+                        </div>
163 
+                    </div>
164 
+                    <div class="col-md-3">
165 
+                        <div class="panel">
166 
+                            <div class="row">
167 
+                                <div class="col-md-4">
168 
+                                    <div class="img-container">
169 
+                                        <img src="images/not_found.png">
170 
+                                    </div>
171 
+                                </div>
172 
+                                <div class="col-md-8">
173 
+                                    <div class="info_details">
174 
+                                        <p>Nombre de la plaza</p>
175 
+                                        <p>Descripción</p>
176 
+                                        <p>Salario</p>
177 
+                                        <div class="botones_interactivos">
178 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Ver plaza" data-toggle="modal" data-target="#verProducto"><i class="far fa-eye"></i></a>
179 
+                                        </div>
180 
+                                        <div class="botones_interactivos">
181 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Editar plaza" data-toggle="modal" data-target="#editarProducto"><i class="far fa-edit"></i></a>
182 
+                                        </div>
183 
+                                        <div class="botones_interactivos">
184 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Eliminar plaza" data-toggle="modal" data-target="#deleteProducto"><i class="far fa-times-circle"></i></a>
185 
+                                        </div>
186 
+                                    </div>
187 
+                                </div>
188 
+                            </div>
189 
+                        </div>
190 
+                    </div>
191 
+                    <div class="col-md-3">
192 
+                        <div class="panel">
193 
+                            <div class="row">
194 
+                                <div class="col-md-4">
195 
+                                    <div class="img-container">
196 
+                                        <img src="images/not_found.png">
197 
+                                    </div>
198 
+                                </div>
199 
+                                <div class="col-md-8">
200 
+                                    <div class="info_details">
201 
+                                        <p>Nombre de la plaza</p>
202 
+                                        <p>Descripción</p>
203 
+                                        <p>Salario</p>
204 
+                                        <div class="botones_interactivos">
205 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Ver plaza" data-toggle="modal" data-target="#verProducto"><i class="far fa-eye"></i></a>
206 
+                                        </div>
207 
+                                        <div class="botones_interactivos">
208 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Editar plaza" data-toggle="modal" data-target="#editarProducto"><i class="far fa-edit"></i></a>
209 
+                                        </div>
210 
+                                        <div class="botones_interactivos">
211 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Eliminar plaza" data-toggle="modal" data-target="#deleteProducto"><i class="far fa-times-circle"></i></a>
212 
+                                        </div>
213 
+                                    </div>
214 
+                                </div>
215 
+                            </div>
216 
+                        </div>
217 
+                    </div>
218 
+                    <div class="col-md-3">
219 
+                        <div class="panel">
220 
+                            <div class="row">
221 
+                                <div class="col-md-4">
222 
+                                    <div class="img-container">
223 
+                                        <img src="images/not_found.png">
224 
+                                    </div>
225 
+                                </div>
226 
+                                <div class="col-md-8">
227 
+                                    <div class="info_details">
228 
+                                        <p>Nombre de la plaza</p>
229 
+                                        <p>Descripción</p>
230 
+                                        <p>Salario</p>
231 
+                                        <div class="botones_interactivos">
232 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Ver plaza" data-toggle="modal" data-target="#verProducto"><i class="far fa-eye"></i></a>
233 
+                                        </div>
234 
+                                        <div class="botones_interactivos">
235 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Editar plaza" data-toggle="modal" data-target="#editarProducto"><i class="far fa-edit"></i></a>
236 
+                                        </div>
237 
+                                        <div class="botones_interactivos">
238 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Eliminar plaza" data-toggle="modal" data-target="#deleteProducto"><i class="far fa-times-circle"></i></a>
239 
+                                        </div>
240 
+                                    </div>
241 
+                                </div>
242 
+                            </div>
243 
+                        </div>
244 
+                    </div>
245 
+                    <div class="col-md-3">
246 
+                        <div class="panel">
247 
+                            <div class="row">
248 
+                                <div class="col-md-4">
249 
+                                    <div class="img-container">
250 
+                                        <img src="images/not_found.png">
251 
+                                    </div>
252 
+                                </div>
253 
+                                <div class="col-md-8">
254 
+                                    <div class="info_details">
255 
+                                        <p>Nombre de la plaza</p>
256 
+                                        <p>Descripción</p>
257 
+                                        <p>Salario</p>
258 
+                                        <div class="botones_interactivos">
259 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Ver plaza" data-toggle="modal" data-target="#verProducto"><i class="far fa-eye"></i></a>
260 
+                                        </div>
261 
+                                        <div class="botones_interactivos">
262 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Editar plaza" data-toggle="modal" data-target="#editarProducto"><i class="far fa-edit"></i></a>
263 
+                                        </div>
264 
+                                        <div class="botones_interactivos">
265 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Eliminar plaza" data-toggle="modal" data-target="#deleteProducto"><i class="far fa-times-circle"></i></a>
266 
+                                        </div>
267 
+                                    </div>
268 
+                                </div>
269 
+                            </div>
270 
+                        </div>
271 
+                    </div>
272 
+                    <div class="col-md-3">
273 
+                        <div class="panel">
274 
+                            <div class="row">
275 
+                                <div class="col-md-4">
276 
+                                    <div class="img-container">
277 
+                                        <img src="images/not_found.png">
278 
+                                    </div>
279 
+                                </div>
280 
+                                <div class="col-md-8">
281 
+                                    <div class="info_details">
282 
+                                        <p>Nombre de la plaza</p>
283 
+                                        <p>Descripción</p>
284 
+                                        <p>Salario</p>
285 
+                                        <div class="botones_interactivos">
286 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Ver plaza" data-toggle="modal" data-target="#verProducto"><i class="far fa-eye"></i></a>
287 
+                                        </div>
288 
+                                        <div class="botones_interactivos">
289 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Editar plaza" data-toggle="modal" data-target="#editarProducto"><i class="far fa-edit"></i></a>
290 
+                                        </div>
291 
+                                        <div class="botones_interactivos">
292 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Eliminar plaza" data-toggle="modal" data-target="#deleteProducto"><i class="far fa-times-circle"></i></a>
293 
+                                        </div>
294 
+                                    </div>
295 
+                                </div>
296 
+                            </div>
297 
+                        </div>
298 
+                    </div>
299 
+                    <div class="col-md-3">
300 
+                        <div class="panel">
301 
+                            <div class="row">
302 
+                                <div class="col-md-4">
303 
+                                    <div class="img-container">
304 
+                                        <img src="images/not_found.png">
305 
+                                    </div>
306 
+                                </div>
307 
+                                <div class="col-md-8">
308 
+                                    <div class="info_details">
309 
+                                        <p>Nombre de la plaza</p>
310 
+                                        <p>Descripción</p>
311 
+                                        <p>Salario</p>
312 
+                                        <div class="botones_interactivos">
313 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Ver plaza" data-toggle="modal" data-target="#verProducto"><i class="far fa-eye"></i></a>
314 
+                                        </div>
315 
+                                        <div class="botones_interactivos">
316 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Editar plaza" data-toggle="modal" data-target="#editarProducto"><i class="far fa-edit"></i></a>
317 
+                                        </div>
318 
+                                        <div class="botones_interactivos">
319 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Eliminar plaza" data-toggle="modal" data-target="#deleteProducto"><i class="far fa-times-circle"></i></a>
320 
+                                        </div>
321 
+                                    </div>
322 
+                                </div>
323 
+                            </div>
324 
+                        </div>
325 
+                    </div>
326 
+                    <div class="col-md-3">
327 
+                        <div class="panel">
328 
+                            <div class="row">
329 
+                                <div class="col-md-4">
330 
+                                    <div class="img-container">
331 
+                                        <img src="images/not_found.png">
332 
+                                    </div>
333 
+                                </div>
334 
+                                <div class="col-md-8">
335 
+                                    <div class="info_details">
336 
+                                        <p>Nombre de la plaza</p>
337 
+                                        <p>Descripción</p>
338 
+                                        <p>Salario</p>
339 
+                                        <div class="botones_interactivos">
340 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Ver plaza" data-toggle="modal" data-target="#verProducto"><i class="far fa-eye"></i></a>
341 
+                                        </div>
342 
+                                        <div class="botones_interactivos">
343 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Editar plaza" data-toggle="modal" data-target="#editarProducto"><i class="far fa-edit"></i></a>
344 
+                                        </div>
345 
+                                        <div class="botones_interactivos">
346 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Eliminar plaza" data-toggle="modal" data-target="#deleteProducto"><i class="far fa-times-circle"></i></a>
347 
+                                        </div>
348 
+                                    </div>
349 
+                                </div>
350 
+                            </div>
351 
+                        </div>
352 
+                    </div>
353 
+                    <div class="col-md-3">
354 
+                        <div class="panel">
355 
+                            <div class="row">
356 
+                                <div class="col-md-4">
357 
+                                    <div class="img-container">
358 
+                                        <img src="images/not_found.png">
359 
+                                    </div>
360 
+                                </div>
361 
+                                <div class="col-md-8">
362 
+                                    <div class="info_details">
363 
+                                        <p>Nombre de la plaza</p>
364 
+                                        <p>Descripción</p>
365 
+                                        <p>Salario</p>
366 
+                                        <div class="botones_interactivos">
367 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Ver plaza" data-toggle="modal" data-target="#verProducto"><i class="far fa-eye"></i></a>
368 
+                                        </div>
369 
+                                        <div class="botones_interactivos">
370 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Editar plaza" data-toggle="modal" data-target="#editarProducto"><i class="far fa-edit"></i></a>
371 
+                                        </div>
372 
+                                        <div class="botones_interactivos">
373 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Eliminar plaza" data-toggle="modal" data-target="#deleteProducto"><i class="far fa-times-circle"></i></a>
374 
+                                        </div>
375 
+                                    </div>
376 
+                                </div>
377 
+                            </div>
378 
+                        </div>
379 
+                    </div>
380 
+                    <div class="col-md-3">
381 
+                        <div class="panel">
382 
+                            <div class="row">
383 
+                                <div class="col-md-4">
384 
+                                    <div class="img-container">
385 
+                                        <img src="images/not_found.png">
386 
+                                    </div>
387 
+                                </div>
388 
+                                <div class="col-md-8">
389 
+                                    <div class="info_details">
390 
+                                        <p>Nombre de la plaza</p>
391 
+                                        <p>Descripción</p>
392 
+                                        <p>Salario</p>
393 
+                                        <div class="botones_interactivos">
394 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Ver plaza" data-toggle="modal" data-target="#verProducto"><i class="far fa-eye"></i></a>
395 
+                                        </div>
396 
+                                        <div class="botones_interactivos">
397 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Editar plaza" data-toggle="modal" data-target="#editarProducto"><i class="far fa-edit"></i></a>
398 
+                                        </div>
399 
+                                        <div class="botones_interactivos">
400 
+                                            <a href="#" tooltip-location="top" tooltip-animate tooltip="Eliminar plaza" data-toggle="modal" data-target="#deleteProducto"><i class="far fa-times-circle"></i></a>
401 
+                                        </div>
402 
+                                    </div>
403 
+                                </div>
404 
+                            </div>
405 
+                        </div>
406 
+                    </div>
407 
+                </div>
408 
+            </div>
409 
+            <div class="main_list_products" id="list_view_products">
410 
+                <div class="row">
411 
+                    <div class="col-md-12">
412 
+                        <div class="body-table">
413 
+                            <table id="tablaproductos" class="display" style="width:100%">
414 
+                                <thead>
415 
+                                    <tr>
416 
+                                        <th>Nombre de la plaza</th>
417 
+                                        <th>Descripción</th>
418 
+                                        <th>Salario</th>
419 
+                                        <th>Acciones</th>
420 
+                                    </tr>
421 
+                                </thead>
422 
+                                <tbody>
423 
+                                    <tr>
424 
+                                        <td>Nombre de la plaza</td>
425 
+                                        <td>Descripción</td>
426 
+                                        <td>Salario</td>
427 
+                                        <td><a href="#" class="ver_producto" data-toggle="modal" data-target="#verProducto">Ver</a><a href="#" class="editar_producto" data-toggle="modal" data-target="#editarProducto">Editar</a><a href="#" class="eliminar_producto" data-toggle="modal" data-target="#deleteProducto">Eliminar</a></td>
428 
+                                    </tr>
429 
+
430 
+
431 
+                                </tbody>
432 
+                                <tfoot>
433 
+                                    <tr>
434 
+                                        <th>Nombre de la plaza</th>
435 
+                                        <th>Descripción</th>
436 
+                                        <th>Salario</th>
437 
+                                        <th>Acciones</th>
438 
+                                    </tr>
439 
+                                </tfoot>
440 
+                            </table>
441 
+                        </div>
442 
+                    </div>
443 
+                </div>
444 
+            </div>
445 
+        </div>
446 
+        <?php include('footer.php') ?>
447 
+    </div>
448 
+</div>
449 
+
450 
+  <!-- Modal agregar-->
451 
+  <div class="modal fade" id="addProducto" role="dialog">
452 
+    <div class="modal-dialog">
453 
+
454 
+      <!-- Modal content-->
455 
+      <div class="modal-content">
456 
+        <div class="modal-header">
457 
+          <button type="button" class="close" data-dismiss="modal">&times;</button>
458 
+          <h4 class="modal-title">Agregar plaza</h4>
459 
+        </div>
460 
+        <div class="modal-body">
461 
+            <div class="row">
462 
+                <div class="col-md-4">
463 
+                    <div class="img-container">
464 
+                        <img src="images/not_found.png">
465 
+                    </div>
466 
+                </div>
467 
+                <div class="col-md-8">
468 
+                    <div class="custom-file-upload">
469 
+                        <input type="file" id="file" name="myfiles[]" multiple readonly />
470 
+                    </div>
471 
+                </div>
472 
+            </div>
473 
+            <div class="data_product">
474 
+                <div class="row">
475 
+                    <div class="col-md-12">
476 
+                        <input type="text" name="nombre" placeholder="Nombre de la plaza">
477 
+                        <textarea placeholder="Descripción general de la plaza"></textarea>
478 
+                        <input type="number" name="salario" placeholder="Salario">
479 
+                    </div>
480 
+                    <div class="add_producto_confirm">
481 
+                        <div class="btn_add_producto_confirm">
482 
+                            <a href="#" type="submit">Agregar plaza</a>
483 
+                        </div>
484 
+                    </div>
485 
+                </div>
486 
+            </div>
487 
+        </div>
488 
+      </div>
489 
+
490 
+    </div>
491 
+  </div>
492 
+
493 
+
494 
+  <!-- Modal agregar express-->
495 
+  <div class="modal fade" id="addProductoExpress" role="dialog">
496 
+    <div class="modal-dialog">
497 
+
498 
+      <!-- Modal content-->
499 
+      <div class="modal-content">
500 
+        <div class="modal-header">
501 
+          <button type="button" class="close" data-dismiss="modal">&times;</button>
502 
+          <h4 class="modal-title">Agregar plaza express</h4>
503 
+        </div>
504 
+        <div class="modal-body">
505 
+            <div class="data_product">
506 
+                <div class="row">
507 
+                    <div class="col-md-12">
508 
+                        <input type="link" name="link" placeholder="Link de la plaza">
509 
+                    </div>
510 
+                    <div class="add_producto_confirm">
511 
+                        <div class="btn_add_producto_confirm">
512 
+                            <a href="#" type="submit">Agregar plaza</a>
513 
+                        </div>
514 
+                    </div>
515 
+                </div>
516 
+            </div>
517 
+        </div>
518 
+      </div>
519 
+
520 
+    </div>
521 
+  </div>
522 
+
523 
+  <!-- Modal ver-->
524 
+  <div class="modal fade" id="verProducto" role="dialog">
525 
+    <div class="modal-dialog">
526 
+
527 
+      <!-- Modal content-->
528 
+      <div class="modal-content">
529 
+        <div class="modal-header">
530 
+          <button type="button" class="close" data-dismiss="modal">&times;</button>
531 
+          <h4 class="modal-title">Ver plaza</h4>
532 
+        </div>
533 
+        <div class="modal-body">
534 
+            <div class="data_product">
535 
+                <div class="row">
536 
+                    <div class="col-md-4">
537 
+                        <div class="img-container">
538 
+                            <img src="images/not_found.png">
539 
+                        </div>
540 
+                    </div>
541 
+                    <div class="col-md-8">
542 
+                        <input type="text" name="nombre" placeholder="Nombre de la plaza" readonly>
543 
+                        <input type="text" name="descript" placeholder="Descripción" readonly>
544 
+                        <input type="number" name="sku" placeholder="3500" readonly>
545 
+                    </div>
546 
+                </div>
547 
+            </div>
548 
+        </div>
549 
+      </div>
550 
+
551 
+    </div>
552 
+  </div>
553 
+   <!-- Modal editar-->
554 
+<div class="modal fade" id="editarProducto" role="dialog">
555 
+    <div class="modal-dialog">
556 
+      <!-- Modal content-->
557 
+      <div class="modal-content">
558 
+        <div class="modal-header">
559 
+          <button type="button" class="close" data-dismiss="modal">&times;</button>
560 
+          <h4 class="modal-title">Editar plaza</h4>
561 
+        </div>
562 
+        <div class="modal-body">
563 
+            <div class="row">
564 
+                <div class="col-md-4">
565 
+                    <div class="img-container">
566 
+                        <img src="images/not_found.png">
567 
+                    </div>
568 
+                </div>
569 
+                <div class="col-md-8">
570 
+                    <div class="custom-file-upload">
571 
+                        <input type="file" id="file" name="myfiles[]" multiple disabled />
572 
+                    </div>
573 
+                </div>
574 
+            </div>
575 
+            <div class="data_product">
576 
+                <div class="row">
577 
+                    <div class="col-md-12">
578 
+                        <input type="text" name="nombre" placeholder="Nombre de la plaza">
579 
+                        <textarea placeholder="Descripción"></textarea>
580 
+                        <input type="number" name="sku" placeholder="3500">
581 
+                    </div>
582 
+                </div>
583 
+                <div class="add_producto_confirm">
584 
+                    <div class="btn_add_producto_confirm">
585 
+                        <a href="#" type="submit">Actualizar plaza</a>
586 
+                    </div>
587 
+                </div>
588 
+            </div>
589 
+        </div>
590 
+      </div>
591 
+    </div>
592 
+</div>
593 
+  <!-- Modal eliminar-->
594 
+  <div class="modal fade" id="deleteProducto" role="dialog">
595 
+    <div class="modal-dialog">
596 
+
597 
+      <!-- Modal content-->
598 
+      <div class="modal-content">
599 
+        <div class="modal-header">
600 
+          <button type="button" class="close" data-dismiss="modal">&times;</button>
601 
+          <h4 class="modal-title">¡Atención!</h4>
602 
+        </div>
603 
+        <div class="modal-body">
604 
+            <h1 class="alert">¿Estás seguro que deseas eliminar esta plaza?</h1>
605 
+            <p class="text-alert">Una vez eliminado no será posible recuperarla</p>
606 
+            <div class="row">
607 
+                <div class="col-md-6">
608 
+                    <div class="cancel_producto_confirm">
609 
+                        <div class="btn_cancelar">
610 
+                            <a href="#" type="submit">Cancelar</a>
611 
+                        </div>
612 
+                    </div>
613 
+                </div>
614 
+                <div class="col-md-6">
615 
+                    <div class="delet_producto_confirm">
616 
+                        <div class="btn_delete_producto_confirm">
617 
+                            <a href="#" type="submit">Eliminar</a>
618 
+                        </div>
619 
+                    </div>
620 
+                </div>
621 
+            </div>
622 
+        </div>
623 
+      </div>
624 
+
625 
+    </div>
626 
+  </div>
627 
+
628 
+
629 
+  <script>
630 
+      ;(function($) {
631 
+
632 
+          // Browser supports HTML5 multiple file?
633 
+          var multipleSupport = typeof $('<input/>')[0].multiple !== 'undefined',
634 
+              isIE = /msie/i.test( navigator.userAgent );
635 
+
636 
+          $.fn.customFile = function() {
637 
+
638 
+            return this.each(function() {
639 
+
640 
+              var $file = $(this).addClass('custom-file-upload-hidden'), // the original file input
641 
+                  $wrap = $('<div class="file-upload-wrapper">'),
642 
+                  $input = $('<input type="text" class="file-upload-input" disabled placeholder="Ningún archivo seleccionado" />'),
643 
+                  // Button that will be used in non-IE browsers
644 
+                  $button = $('<button type="button" class="file-upload-button">Subir foto</button>'),
645 
+                  // Hack for IE
646 
+                  $label = $('<label class="file-upload-button" for="'+ $file[0].id +'">Subir foto</label>');
647 
+
648 
+              // Hide by shifting to the left so we
649 
+              // can still trigger events
650 
+              $file.css({
651 
+                position: 'absolute',
652 
+                left: '-9999px'
653 
+              });
654 
+
655 
+              $wrap.insertAfter( $file )
656 
+                .append( $file, $input, ( isIE ? $label : $button ) );
657 
+
658 
+              // Prevent focus
659 
+              $file.attr('tabIndex', -1);
660 
+              $button.attr('tabIndex', -1);
661 
+
662 
+              $button.click(function () {
663 
+                $file.focus().click(); // Open dialog
664 
+              });
665 
+
666 
+              $file.change(function() {
667 
+
668 
+                var files = [], fileArr, filename;
669 
+
670 
+                // If multiple is supported then extract
671 
+                // all filenames from the file array
672 
+                if ( multipleSupport ) {
673 
+                  fileArr = $file[0].files;
674 
+                  for ( var i = 0, len = fileArr.length; i < len; i++ ) {
675 
+                    files.push( fileArr[i].name );
676 
+                  }
677 
+                  filename = files.join(', ');
678 
+
679 
+                // If not supported then just take the value
680 
+                // and remove the path to just show the filename
681 
+                } else {
682 
+                  filename = $file.val().split('\\').pop();
683 
+                }
684 
+
685 
+                $input.val( filename ) // Set the value
686 
+                  .attr('title', filename) // Show filename in title tootlip
687 
+                  .focus(); // Regain focus
688 
+
689 
+              });
690 
+
691 
+              $input.on({
692 
+                blur: function() { $file.trigger('blur'); },
693 
+                keydown: function( e ) {
694 
+                  if ( e.which === 13 ) { // Enter
695 
+                    if ( !isIE ) { $file.trigger('click'); }
696 
+                  } else if ( e.which === 8 || e.which === 46 ) { // Backspace & Del
697 
+                    // On some browsers the value is read-only
698 
+                    // with this trick we remove the old input and add
699 
+                    // a clean clone with all the original events attached
700 
+                    $file.replaceWith( $file = $file.clone( true ) );
701 
+                    $file.trigger('change');
702 
+                    $input.val('');
703 
+                  } else if ( e.which === 9 ){ // TAB
704 
+                    return;
705 
+                  } else { // All other keys
706 
+                    return false;
707 
+                  }
708 
+                }
709 
+              });
710 
+
711 
+            });
712 
+
713 
+          };
714 
+
715 
+          // Old browser fallback
716 
+          if ( !multipleSupport ) {
717 
+            $( document ).on('change', 'input.customfile', function() {
718 
+
719 
+              var $this = $(this),
720 
+                  // Create a unique ID so we
721 
+                  // can attach the label to the input
722 
+                  uniqId = 'customfile_'+ (new Date()).getTime(),
723 
+                  $wrap = $this.parent(),
724 
+
725 
+                  // Filter empty input
726 
+                  $inputs = $wrap.siblings().find('.file-upload-input')
727 
+                    .filter(function(){ return !this.value }),
728 
+
729 
+                  $file = $('<input type="file" id="'+ uniqId +'" name="'+ $this.attr('name') +'"/>');
730 
+
731 
+              // 1ms timeout so it runs after all other events
732 
+              // that modify the value have triggered
733 
+              setTimeout(function() {
734 
+                // Add a new input
735 
+                if ( $this.val() ) {
736 
+                  // Check for empty fields to prevent
737 
+                  // creating new inputs when changing files
738 
+                  if ( !$inputs.length ) {
739 
+                    $wrap.after( $file );
740 
+                    $file.customFile();
741 
+                  }
742 
+                // Remove and reorganize inputs
743 
+                } else {
744 
+                  $inputs.parent().remove();
745 
+                  // Move the input so it's always last on the list
746 
+                  $wrap.appendTo( $wrap.parent() );
747 
+                  $wrap.find('input').focus();
748 
+                }
749 
+              }, 1);
750 
+
751 
+            });
752 
+          }
753 
+
754 
+}(jQuery));
755 
+
756 
+$('input[type=file]').customFile();
757 
+  </script>

+ 107 - 0
sidebar.php
View File 

@@ -0,0 +1,107 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta charset="utf-8">
6 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
7 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
8 
+    <title>Dashboard Principal</title>
9 
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
10 
+    <link rel="stylesheet" href="css/font-awesome.min.css">
11 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.css">
12 
+    <script src="js/jquery.min.js"></script>
13 
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
14 
+    <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"></script>
15 
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
16 
+    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
17 
+    <link rel="stylesheet" href="css/all.css">
18 
+    <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
19 
+    <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
20 
+
21 
+</head>
22 
+
23 
+<body>
24 
+
25 
+    <div class="wrapper">
26 
+        <!-- Sidebar  -->
27 
+        <nav id="sidebar">
28 
+            <div class="sidebar-header">
29 
+                <img src="images/logo.png" alt="">
30 
+            </div>
31 
+            <ul class="list-unstyled components">
32 
+                <li id="home" class="active">
33 
+                    <a href="index.php"><i class="fas fa-chart-line"></i>Dashboard</a>
34 
+                </li>
35 
+                <li id="plazas">
36 
+                    <a href="plazas.php"><i class="fas fa-list-ol"></i>Plazas</a>
37 
+                </li>
38 
+                <li id="notificaciones">
39 
+                    <a href="notificaciones.php"><i class="far fa-bell"></i>Notificaciones</a>
40 
+                </li>
41 
+                <li id="configuraciones">
42 
+                    <a href="configuraciones.php"><i class="fas fa-cog"></i>Configuraciones</a>
43 
+                </li>
44 
+                <li id="elementos">
45 
+                    <a href="#pageSubmenu3" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"><i class="fas fa-star"></i>Elementos</a>
46 
+                    <ul class="collapse list-unstyled" id="pageSubmenu3">
47 
+                        <li>
48 
+                            <a href="lockscreen.php" target="_blank">Pantalla Bloqueada</a>
49 
+                        </li>
50 
+                        <li>
51 
+                            <a href="404.php" target="_blank">Error 404</a>
52 
+                        </li>
53 
+                        <li>
54 
+                            <a href="500.php" target="_blank">Error 500</a>
55 
+                        </li>
56 
+                        <li>
57 
+                            <a href="forgot-password.php" target="_blank">Contraseña Olvidada</a>
58 
+                        </li>
59 
+                        <li>
60 
+                            <a href="login.php" target="_blank">Login</a>
61 
+                        </li>
62 
+                        <li>
63 
+                            <a href="mensajes.php" target="_blank">Mensajes</a>
64 
+                        </li>
65 
+                    </ul>
66 
+                </li>
67 
+            </ul>
68 
+
69 
+        </nav>
70 
+
71 
+    </div>
72 
+
73 
+
74 
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
75 
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
76 
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.concat.min.js"></script>
77 
+
78 
+    <script type="text/javascript">
79 
+        $(document).ready(function () {
80 
+            $("#sidebar").mCustomScrollbar({
81 
+                theme: "minimal"
82 
+            });
83 
+
84 
+            $('#sidebarCollapse').on('click', function () {
85 
+                $('#sidebar, #content').toggleClass('active');
86 
+                $('.collapse.in').toggleClass('in');
87 
+                $('a[aria-expanded=true]').attr('aria-expanded', 'false');
88 
+            });
89 
+        });
90 
+    </script>
91 
+    <script>
92 
+        var elem = document.documentElement;
93 
+        function openFullscreen() {
94 
+          if (elem.requestFullscreen) {
95 
+            elem.requestFullscreen();
96 
+          } else if (elem.mozRequestFullScreen) { /* Firefox */
97 
+            elem.mozRequestFullScreen();
98 
+          } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari & Opera */
99 
+            elem.webkitRequestFullscreen();
100 
+          } else if (elem.msRequestFullscreen) { /* IE/Edge */
101 
+            elem.msRequestFullscreen();
102 
+          }
103 
+        }
104 
+    </script>
105 
+</body>
106 
+
107 
+</html>