From 8adf3ef9e825c22b19cf3766dea8e22a91314f0f Mon Sep 17 00:00:00 2001 From: freezy Date: Sun, 17 May 2015 04:03:01 +0200 Subject: [PATCH 1/3] Updated list of skins and removed whitespace from end of lines --- documentation/index.html | 26 ++++++++++++++++---------- 1 file changed, 16 insertions(+), 10 deletions(-) diff --git a/documentation/index.html b/documentation/index.html index 015c978a5..f7fb1b8f1 100644 --- a/documentation/index.html +++ b/documentation/index.html @@ -70,7 +70,7 @@
  • Main Header
  • Sidebar
  • Control Sidebar
    • -
  • Info Box
    • +
  • Info Box
  • Boxes
  • Direct Chat
    • @@ -217,7 +217,7 @@ AdminLTE/

    Tip!

    The starter page is a good place to start building your app if you'd like to start from scratch.

    -
    +

    Layout Options

    AdminLTE 2.0 provides a set of options to apply to your main layout. Each on of these classes can be added @@ -236,11 +236,17 @@ AdminLTE/ class to the body tag to change the template's appearance. Here is the list of available skins:

    @@ -269,7 +275,7 @@ AdminLTE/ }; </script> <script src='dist/js/app.js' type='text/javascript'></script> - +

    Available AdminLTE Options

    {
   //Add slimscroll to navbar menus
@@ -835,7 +841,7 @@ AdminLTE/
   these methods can be set through the Javascript options.
    
   
    The following code should be placed within the .wrapper div. I prefer
   to place it right after the footer.
    
-  
    Dark Sidebar Markup
      
+  
    Dark Sidebar Markup
    
 
    <!-- The Right Sidebar -->
 <aside class="control-sidebar control-sidebar-dark">
   <!-- Content of the sidebar goes here -->
@@ -843,8 +849,8 @@ AdminLTE/
 <!-- The sidebar's background -->
 <!-- This div must placed right after the sidebar for it to work-->
 <div class="control-sidebar-bg"></div>
    
-  
-  
    Light Sidebar Markup
      
+
+  
    Light Sidebar Markup
    
 
    <!-- The Right Sidebar -->
 <aside class="control-sidebar control-sidebar-light">
   <!-- Content of the sidebar goes here -->
@@ -2007,14 +2013,14 @@ AdminLTE/
   
    Implementations
    
   
    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:
    
-  
+
   
-  
+
   
    Note: 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 repository or website
    
@@ -2114,7 +2120,7 @@ AdminLTE/
     
     
     
-        
+    
     
     
     

From d3494a468e76a76daec82467846194058cbc71b7 Mon Sep 17 00:00:00 2001
From: freezy 
Date: Sun, 17 May 2015 11:48:37 +0200
Subject: [PATCH 2/3] Updated list of skins and removed whitespace from end of
 lines in documentation build files

---
 documentation/build/include/adminlte-options.html | 2 +-
 documentation/build/include/components.html       | 6 +++---
 documentation/build/include/implementations.html  | 6 +++---
 documentation/build/include/layout.html           | 8 +++++++-
 documentation/build/index.html                    | 4 ++--
 5 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/documentation/build/include/adminlte-options.html b/documentation/build/include/adminlte-options.html
index 4f1f9e5f5..be79f5711 100644
--- a/documentation/build/include/adminlte-options.html
+++ b/documentation/build/include/adminlte-options.html
@@ -21,7 +21,7 @@
   };
 </script>
 <script src='dist/js/app.js' type='text/javascript'></script>
    
-  
+
   
    Available AdminLTE Options
    
   
    {
   //Add slimscroll to navbar menus
diff --git a/documentation/build/include/components.html b/documentation/build/include/components.html
index 431c63d8b..b602e6894 100644
--- a/documentation/build/include/components.html
+++ b/documentation/build/include/components.html
@@ -465,7 +465,7 @@
   these methods can be set through the Javascript options.
    
   
    The following code should be placed within the .wrapper div. I prefer
   to place it right after the footer.
    
-  
    Dark Sidebar Markup
      
+  
    Dark Sidebar Markup
    
 
    <!-- The Right Sidebar -->
 <aside class="control-sidebar control-sidebar-dark">
   <!-- Content of the sidebar goes here -->
@@ -473,8 +473,8 @@
 <!-- The sidebar's background -->
 <!-- This div must placed right after the sidebar for it to work-->
 <div class="control-sidebar-bg"></div>
    
-  
-  
    Light Sidebar Markup
      
+
+  
    Light Sidebar Markup
    
 
    <!-- The Right Sidebar -->
 <aside class="control-sidebar control-sidebar-light">
   <!-- Content of the sidebar goes here -->
diff --git a/documentation/build/include/implementations.html b/documentation/build/include/implementations.html
index decba756c..307a91263 100644
--- a/documentation/build/include/implementations.html
+++ b/documentation/build/include/implementations.html
@@ -2,14 +2,14 @@
   
    Implementations
    
   
    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:
    
-  
+
   
-  
+
   
    Note: 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 repository or website
    
diff --git a/documentation/build/include/layout.html b/documentation/build/include/layout.html
index b35f82d7c..c65cd022f 100644
--- a/documentation/build/include/layout.html
+++ b/documentation/build/include/layout.html
@@ -10,7 +10,7 @@
   
    
     
    Tip!
    
     
    The starter page is a good place to start building your app if you'd like to start from scratch.
    
-  
      
+  
 
   
    Layout Options
    
   
    AdminLTE 2.0 provides a set of options to apply to your main layout. Each on of these classes can be added
@@ -29,10 +29,16 @@
     class to the body tag to change the template's appearance. Here is the list of available skins:
    
   
      
     
    • skin-blue
      • 
+    
    • skin-blue-light
      • 
     
    • skin-yellow
      • 
+    
    • skin-yellow-light
      • 
     
    • skin-purple
      • 
+    
    • skin-purple-light
      • 
     
    • skin-green
      • 
+    
    • skin-green-light
      • 
     
    • skin-red
      • 
+    
    • skin-red-light
      • 
     
    • skin-black
      • 
+    
    • skin-black-light
      • 
   
    
 
\ No newline at end of file
diff --git a/documentation/build/index.html b/documentation/build/index.html
index d37536898..125248bea 100644
--- a/documentation/build/index.html
+++ b/documentation/build/index.html
@@ -70,7 +70,7 @@
                 
  • Main Header
    • 
                 
  • Sidebar
    • 
                 
  • Control Sidebar
    • 
-                
  • Info Box
    •                 
+                
  • Info Box
    • 
                 
  • Boxes
    • 
                 
  • Direct Chat
    • 
               
@@ -181,7 +181,7 @@ include "license.html"
     
     
     
-        
+    
     
     
     

From 1ca9859367caed8d86dda55af6b9f4378e2fd3cb Mon Sep 17 00:00:00 2001
From: freezy 
Date: Sun, 17 May 2015 12:07:03 +0200
Subject: [PATCH 3/3] Skin switch functionality in layout's skin list

---
 documentation/build/include/layout.html | 26 +++++++++++------------
 documentation/build/index.html          |  2 +-
 documentation/docs.js                   |  6 ++++++
 documentation/index.html                | 28 ++++++++++++-------------
 4 files changed, 34 insertions(+), 28 deletions(-)

diff --git a/documentation/build/include/layout.html b/documentation/build/include/layout.html
index c65cd022f..18d7fdc55 100644
--- a/documentation/build/include/layout.html
+++ b/documentation/build/include/layout.html
@@ -27,18 +27,18 @@
   
    Skins can be found in the dist/css/skins folder.
     Choose and the skin file that you want then add the appropriate
     class to the body tag to change the template's appearance. Here is the list of available skins:
    
-  
      
-    
    • skin-blue
      • 
-    
    • skin-blue-light
      • 
-    
    • skin-yellow
      • 
-    
    • skin-yellow-light
      • 
-    
    • skin-purple
      • 
-    
    • skin-purple-light
      • 
-    
    • skin-green
      • 
-    
    • skin-green-light
      • 
-    
    • skin-red
      • 
-    
    • skin-red-light
      • 
-    
    • skin-black
      • 
-    
    • skin-black-light
      • 
+  
        
+    
      • skin-blue 
        • 
+    
      • skin-blue-light 
        • 
+    
      • skin-yellow 
        • 
+    
      • skin-yellow-light 
        • 
+    
      • skin-purple 
        • 
+    
      • skin-purple-light 
        • 
+    
      • skin-green 
        • 
+    
      • skin-green-light 
        • 
+    
      • skin-red 
        • 
+    
      • skin-red-light 
        • 
+    
      • skin-black 
        • 
+    
      • skin-black-light 
        • 
   
      
 
\ No newline at end of file
diff --git a/documentation/build/index.html b/documentation/build/index.html
index 125248bea..d1d8aaad9 100644
--- a/documentation/build/index.html
+++ b/documentation/build/index.html
@@ -13,7 +13,7 @@
     
     
     
-    
+    
     
 
     
diff --git a/documentation/docs.js b/documentation/docs.js
index 9a7afb401..dc0c504d1 100644
--- a/documentation/docs.js
+++ b/documentation/docs.js
@@ -51,4 +51,10 @@ $(function () {
       }, 500);
     }
   });
+  //Skin switcher
+  $('#layout-skins-list a').click(function(e) {
+    e.preventDefault();
+    var skinName = $(this).siblings('code').text();
+    $('body').attr('class', skinName + ' fixed');
+  });
 });
\ No newline at end of file
diff --git a/documentation/index.html b/documentation/index.html
index f7fb1b8f1..85a329265 100644
--- a/documentation/index.html
+++ b/documentation/index.html
@@ -13,7 +13,7 @@
     
     
     
-    
+    
     
 
     
@@ -234,19 +234,19 @@ AdminLTE/
   
      Skins can be found in the dist/css/skins folder.
     Choose and the skin file that you want then add the appropriate
     class to the body tag to change the template's appearance. Here is the list of available skins:
      
-  
        
-    
      • skin-blue
        • 
-    
      • skin-blue-light
        • 
-    
      • skin-yellow
        • 
-    
      • skin-yellow-light
        • 
-    
      • skin-purple
        • 
-    
      • skin-purple-light
        • 
-    
      • skin-green
        • 
-    
      • skin-green-light
        • 
-    
      • skin-red
        • 
-    
      • skin-red-light
        • 
-    
      • skin-black
        • 
-    
      • skin-black-light
        • 
+  
          
+    
        • skin-blue 
          • 
+    
        • skin-blue-light 
          • 
+    
        • skin-yellow 
          • 
+    
        • skin-yellow-light 
          • 
+    
        • skin-purple 
          • 
+    
        • skin-purple-light 
          • 
+    
        • skin-green 
          • 
+    
        • skin-green-light 
          • 
+    
        • skin-red 
          • 
+    
        • skin-red-light 
          • 
+    
        • skin-black 
          • 
+    
        • skin-black-light 
          •