Update AdminLTE

- from 2.4.5 to 2.4.18 (cannot detect any issues) - set default scancycle for Apple Devices to 1
2025-12-07 09:36:05 -08:00 · 2022-07-11 21:34:04 +02:00
parent a5a060b7c0
commit b2d2e3e9b6
3506 changed files with 228613 additions and 134604 deletions
--- a/front/lib/AdminLTE/documentation/build/include/adminlte-options.html
+++ b/front/lib/AdminLTE/documentation/build/include/adminlte-options.html
@@ -0,0 +1,125 @@
+<section id="adminlte-options">
+  <h2 class="page-header"><a href="#adminlte-options">AdminLTE Javascript Options</a></h2>
+  <p class="lead">Modifying the options of AdminLTE's app.js can be done using one of the following ways.</p>
+
+  <h3>Editing app.js</h3>
+  <p>Within the main Javascript file, modify the <code>$.AdminLTE.options</code> object to suit your use case.</p>
+
+  <h3>Defining AdminLTEOptions</h3>
+  <p>Alternatively, you can define a global options variable named <code>AdminLTEOptions</code> and initialize it before loading app.js.</p>
+  <p>Example</p>
+  <pre class="prettyprint"><code class="html">&LT;script>
+  var AdminLTEOptions = {
+    //Enable sidebar expand on hover effect for sidebar mini
+    //This option is forced to true if both the fixed layout and sidebar mini
+    //are used together
+    sidebarExpandOnHover: true,
+    //BoxRefresh Plugin
+    enableBoxRefresh: true,
+    //Bootstrap.js tooltip
+    enableBSToppltip: true
+  };
+&LT;/script>
+&LT;script src="dist/js/app.js" type="text/javascript">&LT;/script></code></pre>
+
+  <h3>Available AdminLTE Options</h3>
+  <pre class="prettyprint"><code class="javascript">{
+  //Add slimscroll to navbar menus
+  //This requires you to load the slimscroll plugin
+  //in every page before app.js
+  navbarMenuSlimscroll: true,
+  navbarMenuSlimscrollWidth: "3px", //The width of the scroll bar
+  navbarMenuHeight: "200px", //The height of the inner menu
+  //General animation speed for JS animated elements such as box collapse/expand and
+  //sidebar treeview slide up/down. This option accepts an integer as milliseconds,
+  //'fast', 'normal', or 'slow'
+  animationSpeed: 500,
+  //Sidebar push menu toggle button selector
+  sidebarToggleSelector: "[data-toggle='offcanvas']",
+  //Activate sidebar push menu
+  sidebarPushMenu: true,
+  //Activate sidebar slimscroll if the fixed layout is set (requires SlimScroll Plugin)
+  sidebarSlimScroll: true,
+  //Enable sidebar expand on hover effect for sidebar mini
+  //This option is forced to true if both the fixed layout and sidebar mini
+  //are used together
+  sidebarExpandOnHover: false,
+  //BoxRefresh Plugin
+  enableBoxRefresh: true,
+  //Bootstrap.js tooltip
+  enableBSToppltip: true,
+  BSTooltipSelector: "[data-toggle='tooltip']",
+  //Enable Fast Click. Fastclick.js creates a more
+  //native touch experience with touch devices. If you
+  //choose to enable the plugin, make sure you load the script
+  //before AdminLTE's app.js
+  enableFastclick: true,
+  //Control Sidebar Tree Views
+  enableControlTreeView: true,
+  //Control Sidebar Options
+  enableControlSidebar: true,
+  controlSidebarOptions: {
+    //Which button should trigger the open/close event
+    toggleBtnSelector: "[data-toggle='control-sidebar']",
+    //The sidebar selector
+    selector: ".control-sidebar",
+    //Enable slide over content
+    slide: true
+  },
+  //Box Widget Plugin. Enable this plugin
+  //to allow boxes to be collapsed and/or removed
+  enableBoxWidget: true,
+  //Box Widget plugin options
+  boxWidgetOptions: {
+    boxWidgetIcons: {
+      //Collapse icon
+      collapse: 'fa-minus',
+      //Open icon
+      open: 'fa-plus',
+      //Remove icon
+      remove: 'fa-times'
+    },
+    boxWidgetSelectors: {
+      //Remove button selector
+      remove: '[data-widget="remove"]',
+      //Collapse button selector
+      collapse: '[data-widget="collapse"]'
+    }
+  },
+  //Direct Chat plugin options
+  directChat: {
+    //Enable direct chat by default
+    enable: true,
+    //The button to open and close the chat contacts pane
+    contactToggleSelector: '[data-widget="chat-pane-toggle"]'
+  },
+  //Define the set of colors to use globally around the website
+  colors: {
+    lightBlue: "#3c8dbc",
+    red: "#f56954",
+    green: "#00a65a",
+    aqua: "#00c0ef",
+    yellow: "#f39c12",
+    blue: "#0073b7",
+    navy: "#001F3F",
+    teal: "#39CCCC",
+    olive: "#3D9970",
+    lime: "#01FF70",
+    orange: "#FF851B",
+    fuchsia: "#F012BE",
+    purple: "#8E24AA",
+    maroon: "#D81B60",
+    black: "#222222",
+    gray: "#d2d6de"
+  },
+  //The standard screen sizes that bootstrap uses.
+  //If you change these in the variables.less file, change
+  //them here too.
+  screenSizes: {
+    xs: 480,
+    sm: 768,
+    md: 992,
+    lg: 1200
+  }
+}</code></pre>
+</section>
--- a/front/lib/AdminLTE/documentation/build/include/advice.html
+++ b/front/lib/AdminLTE/documentation/build/include/advice.html
@@ -0,0 +1,17 @@
+<section id="advice">
+  <h2 class="page-header"><a href="#advice">A Word of Advice</a></h2>
+  <p class="lead">
+    Before you go to see your new awesome theme, here are few tips on how to familiarize yourself with it:
+  </p>
+
+  <ul>
+    <li><b>AdminLTE is based on <a href="http://getbootstrap.com/" target="_blank">Bootstrap 3</a>.</b> If you are unfamiliar with Bootstrap, visit their website and read through the documentation. All of Bootstrap components have been modified to fit the style of AdminLTE and provide a consistent look throughout the template. This way, we guarantee you will get the best of AdminLTE.</li>
+    <li><b>Go through the pages that are bundled with the theme.</b> Most of the template example pages contain quick tips on how to create or use a component which can be really helpful when you need to create something on the fly.</li>
+    <li><b>Documentation.</b> We are trying our best to make your experience with AdminLTE be smooth. One way to achieve that is to provide documentation and support. If you think that something is missing from the documentation, please do not hesitate to create an issue to tell us about it.</li>
+    <li><b>Built with <a href="http://lesscss.org/" target="_blank">LESS</a>.</b> This theme uses the LESS compiler to make it easier to customize and use. LESS is easy to learn if you know CSS or SASS. It is not necessary to learn LESS but it will benefit you a lot in the future.</li>
+    <li><b>Hosted on <a href="https://github.com/almasaeed2010/AdminLTE/" target="_blank">GitHub</a>.</b> Visit our GitHub repository to view issues, make requests, or contribute to the project.</li>
+  </ul>
+  <p>
+    <b>Note:</b> LESS files are better commented than the compiled CSS file.
+  </p>
+</section>
--- a/front/lib/AdminLTE/documentation/build/include/browsers.html
+++ b/front/lib/AdminLTE/documentation/build/include/browsers.html
@@ -0,0 +1,12 @@
+<section id="browsers">
+  <h2 class="page-header"><a href="#browsers">Browser Support</a></h2>
+  <p class="lead">AdminLTE supports the following browsers:</p>
+  <ul>
+    <li>IE9+</li>
+    <li>Firefox (latest)</li>
+    <li>Safari (latest)</li>
+    <li>Chrome (latest)</li>
+    <li>Opera (latest)</li>
+  </ul>
+  <p><b>Note:</b> IE9 does not support transitions or animations. The template will function properly but it won't use animations/transitions on IE9.</p>
+</section>
--- a/front/lib/AdminLTE/documentation/build/include/components.html
+++ b/front/lib/AdminLTE/documentation/build/include/components.html
--- a/front/lib/AdminLTE/documentation/build/include/dependencies.html
+++ b/front/lib/AdminLTE/documentation/build/include/dependencies.html
@@ -0,0 +1,10 @@
+<section id="dependencies">
+  <h2 class="page-header"><a href="#dependencies">Dependencies</a></h2>
+  <p class="lead">AdminLTE depends on two main frameworks.
+    The downloadable package contains both of these libraries, so you don't have to manually download them.</p>
+  <ul class="bring-up">
+    <li><a href="http://getbootstrap.com" target="_blank">Bootstrap 3</a></li>
+    <li><a href="http://jquery.com/" target="_blank">jQuery 1.11+</a></li>
+    <li><a href="#plugins">All other plugins are listed below</a></li>
+  </ul>
+</section>
--- a/front/lib/AdminLTE/documentation/build/include/download.html
+++ b/front/lib/AdminLTE/documentation/build/include/download.html
@@ -0,0 +1,48 @@
+<section id="download">
+  <h2 class="page-header"><a href="#download">Download</a></h2>
+  <p class="lead">
+    AdminLTE can be downloaded in two different versions, each appealing to different skill levels and use case.
+  </p>
+  <div class="row">
+    <div class="col-sm-6">
+      <div class="box box-primary">
+        <div class="box-header with-border">
+          <h3 class="box-title">Ready</h3>
+          <span class="label label-primary pull-right"><i class="fa fa-html5"></i></span>
+        </div><!-- /.box-header -->
+        <div class="box-body">
+          <p>Compiled and ready to use in production. Download this version if you don't want to customize AdminLTE's LESS files.</p>
+          <a href="https://adminlte.io/download/AdminLTE-dist" class="btn btn-primary"><i class="fa fa-download"></i> Download</a>
+        </div><!-- /.box-body -->
+      </div><!-- /.box -->
+    </div><!-- /.col -->
+    <div class="col-sm-6">
+      <div class="box box-danger">
+        <div class="box-header with-border">
+          <h3 class="box-title">Source Code</h3>
+          <span class="label label-danger pull-right"><i class="fa fa-database"></i></span>
+        </div><!-- /.box-header -->
+        <div class="box-body">
+          <p>All files including the compiled CSS. Download this version if you plan on customizing the template. <b>Requires a LESS compiler.</b></p>
+          <a href="https://adminlte.io/download/AdminLTE" class="btn btn-danger"><i class="fa fa-download"></i> Download</a>
+        </div><!-- /.box-body -->
+      </div><!-- /.box -->
+    </div><!-- /.col -->
+  </div><!-- /.row -->
+  <pre class="hierarchy bring-up"><code class="language-bash" data-lang="bash">File Hierarchy of the Source Code Package
+
+AdminLTE/
+├── dist/
+│   ├── CSS/
+│   ├── JS
+│   ├── img
+├── build/
+│   ├── less/
+│   │   ├── AdminLTE's Less files
+│   └── Bootstrap-less/ (Only for reference. No modifications have been made)
+│       ├── mixins/
+│       ├── variables.less
+│       ├── mixins.less
+└── plugins/
+    ├── All the customized plugins CSS and JS files</code></pre>
+</section>
--- a/front/lib/AdminLTE/documentation/build/include/faq.html
+++ b/front/lib/AdminLTE/documentation/build/include/faq.html
@@ -0,0 +1,12 @@
+<section id="faq">
+  <h2 class="page-header"><a href="#faq">FAQ</a></h2>
+  <h3>Can AdminLTE be used with Wordpress?</h3>
+  <p class="lead">AdminLTE is an HTML template that can be used for any purpose. However, it is not made to be easily installed on Wordpress. It will require some effort and enough knowledge of the Wordpress script to do so.</p>
+
+  <h3>Is there an integration guide for PHP frameworks such as Yii or Symfony?</h3>
+  <p class="lead">Short answer, no. However, there are forks and tutorials around the web that provide info on how to integrate with many different frameworks. There are even versions of AdminLTE that are integrated with jQuery ajax, AngularJS and/or MVC5 ASP .NET.</p>
+
+  <h3>How do I get notified of new AdminLTE versions?</h3>
+  <p class="lead">The best option is to subscribe to our mailing list using the <a href="https://adminlte.io/#subscribe">subscription form on Almsaeed Studio</a>.
+    If that's not appealing to you, you may watch the <a href="https://github.com/almasaeed2010/AdminLTE">repository on Github</a> or visit <a href="https://adminlte.io">Almsaeed Studio</a> every now and then for updates and announcements.</p>
+</section>
--- a/front/lib/AdminLTE/documentation/build/include/implementations.html
+++ b/front/lib/AdminLTE/documentation/build/include/implementations.html
@@ -0,0 +1,20 @@
+<section id="implementations">
+  <h2 class="page-header"><a href="#implementations">Implementations</a></h2>
+  <p class="lead">Thanks to many of AdminLTE users, there are multiple implementations of the template
+  for easy integration with back-end frameworks. The following are some of them:</p>
+
+  <ul>
+    <li><a href="https://github.com/mmdsharifi/AdminLTE-RTL">Persian RTL</a> by <a href="https://github.com/mmdsharifi">Mohammad Sharifi</a></li>
+    <li><a href="https://github.com/dmstr/yii2-adminlte-asset" target="_blank">Yii 2</a> by <a href="https://github.com/schmunk42" target="_blank">Tobias Munk</a></li>
+    <li><a href="https://github.com/yajra/laravel-admin-template" target="_blank">Laravel</a> by <a href="https://github.com/yajra" target="_blank">Arjay Angeles</a></li>
+    <li><a href="https://github.com/acacha/adminlte-laravel" target="_blank">Laravel 5 package</a> by <a href="https://github.com/acacha" target="_blank">Sergi Tur Badenas</a></li>
+    <li><a href="https://github.com/jeroennoten/Laravel-AdminLTE" target="_blank">Laravel-AdminLTE</a> by <a href="https://github.com/jeroennoten" target="_blank">Jeroen Noten</a></li>
+    <li><a href="https://github.com/avanzu/AdminThemeBundle" target="_blank">Symfony</a> by <a href="https://github.com/avanzu" target="_blank">Marc Bach</a> (or for <a href="https://github.com/kevinpapst/AdminLTEBundle" target="_blank">Symfony 4</a> by <a href="https://github.com/kevinpapst" target="_blank">Kevin Papst</a>)</li>
+    <li>Rails gems: <a href="https://github.com/nicolas-besnard/adminlte2-rails" target="_blank">adminlte2-rails</a> by <a href="https://github.com/nicolas-besnard" target="_blank">Nicolas Besnard</a> and <a href="https://github.com/racketlogger/lte-rails" target="_blank">lte-rails</a> (using AdminLTE sources) by <a href="https://github.com/racketlogger" target="_blank">Carlos at RacketLogger</a></li>
+    <li><a href="https://github.com/misterGF/CoPilot" target="_blank">CoPilot (AdminLTE with Vue.js)</a> by<a href="https://github.com/misterGF" target="_blank">Gil Ferreira</a></li>
+  </ul>
+
+  <p><b class="text-red">Note:</b> these implementations are not supported by Almsaeed Studio. However,
+    they do provide a good example of how to integrate AdminLTE into different frameworks. For the latest release
+    of AdminLTE, please visit our <a href="https://github.com/almasaeed2010/AdminLTE">repository</a> or <a href="https://adminlte.io">website</a></p>
+</section>
--- a/front/lib/AdminLTE/documentation/build/include/introduction.html
+++ b/front/lib/AdminLTE/documentation/build/include/introduction.html
@@ -0,0 +1,12 @@
+<section id="introduction">
+  <h2 class="page-header"><a href="#introduction">Introduction</a></h2>
+  <p class="lead">
+    <b>AdminLTE</b> is a popular open source WebApp template for admin dashboards and control panels.
+    It is a responsive HTML template that is based on the CSS framework Bootstrap 3.
+    It utilizes all of the Bootstrap components in its design and re-styles many
+    commonly used plugins to create a consistent design that can be used as a user
+    interface for backend applications. AdminLTE is based on a modular design, which
+    allows it to be easily customized and built upon. This documentation will guide you through
+    installing the template and exploring the various components that are bundled with the template.
+  </p>
+</section><!-- /#introduction -->
--- a/front/lib/AdminLTE/documentation/build/include/layout.html
+++ b/front/lib/AdminLTE/documentation/build/include/layout.html
@@ -0,0 +1,92 @@
+<section id="layout">
+  <h2 class="page-header"><a href="#layout">Layout</a></h2>
+  <p class="lead">The layout consists of four major parts:</p>
+  <ul>
+    <li>Wrapper <code>.wrapper</code>. A div that wraps the whole site.</li>
+    <li>Main Header <code>.main-header</code>. Contains the logo and navbar.</li>
+    <li>Sidebar <code>.sidebar-wrapper</code>. Contains the user panel and sidebar menu.</li>
+    <li>Content <code>.content-wrapper</code>. Contains the page header and content.</li>
+  </ul>
+  <div class="callout callout-danger lead">
+    <h4>Tip!</h4>
+    <p>The <a href="../starter.html">starter page</a> is a good place to start building your app if you'd like to start from scratch.</p>
+  </div>
+
+  <h3>Layout Options</h3>
+  <p class="lead">AdminLTE 2.0 provides a set of options to apply to your main layout. Each one of these classes can be added
+    to the body tag to get the desired goal.</p>
+  <ul>
+    <li><b>Fixed:</b> use the class <code>.fixed</code> to get a fixed header and sidebar.</li>
+    <li><b>Collapsed Sidebar:</b> use the class <code>.sidebar-collapse</code> to have a collapsed sidebar upon loading.</li>
+    <li><b>Boxed Layout:</b> use the class <code>.layout-boxed</code> to get a boxed layout that stretches only to 1250px.</li>
+    <li><b>Top Navigation</b> use the class <code>.layout-top-nav</code> to remove the sidebar and have your links at the top navbar.</li>
+  </ul>
+  <p><b>Note:</b> you cannot use both layout-boxed and fixed at the same time. Anything else can be mixed together.</p>
+
+  <h3>Skins</h3>
+  <p class="lead">Skins can be found in the dist/css/skins folder.
+    Choose the skin file that you want and then add the appropriate
+    class to the body tag to change the template's appearance. Here is the list of available skins:</p>
+  <div class="box box-solid" style="max-width: 300px;">
+    <div class="box-body no-padding">
+      <table id="layout-skins-list" class="table table-striped bring-up nth-2-center">
+        <thead>
+          <tr>
+            <th style="width: 210px;">Skin Class</th>
+            <th>Preview</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td><code>skin-blue</code></td>
+            <td><a href="#" data-skin="skin-blue" class="btn btn-primary btn-xs"><i class="fa fa-eye"></i></a></td>
+          </tr>
+          <tr>
+            <td><code>skin-blue-light</code></td>
+            <td><a href="#" data-skin="skin-blue-light" class="btn btn-primary btn-xs"><i class="fa fa-eye"></i></a></td>
+          </tr>
+          <tr>
+            <td><code>skin-yellow</code></td>
+            <td><a href="#" data-skin="skin-yellow" class="btn btn-warning btn-xs"><i class="fa fa-eye"></i></a></td>
+          </tr>
+          <tr>
+            <td><code>skin-yellow-light</code></td>
+            <td><a href="#" data-skin="skin-yellow-light" class="btn btn-warning btn-xs"><i class="fa fa-eye"></i></a></td>
+          </tr>
+          <tr>
+            <td><code>skin-green</code></td>
+            <td><a href="#" data-skin="skin-green" class="btn btn-success btn-xs"><i class="fa fa-eye"></i></a></td>
+          </tr>
+          <tr>
+            <td><code>skin-green-light</code></td>
+            <td><a href="#" data-skin="skin-green-light" class="btn btn-success btn-xs"><i class="fa fa-eye"></i></a></td>
+          </tr>
+          <tr>
+            <td><code>skin-purple</code></td>
+            <td><a href="#" data-skin="skin-purple" class="btn bg-purple btn-xs"><i class="fa fa-eye"></i></a></td>
+          </tr>
+          <tr>
+            <td><code>skin-purple-light</code></td>
+            <td><a href="#" data-skin="skin-purple-light" class="btn bg-purple btn-xs"><i class="fa fa-eye"></i></a></td>
+          </tr>
+          <tr>
+            <td><code>skin-red</code></td>
+            <td><a href="#" data-skin="skin-red" class="btn btn-danger btn-xs"><i class="fa fa-eye"></i></a></td>
+          </tr>
+          <tr>
+            <td><code>skin-red-light</code></td>
+            <td><a href="#" data-skin="skin-red-light" class="btn btn-danger btn-xs"><i class="fa fa-eye"></i></a></td>
+          </tr>
+          <tr>
+            <td><code>skin-black</code></td>
+            <td><a href="#" data-skin="skin-black" class="btn bg-black btn-xs"><i class="fa fa-eye"></i></a></td>
+          </tr>
+          <tr>
+            <td><code>skin-black-light</code></td>
+            <td><a href="#" data-skin="skin-black-light" class="btn bg-black btn-xs"><i class="fa fa-eye"></i></a></td>
+          </tr>
+        </tbody>
+      </table>
+    </div><!-- /.box-body -->
+  </div><!-- /.box -->
+</section>
--- a/front/lib/AdminLTE/documentation/build/include/license.html
+++ b/front/lib/AdminLTE/documentation/build/include/license.html
@@ -0,0 +1,10 @@
+<section id="license">
+  <h2 class="page-header"><a href="#license">License</a></h2>
+  <h3>AdminLTE</h3>
+  <p class="lead">
+    AdminLTE is an open source project that is licensed under the <a href="http://opensource.org/licenses/MIT">MIT license</a>.
+    This allows you to do pretty much anything you want as long as you include
+    the copyright in "all copies or substantial portions of the Software."
+    Attribution is not required (though very much appreciated).
+  </p>
+</section>
--- a/front/lib/AdminLTE/documentation/build/include/plugins.html
+++ b/front/lib/AdminLTE/documentation/build/include/plugins.html
@@ -0,0 +1,47 @@
+<section id="plugins">
+  <h2 class="page-header"><a href="#plugins">Plugins</a></h2>
+  <p class="lead">AdminLTE makes use of the following plugins. For documentation, updates or license information, please visit the provided links.</p>
+  <div class="row bring-up">
+    <div class="col-sm-3">
+      <ul class="list-unstyled">
+        <li><h4>Charts</h4></li>
+        <li><a href="http://www.chartjs.org/" target="_blank">ChartJS</a></li>
+        <li><a href="http://www.flotcharts.org/" target="_blank">Flot</a></li>
+        <li><a href="http://morrisjs.github.io/morris.js/" target="_blank">Morris.js</a></li>
+        <li><a href="http://omnipotent.net/jquery.sparkline/" target="_blank">Sparkline</a></li>
+      </ul>
+    </div><!-- /.col -->
+    <div class="col-sm-3">
+      <ul class="list-unstyled">
+        <li><h4>Form Elements</h4></li>
+        <li><a href="https://github.com/seiyria/bootstrap-slider/">Bootstrap Slider</a></li>
+        <li><a href="http://ionden.com/a/plugins/ion.rangeSlider/en.html" target="_blank">Ion Slider</a></li>
+        <li><a href="http://bootstrap-datepicker.readthedocs.org/" target="_blank">Date Picker</a></li>
+        <li><a href="http://www.daterangepicker.com/" target="_blank">Date Range Picker</a></li>
+        <li><a href="http://mjolnic.com/bootstrap-colorpicker/" target="_blank">Color Picker</a></li>
+        <li><a href="https://github.com/jdewit/bootstrap-timepicker/" target="_blank">Time Picker</a></li>
+        <li><a href="http://fronteed.com/iCheck/" target="_blank">iCheck</a></li>
+        <li><a href="https://github.com/RobinHerbots/jquery.inputmask/" target="_blank">Input Mask</a></li>
+      </ul>
+    </div><!-- /.col -->
+    <div class="col-sm-3">
+      <ul class="list-unstyled">
+        <li><h4>Editors</h4></li>
+        <li><a href="https://github.com/bootstrap-wysiwyg/bootstrap3-wysiwyg/" target="_blank">Bootstrap WYSIHTML5</a></li>
+        <li><a href="http://ckeditor.com/" target="_blank">CK Editor</a></li>
+      </ul>
+    </div><!-- /. col -->
+    <div class="col-sm-3">
+      <ul class="list-unstyled">
+        <li><h4>Other</h4></li>
+        <li><a href="https://datatables.net/examples/styling/bootstrap.html" target="_blank">DataTables</a></li>
+        <li><a href="http://fullcalendar.io/" target="_blank">Full Calendar</a></li>
+        <li><a href="http://jqueryui.com/" target="_blank">jQuery UI</a></li>
+        <li><a href="http://anthonyterrien.com/knob/" target="_blank">jQuery Knob</a></li>
+        <li><a href="http://jvectormap.com/" target="_blank">jVector Map</a></li>
+        <li><a href="http://rocha.la/jQuery-slimScroll/" target="_blank">jQuery Slim Scroll</a></li>
+        <li><a href="http://github.hubspot.com/pace/docs/welcome/" target="_blank">Pace</a></li>
+      </ul>
+    </div><!-- /.col -->
+  </div><!-- /.row -->
+</section>
--- a/front/lib/AdminLTE/documentation/build/include/upgrade.html
+++ b/front/lib/AdminLTE/documentation/build/include/upgrade.html
@@ -0,0 +1,26 @@
+<section id="upgrade">
+  <h2 class="page-header"><a href="#upgrade">Upgrade Guide</a></h2>
+  <p class="lead">To upgrade from version 1.x to the lateset version, follow this guide.</p>
+  <h3>New Files</h3>
+  <p>Make sure you update all CSS and JS files that are related to AdminLTE. Otherwise, the layout will not
+    function properly. Most important files are AdminLTE.css, skins CSS files, and app.js.</p>
+  <h3>Layout Changes</h3>
+  <ol>
+    <li>The .wrapper div must be placed immediately after the body tag rather than after the header</li>
+    <li>Change the .header div to .main-header <code>&LT;div class="main-header"></code></li>
+    <li>Change the .right-side class to .content-wrapper <code>&LT;div class="content-wrapper"></code></li>
+    <li>Change the .left-side class to .main-sidebar <code>&LT;div class="main-sidebar"></code></li>
+    <li>In the navbar, change .navbar-right to .navbar-custom-menu <code>&LT;div class="navbar-custom-menu"></code></li>
+  </ol>
+  <h3>Navbar Custom Dropdown Menus</h3>
+  <ol>
+    <li>The icons in the notification menu do not need bg-* classes. They should be replaced with contextual text color class such as text-aqua or text-red.</li>
+  </ol>
+  <h3>Login, Registration and Lockscreen Pages</h3>
+  <p>There are major changes to the HTML markup and style to these pages. The best way is to copy the page's code and customize it.</p>
+  <p>And you should be set to go!</p>
+  <h3>Mailbox</h3>
+  <p>Mailbox got an upgrade to include three different views. The views are inbox, read mail, and compose new email. To use these views,
+    you should use the provided HTML files in the pages/mailbox folder.</p>
+  <p><b class="text-red">Note:</b> the old mailbox layout has been deprecated in favor of the new one and will be removed by the next release.</p>
+</section>
--- a/front/lib/AdminLTE/documentation/build/index.html
+++ b/front/lib/AdminLTE/documentation/build/index.html
@@ -0,0 +1,201 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <title>AdminLTE 2 | Documentation</title>
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
+  <!-- Bootstrap 3.3.7 -->
+  <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css">
+  <!-- Font Awesome -->
+  <link rel="stylesheet" href="../bower_components/font-awesome/css/font-awesome.min.css">
+  <!-- Ionicons -->
+  <link rel="stylesheet" href="../bower_components/Ionicons/css/ionicons.min.css">
+  <!-- Theme style -->
+  <link rel="stylesheet" href="../dist/css/AdminLTE.min.css">
+  <link rel="stylesheet" href="../dist/css/skins/_all-skins.min.css">
+  <link rel="stylesheet" href="style.css">
+
+  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+  <!--[if lt IE 9]>
+  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+  <![endif]-->
+
+  <!-- Google Font -->
+  <link rel="stylesheet"
+        href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
+</head>
+<body class="skin-blue" data-spy="scroll" data-target="#scrollspy">
+<div class="wrapper">
+
+  <header class="main-header">
+    <!-- Logo -->
+    <a href="../index2.html" class="logo">
+      <!-- mini logo for sidebar mini 50x50 pixels -->
+      <span class="logo-mini"><b>A</b>LT</span>
+      <!-- logo for regular state and mobile devices -->
+      <span class="logo-lg"><b>Admin</b>LTE</span>
+    </a>
+    <!-- Header Navbar: style can be found in header.less -->
+    <nav class="navbar navbar-static-top" role="navigation">
+      <!-- Sidebar toggle button-->
+      <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
+        <span class="sr-only">Toggle navigation</span>
+      </a>
+      <!-- Navbar Right Menu -->
+      <div class="navbar-custom-menu">
+        <ul class="nav navbar-nav">
+          <li><a href="https://adminlte.io">Almsaeed Studio</a></li>
+          <li><a href="https://adminlte.io/premium">Premium Templates</a></li>
+        </ul>
+      </div>
+    </nav>
+  </header>
+  <!-- Left side column. contains the logo and sidebar -->
+  <aside class="main-sidebar">
+    <!-- sidebar: style can be found in sidebar.less -->
+    <div class="sidebar" id="scrollspy">
+
+      <!-- sidebar menu: : style can be found in sidebar.less -->
+      <ul class="nav sidebar-menu">
+        <li class="header">TABLE OF CONTENTS</li>
+        <li class="active"><a href="#introduction"><i class="fa fa-circle-o"></i> Introduction</a></li>
+        <li><a href="#download"><i class="fa fa-circle-o"></i> Download</a></li>
+        <li><a href="#dependencies"><i class="fa fa-circle-o"></i> Dependencies</a></li>
+        <li><a href="#advice"><i class="fa fa-circle-o"></i> Advice</a></li>
+        <li><a href="#layout"><i class="fa fa-circle-o"></i> Layout</a></li>
+        <li><a href="#adminlte-options"><i class="fa fa-circle-o"></i> Javascript Options</a></li>
+        <li class="treeview" id="scrollspy-components">
+          <a href="javascript:void(0)"><i class="fa fa-circle-o"></i> Components</a>
+          <ul class="nav treeview-menu">
+            <li><a href="#component-main-header">Main Header</a></li>
+            <li><a href="#component-sidebar">Sidebar</a></li>
+            <li><a href="#component-control-sidebar">Control Sidebar</a></li>
+            <li><a href="#component-info-box">Info Box</a></li>
+            <li><a href="#component-box">Boxes</a></li>
+            <li><a href="#component-direct-chat">Direct Chat</a></li>
+          </ul>
+        </li>
+        <li><a href="#plugins"><i class="fa fa-circle-o"></i> Plugins</a></li>
+        <li><a href="#browsers"><i class="fa fa-circle-o"></i> Browser Support</a></li>
+        <li><a href="#upgrade"><i class="fa fa-circle-o"></i> Upgrade Guide</a></li>
+        <li><a href="#implementations"><i class="fa fa-circle-o"></i> Implementations</a></li>
+        <li><a href="#faq"><i class="fa fa-circle-o"></i> FAQ</a></li>
+        <li><a href="#license"><i class="fa fa-circle-o"></i> License</a></li>
+      </ul>
+    </div>
+    <!-- /.sidebar -->
+  </aside>
+
+  <!-- Content Wrapper. Contains page content -->
+  <div class="content-wrapper">
+    <!-- Content Header (Page header) -->
+    <div class="content-header">
+      <h1>
+        AdminLTE Documentation
+        <small>Version 2.3</small>
+      </h1>
+      <ol class="breadcrumb">
+        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
+        <li class="active">Documentation</li>
+      </ol>
+    </div>
+
+    <!-- Main content -->
+    <div class="content body">
+      <p class="lead">
+        This documentation is for versions 2.3 and under.
+        If you are looking for documentation for version 2.4 and above,
+        please visit <a href="https://adminlte.io/docs">our online documentation</a>.
+      </p>
+
+      include "introduction.html"
+
+      <!-- ============================================================= -->
+
+      include "download.html"
+
+      <!-- ============================================================= -->
+
+      include "dependencies.html"
+
+      <!-- ============================================================= -->
+
+      include "advice.html"
+
+      <!-- ============================================================= -->
+
+      include "layout.html"
+
+      <!-- ============================================================= -->
+
+      include "adminlte-options.html"
+
+      <!-- ============================================================= -->
+
+      include "components.html"
+
+      <!-- ============================================================= -->
+
+      include "plugins.html"
+
+      <!-- ============================================================= -->
+
+      include "browsers.html"
+
+      <!-- ============================================================= -->
+
+      include "upgrade.html"
+
+      <!-- ============================================================= -->
+
+      include "implementations.html"
+
+      <!-- ============================================================= -->
+
+      include "faq.html"
+
+      <!-- ============================================================= -->
+
+      include "license.html"
+
+    </div><!-- /.content -->
+  </div><!-- /.content-wrapper -->
+
+  <footer class="main-footer">
+    <div class="pull-right hidden-xs">
+      <b>Version</b> 2.3.12
+    </div>
+    <strong>Copyright &copy; 2014-2019 <a href="https://adminlte.io">AdminLTE</a>.</strong> All rights
+    reserved.
+  </footer>
+
+  <!-- Control Sidebar -->
+  <aside class="control-sidebar control-sidebar-dark">
+    <!-- Create the tabs -->
+    <div class="pad">
+      This is an example of the control sidebar.
+    </div>
+  </aside><!-- /.control-sidebar -->
+  <!-- Add the sidebar's background. This div must be placed
+       immediately after the control sidebar -->
+  <div class="control-sidebar-bg"></div>
+
+</div><!-- ./wrapper -->
+
+<!-- jQuery 3 -->
+<script src="../bower_components/jquery/dist/jquery.min.js"></script>
+<!-- Bootstrap 3.3.7 -->
+<script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
+<!-- FastClick -->
+<script src="../plugins/fastclick/fastclick.min.js"></script>
+<!-- AdminLTE App -->
+<script src="../dist/js/adminlte.min.js"></script>
+<!-- SlimScroll -->
+<script src="../bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
+<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
+<script src="docs.js"></script>
+</body>
+</html>
--- a/front/lib/AdminLTE/documentation/docs.js
+++ b/front/lib/AdminLTE/documentation/docs.js
@@ -0,0 +1,74 @@
+/*
+ * Documentation JS script
+ */
+$(function () {
+  'use strict'
+
+  var $slideToTop = $('<div />')
+
+  $slideToTop.html('<i class="fa fa-chevron-up"></i>')
+
+  $slideToTop.css({
+    position          : 'fixed',
+    bottom            : '20px',
+    right             : '25px',
+    width             : '40px',
+    height            : '40px',
+    color             : '#eee',
+    'font-size'       : '',
+    'line-height'     : '40px',
+    'text-align'      : 'center',
+    'background-color': '#222d32',
+    cursor            : 'pointer',
+    'border-radius'   : '5px',
+    'z-index'         : '99999',
+    opacity           : '.7',
+    'display'         : 'none'
+  })
+
+  $slideToTop.on('mouseenter', function () {
+    $(this).css('opacity', '1')
+  })
+
+  $slideToTop.on('mouseout', function () {
+    $(this).css('opacity', '.7')
+  })
+
+  $('.wrapper').append($slideToTop)
+
+  $(window).scroll(function () {
+    if ($(window).scrollTop() >= 150) {
+      if (!$($slideToTop).is(':visible')) {
+        $($slideToTop).fadeIn(500)
+      }
+    } else {
+      $($slideToTop).fadeOut(500)
+    }
+  })
+
+  $($slideToTop).click(function () {
+    $('body').animate({
+      scrollTop: 0
+    }, 500)
+  })
+
+  $('.sidebar-menu li:not(.treeview) a').click(function () {
+    var $this  = $(this)
+    var target = $this.attr('href')
+    if (typeof target === 'string') {
+      $('body').animate({
+        scrollTop: ($(target).offset().top) + 'px'
+      }, 500)
+    }
+  })
+  // Skin switcher
+  var currentSkin = 'skin-blue'
+
+  $('#layout-skins-list [data-skin]').click(function (e) {
+    e.preventDefault()
+    var skinName = $(this).data('skin')
+    $('body').removeClass(currentSkin)
+    $('body').addClass(skinName)
+    currentSkin = skinName
+  })
+})
--- a/front/lib/AdminLTE/documentation/index.html
+++ b/front/lib/AdminLTE/documentation/index.html
--- a/front/lib/AdminLTE/documentation/style.css
+++ b/front/lib/AdminLTE/documentation/style.css
@@ -0,0 +1,261 @@
+/*
+ * Documentation specific stylesheet
+ */
+.content-wrapper p {
+  padding: 0 10px;
+  font-size: 16px;
+  position: relative;
+  z-index: 30;
+}
+.bring-up {
+  position: relative;
+  z-index: 30;
+}
+.nth-2-center > tbody > tr > td:last-of-type {
+  text-align: center!important;
+}
+.content {
+  font-size: 16px;
+  z-index: 500;
+}
+
+#components > h3 {
+  font-size: 25px;
+  color: #000;
+}
+
+#components > h4 {
+  font-size: 20px;
+  color: #000;
+}
+ul {
+  margin-bottom: 20px;
+}
+.page-header {
+  /*border-bottom: 1px solid #ddd;        */
+  margin: 20px 0 10px 0!important;
+  position: relative;
+  z-index: 1;
+  font-size: 30px;
+}
+.page-header span,
+.page-header a {
+  z-index: 5;
+  display: block;
+  background-color: #ecf0f5;
+  color: #000;
+}
+.page-header span::before,
+.page-header a::before {
+  content: '#';
+  font-size: 25px;
+  margin-right: 10px;
+  color: #3c8dbc;
+}
+.page-header:before,
+#components > h3:before {
+  display: block;
+  content: " ";
+  margin-top: -60px;
+  height: 60px;
+  visibility: hidden;
+  z-index: -10;
+}
+
+.lead {
+  font-size: 18px;
+  font-weight: 400;
+}
+.eg{
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: inline-block;
+  background: #d2d6de;
+  padding: 5px;
+  border-bottom-right-radius: 3px;
+  border-top-left-radius: 3px;
+  border-bottom: 1px solid #d2d6dc;
+  border-right: 1px solid #d2d6dc;
+}
+.eg + * {
+  margin-top: 30px;
+}
+.content {
+  padding: 10px 25px;
+}
+.hierarchy {
+  background: #333;
+  color: #fff;
+}
+.plugins-list li {
+  width: 50%;
+  float: left;
+}
+pre {
+  border: none;
+}
+
+.sidebar {
+  margin-top: 0;
+  padding-top: 0!important;
+}
+.box .main-header {
+  z-index: 1000;
+  position: relative;
+}
+.treeview .nav li a:hover,
+.treeview .nav li a:active {
+  background: transparent;
+}
+p {
+  padding: 0!important;
+}
+/* Hemisu Light */
+/* Original theme - http://noahfrederick.com/vim-color-scheme-hemisu/ */
+pre.prettyprint {
+  background: white;
+  font-family: Menlo, 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Consolas, monospace;
+  font-size: 12px;
+  line-height: 1.5;
+  border: 1px solid #dedede!important;
+  padding: 10px;
+  max-height: 300px;
+  width: auto;
+  overflow: auto!important;
+}
+pre.prettyprint > code {
+  width: auto;
+  overflow: auto!important;
+}
+
+.pln {
+  color: #111111;
+}
+
+@media screen {
+  .str {
+    color: #739200;
+  }
+
+  .kwd {
+    color: #739200;
+  }
+
+  .com {
+    color: #999999;
+  }
+
+  .typ {
+    color: #ff0055;
+  }
+
+  .lit {
+    color: #538192;
+  }
+
+  .pun {
+    color: #111111;
+  }
+
+  .opn {
+    color: #111111;
+  }
+
+  .clo {
+    color: #111111;
+  }
+
+  .tag {
+    color: #111111;
+  }
+
+  .atn {
+    color: #739200;
+  }
+
+  .atv {
+    color: #ff0055;
+  }
+
+  .dec {
+    color: #111111;
+  }
+
+  .var {
+    color: #111111;
+  }
+
+  .fun {
+    color: #538192;
+  }
+}
+@media print, projection {
+  .str {
+    color: #006600;
+  }
+
+  .kwd {
+    color: #006;
+    font-weight: bold;
+  }
+
+  .com {
+    color: #600;
+    font-style: italic;
+  }
+
+  .typ {
+    color: #404;
+    font-weight: bold;
+  }
+
+  .lit {
+    color: #004444;
+  }
+
+  .pun, .opn, .clo {
+    color: #444400;
+  }
+
+  .tag {
+    color: #006;
+    font-weight: bold;
+  }
+
+  .atn {
+    color: #440044;
+  }
+
+  .atv {
+    color: #006600;
+  }
+}
+/* Specify class=linenums on a pre to get line numbering */
+ol.linenums {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+/* IE indents via margin-left */
+li.L0,
+li.L1,
+li.L2,
+li.L3,
+li.L4,
+li.L5,
+li.L6,
+li.L7,
+li.L8,
+li.L9 {
+  /* */
+}
+
+/* Alternate shading for lines */
+li.L1,
+li.L3,
+li.L5,
+li.L7,
+li.L9 {
+  /* */
+}