Merge pull request #3430 from danny007in/docs-b

Docs, html, js minor changes

.stylelintignore

@@ -1,4 +1,5 @@
 **/*.html
+**/*.md
 **/*.min.css
 **/dist/
 **/docs_html/

CODE_OF_CONDUCT.md

@@ -0,0 +1,43 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation.
+
+## Our Standards
+
+Examples of behavior that contributes to creating a positive environment include:
+
+- Using welcoming and inclusive language
+- Being respectful of differing viewpoints and experiences
+- Gracefully accepting constructive criticism
+- Focusing on what is best for the community
+- Showing empathy towards other community members
+
+Examples of unacceptable behavior by participants include:
+
+- The use of sexualized language or imagery and unwelcome sexual attention or advances
+- Trolling, insulting/derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or electronic address, without explicit permission
+- Other conduct which could reasonably be considered inappropriate in a professional setting
+
+## Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.
+
+## Scope
+
+This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at https://colorlib.com/wp/contact-us/. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant](https://www.contributor-covenant.org/), version 1.4, available at <https://www.contributor-covenant.org/version/1/4/code-of-conduct/>

LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2014-2020 ColorlibHQ
+Copyright (c) 2014-2021 ColorlibHQ
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of
 this software and associated documentation files (the "Software"), to deal in

build/npm/vnu-jar.js

@@ -2,8 +2,8 @@
 
 /*!
  * Script to run vnu-jar if Java is available.
- * Copyright 2017-2020 The Bootstrap Authors
- * Copyright 2017-2020 Twitter, Inc.
+ * Copyright 2017-2021 The Bootstrap Authors
+ * Copyright 2017-2021 Twitter, Inc.
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  */
 

docs/dependencies.md

@@ -8,7 +8,7 @@ title: Dependencies & Plugins
 AdminLTE depends on two main frameworks. The downloadable package contains both of these libraries, so you don't have to manually download them.
 {: .lead}
 
-- [Bootstrap 4.5](https://getbootstrap.com/)
+- [Bootstrap 4.6](https://getbootstrap.com/)
 - [jQuery 3.5.1+](https://jquery.com/)
 - [Popper.js 1.16.1+](https://popper.js.org/)
 - [All other plugins are listed below](#plugins)
@@ -46,7 +46,9 @@ AdminLTE makes use of the following plugins. For documentation, updates or licen
       <li><h4>Form Elements</h4></li>
       <li><a href="https://farbelous.io/bootstrap-colorpicker/">Bootstrap Colorpicker</a></li>
       <li><a href="https://github.com/seiyria/bootstrap-slider/">Bootstrap Slider</a></li>
+      <li><a href="https://github.com/Bttstrp/bootstrap-switch">Bootstrap Switch</a></li>
       <li><a href="http://www.daterangepicker.com/" rel="noopener" target="_blank">Date Range Picker</a></li>
+      <li><a href="https://www.dropzonejs.com/" rel="noopener" target="_blank">Dropzone JS</a></li>
       <li><a href="https://github.com/bantikyan/icheck-bootstrap#readme" rel="noopener" target="_blank">iCheck Bootstrap</a></li>
       <li><a href="https://github.com/RobinHerbots/Inputmask/" rel="noopener" target="_blank">Inputmask</a></li>
       <li><a href="http://ionden.com/a/plugins/ion.rangeSlider/" rel="noopener" target="_blank">Ion.RangeSlider</a></li>
@@ -70,6 +72,7 @@ AdminLTE makes use of the following plugins. For documentation, updates or licen
     <ul class="list-unstyled">
       <li><h4>Table Grids</h4></li>
       <li><a href="https://datatables.net/" rel="noopener" target="_blank">DataTables</a></li>
+      <li><a href="https://datatables.net/extensions/" rel="noopener" target="_blank">DataTables (Included all open-source extensions with Bootstrap 4 styling)</a></li>
       <li><a href="http://js-grid.com/" rel="noopener" target="_blank">jsGrid</a></li>
     </ul>
   </div>

docs/javascript/iframe.md

@@ -28,15 +28,15 @@ To get the iframe 100% working you need the following content-wrapper markup:
 ```
 
 ##### Usage
-This plugin can be activated as a jQuery plugin or using the data api. 
+This plugin can be activated as a jQuery plugin or using the data api.
 
 ###### Data API
 {: .text-bold }
-Activate the plugin by adding `data-widget="iframe"` to the `.content-wrapper`. If you need to provide onCheck and onUncheck methods, please use the jQuery API. 
+Activate the plugin by adding `data-widget="iframe"` to the `.content-wrapper`. If you need to provide onCheck and onUncheck methods, please use the jQuery API.
 
 ###### jQuery
 {: .text-bold }
-The jQuery API provides more customizable options that allows the developer to handle checking and unchecking the todo list checkbox events. 
+The jQuery API provides more customizable options that allows the developer to handle checking and unchecking the todo list checkbox events.
 ```js
 $('.content-wrapper').IFrame({
   onTabClick(item) {
@@ -73,7 +73,6 @@ $('.content-wrapper').IFrame({
 |allowDuplicates | Boolean | true | Whether to allow creation of duplicate tab/iframe.
 |loadingScreen | Boolean/Number | true | [Boolean] Whether to enable iframe loading screen; [Number] Set loading screen hide delay.
 |useNavbarItems | Boolean | true | Whether to open navbar menu items, instead of open only sidebar menu items.
-
 |---
 {: .table .table-bordered .bg-light}
 

docs/javascript/layout.md

@@ -3,10 +3,10 @@ layout: page
 title: Layout Plugin
 ---
 
-The layout plugin manages the layout in case of css failure to reset the height or width of the content. 
+The layout plugin manages the layout in case of css failure to reset the height or width of the content.
 
 ##### Usage
-This plugin is activated automatically upon window load. 
+This plugin is activated automatically upon window load.
 
 ##### Options
 {: .mt-4}
@@ -18,6 +18,7 @@ This plugin is activated automatically upon window load.
 |scrollbarAutoHide | String | `l` | Scrollbar auto-hide trigger
 |panelAutoHeight | Boolean\|Numeric | true | Panel Height Correction (`true` = default correction on load/resize; numeric = offset the correction on load/resize)
 |panelAutoHeightMode | String | `min-height` | Panel Height Mode (`min-height` = sets the `min-height`-attribute to the content-wrapper; `height` = sets `height`-attribute to the content-wrapper)
+|preloadDuration | Integer | 200 | Preloader Duration (Set in milliseconds)
 |loginRegisterAutoHeight | Boolean\|Integer | true | Login & Register Height Correction (`true` = single correction on load; integer = correction with a interval based on the interger)
 |---
 {: .table .table-bordered .bg-light}

package.json

@@ -24,7 +24,7 @@
     "docs": "npm-run-all docs-prepare docs-compile",
     "docs-lint": "node build/npm/vnu-jar.js",
     "docs-compile": "cd docs/ && bundle exec jekyll build -d ../docs_html",
-    "docs-serve": "cd docs/ && bundle exec jekyll serve",
+    "docs-serve": "npm-run-all compile docs-prepare && cd docs/ && bundle exec jekyll serve",
     "docs-prepare": "node build/npm/DocsPublish.js -v",
     "lockfile-lint": "lockfile-lint --allowed-hosts npm --allowed-schemes https: --empty-hostname false --type npm --path package-lock.json",
     "postinstall": "npm run plugins",

pages/UI/general.html

@@ -1856,73 +1856,73 @@
                   <li class="page-item">
                       <a class="page-link" href="#">
                           <p class="page-month">Jan</p>
-                          <p class="page-year">2020</p>
+                          <p class="page-year">2021</p>
                       </a>
                   </li>
                   <li class="page-item active">
                       <a class="page-link" href="#">
                           <p class="page-month">Feb</p>
-                          <p class="page-year">2020</p>
+                          <p class="page-year">2021</p>
                       </a>
                   </li>
                   <li class="page-item">
                       <a class="page-link" href="#">
                           <p class="page-month">Mar</p>
-                          <p class="page-year">2020</p>
+                          <p class="page-year">2021</p>
                       </a>
                   </li>
                   <li class="page-item">
                       <a class="page-link" href="#">
                           <p class="page-month">Apr</p>
-                          <p class="page-year">2020</p>
+                          <p class="page-year">2021</p>
                       </a>
                   </li>
                   <li class="page-item">
                       <a class="page-link" href="#">
                           <p class="page-month">May</p>
-                          <p class="page-year">2020</p>
+                          <p class="page-year">2021</p>
                       </a>
                   </li>
                   <li class="page-item">
                       <a class="page-link" href="#">
                           <p class="page-month">Jun</p>
-                          <p class="page-year">2020</p>
+                          <p class="page-year">2021</p>
                       </a>
                   </li>
                   <li class="page-item">
                       <a class="page-link" href="#">
                           <p class="page-month">Jul</p>
-                          <p class="page-year">2020</p>
+                          <p class="page-year">2021</p>
                       </a>
                   </li>
                   <li class="page-item">
                       <a class="page-link" href="#">
                           <p class="page-month">Aug</p>
-                          <p class="page-year">2020</p>
+                          <p class="page-year">2021</p>
                       </a>
                   </li>
                   <li class="page-item">
                       <a class="page-link" href="#">
                           <p class="page-month">Sep</p>
-                          <p class="page-year">2020</p>
+                          <p class="page-year">2021</p>
                       </a>
                   </li>
                   <li class="page-item">
                       <a class="page-link" href="#">
                           <p class="page-month">Oct</p>
-                          <p class="page-year">2020</p>
+                          <p class="page-year">2021</p>
                       </a>
                   </li>
                   <li class="page-item">
                       <a class="page-link" href="#">
                           <p class="page-month">Nov</p>
-                          <p class="page-year">2020</p>
+                          <p class="page-year">2021</p>
                       </a>
                   </li>
                   <li class="page-item">
                       <a class="page-link" href="#">
                           <p class="page-month">Dec</p>
-                          <p class="page-year">2020</p>
+                          <p class="page-year">2021</p>
                       </a>
                   </li>
                   <li class="page-item"><a class="page-link" href="#">»</a></li>

pages/examples/lockscreen.html

@@ -52,7 +52,7 @@
     <a href="login.html">Or sign in as a different user</a>
   </div>
   <div class="lockscreen-footer text-center">
-    Copyright &copy; 2014-2020 <b><a href="https://adminlte.io" class="text-black">AdminLTE.io</a></b><br>
+    Copyright &copy; 2014-2021 <b><a href="https://adminlte.io" class="text-black">AdminLTE.io</a></b><br>
     All rights reserved
   </div>
 </div>

pages/search/enhanced-results.html

@@ -895,7 +895,7 @@
                             <div class="row">
                                 <div class="col px-4">
                                     <div>
-                                        <div class="float-right">2020-04-20 04:04pm</div>
+                                        <div class="float-right">2021-04-20 04:04pm</div>
                                         <h3>Lorem ipsum dolor sit amet</h3>
                                         <p class="mb-0">consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
                                     </div>
@@ -909,7 +909,7 @@
                                 </div>
                                 <div class="col px-4">
                                     <div>
-                                        <div class="float-right">2020-04-20 10:14pm</div>
+                                        <div class="float-right">2021-04-20 10:14pm</div>
                                         <h3>Lorem ipsum dolor sit amet</h3>
                                         <p class="mb-0">consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
                                     </div>
@@ -923,7 +923,7 @@
                                 </div>
                                 <div class="col px-4">
                                     <div>
-                                        <div class="float-right">2020-04-20 11:54pm</div>
+                                        <div class="float-right">2021-04-20 11:54pm</div>
                                         <h3>Lorem ipsum dolor sit amet</h3>
                                         <p class="mb-0">consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
                                     </div>

pages/search/simple-results.html

@@ -860,7 +860,7 @@
                             <div class="row">
                                 <div class="col px-4">
                                     <div>
-                                        <div class="float-right">2020-04-20 04:04pm</div>
+                                        <div class="float-right">2021-04-20 04:04pm</div>
                                         <h3>Lorem ipsum dolor sit amet</h3>
                                         <p class="mb-0">consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
                                     </div>
@@ -874,7 +874,7 @@
                                 </div>
                                 <div class="col px-4">
                                     <div>
-                                        <div class="float-right">2020-04-20 10:14pm</div>
+                                        <div class="float-right">2021-04-20 10:14pm</div>
                                         <h3>Lorem ipsum dolor sit amet</h3>
                                         <p class="mb-0">consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
                                     </div>
@@ -888,7 +888,7 @@
                                 </div>
                                 <div class="col px-4">
                                     <div>
-                                        <div class="float-right">2020-04-20 11:54pm</div>
+                                        <div class="float-right">2021-04-20 11:54pm</div>
                                         <h3>Lorem ipsum dolor sit amet</h3>
                                         <p class="mb-0">consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
                                     </div>