diff --git a/Gruntfile.js b/Gruntfile.js index 3ad67938c..b51d796e7 100755 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -7,7 +7,7 @@ module.exports = function (grunt) { grunt.initConfig({ watch: { // if any .less file changes in directory "build/less/" run the "less"-task. - files: ["build/less/*.less", "build/less/skins/*.less", "dist/js/app.min.js"], + files: ["build/less/*.less", "build/less/skins/*.less", "dist/js/app.js"], tasks: ["less", "uglify"] }, // "less"-task configuration @@ -39,7 +39,8 @@ module.exports = function (grunt) { //Uglify task info uglify: { options: { - mangle: true + mangle: true, + preserveComments: 'some' }, my_target: { files: { diff --git a/build/less/core.less b/build/less/core.less index 517011fd1..c775a0eda 100755 --- a/build/less/core.less +++ b/build/less/core.less @@ -109,7 +109,6 @@ body { } } - /* Content */ .content { min-height: 250px; diff --git a/dist/js/app.min.js b/dist/js/app.min.js index 587eab2e7..9d05bec83 100644 --- a/dist/js/app.min.js +++ b/dist/js/app.min.js @@ -1 +1,13 @@ +/*! AdminLTE app.js + * ================ + * Main JS application file for AdminLTE v2. This file + * should be included in all pages. It controls some layout + * options and implements exclusive AdminLTE plugins. + * + * @Author Almsaeed Studio + * @Support + * @Email + * @version 2.0 + * @license MIT + */ if("undefined"==typeof jQuery)throw new Error("AdminLTE requires jQuery");$.AdminLTE=new Object,$.AdminLTE.options={navbarMenuSlimscroll:!0,navbarMenuSlimscrollWidth:"3px",navbarMenuHeight:"200px",sidebarToggleSelector:"[data-toggle='offcanvas']",sidebarPushMenu:!0,sidebarSlimScroll:!0,enableBoxRefresh:!0,enableBSToppltip:!0,BSTooltipSelector:"[data-toggle='tooltip']",enableBoxWidget:!0,boxWidgetOptions:{boxWidgetIcons:{collapse:"fa fa-minus",open:"fa fa-plus",remove:"fa fa-times"},boxWidgetSelectors:{remove:'[data-widget="remove"]',collapse:'[data-widget="collapse"]'}},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:"#eaeaec"}},$(function(){var a=$.AdminLTE.options;$.AdminLTE.tree(".sidebar"),$.AdminLTE.layout.activate(),a.navbarMenuSlimscroll&&"undefined"!=typeof $.fn.slimscroll&&$(".navbar .menu").slimscroll({height:"200px",alwaysVisible:!1,size:"3px"}).css("width","100%"),a.sidebarPushMenu&&$.AdminLTE.pushMenu(a.sidebarToggleSelector),a.enableBSToppltip&&$(a.BSTooltipSelector).tooltip(),a.enableBoxWidget&&$.AdminLTE.boxWidget.activate(),$('.btn-group[data-toggle="btn-toggle"]').each(function(){var a=$(this);$(this).find(".btn").click(function(b){a.find(".btn.active").removeClass("active"),$(this).addClass("active"),b.preventDefault()})})}),$.AdminLTE.layout={activate:function(){var a=this;a.fix(),a.fixSidebar(),$(".wrapper").resize(function(){a.fix(),a.fixSidebar()})},fix:function(){var a=$(".main-header").height()+$(".main-footer").height(),b=$(window).height(),c=$(".left-side").height();b>=c?$(".content-wrapper, .left-side").css("min-height",b-a):$(".content-wrapper, .left-side").css("min-height",c)},fixSidebar:function(){return $("body").hasClass("fixed")?void($.AdminLTE.options.sidebarSlimScroll&&"undefined"!=typeof $.fn.slimScroll&&$(".sidebar").slimscroll({height:$(window).height()-$(".main-header").height()+"px",color:"rgba(0,0,0,0.2)",size:"3px"})):void("undefined"!=typeof $.fn.slimScroll&&$(".sidebar").slimScroll({destroy:!0}).height("auto"))}},$.AdminLTE.pushMenu=function(a){$(a).click(function(a){a.preventDefault(),$("body").toggleClass("sidebar-collapse"),$("body").toggleClass("sidebar-open")})},$.AdminLTE.tree=function(a){$("li a",$(a)).click(function(a){var b=$(this),c=b.next();if(c.is(".treeview-menu")&&c.is(":visible"))c.slideUp("normal",function(){c.removeClass("menu-open")}),c.parent("li").removeClass("active");else if(c.is(".treeview-menu")&&!c.is(":visible")){var d=b.parents("ul").first(),e=d.find("ul:visible").slideUp("normal");e.removeClass("menu-open");var f=b.parent("li");c.slideDown("normal",function(){c.addClass("menu-open"),d.find("li.active").removeClass("active"),f.addClass("active")})}c.is(".treeview-menu")&&a.preventDefault()})},$.AdminLTE.boxWidget={activate:function(){var a=$.AdminLTE.options,b=this;$(a.boxWidgetOptions.boxWidgetSelectors.collapse).click(function(a){a.preventDefault(),b.collapse($(this))}),$(a.boxWidgetOptions.boxWidgetSelectors.remove).click(function(a){a.preventDefault(),b.remove($(this))})},collapse:function(a){var b=a.parents(".box").first(),c=b.find(".box-body, .box-footer");b.hasClass("collapsed-box")?(a.children(".fa-plus").removeClass("fa-plus").addClass("fa-minus"),c.slideDown(300,function(){b.removeClass("collapsed-box")})):(a.children(".fa-minus").removeClass("fa-minus").addClass("fa-plus"),c.slideUp(300,function(){b.addClass("collapsed-box")}))},remove:function(a){var b=a.parents(".box").first();b.slideUp()},options:$.AdminLTE.options.boxWidgetOptions},function(a){a.fn.boxRefresh=function(b){function c(a){a.append(f),e.onLoadStart.call(a)}function d(a){a.find(f).remove(),e.onLoadDone.call(a)}var e=a.extend({trigger:".refresh-btn",source:"",onLoadStart:function(){},onLoadDone:function(){}},b),f=a('
');return this.each(function(){if(""===e.source)return void(console&&console.log("Please specify a source first - boxRefresh()"));var b=a(this),f=b.find(e.trigger).first();f.click(function(a){a.preventDefault(),c(b),b.find(".box-body").load(e.source,function(){d(b)})})})}}(jQuery),function(a){a.fn.todolist=function(b){var c=a.extend({onCheck:function(){},onUncheck:function(){}},b);return this.each(function(){"undefined"!=typeof a.fn.iCheck?(a("input",this).on("ifChecked",function(){var b=a(this).parents("li").first();b.toggleClass("done"),c.onCheck.call(b)}),a("input",this).on("ifUnchecked",function(){var b=a(this).parents("li").first();b.toggleClass("done"),c.onUncheck.call(b)})):a("input",this).on("change",function(){var b=a(this).parents("li").first();b.toggleClass("done"),c.onCheck.call(b)})})}}(jQuery); \ No newline at end of file diff --git a/documentation/index.html b/documentation/index.html index c14d5e7a5..664b2d691 100755 --- a/documentation/index.html +++ b/documentation/index.html @@ -23,13 +23,13 @@ font-family: "proxima-nova", 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; } - .right-side { + .content-wrapper { background: #f9f9f9; } .page-header { border: 0; - margin: 20px 0; - padding: 0; + margin: 0; + padding: 0 0 20px 0; position: relative; z-index: 1; } @@ -139,13 +139,14 @@
  • Components
  • Browser Support
  • Upgrade Guide
    • +
  • FAQ
    • -
    +

    @@ -172,6 +173,9 @@ installing the template and exploring the various components that are bundled with the template.

    + + +

    Download

    @@ -223,6 +227,9 @@ AdminLTE/ └── plugins/ ├── All the customized plugins CSS and JS files

    + + +

    Dependencies

    AdminLTE depends on two main frameworks. @@ -230,30 +237,37 @@ AdminLTE/

    + + +

    A Word of Advice

    Before you go to see your new awesome theme, here are few tips on how to familiarize yourself with it:

    -
      +
      • AdminLTE is based on Bootstrap 3. 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.
      • Go through the pages that are bundled with the theme. 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.
      • Documentation. 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. Also, if you would like to contribute, email the support team at support@almsaeedstudio.com.
      • Built with LESS. 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.
      • Hosted on GitHub. Visit our GitHub repository to view issues, make requests, or contribute to the project.
      -

      +

      Note: LESS files are better commented than the compiled css file.

    + + +

    Layout

    The first thing that you probably want to do is understanding the layout of AdminLTE. The layout consists of four major parts:

    -
      +
      • Wrapper .wrapper
      • Main Header .main-header
      • Sidebar .sidebar-wrapper
        • @@ -313,7 +327,7 @@ AdminLTE/ <!-- =============================================== --> <!-- Right side column. Contains the content of the page --> - <div class="right-side"> + <div class="content-wrapper"> <section class="content-header"> <!-- Page title and breadcrumbs go here --> </section><!-- /.content-header --> @@ -340,12 +354,17 @@ AdminLTE/ <script src="../../js/AdminLTE/app.js" type="text/javascript"></script> </body> </html> -
    + + +

    Components

    Content

    + + +

    Browser Support

    AdminLTE supports the following browsers:

    @@ -357,20 +376,28 @@ AdminLTE/
  • Opera (latest)
    • + + +

    Upgrade Guide

    -

    Content

    +

    To upgrade from version 1.x to the lateset version, apply these changes to your HTML markup:

    +
      +
    1. The .wrapper div must be placed immediately after the body tag rather than after the header
      2. +
    2. Change the .header div to .main-header <div class="main-header">
      3. +
    3. Change the .right-side class to .content-wrapper<div class="content-wrapper">
      4. +
    4. Change the .left-side class to .main-sidebar<div class="main-sidebar">
      5. +
    +

    And you should be set!

    + + +

    FAQ

    -

    Content

    +

    Can AdminLTE be used with Wordpress?

    +

    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.

    -
    -
    -

    -
    -
    -