Updates Docs

LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2013 almasaeed2010
+Copyright (c) 2014-2015 almasaeed2010
 
 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

dist/js/app.js

@@ -232,6 +232,13 @@ $.AdminLTE.pushMenu = function (toggleBtn) {
     $("body").toggleClass('sidebar-collapse');
     $("body").toggleClass('sidebar-open');
   });
+  $(".content-wrapper").click(function () {
+    //Enable hide menu when clicking on the content-wrapper on small screens    
+    if ($(window).width() <= 767 && $("body").hasClass("sidebar-open")) {
+      $("body").removeClass('sidebar-open');
+    }
+  });
+
 };
 
 /* Tree()

documentation/index.html

@@ -21,7 +21,7 @@
     <![endif]-->
     <style>
       body {
-        font-family: "proxima-nova", 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+        font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
         font-weight: 500;
       }
       .content-wrapper {
@@ -91,8 +91,12 @@
         background: #333;
         color: #fff;
       }
+      .plugins-list li {
+        width: 50%;
+        float: left;
+      }
       pre {
-        border: none;       
+        border: none;
       }
       /* desert scheme ported from vim to google prettify */
       pre.prettyprint {display: block; background-color: #333; max-height: 300px; border: none!important; margin-bottom: 20px;}
@@ -171,7 +175,13 @@
             <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="#components"><i class='fa fa-circle-o'></i> Components</a></li>
+            <li class='treeview' id='scrollspy-components'>
+              <a href="#components"><i class='fa fa-circle-o'></i> Components</a>
+              <ul class='treeview-menu'>
+                <li><a href='#main-header'>Main Header</a></li>
+                <li><a href='#main-header'>Boxes</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>
@@ -434,7 +444,7 @@ AdminLTE/
 
           <!-- ============================================================= -->
 
-          <section id='components'>
+          <section id='components' data-spy="scroll" data-target="#scrollspy-components">
             <h2 class='page-header'><span>Components</span></h2>
             <div class='callout callout-info lead'>
               <h4>Reminder!</h4>
@@ -770,7 +780,7 @@ AdminLTE/
                       </ul>
                       <form class="navbar-form navbar-left" role="search">
                         <div class="form-group">
-                          <input type="text" class="form-control" placeholder="Search">
+                          <input type="text" class="form-control" id="navbar-search-input" placeholder="Search">
                         </div>
                       </form>
                       <ul class="nav navbar-nav navbar-right">
@@ -823,7 +833,7 @@ AdminLTE/
       &LT;/ul>
       &LT;form class="navbar-form navbar-left" role="search">
         &LT;div class="form-group">
-          &LT;input type="text" class="form-control" placeholder="Search">
+          &LT;input type="text" class="form-control" id="navbar-search-input" placeholder="Search">
         &LT;/div>
       &LT;/form>
       &LT;ul class="nav navbar-nav navbar-right">
@@ -1088,9 +1098,49 @@ AdminLTE/
           <section id='plugins'>
             <h2 class='page-header'><span>Plugins</span></h2>
             <p class="lead">AdminLTE makes use of the following plugins. For documentation and/or updates, please visit the provided links.</p>
-            <ul>
-
-            </ul>
+            <div class='row'>
+              <div class='col-sm-3'>
+                <ul class="list-unstyled">
+                  <li><h4>Charts</h4></li>
+                  <li><a href='http://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.improvely.com/' target="_blank">Date Range Picker</a></li>                  
+                  <li><a href='http://mjolnic.github.io/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://git.io/arlzeA' target="_blank">iCheck</a></li>
+                  <li><a href='http://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/Waxolunist/bootstrap3-wysihtml5-bower' 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">Data Tables</a></li>                            
+                  <li><a href='http://arshaw.com/fullcalendar/' 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' target="_blank">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>
 
           <!-- ============================================================= -->
@@ -1111,7 +1161,8 @@ AdminLTE/
 
           <section id='upgrade'>
             <h2 class='page-header'><span>Upgrade Guide</span></h2>
-            <p class="lead">To upgrade from version 1.x to the lateset version, apply these changes to your HTML markup:</p>
+            <p class="lead">To upgrade from version 1.x to the lateset version, follow this guide.</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>
@@ -1119,6 +1170,12 @@ AdminLTE/
               <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>
           </section>
 
@@ -1204,18 +1261,19 @@ AdminLTE/
     <!-- SlimScroll 1.3.0 -->
     <script src="../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
     <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
-    <script src="//use.typekit.net/yvy0plb.js"></script>
-    <script>
-      try {
-        Typekit.load();
-      } catch (e) {
-      }
-    </script>
+
     <script>
       $(function () {
         $(".sidebar-menu li a").click(function () {
+          var $this = $(this);
+          var target = $this.attr("href");
           $(this).parents("ul").find(".active").removeClass("active");
           $(this).parent('li').addClass('active');
+          if (typeof target == 'string') {
+            $("body").animate({
+              scrollTop: ($(target).offset().top - 32) + "px"
+            }, 500);
+          }
         });
 
       });

plugins/misc/jquery.placeholder.js

@@ -1,187 +0,0 @@
-/*! http://mths.be/placeholder v2.0.7 by @mathias */
-;(function(window, document, $) {
-
-	var isInputSupported = 'placeholder' in document.createElement('input');
-	var isTextareaSupported = 'placeholder' in document.createElement('textarea');
-	var prototype = $.fn;
-	var valHooks = $.valHooks;
-	var propHooks = $.propHooks;
-	var hooks;
-	var placeholder;
-
-	if (isInputSupported && isTextareaSupported) {
-
-		placeholder = prototype.placeholder = function() {
-			return this;
-		};
-
-		placeholder.input = placeholder.textarea = true;
-
-	} else {
-
-		placeholder = prototype.placeholder = function() {
-			var $this = this;
-			$this
-				.filter((isInputSupported ? 'textarea' : ':input') + '[placeholder]')
-				.not('.placeholder')
-				.bind({
-					'focus.placeholder': clearPlaceholder,
-					'blur.placeholder': setPlaceholder
-				})
-				.data('placeholder-enabled', true)
-				.trigger('blur.placeholder');
-			return $this;
-		};
-
-		placeholder.input = isInputSupported;
-		placeholder.textarea = isTextareaSupported;
-
-		hooks = {
-			'get': function(element) {
-				var $element = $(element);
-
-				var $passwordInput = $element.data('placeholder-password');
-				if ($passwordInput) {
-					return $passwordInput[0].value;
-				}
-
-				return $element.data('placeholder-enabled') && $element.hasClass('placeholder') ? '' : element.value;
-			},
-			'set': function(element, value) {
-				var $element = $(element);
-
-				var $passwordInput = $element.data('placeholder-password');
-				if ($passwordInput) {
-					return $passwordInput[0].value = value;
-				}
-
-				if (!$element.data('placeholder-enabled')) {
-					return element.value = value;
-				}
-				if (value == '') {
-					element.value = value;
-					// Issue #56: Setting the placeholder causes problems if the element continues to have focus.
-					if (element != safeActiveElement()) {
-						// We can't use `triggerHandler` here because of dummy text/password inputs :(
-						setPlaceholder.call(element);
-					}
-				} else if ($element.hasClass('placeholder')) {
-					clearPlaceholder.call(element, true, value) || (element.value = value);
-				} else {
-					element.value = value;
-				}
-				// `set` can not return `undefined`; see http://jsapi.info/jquery/1.7.1/val#L2363
-				return $element;
-			}
-		};
-
-		if (!isInputSupported) {
-			valHooks.input = hooks;
-			propHooks.value = hooks;
-		}
-		if (!isTextareaSupported) {
-			valHooks.textarea = hooks;
-			propHooks.value = hooks;
-		}
-
-		$(function() {
-			// Look for forms
-			$(document).delegate('form', 'submit.placeholder', function() {
-				// Clear the placeholder values so they don't get submitted
-				var $inputs = $('.placeholder', this).each(clearPlaceholder);
-				setTimeout(function() {
-					$inputs.each(setPlaceholder);
-				}, 10);
-			});
-		});
-
-		// Clear placeholder values upon page reload
-		$(window).bind('beforeunload.placeholder', function() {
-			$('.placeholder').each(function() {
-				this.value = '';
-			});
-		});
-
-	}
-
-	function args(elem) {
-		// Return an object of element attributes
-		var newAttrs = {};
-		var rinlinejQuery = /^jQuery\d+$/;
-		$.each(elem.attributes, function(i, attr) {
-			if (attr.specified && !rinlinejQuery.test(attr.name)) {
-				newAttrs[attr.name] = attr.value;
-			}
-		});
-		return newAttrs;
-	}
-
-	function clearPlaceholder(event, value) {
-		var input = this;
-		var $input = $(input);
-		if (input.value == $input.attr('placeholder') && $input.hasClass('placeholder')) {
-			if ($input.data('placeholder-password')) {
-				$input = $input.hide().next().show().attr('id', $input.removeAttr('id').data('placeholder-id'));
-				// If `clearPlaceholder` was called from `$.valHooks.input.set`
-				if (event === true) {
-					return $input[0].value = value;
-				}
-				$input.focus();
-			} else {
-				input.value = '';
-				$input.removeClass('placeholder');
-				input == safeActiveElement() && input.select();
-			}
-		}
-	}
-
-	function setPlaceholder() {
-		var $replacement;
-		var input = this;
-		var $input = $(input);
-		var id = this.id;
-		if (input.value == '') {
-			if (input.type == 'password') {
-				if (!$input.data('placeholder-textinput')) {
-					try {
-						$replacement = $input.clone().attr({ 'type': 'text' });
-					} catch(e) {
-						$replacement = $('<input>').attr($.extend(args(this), { 'type': 'text' }));
-					}
-					$replacement
-						.removeAttr('name')
-						.data({
-							'placeholder-password': $input,
-							'placeholder-id': id
-						})
-						.bind('focus.placeholder', clearPlaceholder);
-					$input
-						.data({
-							'placeholder-textinput': $replacement,
-							'placeholder-id': id
-						})
-						.before($replacement);
-				}
-				$input = $input.removeAttr('id').hide().prev().attr('id', id).show();
-				// Note: `$input[0] != input` now!
-			}
-			$input.addClass('placeholder');
-			$input[0].value = $input.attr('placeholder');
-		} else {
-			$input.removeClass('placeholder');
-		}
-	}
-
-	function safeActiveElement() {
-		// Avoid IE9 `document.activeElement` of death
-		// https://github.com/mathiasbynens/jquery-placeholder/pull/99
-		try {
-			return document.activeElement;
-		} catch (err) {}
-	}
-
-}(this, document, jQuery));
-
-$(function(){
-    $("[placeholder]").placeholder();
-});