github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

Updates to v2.1 alpha

pull/337/head
Abdullah Almsaeed 2015-04-09 18:52:51 -04:00
parent 0fc9439050
commit 340be0df61
10 changed files with 211 additions and 194 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
build/less/sidebar-mini.less
View File

@ -23,30 +23,14 @@
.translate(0, 0); .translate(0, 0);
width: 50px!important; width: 50px!important;
z-index: 850; z-index: 850;
//Keep only the image of the user in the user panel
.user-panel {
> .info {
display: none;
}
}
} }
.sidebar-menu { .sidebar-menu {
//Make the sidebar links, menus, labels, badeges
//and angle icons disappear
> li { > li {
position: relative; position: relative;
> a { > a {
margin-right: 0; margin-right: 0;
} }
> a > span,
> .treeview-menu,
> a > .pull-right,
&.header {
display: none!important;
}
> a > span { > a > span {
border-top-right-radius: 4px; border-top-right-radius: 4px;
} }
@ -69,6 +53,8 @@
> a > span:not(.pull-right), > a > span:not(.pull-right),
> .treeview-menu { > .treeview-menu {
display: block!important; display: block!important;
visibility: visible;
.opacity(1);
position: absolute; position: absolute;
width: @sidebar-width - 50; width: @sidebar-width - 50;
left: 50px; left: 50px;
@ -77,6 +63,7 @@
//position the header & treeview menus //position the header & treeview menus
> a > span { > a > span {
top: 0; top: 0;
margin-left: -3px;
padding: 12px 5px 12px 20px; padding: 12px 5px 12px 20px;
background-color: inherit; background-color: inherit;
} }
@ -88,9 +75,15 @@
} }
} }
//One more thing to remove because it doesn't fit :-z //Make the sidebar links, menus, labels, badeges
.sidebar-form { //and angle icons disappear
display: none; .main-sidebar .user-panel > .info,
.sidebar-form,
.sidebar-menu > li > a > span,
.sidebar-menu > li > .treeview-menu,
.sidebar-menu >li > a > .pull-right,
.sidebar-menu li.header {
display: none!important;
} }
.main-header { .main-header {
@ -108,12 +101,42 @@
} }
} }
//Of course, since the logo got smaller, we need to fix the //Since the logo got smaller, we need to fix the navbar's position
//navbar's position
.navbar { .navbar {
margin-left: 50px; margin-left: 50px;
} }
} }
} }
} }
}
.main-sidebar .user-panel > .info,
.sidebar-form,
.sidebar-menu > li > a > span,
.sidebar-menu > li > .treeview-menu,
.sidebar-menu >li > a > .pull-right,
.sidebar-menu li.header {
.transition(display 0s linear 1s);
}
//A fix for text overflow while transitioning from sidebar mini to full sidebar
.sidebar-menu > li > a,
.main-sidebar .user-panel,
.sidebar-menu > li.header
.treeview-menu > li > a {
width: 100%;
white-space: nowrap!important;
}
.sidebar-menu > li.header {
overflow: hidden;
text-overflow: clip;
}
.sidebar-menu li > a {
position: relative;
> .pull-right {
position: absolute;
top: 50%;
right: 10px;
margin-top: -7px;
}
} }

44
build/less/sidebar.less
View File

@ -9,17 +9,17 @@
.left-side { .left-side {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
padding-top: 50px; padding-top: 50px;
min-height: 100%; min-height: 100%;
width: @sidebar-width; width: @sidebar-width;
z-index: 810; z-index: 810;
//Using disposable variable to join statements with a comma //Using disposable variable to join statements with a comma
@transition-rule: @transition-speed @transition-fn, @transition-rule: @transition-speed @transition-fn,
width @transition-speed @transition-fn; width @transition-speed @transition-fn;
.transition-transform(@transition-rule); .transition-transform(@transition-rule);
@media (max-width: @screen-xs-max) { @media (max-width: @screen-xs-max) {
.translate(-@sidebar-width, 0); .translate(-@sidebar-width, 0);
} }
.sidebar-collapse & { .sidebar-collapse & {
@media (min-width: @screen-sm) { @media (min-width: @screen-sm) {
@ -45,30 +45,35 @@
//Sidebar user panel //Sidebar user panel
.user-panel { .user-panel {
position: relative;
width: 100%;
padding: 10px; padding: 10px;
overflow: hidden;
.clearfix(); .clearfix();
> .image > img { > .image > img {
width: 100%; width: 100%;
max-width: 45px; max-width: 45px;
height: auto; height: auto;
} }
> .info { > .info {
font-weight: 600;
padding: 5px 5px 5px 15px; padding: 5px 5px 5px 15px;
font-size: 14px;
line-height: 1; line-height: 1;
} position: absolute;
> .info > p { left: 55px;
margin-bottom: 9px; > p {
} font-weight: 600;
> .info > a { margin-bottom: 9px;
text-decoration: none; }
padding-right: 5px; > a {
margin-top: 3px; text-decoration: none;
font-size: 11px; padding-right: 5px;
font-weight: normal; margin-top: 3px;
> .fa, > .ion, > .glyphicon { font-size: 11px;
margin-right: 3px; > .fa,
> .ion,
> .glyphicon {
margin-right: 3px;
}
} }
} }
} }
@ -78,6 +83,7 @@
list-style: none; list-style: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
//First Level
> li { > li {
position: relative; position: relative;
margin: 0; margin: 0;

60
dist/css/AdminLTE.css vendored
View File

@ -453,7 +453,10 @@ a:focus {
border-color: transparent!important; border-color: transparent!important;
} }
.user-panel { .user-panel {
position: relative;
width: 100%;
padding: 10px; padding: 10px;
overflow: hidden;
} }
.user-panel:before, .user-panel:before,
.user-panel:after { .user-panel:after {
@ -469,12 +472,13 @@ a:focus {
height: auto; height: auto;
} }
.user-panel > .info { .user-panel > .info {
font-weight: 600;
padding: 5px 5px 5px 15px; padding: 5px 5px 5px 15px;
font-size: 14px;
line-height: 1; line-height: 1;
position: absolute;
left: 55px;
} }
.user-panel > .info > p { .user-panel > .info > p {
font-weight: 600;
margin-bottom: 9px; margin-bottom: 9px;
} }
.user-panel > .info > a { .user-panel > .info > a {
@ -482,7 +486,6 @@ a:focus {
padding-right: 5px; padding-right: 5px;
margin-top: 3px; margin-top: 3px;
font-size: 11px; font-size: 11px;
font-weight: normal;
} }
.user-panel > .info > a > .fa, .user-panel > .info > a > .fa,
.user-panel > .info > a > .ion, .user-panel > .info > a > .ion,
@ -578,21 +581,12 @@ a:focus {
width: 50px!important; width: 50px!important;
z-index: 850; z-index: 850;
} }
.sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info {
display: none;
}
.sidebar-mini.sidebar-collapse .sidebar-menu > li { .sidebar-mini.sidebar-collapse .sidebar-menu > li {
position: relative; position: relative;
} }
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a { .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
margin-right: 0; margin-right: 0;
} }
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,
.sidebar-mini.sidebar-collapse .sidebar-menu > li.header {
display: none!important;
}
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span { .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
border-top-right-radius: 4px; border-top-right-radius: 4px;
} }
@ -607,12 +601,16 @@ a:focus {
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu { .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
display: block!important; display: block!important;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
position: absolute; position: absolute;
width: 180px; width: 180px;
left: 50px; left: 50px;
} }
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span { .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
top: 0; top: 0;
margin-left: -3px;
padding: 12px 5px 12px 20px; padding: 12px 5px 12px 20px;
background-color: inherit; background-color: inherit;
} }
@ -620,8 +618,13 @@ a:focus {
top: 44px; top: 44px;
margin-left: 0; margin-left: 0;
} }
.sidebar-mini.sidebar-collapse .sidebar-form { .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info,
display: none; .sidebar-mini.sidebar-collapse .sidebar-form,
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,
.sidebar-mini.sidebar-collapse .sidebar-menu li.header {
display: none!important;
} }
.sidebar-mini.sidebar-collapse .main-header .logo { .sidebar-mini.sidebar-collapse .main-header .logo {
width: 50px; width: 50px;
@ -639,6 +642,35 @@ a:focus {
margin-left: 50px; margin-left: 50px;
} }
} }
.main-sidebar .user-panel > .info,
.sidebar-form,
.sidebar-menu > li > a > span,
.sidebar-menu > li > .treeview-menu,
.sidebar-menu > li > a > .pull-right,
.sidebar-menu li.header {
-webkit-transition: display 0s linear 1s;
-o-transition: display 0s linear 1s;
transition: display 0s linear 1s;
}
.sidebar-menu > li > a,
.main-sidebar .user-panel,
.sidebar-menu > li.header .treeview-menu > li > a {
width: 100%;
white-space: nowrap!important;
}
.sidebar-menu > li.header {
overflow: hidden;
text-overflow: clip;
}
.sidebar-menu li > a {
position: relative;
}
.sidebar-menu li > a > .pull-right {
position: absolute;
top: 50%;
right: 10px;
margin-top: -7px;
}
/* /*
* Component: Control sidebar. By deafult, this is the right sidebar. * Component: Control sidebar. By deafult, this is the right sidebar.
*/ */

2
dist/css/AdminLTE.min.css vendored
View File

File diff suppressed because one or more lines are too long

32
dist/js/app.js vendored
View File

@ -385,6 +385,7 @@ function _init() {
//Listen to the click event //Listen to the click event
btn.click(function (e) { btn.click(function (e) {
e.preventDefault(); e.preventDefault();
//If the sidebar is not open
if (!sidebar.hasClass('control-sidebar-open') if (!sidebar.hasClass('control-sidebar-open')
&& !$('body').hasClass('control-sidebar-open')) { && !$('body').hasClass('control-sidebar-open')) {
//Open the sidebar //Open the sidebar
@ -395,32 +396,37 @@ function _init() {
}); });
//If the body has a boxed layout, fix the sidebar bg position //If the body has a boxed layout, fix the sidebar bg position
if ($("body").hasClass('layout-boxed')) { var bg = $(".control-sidebar-bg");
var bg = $(".control-sidebar-bg"); _this._fix(bg);
bg.css("position", "absolute");
_this._fix(bg);
}
}, },
//Open the control sidebar //Open the control sidebar
open: function (sidebar, slide) { open: function (sidebar, slide) {
//Slide over content
if (slide) if (slide)
sidebar.addClass('control-sidebar-open'); sidebar.addClass('control-sidebar-open');
//Push the content by adding the open class to the body instead
//of the sidebar itself
else else
$('body').addClass('control-sidebar-open'); $('body').addClass('control-sidebar-open');
}, },
//Close the control sidebar //Close the control sidebar
close: function (sidebar, slide) { close: function (sidebar, slide) {
if (slide)
sidebar.removeClass('control-sidebar-open'); sidebar.removeClass('control-sidebar-open');
else $('body').removeClass('control-sidebar-open');
$('body').removeClass('control-sidebar-open');
}, },
_fix: function (sidebar) { _fix: function (sidebar) {
var _this = this; var _this = this;
sidebar.height($(".wrapper").height()); if ($("body").hasClass('layout-boxed')) {
$(window).resize(function () { sidebar.css('position', 'absolute');
_this._fix(sidebar); sidebar.height($(".wrapper").height());
}); $(window).resize(function () {
_this._fix(sidebar);
});
} else {
sidebar.css('position', 'fixed');
sidebar.height($(window).height());
}
} }
}; };

2
dist/js/app.min.js vendored
View File

File diff suppressed because one or more lines are too long

127
dist/js/demo.js vendored
View File

@ -4,7 +4,7 @@
* You should not use this file in production. * You should not use this file in production.
* This file is for demo purposes only. * This file is for demo purposes only.
*/ */
(function ($) { (function ($, AdminLTE) {
/** /**
* List of all the available skins * List of all the available skins
@ -26,93 +26,62 @@
"skin-green-light" "skin-green-light"
]; ];
/** //Create the new tab
* CSS rules for the menu var tab_pane = $("<div />", {
* "id": "control-sidebar-theme-demo-options-tab",
* @type Object "class": "tab-pane"
*/ });
var menu_css = {
"padding": "10px",
"position": "fixed",
"top": "70px",
"right": "-250px",
"background": "#fff",
"border": "0px solid #ddd",
"width": "250px",
"z-index": "99999",
"box-shadow": "0 1px 3px rgba(0,0,0,0.1)"
};
/** //Create the tab button
* CSS rules for the demo handle button var tab_button = $("<li />")
* .html("<a href='#control-sidebar-theme-demo-options-tab' data-toggle='tab'>"
* @type Object + "<i class='fa fa-wrench'></i>"
*/ + "</a>");
var handle_css = {
"position": "fixed",
"top": "70px",
"right": "0",
"background": "#fff",
"border-radius": "5px 0px 0px 5px",
"padding": "10px 15px",
"font-size": "16px",
"z-index": "99999",
"cursor": "pointer",
"color": "#3c8dbc",
"box-shadow": "0 1px 3px rgba(0,0,0,0.1)"
};
//Create the handle //Add the tab button to the right sidebar tabs
var demo = $("<div />") $("[href='#control-sidebar-home-tab']")
.css(handle_css) .parent()
.html("<i class='fa fa-gear'></i>") .before(tab_button);
.addClass("no-print");
//Create the menu //Create the menu
var demo_settings = $("<div />") var demo_settings = $("<div />");
.css(menu_css)
.addClass("no-print");
//Layout options
demo_settings.append( demo_settings.append(
"<h4 class='text-light-blue' style='margin: 0 0 5px 0; border-bottom: 1px solid #ddd; padding-bottom: 15px;'>" "<h4 class='control-sidebar-heading'>"
+ "Layout Options" + "Layout Options"
+ "</h4>" + "</h4>"
//Fixed layout //Fixed layout
+ "<div class='form-group'>" + "<div class='form-group'>"
+ "<div class='checkbox'>" + "<label class='control-sidebar-subheading'>"
+ "<label>" + "<input type='checkbox' data-layout='fixed' class='pull-right'/> "
+ "<input type='checkbox' data-layout='layout-fixed'/> "
+ "Fixed layout" + "Fixed layout"
+ "</label>" + "</label>"
+ "</div>" + "<p>Activate the fixed layout. You can't use fixed and boxed layouts together</p>"
+ "</div>" + "</div>"
//Boxed layout //Boxed layout
+ "<div class='form-group'>" + "<div class='form-group'>"
+ "<div class='checkbox'>" + "<label class='control-sidebar-subheading'>"
+ "<label>" + "<input type='checkbox' data-layout='layout-boxed'class='pull-right'/> "
+ "<input type='checkbox' data-layout='layout-boxed'/> "
+ "Boxed Layout" + "Boxed Layout"
+ "</label>" + "</label>"
+ "</div>" + "<p>Activate the boxed layout</p>"
+ "</div>" + "</div>"
//Sidebar Toggle //Sidebar Toggle
+ "<div class='form-group'>" + "<div class='form-group'>"
+ "<div class='checkbox'>" + "<label class='control-sidebar-subheading'>"
+ "<label>" + "<input type='checkbox' data-layout='sidebar-collapse' class='pull-right'/> "
+ "<input type='checkbox' data-layout='sidebar-collapse'/> "
+ "Toggle Sidebar" + "Toggle Sidebar"
+ "</label>" + "</label>"
+ "</div>" + "<p>Toggle the left sidebar's state (open or collapse)</p>"
+ "</div>" + "</div>"
//Control Sidebar Toggle //Control Sidebar Toggle
+ "<div class='form-group'>" + "<div class='form-group'>"
+ "<div class='checkbox'>" + "<label class='control-sidebar-subheading'>"
+ "<label>" + "<input type='checkbox' data-controlsidebar='control-sidebar-open' class='pull-right'/> "
+ "<input type='checkbox' data-controlsidebar='control-sidebar-open'/> " + "Toggle Right Sidebar Slide"
+ "Toggle Control Sidebar Slide Effect"
+ "</label>" + "</label>"
+ "<small>Toggles between slide over content and push content effects.</small>" + "<p>Toggles between slide over content and push content effects.</p>"
+ "</div>"
+ "</div>" + "</div>"
); );
var skins_list = $("<ul />", {"class": 'list-unstyled clearfix'}); var skins_list = $("<ul />", {"class": 'list-unstyled clearfix'});
@ -217,23 +186,11 @@
+ "<p class='text-center no-margin' style='font-size: 12px;'>Yellow Light</p>"); + "<p class='text-center no-margin' style='font-size: 12px;'>Yellow Light</p>");
skins_list.append(skin_yellow_light); skins_list.append(skin_yellow_light);
demo_settings.append("<h4 class='text-light-blue' style='margin: 0 0 5px 0; border-bottom: 1px solid #ddd; padding-bottom: 15px;'>Skins</h4>"); demo_settings.append("<h4 class='control-sidebar-heading'>Skins</h4>");
demo_settings.append(skins_list); demo_settings.append(skins_list);
demo.click(function () { tab_pane.append(demo_settings);
if (!$(this).hasClass("open")) { $("#control-sidebar-settings-tab").before(tab_pane);
$(this).animate({"right": "250px"});
demo_settings.animate({"right": "0"});
$(this).addClass("open");
} else {
$(this).animate({"right": "0"});
demo_settings.animate({"right": "-250px"});
$(this).removeClass("open");
}
});
$("body").append(demo);
$("body").append(demo_settings);
setup(); setup();
@ -245,8 +202,10 @@
*/ */
function change_layout(cls) { function change_layout(cls) {
$("body").toggleClass(cls); $("body").toggleClass(cls);
$.AdminLTE.layout.fixSidebar(); AdminLTE.layout.fixSidebar();
//Fix the problem //Fix the problem with right sidebar and layout boxed
if(cls == "layout-boxed")
AdminLTE.controlSidebar._fix($(".control-sidebar-bg"));
} }
/** /**
@ -313,13 +272,13 @@
$("[data-layout]").on('click', function () { $("[data-layout]").on('click', function () {
change_layout($(this).data('layout')); change_layout($(this).data('layout'));
}); });
$("[data-controlsidebar]").on('click', function () { $("[data-controlsidebar]").on('click', function () {
change_layout($(this).data('controlsidebar')); change_layout($(this).data('controlsidebar'));
var slide = !$.AdminLTE.options.controlSidebarOptions.slide; var slide = !AdminLTE.options.controlSidebarOptions.slide;
$.AdminLTE.options.controlSidebarOptions.slide = slide; AdminLTE.options.controlSidebarOptions.slide = slide;
if(!slide) if (!slide)
$('.control-sidebar').removeClass('control-sidebar-open'); $('.control-sidebar').removeClass('control-sidebar-open');
}); });
} }
})(jQuery); })(jQuery, $.AdminLTE);

6
dist/js/pages/dashboard.js vendored
View File

@ -8,11 +8,6 @@
$(function () { $(function () {
//Activate the iCheck Plugin
$('input[type="checkbox"]').iCheck({
checkboxClass: 'icheckbox_flat-blue',
radioClass: 'iradio_flat-blue'
});
//Make the dashboard widgets sortable Using jquery UI //Make the dashboard widgets sortable Using jquery UI
$(".connectedSortable").sortable({ $(".connectedSortable").sortable({
placeholder: "sort-highlight", placeholder: "sort-highlight",
@ -22,6 +17,7 @@ $(function () {
zIndex: 999999 zIndex: 999999
}); });
$(".connectedSortable .box-header, .connectedSortable .nav-tabs-custom").css("cursor", "move"); $(".connectedSortable .box-header, .connectedSortable .nav-tabs-custom").css("cursor", "move");
//jQuery UI sortable for the todo list //jQuery UI sortable for the todo list
$(".todo-list").sortable({ $(".todo-list").sortable({
placeholder: "sort-highlight", placeholder: "sort-highlight",

10
index.html
View File

@ -1092,18 +1092,16 @@
<script src="plugins/datepicker/bootstrap-datepicker.js" type="text/javascript"></script> <script src="plugins/datepicker/bootstrap-datepicker.js" type="text/javascript"></script>
<!-- Bootstrap WYSIHTML5 --> <!-- Bootstrap WYSIHTML5 -->
<script src="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script> <script src="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
<!-- iCheck -->
<script src="plugins/iCheck/icheck.min.js" type="text/javascript"></script>
<!-- Slimscroll --> <!-- Slimscroll -->
<script src="plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script> <script src="plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<!-- FastClick --> <!-- FastClick -->
<script src='plugins/fastclick/fastclick.min.js'></script> <script src='plugins/fastclick/fastclick.min.js'></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="dist/js/app.min.js" type="text/javascript"></script> <script src="dist/js/app.min.js" type="text/javascript"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) --> <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="dist/js/pages/dashboard.js" type="text/javascript"></script> <script src="dist/js/pages/dashboard.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->
<script src="dist/js/demo.js" type="text/javascript"></script> <script src="dist/js/demo.js" type="text/javascript"></script>
</body> </body>

57
index2.html
View File

@ -18,7 +18,7 @@
<link href="plugins/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" /> <link href="plugins/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
<!-- Theme style --> <!-- Theme style -->
<link href="dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link href="dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
<!-- AdminLTE Skins. Choose a skin from the css/skins <!-- AdminLTE Skins. Choose a skin from the css/skins
folder instead of downloading all of them to reduce the load. --> folder instead of downloading all of them to reduce the load. -->
<link href="dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" /> <link href="dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />
@ -50,7 +50,7 @@
</a> </a>
<!-- Navbar Right Menu --> <!-- Navbar Right Menu -->
<div class="navbar-custom-menu"> <div class="navbar-custom-menu">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<!-- Messages: style can be found in dropdown.less--> <!-- Messages: style can be found in dropdown.less-->
<li class="dropdown messages-menu"> <li class="dropdown messages-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
@ -1113,11 +1113,11 @@
<strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved. <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
</footer> </footer>
<!-- Control Sidebar --> <!-- Control Sidebar -->
<aside class="control-sidebar"> <aside class="control-sidebar">
<!-- Create the tabs --> <!-- Create the tabs -->
<ul class="nav nav-tabs nav-justified control-sidebar-tabs"> <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
<li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li> <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
<li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li> <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
</ul> </ul>
<!-- Tab panes --> <!-- Tab panes -->
@ -1164,59 +1164,58 @@
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul><!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3> <h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class='control-sidebar-menu'> <ul class='control-sidebar-menu'>
<li> <li>
<a href='javascript::;'> <a href='javascript::;'>
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Custom Template Design Custom Template Design
<span class="label label-danger pull-right">70%</span> <span class="label label-danger pull-right">70%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-danger" style="width: 70%"></div> <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
</div> </div>
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href='javascript::;'>
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Update Resume Update Resume
<span class="label label-success pull-right">95%</span> <span class="label label-success pull-right">95%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-success" style="width: 95%"></div> <div class="progress-bar progress-bar-success" style="width: 95%"></div>
</div> </div>
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href='javascript::;'>
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Laravel Integration Laravel Integration
<span class="label label-waring pull-right">50%</span> <span class="label label-waring pull-right">50%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-warning" style="width: 50%"></div> <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
</div> </div>
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href='javascript::;'>
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Back End Framework Back End Framework
<span class="label label-primary pull-right">68%</span> <span class="label label-primary pull-right">68%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-primary" style="width: 68%"></div> <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul><!-- /.control-sidebar-menu -->
</div><!-- /.tab-pane --> </div><!-- /.tab-pane -->
<!-- Stats tab content -->
<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane -->
<!-- Settings tab content --> <!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab"> <div class="tab-pane" id="control-sidebar-settings-tab">
<form method="post"> <form method="post">
<h3 class="control-sidebar-heading">General Settings</h3> <h3 class="control-sidebar-heading">General Settings</h3>
<div class="form-group"> <div class="form-group">
@ -1255,21 +1254,21 @@
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Show me as online Show me as online
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked />
</label> </label>
</div><!-- /.form-group --> </div><!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Turn off notifications Turn off notifications
<input type="checkbox" class="pull-right" /> <input type="checkbox" class="pull-right" />
</label> </label>
</div><!-- /.form-group --> </div><!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Delete chat history Delete chat history
<a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a> <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
</label> </label>
</div><!-- /.form-group --> </div><!-- /.form-group -->
</form> </form>
</div><!-- /.tab-pane --> </div><!-- /.tab-pane -->
@ -1278,7 +1277,7 @@
<!-- Add the sidebar's background. This div must be placed <!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar --> immediately after the control sidebar -->
<div class='control-sidebar-bg'></div> <div class='control-sidebar-bg'></div>
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.3 --> <!-- jQuery 2.1.3 -->
@ -1286,7 +1285,7 @@
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.2 JS -->
<script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- FastClick --> <!-- FastClick -->
<script src='plugins/fastclick/fastclick.min.js'></script> <script src='plugins/fastclick/fastclick.min.js'></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="dist/js/app.min.js" type="text/javascript"></script> <script src="dist/js/app.min.js" type="text/javascript"></script>
<!-- Sparkline --> <!-- Sparkline -->
@ -1298,8 +1297,6 @@
<script src="plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script> <script src="plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
<!-- datepicker --> <!-- datepicker -->
<script src="plugins/datepicker/bootstrap-datepicker.js" type="text/javascript"></script> <script src="plugins/datepicker/bootstrap-datepicker.js" type="text/javascript"></script>
<!-- iCheck -->
<script src="plugins/iCheck/icheck.min.js" type="text/javascript"></script>
<!-- SlimScroll 1.3.0 --> <!-- SlimScroll 1.3.0 -->
<script src="plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script> <script src="plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<!-- ChartJS 1.0.1 --> <!-- ChartJS 1.0.1 -->
@ -1307,7 +1304,7 @@
<!-- AdminLTE dashboard demo (This is only for demo purposes) --> <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="dist/js/pages/dashboard2.js" type="text/javascript"></script> <script src="dist/js/pages/dashboard2.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->
<script src="dist/js/demo.js" type="text/javascript"></script> <script src="dist/js/demo.js" type="text/javascript"></script>
</body> </body>