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

Merge pull request #620 from Dennis14e/master 

Formatting files, HTML5
pull/624/head
Abdullah Almsaeed 2015-08-07 18:02:07 -04:00
parent 0eb8c98efd 48dc576492
commit 2f8cd4f324
55 changed files with 1636 additions and 1644 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@ -6,4 +6,4 @@
TODO TODO
*.zip *.zip
test.html test.html
*.log *.log

2
.jshintrc
View File

@ -14,4 +14,4 @@
"unused" : true, "unused" : true,
// External variabls and plugins // External variabls and plugins
"predef": [ "AdminLTEOptions", "FastClick", "moment", "Morris", "Chart" ] "predef": [ "AdminLTEOptions", "FastClick", "moment", "Morris", "Chart" ]
} }

14
Gruntfile.js
View File

@ -7,7 +7,7 @@
module.exports = function (grunt) { module.exports = function (grunt) {
'use strict'; 'use strict';
grunt.initConfig({ grunt.initConfig({
@ -95,19 +95,19 @@ module.exports = function (grunt) {
} }
} }
}, },
// Optimize images // Optimize images
image: { image: {
dynamic: { dynamic: {
files: [{ files: [{
expand: true, expand: true,
cwd: 'build/img/', cwd: 'build/img/',
src: ['**/*.{png,jpg,gif,svg}'], src: ['**/*.{png,jpg,gif,svg}'],
dest: 'dist/img/' dest: 'dist/img/'
}] }]
} }
}, },
// Validate JS code // Validate JS code
jshint: { jshint: {
options: { options: {
@ -123,7 +123,7 @@ module.exports = function (grunt) {
src: 'dist/js/pages/*.js' src: 'dist/js/pages/*.js'
} }
}, },
csslint: { csslint: {
options: { options: {
csslintrc: 'build/less/.csslintrc' csslintrc: 'build/less/.csslintrc'
@ -132,7 +132,7 @@ module.exports = function (grunt) {
'dist/css/AdminLTE.css', 'dist/css/AdminLTE.css',
] ]
}, },
// Delete images in build directory // Delete images in build directory
// After compressing the images in the build/img dir, there is no need // After compressing the images in the build/img dir, there is no need
// for them // for them
@ -162,4 +162,4 @@ module.exports = function (grunt) {
// The default task (running "grunt" in console) is "watch" // The default task (running "grunt" in console) is "watch"
grunt.registerTask('default', ['watch']); grunt.registerTask('default', ['watch']);
}; };

4
README.md
View File

@ -1,7 +1,7 @@
Introduction Introduction
============ ============
**AdminLTE** -- is a fully responsive admin template. Based on **Bootstrap 3** framework. Highly customizable and easy to use. Fits many screen resolutions from small mobile devices to large desktops. Check out the live preview now and see for yourself. **AdminLTE** -- is a fully responsive admin template. Based on **[Bootstrap 3](https://github.com/twbs/bootstrap)** framework. Highly customizable and easy to use. Fits many screen resolutions from small mobile devices to large desktops. Check out the live preview now and see for yourself.
**Download & Preview on [Almsaeed Studio](https://almsaeedstudio.com)** **Download & Preview on [Almsaeed Studio](https://almsaeedstudio.com)**
@ -88,7 +88,7 @@ Todo List
Legacy Realeases Legacy Realeases
---------------- ----------------
AdminLTE 1.x can be easily upgraded to 2.x using [this guide](https://almsaeedstudio.com/themes/AdminLTE/documentation/index.html#browsers), but if you intend to keep using AdminLTE 1.x, you can download the latest release from the [releases](https://github.com/almasaeed2010/AdminLTE/releases) section above. AdminLTE 1.x can be easily upgraded to 2.x using [this guide](https://almsaeedstudio.com/themes/AdminLTE/documentation/index.html#upgrade), but if you intend to keep using AdminLTE 1.x, you can download the latest release from the [releases](https://github.com/almasaeed2010/AdminLTE/releases) section above.
Change log Change log
---------- ----------

14
documentation/build/include/adminlte-options.html
View File

@ -1,5 +1,5 @@
<section id='adminlte-options'> <section id="adminlte-options">
<h2 class='page-header'><a href="#adminlte-options">AdminLTE Javascript Options</a></h2> <h2 class="page-header"><a href="#adminlte-options">AdminLTE Javascript Options</a></h2>
<p class="lead">Modifying the options of AdminLTE's app.js can be done using one of the following ways.</p> <p class="lead">Modifying the options of AdminLTE's app.js can be done using one of the following ways.</p>
<h3>Editing app.js</h3> <h3>Editing app.js</h3>
@ -8,7 +8,7 @@
<h3>Defining AdminLTEOptions</h3> <h3>Defining AdminLTEOptions</h3>
<p>Alternatively, you can define a global options variable named <code>AdminLTEOptions</code> and initialize it before loading app.js.</p> <p>Alternatively, you can define a global options variable named <code>AdminLTEOptions</code> and initialize it before loading app.js.</p>
<p>Example</p> <p>Example</p>
<pre class='prettyprint'><code class='html'>&LT;script> <pre class="prettyprint"><code class="html">&LT;script>
var AdminLTEOptions = { var AdminLTEOptions = {
//Enable sidebar expand on hover effect for sidebar mini //Enable sidebar expand on hover effect for sidebar mini
//This option is forced to true if both the fixed layout and sidebar mini //This option is forced to true if both the fixed layout and sidebar mini
@ -20,17 +20,17 @@
enableBSToppltip: true enableBSToppltip: true
}; };
&LT;/script> &LT;/script>
&LT;script src='dist/js/app.js' type='text/javascript'>&LT;/script></code></pre> &LT;script src="dist/js/app.js" type="text/javascript">&LT;/script></code></pre>
<h3>Available AdminLTE Options</h3> <h3>Available AdminLTE Options</h3>
<pre class='prettyprint'><code class='javascript'>{ <pre class="prettyprint"><code class="javascript">{
//Add slimscroll to navbar menus //Add slimscroll to navbar menus
//This requires you to load the slimscroll plugin //This requires you to load the slimscroll plugin
//in every page before app.js //in every page before app.js
navbarMenuSlimscroll: true, navbarMenuSlimscroll: true,
navbarMenuSlimscrollWidth: "3px", //The width of the scroll bar navbarMenuSlimscrollWidth: "3px", //The width of the scroll bar
navbarMenuHeight: "200px", //The height of the inner menu navbarMenuHeight: "200px", //The height of the inner menu
//General animation speed for JS animated elements such as box collapse/expand and //General animation speed for JS animated elements such as box collapse/expand and
//sidebar treeview slide up/down. This options accepts an integer as milliseconds, //sidebar treeview slide up/down. This options accepts an integer as milliseconds,
//'fast', 'normal', or 'slow' //'fast', 'normal', or 'slow'
animationSpeed: 500, animationSpeed: 500,
@ -120,4 +120,4 @@
lg: 1200 lg: 1200
} }
}</code></pre> }</code></pre>
</section> </section>

8
documentation/build/include/advice.html
View File

@ -1,6 +1,6 @@
<section id='advice'> <section id="advice">
<h2 class='page-header'><a href="#advice">A Word of Advice</a></h2> <h2 class="page-header"><a href="#advice">A Word of Advice</a></h2>
<p class='lead'> <p class="lead">
Before you go to see your new awesome theme, here are few tips on how to familiarize yourself with it: Before you go to see your new awesome theme, here are few tips on how to familiarize yourself with it:
</p> </p>
@ -14,4 +14,4 @@
<p> <p>
<b>Note:</b> LESS files are better commented than the compiled CSS file. <b>Note:</b> LESS files are better commented than the compiled CSS file.
</p> </p>
</section> </section>

8
documentation/build/include/browsers.html
View File

@ -1,12 +1,12 @@
<section id='browsers'> <section id="browsers">
<h2 class='page-header'><a href="#browsers">Browser Support</a></h2> <h2 class="page-header"><a href="#browsers">Browser Support</a></h2>
<p class="lead">AdminLTE supports the following browsers:</p> <p class="lead">AdminLTE supports the following browsers:</p>
<ul> <ul>
<li>IE9+</li> <li>IE9+</li>
<li>FireFox (latest)</li> <li>Firefox (latest)</li>
<li>Safari (latest)</li> <li>Safari (latest)</li>
<li>Chrome (latest)</li> <li>Chrome (latest)</li>
<li>Opera (latest)</li> <li>Opera (latest)</li>
</ul> </ul>
<p><b>Note:</b> IE9 does not support transitions or animations. The template will function properly but it won't use animations/transitions on IE9.</p> <p><b>Note:</b> IE9 does not support transitions or animations. The template will function properly but it won't use animations/transitions on IE9.</p>
</section> </section>

310
documentation/build/include/components.html
View File

@ -1,6 +1,6 @@
<section id='components' data-spy="scroll" data-target="#scrollspy-components"> <section id="components" data-spy="scroll" data-target="#scrollspy-components">
<h2 class='page-header'><a href="#components">Components</a></h2> <h2 class="page-header"><a href="#components">Components</a></h2>
<div class='callout callout-info lead'> <div class="callout callout-info lead">
<h4>Reminder!</h4> <h4>Reminder!</h4>
<p> <p>
AdminLTE uses all of Bootstrap 3 components. It's a good start to review AdminLTE uses all of Bootstrap 3 components. It's a good start to review
@ -8,7 +8,7 @@
that this documentation <b>does not</b> cover. that this documentation <b>does not</b> cover.
</p> </p>
</div> </div>
<div class='callout callout-danger lead'> <div class="callout callout-danger lead">
<h4>Tip!</h4> <h4>Tip!</h4>
<p> <p>
If you go through the example pages and would like to copy a component, right-click on If you go through the example pages and would like to copy a component, right-click on
@ -16,8 +16,8 @@
the HTML page. the HTML page.
</p> </p>
</div> </div>
<h3 id='component-main-header'>Main Header</h3> <h3 id="component-main-header">Main Header</h3>
<p class='lead'>The main header contains the logo and navbar. Construction of the <p class="lead">The main header contains the logo and navbar. Construction of the
navbar differs slightly from Bootstrap because it has components that Bootstrap doesn't provide. navbar differs slightly from Bootstrap because it has components that Bootstrap doesn't provide.
The navbar can be constructed in two way. This an example for the normal navbar and next we will provide an example for The navbar can be constructed in two way. This an example for the normal navbar and next we will provide an example for
the top nav layout.</p> the top nav layout.</p>
@ -26,7 +26,7 @@
<span class="eg">Main Header Example</span> <span class="eg">Main Header Example</span>
<header class="main-header" style="position: relative;"> <header class="main-header" style="position: relative;">
<!-- Logo --> <!-- Logo -->
<a href="index2.html" class="logo" style='position: relative;'><b>Admin</b>LTE</a> <a href="index2.html" class="logo" style="position: relative;"><b>Admin</b>LTE</a>
<!-- Header Navbar: style can be found in header.less --> <!-- Header Navbar: style can be found in header.less -->
<nav class="navbar" role="navigation" style="border: 0;max-height: 50px;"> <nav class="navbar" role="navigation" style="border: 0;max-height: 50px;">
<!-- Sidebar toggle button--> <!-- Sidebar toggle button-->
@ -50,7 +50,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"/> <img src="../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -119,13 +119,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../dist/img/user2-160x160.jpg" class="user-image" alt="User Image"/> <img src="../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -160,7 +160,7 @@
</header> </header>
</div> </div>
</div> </div>
<pre class='prettyprint'>&LT;header class="main-header"> <pre class="prettyprint">&LT;header class="main-header">
&LT;a href="../../index2.html" class="logo"> &LT;a href="../../index2.html" class="logo">
&LT;!-- LOGO --> &LT;!-- LOGO -->
AdminLTE AdminLTE
@ -184,7 +184,7 @@
&LT;li>&LT;!-- start message --> &LT;li>&LT;!-- start message -->
&LT;a href="#"> &LT;a href="#">
&LT;div class="pull-left"> &LT;div class="pull-left">
&LT;img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"/> &LT;img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
&LT;/div> &LT;/div>
&LT;h4> &LT;h4>
Sender Name Sender Name
@ -256,13 +256,13 @@
&LT;!-- User Account: style can be found in dropdown.less --> &LT;!-- User Account: style can be found in dropdown.less -->
&LT;li class="dropdown user user-menu"> &LT;li class="dropdown user user-menu">
&LT;a href="#" class="dropdown-toggle" data-toggle="dropdown"> &LT;a href="#" class="dropdown-toggle" data-toggle="dropdown">
&LT;img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image"/> &LT;img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
&LT;span class="hidden-xs">Alexander Pierce&LT;/span> &LT;span class="hidden-xs">Alexander Pierce&LT;/span>
&LT;/a> &LT;/a>
&LT;ul class="dropdown-menu"> &LT;ul class="dropdown-menu">
&LT;!-- User image --> &LT;!-- User image -->
&LT;li class="user-header"> &LT;li class="user-header">
&LT;img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> &LT;img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
&LT;p> &LT;p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
&LT;small>Member since Nov. 2012&LT;/small> &LT;small>Member since Nov. 2012&LT;/small>
@ -355,7 +355,7 @@
</header> </header>
</div> </div>
</div> </div>
<pre class='prettyprint'> <pre class="prettyprint">
&LT;header class="main-header"> &LT;header class="main-header">
&LT;nav class="navbar navbar-static-top"> &LT;nav class="navbar navbar-static-top">
&LT;div class="container-fluid"> &LT;div class="container-fluid">
@ -409,7 +409,7 @@
<!-- ===================================================================== --> <!-- ===================================================================== -->
<h3 id='component-sidebar'>Sidebar</h3> <h3 id="component-sidebar">Sidebar</h3>
<p class="lead"> <p class="lead">
The sidebar used in this page to the left provides an example of what your sidebar should like. The sidebar used in this page to the left provides an example of what your sidebar should like.
Construction of a sidebar: Construction of a sidebar:
@ -421,7 +421,7 @@
&LT;!-- user panel (Optional) --> &LT;!-- user panel (Optional) -->
&LT;div class="user-panel"> &LT;div class="user-panel">
&LT;div class="pull-left image"> &LT;div class="pull-left image">
&LT;img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> &LT;img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
&LT;/div> &LT;/div>
&LT;div class="pull-left info"> &LT;div class="pull-left info">
&LT;p>User Name&LT;/p> &LT;p>User Name&LT;/p>
@ -433,9 +433,9 @@
&LT;!-- Search Form (Optional) --> &LT;!-- Search Form (Optional) -->
&LT;form action="#" method="get" class="sidebar-form"> &LT;form action="#" method="get" class="sidebar-form">
&LT;div class="input-group"> &LT;div class="input-group">
&LT;input type="text" name="q" class="form-control" placeholder="Search..."/> &LT;input type="text" name="q" class="form-control" placeholder="Search...">
&LT;span class="input-group-btn"> &LT;span class="input-group-btn">
&LT;button type='submit' name='search' id='search-btn' class="btn btn-flat">&LT;i class="fa fa-search">&LT;/i>&LT;/button> &LT;button type="submit" name="search" id="search-btn" class="btn btn-flat">&LT;i class="fa fa-search">&LT;/i>&LT;/button>
&LT;/span> &LT;/span>
&LT;/div> &LT;/div>
&LT;/form>&LT;!-- /.sidebar-form --> &LT;/form>&LT;!-- /.sidebar-form -->
@ -483,12 +483,12 @@
&LT;!-- This div must placed right after the sidebar for it to work--> &LT;!-- This div must placed right after the sidebar for it to work-->
&LT;div class="control-sidebar-bg">&LT;/div></code></pre> &LT;div class="control-sidebar-bg">&LT;/div></code></pre>
<p class='lead'>Once you create the sidebar, you will need a toggle button to open/close it. <p class="lead">Once you create the sidebar, you will need a toggle button to open/close it.
By adding the attribute <code>data-toggle="control-sidebar"</code> to any button, it will By adding the attribute <code>data-toggle="control-sidebar"</code> to any button, it will
automatically act as the toggle button.</p> automatically act as the toggle button.</p>
<p class="lead">Toggle Button Example</p> <p class="lead">Toggle Button Example</p>
<button class="btn btn-primary" data-toggle="control-sidebar">Toggle Right Sidebar</button><br /><br /> <button class="btn btn-primary" data-toggle="control-sidebar">Toggle Right Sidebar</button><br><br>
<p class="lead">Sidebar Toggle Markup</p> <p class="lead">Sidebar Toggle Markup</p>
<pre class="prettyprint"><code class="lang-html">&LT;button class="btn btn-default" data-toggle="control-sidebar">Toggle Right Sidebar&LT;/button></code></pre> <pre class="prettyprint"><code class="lang-html">&LT;button class="btn btn-default" data-toggle="control-sidebar">Toggle Right Sidebar&LT;/button></code></pre>
@ -538,7 +538,7 @@
</div><!-- /.row --> </div><!-- /.row -->
<p class="lead">Markup</p> <p class="lead">Markup</p>
<pre class="prettyprint"><code class="lang-html">&LT;div class="info-box"> <pre class="prettyprint"><code class="lang-html">&LT;div class="info-box">
&LT;-- Apply any bg-* class to to the icon to color it --> &LT;!-- Apply any bg-* class to to the icon to color it -->
&LT;span class="info-box-icon bg-red">&LT;i class="fa fa-star-o">&LT;/i>&LT;/span> &LT;span class="info-box-icon bg-red">&LT;i class="fa fa-star-o">&LT;/i>&LT;/span>
&LT;div class="info-box-content"> &LT;div class="info-box-content">
&LT;span class="info-box-text">Likes&LT;/span> &LT;span class="info-box-text">Likes&LT;/span>
@ -610,13 +610,13 @@
</div><!-- /.col --> </div><!-- /.col -->
</div><!-- /.row --> </div><!-- /.row -->
<p class="lead">Markup</p> <p class="lead">Markup</p>
<pre class="prettyprint"><code class="lang-html">&LT;-- Apply any bg-* class to to the info-box to color it --> <pre class="prettyprint"><code class="lang-html">&LT;!-- Apply any bg-* class to to the info-box to color it -->
&LT;div class="info-box bg-red"> &LT;div class="info-box bg-red">
&LT;span class="info-box-icon">&LT;i class="fa fa-comments-o">&LT;/i>&LT;/span> &LT;span class="info-box-icon">&LT;i class="fa fa-comments-o">&LT;/i>&LT;/span>
&LT;div class="info-box-content"> &LT;div class="info-box-content">
&LT;span class="info-box-text">Likes&LT;/span> &LT;span class="info-box-text">Likes&LT;/span>
&LT;span class="info-box-number">41,410&LT;/span> &LT;span class="info-box-number">41,410&LT;/span>
&LT;-- The progress section is optional --> &LT;!-- The progress section is optional -->
&LT;div class="progress"> &LT;div class="progress">
&LT;div class="progress-bar" style="width: 70%">&LT;/div> &LT;div class="progress-bar" style="width: 70%">&LT;/div>
&LT;/div> &LT;/div>
@ -629,7 +629,7 @@
first style apply any bg-* class to the icon itself. For the other style, apply the bg-* class to the info-box div.</p> first style apply any bg-* class to the icon itself. For the other style, apply the bg-* class to the info-box div.</p>
<!-- ===================================================================== --> <!-- ===================================================================== -->
<h3 id='component-box'>Box</h3> <h3 id="component-box">Box</h3>
<p class="lead">The box component is the most widely used component through out this template. You can <p class="lead">The box component is the most widely used component through out this template. You can
use it for anything from displaying charts to just blocks of text. It comes in many different use it for anything from displaying charts to just blocks of text. It comes in many different
styles that we will explore below.</p> styles that we will explore below.</p>
@ -818,9 +818,9 @@
<p>AdminLTE data-widget attribute provides boxes with the ability to collapse or be removed. The buttons <p>AdminLTE data-widget attribute provides boxes with the ability to collapse or be removed. The buttons
are placed in the box-tools which is placed in the box-header.</p> are placed in the box-tools which is placed in the box-header.</p>
<pre class="prettyprint"> <pre class="prettyprint">
&LT;-- This will cause the box to be removed when clicked --> &LT;!-- This will cause the box to be removed when clicked -->
&LT;button class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove">&LT;i class="fa fa-times">&LT;/i>&LT;/button> &LT;button class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove">&LT;i class="fa fa-times">&LT;/i>&LT;/button>
&LT;-- This will cause the box to collapse when clicked --> &LT;!-- This will cause the box to collapse when clicked -->
&LT;button class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse">&LT;i class="fa fa-minus">&LT;/i>&LT;/button></pre> &LT;button class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse">&LT;i class="fa fa-minus">&LT;/i>&LT;/button></pre>
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
@ -899,7 +899,7 @@
&LT;/div>&LT;!-- /.box --></pre> &LT;/div>&LT;!-- /.box --></pre>
</div> </div>
</div><!-- /.row --> </div><!-- /.row -->
<p>We can also add labels, badges, pagination, tooltips, inputs and many more in the box tools. A few examples:</p> <p>We can also add labels, badges, pagination, tooltips, inputs and many more in the box tools. A few examples:</p>
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<div class="box box-default"> <div class="box box-default">
@ -932,7 +932,7 @@
<h3 class="box-title">Input</h3> <h3 class="box-title">Input</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<div class="has-feedback"> <div class="has-feedback">
<input type="text" class="form-control input-sm" placeholder="Search..."/> <input type="text" class="form-control input-sm" placeholder="Search...">
<span class="glyphicon glyphicon-search form-control-feedback text-muted"></span> <span class="glyphicon glyphicon-search form-control-feedback text-muted"></span>
</div> </div>
</div><!-- /.box-tools --> </div><!-- /.box-tools -->
@ -947,7 +947,7 @@
&LT;h3 class="box-title">Input&LT;/h3> &LT;h3 class="box-title">Input&LT;/h3>
&LT;div class="box-tools pull-right"> &LT;div class="box-tools pull-right">
&LT;div class="has-feedback"> &LT;div class="has-feedback">
&LT;input type="text" class="form-control input-sm" placeholder="Search..."/> &LT;input type="text" class="form-control input-sm" placeholder="Search...">
&LT;span class="glyphicon glyphicon-search form-control-feedback">&LT;/span> &LT;span class="glyphicon glyphicon-search form-control-feedback">&LT;/span>
&LT;/div> &LT;/div>
&LT;/div>&LT;!-- /.box-tools --> &LT;/div>&LT;!-- /.box-tools -->
@ -989,7 +989,7 @@
If you inserted a box into the document after <code>app.js</code> was loaded, you have to activate If you inserted a box into the document after <code>app.js</code> was loaded, you have to activate
the collapse/remove buttons explicitly by calling <code>.activateBox()</code>: the collapse/remove buttons explicitly by calling <code>.activateBox()</code>:
</p> </p>
<pre class='prettyprint'><code class='html'>&LT;script> <pre class="prettyprint"><code class="html">&LT;script>
$("#box-widget").activateBox(); $("#box-widget").activateBox();
&LT;/script></code></pre> &LT;/script></code></pre>
@ -1045,7 +1045,7 @@
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Direct Chat</h3> <h3 class="box-title">Direct Chat</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<span data-toggle="tooltip" title="3 New Messages" class='badge bg-light-blue'>3</span> <span data-toggle="tooltip" title="3 New Messages" class="badge bg-light-blue">3</span>
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button> <button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
@ -1056,11 +1056,11 @@
<div class="direct-chat-messages"> <div class="direct-chat-messages">
<!-- Message. Default to the left --> <!-- Message. Default to the left -->
<div class="direct-chat-msg"> <div class="direct-chat-msg">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-left'>Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class='direct-chat-timestamp pull-right'>23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
Is this template really for free? That's unbelievable! Is this template really for free? That's unbelievable!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -1068,11 +1068,11 @@
<!-- Message to the right --> <!-- Message to the right -->
<div class="direct-chat-msg right"> <div class="direct-chat-msg right">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-right'>Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class='direct-chat-timestamp pull-left'>23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
You better believe it! You better believe it!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -1081,16 +1081,16 @@
<!-- Contacts are loaded here --> <!-- Contacts are loaded here -->
<div class="direct-chat-contacts"> <div class="direct-chat-contacts">
<ul class='contacts-list'> <ul class="contacts-list">
<li> <li>
<a href='#'> <a href="#">
<img class='contacts-list-img' src='../dist/img/user1-128x128.jpg' alt="Contact Avatar"/> <img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar">
<div class='contacts-list-info'> <div class="contacts-list-info">
<span class='contacts-list-name'> <span class="contacts-list-name">
Count Dracula Count Dracula
<small class='contacts-list-date pull-right'>2/28/2015</small> <small class="contacts-list-date pull-right">2/28/2015</small>
</span> </span>
<span class='contacts-list-msg'>How have you been? I was...</span> <span class="contacts-list-msg">How have you been? I was...</span>
</div><!-- /.contacts-list-info --> </div><!-- /.contacts-list-info -->
</a> </a>
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
@ -1100,7 +1100,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control"/> <input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-primary btn-flat">Send</button> <button type="button" class="btn btn-primary btn-flat">Send</button>
</span> </span>
@ -1116,7 +1116,7 @@
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Direct Chat</h3> <h3 class="box-title">Direct Chat</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<span data-toggle="tooltip" title="3 New Messages" class='badge bg-green'>3</span> <span data-toggle="tooltip" title="3 New Messages" class="badge bg-green">3</span>
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button> <button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
@ -1127,11 +1127,11 @@
<div class="direct-chat-messages"> <div class="direct-chat-messages">
<!-- Message. Default to the left --> <!-- Message. Default to the left -->
<div class="direct-chat-msg"> <div class="direct-chat-msg">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-left'>Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class='direct-chat-timestamp pull-right'>23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
Is this template really for free? That's unbelievable! Is this template really for free? That's unbelievable!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -1139,11 +1139,11 @@
<!-- Message to the right --> <!-- Message to the right -->
<div class="direct-chat-msg right"> <div class="direct-chat-msg right">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-right'>Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class='direct-chat-timestamp pull-left'>23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
You better believe it! You better believe it!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -1152,16 +1152,16 @@
<!-- Contacts are loaded here --> <!-- Contacts are loaded here -->
<div class="direct-chat-contacts"> <div class="direct-chat-contacts">
<ul class='contacts-list'> <ul class="contacts-list">
<li> <li>
<a href='#'> <a href="#">
<img class='contacts-list-img' src='../dist/img/user1-128x128.jpg' alt="Contact Avatar"/> <img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar">
<div class='contacts-list-info'> <div class="contacts-list-info">
<span class='contacts-list-name'> <span class="contacts-list-name">
Count Dracula Count Dracula
<small class='contacts-list-date pull-right'>2/28/2015</small> <small class="contacts-list-date pull-right">2/28/2015</small>
</span> </span>
<span class='contacts-list-msg'>How have you been? I was...</span> <span class="contacts-list-msg">How have you been? I was...</span>
</div><!-- /.contacts-list-info --> </div><!-- /.contacts-list-info -->
</a> </a>
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
@ -1171,7 +1171,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control"/> <input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-success btn-flat">Send</button> <button type="button" class="btn btn-success btn-flat">Send</button>
</span> </span>
@ -1187,7 +1187,7 @@
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Direct Chat</h3> <h3 class="box-title">Direct Chat</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<span data-toggle="tooltip" title="3 New Messages" class='badge bg-yellow'>3</span> <span data-toggle="tooltip" title="3 New Messages" class="badge bg-yellow">3</span>
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button> <button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
@ -1198,11 +1198,11 @@
<div class="direct-chat-messages"> <div class="direct-chat-messages">
<!-- Message. Default to the left --> <!-- Message. Default to the left -->
<div class="direct-chat-msg"> <div class="direct-chat-msg">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-left'>Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class='direct-chat-timestamp pull-right'>23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
Is this template really for free? That's unbelievable! Is this template really for free? That's unbelievable!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -1210,11 +1210,11 @@
<!-- Message to the right --> <!-- Message to the right -->
<div class="direct-chat-msg right"> <div class="direct-chat-msg right">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-right'>Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class='direct-chat-timestamp pull-left'>23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
You better believe it! You better believe it!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -1223,16 +1223,16 @@
<!-- Contacts are loaded here --> <!-- Contacts are loaded here -->
<div class="direct-chat-contacts"> <div class="direct-chat-contacts">
<ul class='contacts-list'> <ul class="contacts-list">
<li> <li>
<a href='#'> <a href="#">
<img class='contacts-list-img' src='../dist/img/user1-128x128.jpg' alt="Contact Avatar"/> <img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar">
<div class='contacts-list-info'> <div class="contacts-list-info">
<span class='contacts-list-name'> <span class="contacts-list-name">
Count Dracula Count Dracula
<small class='contacts-list-date pull-right'>2/28/2015</small> <small class="contacts-list-date pull-right">2/28/2015</small>
</span> </span>
<span class='contacts-list-msg'>How have you been? I was...</span> <span class="contacts-list-msg">How have you been? I was...</span>
</div><!-- /.contacts-list-info --> </div><!-- /.contacts-list-info -->
</a> </a>
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
@ -1242,7 +1242,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control"/> <input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-warning btn-flat">Send</button> <button type="button" class="btn btn-warning btn-flat">Send</button>
</span> </span>
@ -1258,7 +1258,7 @@
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Direct Chat</h3> <h3 class="box-title">Direct Chat</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<span data-toggle="tooltip" title="3 New Messages" class='badge bg-red'>3</span> <span data-toggle="tooltip" title="3 New Messages" class="badge bg-red">3</span>
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button> <button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
@ -1269,11 +1269,11 @@
<div class="direct-chat-messages"> <div class="direct-chat-messages">
<!-- Message. Default to the left --> <!-- Message. Default to the left -->
<div class="direct-chat-msg"> <div class="direct-chat-msg">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-left'>Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class='direct-chat-timestamp pull-right'>23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
Is this template really for free? That's unbelievable! Is this template really for free? That's unbelievable!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -1281,11 +1281,11 @@
<!-- Message to the right --> <!-- Message to the right -->
<div class="direct-chat-msg right"> <div class="direct-chat-msg right">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-right'>Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class='direct-chat-timestamp pull-left'>23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
You better believe it! You better believe it!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -1294,16 +1294,16 @@
<!-- Contacts are loaded here --> <!-- Contacts are loaded here -->
<div class="direct-chat-contacts"> <div class="direct-chat-contacts">
<ul class='contacts-list'> <ul class="contacts-list">
<li> <li>
<a href='#'> <a href="#">
<img class='contacts-list-img' src='../dist/img/user1-128x128.jpg' alt="Contact Avatar"/> <img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar">
<div class='contacts-list-info'> <div class="contacts-list-info">
<span class='contacts-list-name'> <span class="contacts-list-name">
Count Dracula Count Dracula
<small class='contacts-list-date pull-right'>2/28/2015</small> <small class="contacts-list-date pull-right">2/28/2015</small>
</span> </span>
<span class='contacts-list-msg'>How have you been? I was...</span> <span class="contacts-list-msg">How have you been? I was...</span>
</div><!-- /.contacts-list-info --> </div><!-- /.contacts-list-info -->
</a> </a>
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
@ -1313,7 +1313,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control"/> <input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-danger btn-flat">Send</button> <button type="button" class="btn btn-danger btn-flat">Send</button>
</span> </span>
@ -1325,16 +1325,16 @@
</div><!-- /.row --> </div><!-- /.row -->
<p class="lead">Direct Chat Markup</p> <p class="lead">Direct Chat Markup</p>
<pre class="prettyprint"><code class="html"> <pre class="prettyprint"><code class="html">
&LT;-- Construct the box with style you want. Here we are using box-danger --> &LT;!-- Construct the box with style you want. Here we are using box-danger -->
&LT;-- Then add the class direct-chat and choose the direct-chat-* contexual class --> &LT;!-- Then add the class direct-chat and choose the direct-chat-* contexual class -->
&LT;-- The contextual class should match the box, so we are using direct-chat-danger --> &LT;!-- The contextual class should match the box, so we are using direct-chat-danger -->
&LT;div class="box box-danger direct-chat direct-chat-danger"> &LT;div class="box box-danger direct-chat direct-chat-danger">
&LT;div class="box-header with-border"> &LT;div class="box-header with-border">
&LT;h3 class="box-title">Direct Chat&LT;/h3> &LT;h3 class="box-title">Direct Chat&LT;/h3>
&LT;div class="box-tools pull-right"> &LT;div class="box-tools pull-right">
&LT;span data-toggle="tooltip" title="3 New Messages" class='badge bg-red'>3&LT;/span> &LT;span data-toggle="tooltip" title="3 New Messages" class="badge bg-red">3&LT;/span>
&LT;button class="btn btn-box-tool" data-widget="collapse">&LT;i class="fa fa-minus">&LT;/i>&LT;/button> &LT;button class="btn btn-box-tool" data-widget="collapse">&LT;i class="fa fa-minus">&LT;/i>&LT;/button>
&LT;-- In box-tools add this button if you intend to use the contacts pane --> &LT;!-- In box-tools add this button if you intend to use the contacts pane -->
&LT;button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle">&LT;i class="fa fa-comments">&LT;/i>&LT;/button> &LT;button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle">&LT;i class="fa fa-comments">&LT;/i>&LT;/button>
&LT;button class="btn btn-box-tool" data-widget="remove">&LT;i class="fa fa-times">&LT;/i>&LT;/button> &LT;button class="btn btn-box-tool" data-widget="remove">&LT;i class="fa fa-times">&LT;/i>&LT;/button>
&LT;/div> &LT;/div>
@ -1344,11 +1344,11 @@
&LT;div class="direct-chat-messages"> &LT;div class="direct-chat-messages">
&LT;!-- Message. Default to the left --> &LT;!-- Message. Default to the left -->
&LT;div class="direct-chat-msg"> &LT;div class="direct-chat-msg">
&LT;div class='direct-chat-info clearfix'> &LT;div class="direct-chat-info clearfix">
&LT;span class='direct-chat-name pull-left'>Alexander Pierce&LT;/span> &LT;span class="direct-chat-name pull-left">Alexander Pierce&LT;/span>
&LT;span class='direct-chat-timestamp pull-right'>23 Jan 2:00 pm&LT;/span> &LT;span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm&LT;/span>
&LT;/div>&LT;!-- /.direct-chat-info --> &LT;/div>&LT;!-- /.direct-chat-info -->
&LT;img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" />&LT;!-- /.direct-chat-img --> &LT;img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image">&LT;!-- /.direct-chat-img -->
&LT;div class="direct-chat-text"> &LT;div class="direct-chat-text">
Is this template really for free? That's unbelievable! Is this template really for free? That's unbelievable!
&LT;/div>&LT;!-- /.direct-chat-text --> &LT;/div>&LT;!-- /.direct-chat-text -->
@ -1356,11 +1356,11 @@
&LT;!-- Message to the right --> &LT;!-- Message to the right -->
&LT;div class="direct-chat-msg right"> &LT;div class="direct-chat-msg right">
&LT;div class='direct-chat-info clearfix'> &LT;div class="direct-chat-info clearfix">
&LT;span class='direct-chat-name pull-right'>Sarah Bullock&LT;/span> &LT;span class="direct-chat-name pull-right">Sarah Bullock&LT;/span>
&LT;span class='direct-chat-timestamp pull-left'>23 Jan 2:05 pm&LT;/span> &LT;span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm&LT;/span>
&LT;/div>&LT;!-- /.direct-chat-info --> &LT;/div>&LT;!-- /.direct-chat-info -->
&LT;img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" />&LT;!-- /.direct-chat-img --> &LT;img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image">&LT;!-- /.direct-chat-img -->
&LT;div class="direct-chat-text"> &LT;div class="direct-chat-text">
You better believe it! You better believe it!
&LT;/div>&LT;!-- /.direct-chat-text --> &LT;/div>&LT;!-- /.direct-chat-text -->
@ -1369,16 +1369,16 @@
&LT;!-- Contacts are loaded here --> &LT;!-- Contacts are loaded here -->
&LT;div class="direct-chat-contacts"> &LT;div class="direct-chat-contacts">
&LT;ul class='contacts-list'> &LT;ul class="contacts-list">
&LT;li> &LT;li>
&LT;a href='#'> &LT;a href="#">
&LT;img class='contacts-list-img' src='../dist/img/user1-128x128.jpg' alt="Contact Avatar"/> &LT;img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar">
&LT;div class='contacts-list-info'> &LT;div class="contacts-list-info">
&LT;span class='contacts-list-name'> &LT;span class="contacts-list-name">
Count Dracula Count Dracula
&LT;small class='contacts-list-date pull-right'>2/28/2015&LT;/small> &LT;small class="contacts-list-date pull-right">2/28/2015&LT;/small>
&LT;/span> &LT;/span>
&LT;span class='contacts-list-msg'>How have you been? I was...&LT;/span> &LT;span class="contacts-list-msg">How have you been? I was...&LT;/span>
&LT;/div>&LT;!-- /.contacts-list-info --> &LT;/div>&LT;!-- /.contacts-list-info -->
&LT;/a> &LT;/a>
&LT;/li>&LT;!-- End Contact Item --> &LT;/li>&LT;!-- End Contact Item -->
@ -1387,7 +1387,7 @@
&LT;/div>&LT;!-- /.box-body --> &LT;/div>&LT;!-- /.box-body -->
&LT;div class="box-footer"> &LT;div class="box-footer">
&LT;div class="input-group"> &LT;div class="input-group">
&LT;input type="text" name="message" placeholder="Type Message ..." class="form-control"/> &LT;input type="text" name="message" placeholder="Type Message ..." class="form-control">
&LT;span class="input-group-btn"> &LT;span class="input-group-btn">
&LT;button type="button" class="btn btn-danger btn-flat">Send&LT;/button> &LT;button type="button" class="btn btn-danger btn-flat">Send&LT;/button>
&LT;/span> &LT;/span>
@ -1406,7 +1406,7 @@
<div class="box-header"> <div class="box-header">
<h3 class="box-title">Direct Chat in a Solid Box</h3> <h3 class="box-title">Direct Chat in a Solid Box</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<span data-toggle="tooltip" title="3 New Messages" class='badge bg-light-blue'>3</span> <span data-toggle="tooltip" title="3 New Messages" class="badge bg-light-blue">3</span>
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button> <button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
@ -1417,11 +1417,11 @@
<div class="direct-chat-messages"> <div class="direct-chat-messages">
<!-- Message. Default to the left --> <!-- Message. Default to the left -->
<div class="direct-chat-msg"> <div class="direct-chat-msg">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-left'>Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class='direct-chat-timestamp pull-right'>23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
Is this template really for free? That's unbelievable! Is this template really for free? That's unbelievable!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -1429,11 +1429,11 @@
<!-- Message to the right --> <!-- Message to the right -->
<div class="direct-chat-msg right"> <div class="direct-chat-msg right">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-right'>Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class='direct-chat-timestamp pull-left'>23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
You better believe it! You better believe it!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -1442,16 +1442,16 @@
<!-- Contacts are loaded here --> <!-- Contacts are loaded here -->
<div class="direct-chat-contacts"> <div class="direct-chat-contacts">
<ul class='contacts-list'> <ul class="contacts-list">
<li> <li>
<a href='#'> <a href="#">
<img class='contacts-list-img' src='../dist/img/user1-128x128.jpg' alt="Contact Avatar"/> <img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar">
<div class='contacts-list-info'> <div class="contacts-list-info">
<span class='contacts-list-name'> <span class="contacts-list-name">
Count Dracula Count Dracula
<small class='contacts-list-date pull-right'>2/28/2015</small> <small class="contacts-list-date pull-right">2/28/2015</small>
</span> </span>
<span class='contacts-list-msg'>How have you been? I was...</span> <span class="contacts-list-msg">How have you been? I was...</span>
</div><!-- /.contacts-list-info --> </div><!-- /.contacts-list-info -->
</a> </a>
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
@ -1461,7 +1461,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control"/> <input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-primary btn-flat">Send</button> <button type="button" class="btn btn-primary btn-flat">Send</button>
</span> </span>
@ -1477,7 +1477,7 @@
<div class="box-header"> <div class="box-header">
<h3 class="box-title">Direct Chat in a Solid Box</h3> <h3 class="box-title">Direct Chat in a Solid Box</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<span data-toggle="tooltip" title="3 New Messages" class='badge bg-aqua'>3</span> <span data-toggle="tooltip" title="3 New Messages" class="badge bg-aqua">3</span>
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button> <button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
@ -1488,11 +1488,11 @@
<div class="direct-chat-messages"> <div class="direct-chat-messages">
<!-- Message. Default to the left --> <!-- Message. Default to the left -->
<div class="direct-chat-msg"> <div class="direct-chat-msg">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-left'>Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class='direct-chat-timestamp pull-right'>23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
Is this template really for free? That's unbelievable! Is this template really for free? That's unbelievable!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -1500,11 +1500,11 @@
<!-- Message to the right --> <!-- Message to the right -->
<div class="direct-chat-msg right"> <div class="direct-chat-msg right">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-right'>Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class='direct-chat-timestamp pull-left'>23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
You better believe it! You better believe it!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -1513,16 +1513,16 @@
<!-- Contacts are loaded here --> <!-- Contacts are loaded here -->
<div class="direct-chat-contacts"> <div class="direct-chat-contacts">
<ul class='contacts-list'> <ul class="contacts-list">
<li> <li>
<a href='#'> <a href="#">
<img class='contacts-list-img' src='../dist/img/user1-128x128.jpg' alt="Contact Avatar"/> <img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar">
<div class='contacts-list-info'> <div class="contacts-list-info">
<span class='contacts-list-name'> <span class="contacts-list-name">
Count Dracula Count Dracula
<small class='contacts-list-date pull-right'>2/28/2015</small> <small class="contacts-list-date pull-right">2/28/2015</small>
</span> </span>
<span class='contacts-list-msg'>How have you been? I was...</span> <span class="contacts-list-msg">How have you been? I was...</span>
</div><!-- /.contacts-list-info --> </div><!-- /.contacts-list-info -->
</a> </a>
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
@ -1532,7 +1532,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control"/> <input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-info btn-flat">Send</button> <button type="button" class="btn btn-info btn-flat">Send</button>
</span> </span>
@ -1542,4 +1542,4 @@
</div><!--/.direct-chat --> </div><!--/.direct-chat -->
</div><!-- /.col --> </div><!-- /.col -->
</div><!-- /.row --> </div><!-- /.row -->
</section> </section>

49
documentation/build/include/download.html
View File

@ -1,38 +1,35 @@
<section id='download'> <section id="download">
<h2 class='page-header'><a href="#download">Download</a></h2> <h2 class="page-header"><a href="#download">Download</a></h2>
<p class='lead'> <p class="lead">
AdminLTE can be downloaded in two different versions, each appealing to different AdminLTE can be downloaded in two different versions, each appealing to different skill levels and use case.
skill levels and use case.
</p> </p>
<div class='row'> <div class="row">
<div class='col-sm-6'> <div class="col-sm-6">
<div class='box box-primary'> <div class="box box-primary">
<div class='box-header with-border'> <div class="box-header with-border">
<h3 class='box-title'>Ready</h3> <h3 class="box-title">Ready</h3>
<span class='label label-primary pull-right'><i class='fa fa-html5'></i></span> <span class="label label-primary pull-right"><i class="fa fa-html5"></i></span>
</div><!-- /.box-header --> </div><!-- /.box-header -->
<div class='box-body'> <div class="box-body">
<p>Compiled and ready to use in production. Download this version <p>Compiled and ready to use in production. Download this version if you don't want to customize AdminLTE's LESS files.</p>
if you don't want to customize AdminLTE's LESS files.</p> <a href="http://almsaeedstudio.com/download/AdminLTE-dist" class="btn btn-primary"><i class="fa fa-download"></i> Download</a>
<a href='http://almsaeedstudio.com/download/AdminLTE-dist' class='btn btn-primary'><i class='fa fa-download'></i> Download</a>
</div><!-- /.box-body --> </div><!-- /.box-body -->
</div><!-- /.box --> </div><!-- /.box -->
</div><!-- /.col --> </div><!-- /.col -->
<div class='col-sm-6'> <div class="col-sm-6">
<div class='box box-danger'> <div class="box box-danger">
<div class='box-header with-border'> <div class="box-header with-border">
<h3 class='box-title'>Source Code</h3> <h3 class="box-title">Source Code</h3>
<span class='label label-danger pull-right'><i class='fa fa-database'></i></span> <span class="label label-danger pull-right"><i class="fa fa-database"></i></span>
</div><!-- /.box-header --> </div><!-- /.box-header -->
<div class='box-body'> <div class="box-body">
<p>All files including the compiled CSS. Download this version <p>All files including the compiled CSS. Download this version if you plan on customizing the template. <b>Requires a LESS compiler.</b></p>
if you plan on customizing the template. <b>Requires a LESS compiler.</b></p> <a href="http://almsaeedstudio.com/download/AdminLTE" class="btn btn-danger"><i class="fa fa-download"></i> Download</a>
<a href='http://almsaeedstudio.com/download/AdminLTE' class='btn btn-danger'><i class='fa fa-download'></i> Download</a>
</div><!-- /.box-body --> </div><!-- /.box-body -->
</div><!-- /.box --> </div><!-- /.box -->
</div><!-- /.col --> </div><!-- /.col -->
</div><!-- /.row --> </div><!-- /.row -->
<pre class='hierarchy bring-up'><code class="language-bash" data-lang="bash">File Hierarchy of the Source Code Package <pre class="hierarchy bring-up"><code class="language-bash" data-lang="bash">File Hierarchy of the Source Code Package
AdminLTE/ AdminLTE/
├── dist/ ├── dist/
@ -48,4 +45,4 @@ AdminLTE/
│ ├── mixins.less │ ├── mixins.less
└── plugins/ └── plugins/
├── All the customized plugins CSS and JS files</code></pre> ├── All the customized plugins CSS and JS files</code></pre>
</section> </section>

15
documentation/build/include/faq.html
View File

@ -1,17 +1,12 @@
<section id='faq'> <section id="faq">
<h2 class='page-header'><a href="#faq">FAQ</a></h2> <h2 class="page-header"><a href="#faq">FAQ</a></h2>
<h3>Can AdminLTE be used with Wordpress?</h3> <h3>Can AdminLTE be used with Wordpress?</h3>
<p class="lead">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.</p> <p class="lead">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.</p>
<h3>Is there an integration guide for PHP frameworks such as Yii or Symfony?</h3> <h3>Is there an integration guide for PHP frameworks such as Yii or Symfony?</h3>
<p class='lead'>Short answer, no. However, there are forks and tutorials around the web that <p class="lead">Short answer, no. However, there are forks and tutorials around the web that provide info on how to integrate with many different frameworks. There are even versions of AdminLTE that are integrated with jQuery ajax, AngularJS and/or MVC5 ASP .NET.</p>
provide info on how to integrate with many different frameworks. There are even versions of
AdminLTE that are integrated with jQuery ajax, AngularJS and/or MVC5 ASP .NET.
</p>
<h3>How do I get notified of new AdminLTE versions?</h3> <h3>How do I get notified of new AdminLTE versions?</h3>
<p class='lead'>The best option is to subscribe to our mailing list using the <p class="lead">The best option is to subscribe to our mailing list using the <a href="http://almsaeedstudio.com/#subscribe">subscription form on Almsaeed Studio</a>.
<a href="http://almsaeedstudio.com/#subscribe">subscription form on Almsaeed Studio</a>. If that's not appealing to you, you may watch the <a href="https://github.com/almasaeed2010/AdminLTE">repository on Github</a> or visit <a href="http://almsaeedstudio.com">Almsaeed Studio</a> every now and then for updates and announcements.</p>
If that's not appealing to you, you may watch the <a href="https://github.com/almasaeed2010/AdminLTE">repository on Github</a>
or visit <a href="http://almsaeedstudio.com">Almsaeed Studio</a> every now and then for updates and announcements.</p>
</section> </section>

4
documentation/build/include/implementations.html
View File

@ -3,7 +3,7 @@
<p class="lead">Thanks to many of AdminLTE users, there are multiple implementations of the template <p class="lead">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:</p> for easy integration with back-end frameworks. The following are some of them:</p>
<ul class=""> <ul>
<li><a href="https://github.com/dmstr/yii2-adminlte-asset" target="_blank">Yii 2</a> by <a href="https://github.com/schmunk42" target="_blank">Tobias Munk</a></li> <li><a href="https://github.com/dmstr/yii2-adminlte-asset" target="_blank">Yii 2</a> by <a href="https://github.com/schmunk42" target="_blank">Tobias Munk</a></li>
<li><a href="https://github.com/yajra/laravel-admin-template" target="_blank">Laravel</a> by <a href="https://github.com/yajra" target="_blank">Arjay Angeles</a></li> <li><a href="https://github.com/yajra/laravel-admin-template" target="_blank">Laravel</a> by <a href="https://github.com/yajra" target="_blank">Arjay Angeles</a></li>
<li><a href="https://github.com/avanzu/AdminThemeBundle" target="_blank">Symfony</a> by <a href="https://github.com/avanzu" target="_blank">Marc Bach</a></li> <li><a href="https://github.com/avanzu/AdminThemeBundle" target="_blank">Symfony</a> by <a href="https://github.com/avanzu" target="_blank">Marc Bach</a></li>
@ -13,4 +13,4 @@
<p><b class="text-red">Note:</b> these implementations are not supported by Almsaeed Studio. However, <p><b class="text-red">Note:</b> 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 they do provide a good example of how to integrate AdminLTE into different frameworks. For the latest release
of AdminLTE, please visit our <a href="https://github.com/almasaeed2010/AdminLTE">repository</a> or <a href="https://almsaeedstudio.com">website</a></p> of AdminLTE, please visit our <a href="https://github.com/almasaeed2010/AdminLTE">repository</a> or <a href="https://almsaeedstudio.com">website</a></p>
</section> </section>

8
documentation/build/include/introduction.html
View File

@ -1,6 +1,6 @@
<section id='introduction'> <section id="introduction">
<h2 class='page-header'><a href="#introduction">Introduction</a></h2> <h2 class="page-header"><a href="#introduction">Introduction</a></h2>
<p class='lead'> <p class="lead">
<b>AdminLTE</b> is a popular open source WebApp template for admin dashboards and control panels. <b>AdminLTE</b> is a popular open source WebApp template for admin dashboards and control panels.
It is a responsive HTML template that is based on the CSS framework Bootstrap 3. It is a responsive HTML template that is based on the CSS framework Bootstrap 3.
It utilizes all of the Bootstrap components in its design and re-styles many It utilizes all of the Bootstrap components in its design and re-styles many
@ -9,4 +9,4 @@
allows it to be easily customized and built upon. This documentation will guide you through allows it to be easily customized and built upon. This documentation will guide you through
installing the template and exploring the various components that are bundled with the template. installing the template and exploring the various components that are bundled with the template.
</p> </p>
</section><!-- /#introduction --> </section><!-- /#introduction -->

8
documentation/build/include/layout.html
View File

@ -1,6 +1,6 @@
<section id='layout'> <section id="layout">
<h2 class='page-header'><a href="#layout">Layout</a></h2> <h2 class="page-header"><a href="#layout">Layout</a></h2>
<p class='lead'>The layout consists of four major parts:</p> <p class="lead">The layout consists of four major parts:</p>
<ul> <ul>
<li>Wrapper <code>.wrapper</code>. A div that wraps the whole site.</li> <li>Wrapper <code>.wrapper</code>. A div that wraps the whole site.</li>
<li>Main Header <code>.main-header</code>. Contains the logo and navbar.</li> <li>Main Header <code>.main-header</code>. Contains the logo and navbar.</li>
@ -89,4 +89,4 @@
</table> </table>
</div><!-- /.box-body --> </div><!-- /.box-body -->
</div><!-- /.box --> </div><!-- /.box -->
</section> </section>

4
documentation/build/include/license.html
View File

@ -3,8 +3,8 @@
<h3>AdminLTE</h3> <h3>AdminLTE</h3>
<p class="lead"> <p class="lead">
AdminLTE is an open source project that is licensed under the <a href="http://opensource.org/licenses/MIT">MIT license</a>. AdminLTE is an open source project that is licensed under the <a href="http://opensource.org/licenses/MIT">MIT license</a>.
This allows you to do pretty much anything you want as long as you include This allows you to do pretty much anything you want as long as you include
the copyright in "all copies or substantial portions of the Software." the copyright in "all copies or substantial portions of the Software."
Attribution is not required (though very much appreciated). Attribution is not required (though very much appreciated).
</p> </p>
</section> </section>

58
documentation/build/include/plugins.html
View File

@ -1,47 +1,47 @@
<section id='plugins'> <section id="plugins">
<h2 class='page-header'><a href="#plugins">Plugins</a></h2> <h2 class="page-header"><a href="#plugins">Plugins</a></h2>
<p class="lead">AdminLTE makes use of the following plugins. For documentation, updates or license information, please visit the provided links.</p> <p class="lead">AdminLTE makes use of the following plugins. For documentation, updates or license information, please visit the provided links.</p>
<div class='row bring-up'> <div class="row bring-up">
<div class='col-sm-3'> <div class="col-sm-3">
<ul class="list-unstyled"> <ul class="list-unstyled">
<li><h4>Charts</h4></li> <li><h4>Charts</h4></li>
<li><a href='http://chartjs.org/' target="_blank">ChartJS</a></li> <li><a href="http://www.chartjs.org/" target="_blank">ChartJS</a></li>
<li><a href='http://www.flotcharts.org/' target="_blank">Flot</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://morrisjs.github.io/morris.js/" target="_blank">Morris.js</a></li>
<li><a href='http://omnipotent.net/jquery.sparkline/' target="_blank">Sparkline</a></li> <li><a href="http://omnipotent.net/jquery.sparkline/" target="_blank">Sparkline</a></li>
</ul> </ul>
</div><!-- /.col --> </div><!-- /.col -->
<div class='col-sm-3'> <div class="col-sm-3">
<ul class="list-unstyled"> <ul class="list-unstyled">
<li><h4>Form Elements</h4></li> <li><h4>Form Elements</h4></li>
<li><a href='https://github.com/seiyria/bootstrap-slider'>Bootstrap Slider</a></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://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://bootstrap-datepicker.readthedocs.org/" target="_blank">Date Picker</a></li>
<li><a href='http://www.daterangepicker.com/' target="_blank">Date Range Picker</a></li> <li><a href="http://www.daterangepicker.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="http://mjolnic.com/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="https://github.com/jdewit/bootstrap-timepicker/" target="_blank">Time Picker</a></li>
<li><a href='http://fronteed.com/iCheck/' target="_blank">iCheck</a></li> <li><a href="http://fronteed.com/iCheck/" target="_blank">iCheck</a></li>
<li><a href='http://github.com/RobinHerbots/jquery.inputmask' target="_blank">Input Mask</a></li> <li><a href="https://github.com/RobinHerbots/jquery.inputmask/" target="_blank">Input Mask</a></li>
</ul> </ul>
</div><!-- /.col --> </div><!-- /.col -->
<div class='col-sm-3'> <div class="col-sm-3">
<ul class="list-unstyled"> <ul class="list-unstyled">
<li><h4>Editors</h4></li> <li><h4>Editors</h4></li>
<li><a href='https://github.com/bootstrap-wysiwyg/bootstrap3-wysiwyg' target="_blank">Bootstrap WYSIHTML5</a></li> <li><a href="https://github.com/bootstrap-wysiwyg/bootstrap3-wysiwyg/" target="_blank">Bootstrap WYSIHTML5</a></li>
<li><a href='http://ckeditor.com' target="_blank">CK Editor</a></li> <li><a href="http://ckeditor.com/" target="_blank">CK Editor</a></li>
</ul> </ul>
</div><!-- /. col --> </div><!-- /. col -->
<div class='col-sm-3'> <div class="col-sm-3">
<ul class="list-unstyled"> <ul class="list-unstyled">
<li><h4>Other</h4></li> <li><h4>Other</h4></li>
<li><a href='https://datatables.net/examples/styling/bootstrap.html' target="_blank">Data Tables</a></li> <li><a href="https://datatables.net/examples/styling/bootstrap.html" target="_blank">DataTables</a></li>
<li><a href='http://fullcalendar.io/' target="_blank">Full Calendar</a></li> <li><a href="http://fullcalendar.io/" target="_blank">Full Calendar</a></li>
<li><a href='http://jqueryui.com' target="_blank">jQuery UI</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://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://jvectormap.com/" target="_blank">jVector Map</a></li>
<li><a href='http://rocha.la/jQuery-slimScroll' target="_blank">Slim Scroll</a></li> <li><a href="http://rocha.la/jQuery-slimScroll/" target="_blank">Slim Scroll</a></li>
<li><a href='http://github.hubspot.com/pace/docs/welcome/' target="_blank">Pace</a></li> <li><a href="http://github.hubspot.com/pace/docs/welcome/" target="_blank">Pace</a></li>
</ul> </ul>
</div><!-- /.col --> </div><!-- /.col -->
</div><!-- /.row --> </div><!-- /.row -->
</section> </section>

6
documentation/build/include/upgrade.html
View File

@ -1,5 +1,5 @@
<section id='upgrade'> <section id="upgrade">
<h2 class='page-header'><a href="#upgrade">Upgrade Guide</a></h2> <h2 class="page-header"><a href="#upgrade">Upgrade Guide</a></h2>
<p class="lead">To upgrade from version 1.x to the lateset version, follow this guide.</p> <p class="lead">To upgrade from version 1.x to the lateset version, follow this guide.</p>
<h3>New Files</h3> <h3>New Files</h3>
<p>Make sure you update all CSS and JS files that are related to AdminLTE. Otherwise, the layout will not <p>Make sure you update all CSS and JS files that are related to AdminLTE. Otherwise, the layout will not
@ -23,4 +23,4 @@
<p>Mailbox got an upgrade to include three different views. The views are inbox, read mail, and compose new email. To use these views, <p>Mailbox got an upgrade to include three different views. The views are inbox, read mail, and compose new email. To use these views,
you should use the provided HTML files in the pages/mailbox folder.</p> you should use the provided HTML files in the pages/mailbox folder.</p>
<p><b class="text-red">Note:</b> the old mailbox layout has been deprecated in favor of the new one and will be removed by the next release.</p> <p><b class="text-red">Note:</b> the old mailbox layout has been deprecated in favor of the new one and will be removed by the next release.</p>
</section> </section>

68
documentation/build/index.html
View File

@ -4,17 +4,17 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>AdminLTE 2 | Documentation</title> <title>AdminLTE 2 | Documentation</title>
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../dist/css/AdminLTE.min.css">
<link href="../dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../dist/css/skins/_all-skins.min.css">
<link href="style.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="style.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -58,29 +58,29 @@
<!-- sidebar menu: : style can be found in sidebar.less --> <!-- sidebar menu: : style can be found in sidebar.less -->
<ul class="nav sidebar-menu"> <ul class="nav sidebar-menu">
<li class="header">TABLE OF CONTENTS</li> <li class="header">TABLE OF CONTENTS</li>
<li class="active"><a href="#introduction"><i class='fa fa-circle-o'></i> Introduction</a></li> <li class="active"><a href="#introduction"><i class="fa fa-circle-o"></i> Introduction</a></li>
<li><a href="#download"><i class='fa fa-circle-o'></i> Download</a></li> <li><a href="#download"><i class="fa fa-circle-o"></i> Download</a></li>
<li><a href="#dependencies"><i class='fa fa-circle-o'></i> Dependencies</a></li> <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="#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="#layout"><i class="fa fa-circle-o"></i> Layout</a></li>
<li><a href="#adminlte-options"><i class='fa fa-circle-o'></i> Javascript Options</a></li> <li><a href="#adminlte-options"><i class="fa fa-circle-o"></i> Javascript Options</a></li>
<li class='treeview' id='scrollspy-components'> <li class="treeview" id="scrollspy-components">
<a href="javascript::;"><i class='fa fa-circle-o'></i> Components</a> <a href="javascript::;"><i class="fa fa-circle-o"></i> Components</a>
<ul class='nav treeview-menu'> <ul class="nav treeview-menu">
<li><a href='#component-main-header'>Main Header</a></li> <li><a href="#component-main-header">Main Header</a></li>
<li><a href='#component-sidebar'>Sidebar</a></li> <li><a href="#component-sidebar">Sidebar</a></li>
<li><a href='#component-control-sidebar'>Control Sidebar</a></li> <li><a href="#component-control-sidebar">Control Sidebar</a></li>
<li><a href='#component-info-box'>Info Box</a></li> <li><a href="#component-info-box">Info Box</a></li>
<li><a href='#component-box'>Boxes</a></li> <li><a href="#component-box">Boxes</a></li>
<li><a href='#component-direct-chat'>Direct Chat</a></li> <li><a href="#component-direct-chat">Direct Chat</a></li>
</ul> </ul>
</li> </li>
<li><a href="#plugins"><i class='fa fa-circle-o'></i> Plugins</a></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="#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> <li><a href="#upgrade"><i class="fa fa-circle-o"></i> Upgrade Guide</a></li>
<li><a href="#implementations"><i class='fa fa-circle-o'></i> Implementations</a></li> <li><a href="#implementations"><i class="fa fa-circle-o"></i> Implementations</a></li>
<li><a href="#faq"><i class='fa fa-circle-o'></i> FAQ</a></li> <li><a href="#faq"><i class="fa fa-circle-o"></i> FAQ</a></li>
<li><a href="#license"><i class='fa fa-circle-o'></i> License</a></li> <li><a href="#license"><i class="fa fa-circle-o"></i> License</a></li>
</ul> </ul>
</div> </div>
<!-- /.sidebar --> <!-- /.sidebar -->
@ -172,20 +172,20 @@ include "license.html"
</aside><!-- /.control-sidebar --> </aside><!-- /.control-sidebar -->
<!-- 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.4 --> <!-- jQuery 2.1.4 -->
<script src="../plugins/jQuery/jQuery-2.1.4.min.js"></script> <script src="../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../bootstrap/js/bootstrap.min.js"></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"></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"></script>
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script> <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script src="docs.js"></script> <script src="docs.js"></script>
</body> </body>

6
documentation/docs.js
View File

@ -1,4 +1,4 @@
/* /*
* Documentation JS script * Documentation JS script
*/ */
$(function () { $(function () {
@ -44,7 +44,7 @@ $(function () {
}); });
$(".sidebar-menu li:not(.treeview) a").click(function () { $(".sidebar-menu li:not(.treeview) a").click(function () {
var $this = $(this); var $this = $(this);
var target = $this.attr("href"); var target = $this.attr("href");
if (typeof target === 'string') { if (typeof target === 'string') {
$("body").animate({ $("body").animate({
scrollTop: ($(target).offset().top) + "px" scrollTop: ($(target).offset().top) + "px"
@ -60,4 +60,4 @@ $(function () {
$('body').addClass(skinName); $('body').addClass(skinName);
current_skin = skinName; current_skin = skinName;
}); });
}); });

531
documentation/index.html
View File

File diff suppressed because it is too large Load Diff

18
documentation/style.css
View File

@ -14,13 +14,13 @@
.nth-2-center > tbody > tr > td:last-of-type { .nth-2-center > tbody > tr > td:last-of-type {
text-align: center!important; text-align: center!important;
} }
.content { .content {
font-size: 16px; font-size: 16px;
z-index: 500; z-index: 500;
} }
#components > h3 { #components > h3 {
font-size: 25px; font-size: 25px;
color: #000; color: #000;
} }
@ -37,7 +37,7 @@ ul {
position: relative; position: relative;
z-index: 1; z-index: 1;
font-size: 30px; font-size: 30px;
} }
.page-header span, .page-header span,
.page-header a { .page-header a {
z-index: 5; z-index: 5;
@ -54,11 +54,11 @@ ul {
} }
.page-header:before, .page-header:before,
#components > h3:before { #components > h3:before {
display: block; display: block;
content: " "; content: " ";
margin-top: -60px; margin-top: -60px;
height: 60px; height: 60px;
visibility: hidden; visibility: hidden;
z-index: -10; z-index: -10;
} }
@ -258,4 +258,4 @@ li.L5,
li.L7, li.L7,
li.L9 { li.L9 {
/* */ /* */
} }

116
index.html
View File

@ -6,28 +6,28 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<!-- FontAwesome 4.3.0 --> <!-- FontAwesome 4.3.0 -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons 2.0.0 --> <!-- Ionicons 2.0.0 -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="dist/css/AdminLTE.min.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 rel="stylesheet" href="dist/css/skins/_all-skins.min.css">
<!-- iCheck --> <!-- iCheck -->
<link href="plugins/iCheck/flat/blue.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="plugins/iCheck/flat/blue.css">
<!-- Morris chart --> <!-- Morris chart -->
<link href="plugins/morris/morris.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="plugins/morris/morris.css">
<!-- jvectormap --> <!-- jvectormap -->
<link href="plugins/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="plugins/jvectormap/jquery-jvectormap-1.2.2.css">
<!-- Date Picker --> <!-- Date Picker -->
<link href="plugins/datepicker/datepicker3.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="plugins/datepicker/datepicker3.css">
<!-- Daterange picker --> <!-- Daterange picker -->
<link href="plugins/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="plugins/daterangepicker/daterangepicker-bs3.css">
<!-- bootstrap wysihtml5 - text editor --> <!-- bootstrap wysihtml5 - text editor -->
<link href="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -69,7 +69,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -81,7 +81,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -93,7 +93,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Developers Developers
@ -105,7 +105,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -117,7 +117,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -245,13 +245,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -295,7 +295,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -305,7 +305,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -556,7 +556,7 @@
<div class="box-body chat" id="chat-box"> <div class="box-body chat" id="chat-box">
<!-- chat item --> <!-- chat item -->
<div class="item"> <div class="item">
<img src="dist/img/user4-128x128.jpg" alt="user image" class="online" /> <img src="dist/img/user4-128x128.jpg" alt="user image" class="online">
<p class="message"> <p class="message">
<a href="#" class="name"> <a href="#" class="name">
<small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 2:15</small> <small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 2:15</small>
@ -578,7 +578,7 @@
</div><!-- /.item --> </div><!-- /.item -->
<!-- chat item --> <!-- chat item -->
<div class="item"> <div class="item">
<img src="dist/img/user3-128x128.jpg" alt="user image" class="offline" /> <img src="dist/img/user3-128x128.jpg" alt="user image" class="offline">
<p class="message"> <p class="message">
<a href="#" class="name"> <a href="#" class="name">
<small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 5:15</small> <small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 5:15</small>
@ -591,7 +591,7 @@
</div><!-- /.item --> </div><!-- /.item -->
<!-- chat item --> <!-- chat item -->
<div class="item"> <div class="item">
<img src="dist/img/user2-160x160.jpg" alt="user image" class="offline" /> <img src="dist/img/user2-160x160.jpg" alt="user image" class="offline">
<p class="message"> <p class="message">
<a href="#" class="name"> <a href="#" class="name">
<small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 5:30</small> <small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 5:30</small>
@ -605,7 +605,7 @@
</div><!-- /.chat --> </div><!-- /.chat -->
<div class="box-footer"> <div class="box-footer">
<div class="input-group"> <div class="input-group">
<input class="form-control" placeholder="Type message..." /> <input class="form-control" placeholder="Type message...">
<div class="input-group-btn"> <div class="input-group-btn">
<button class="btn btn-success"><i class="fa fa-plus"></i></button> <button class="btn btn-success"><i class="fa fa-plus"></i></button>
</div> </div>
@ -637,7 +637,7 @@
<i class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
</span> </span>
<!-- checkbox --> <!-- checkbox -->
<input type="checkbox" value="" name="" /> <input type="checkbox" value="" name="">
<!-- todo text --> <!-- todo text -->
<span class="text">Design a nice theme</span> <span class="text">Design a nice theme</span>
<!-- Emphasis label --> <!-- Emphasis label -->
@ -653,7 +653,7 @@
<i class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
<i class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
</span> </span>
<input type="checkbox" value="" name="" /> <input type="checkbox" value="" name="">
<span class="text">Make the theme responsive</span> <span class="text">Make the theme responsive</span>
<small class="label label-info"><i class="fa fa-clock-o"></i> 4 hours</small> <small class="label label-info"><i class="fa fa-clock-o"></i> 4 hours</small>
<div class="tools"> <div class="tools">
@ -666,7 +666,7 @@
<i class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
<i class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
</span> </span>
<input type="checkbox" value="" name="" /> <input type="checkbox" value="" name="">
<span class="text">Let theme shine like a star</span> <span class="text">Let theme shine like a star</span>
<small class="label label-warning"><i class="fa fa-clock-o"></i> 1 day</small> <small class="label label-warning"><i class="fa fa-clock-o"></i> 1 day</small>
<div class="tools"> <div class="tools">
@ -679,7 +679,7 @@
<i class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
<i class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
</span> </span>
<input type="checkbox" value="" name="" /> <input type="checkbox" value="" name="">
<span class="text">Let theme shine like a star</span> <span class="text">Let theme shine like a star</span>
<small class="label label-success"><i class="fa fa-clock-o"></i> 3 days</small> <small class="label label-success"><i class="fa fa-clock-o"></i> 3 days</small>
<div class="tools"> <div class="tools">
@ -692,7 +692,7 @@
<i class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
<i class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
</span> </span>
<input type="checkbox" value="" name="" /> <input type="checkbox" value="" name="">
<span class="text">Check your messages and notifications</span> <span class="text">Check your messages and notifications</span>
<small class="label label-primary"><i class="fa fa-clock-o"></i> 1 week</small> <small class="label label-primary"><i class="fa fa-clock-o"></i> 1 week</small>
<div class="tools"> <div class="tools">
@ -705,7 +705,7 @@
<i class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
<i class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
</span> </span>
<input type="checkbox" value="" name="" /> <input type="checkbox" value="" name="">
<span class="text">Let theme shine like a star</span> <span class="text">Let theme shine like a star</span>
<small class="label label-default"><i class="fa fa-clock-o"></i> 1 month</small> <small class="label label-default"><i class="fa fa-clock-o"></i> 1 month</small>
<div class="tools"> <div class="tools">
@ -733,10 +733,10 @@
<div class="box-body"> <div class="box-body">
<form action="#" method="post"> <form action="#" method="post">
<div class="form-group"> <div class="form-group">
<input type="email" class="form-control" name="emailto" placeholder="Email to:" /> <input type="email" class="form-control" name="emailto" placeholder="Email to:">
</div> </div>
<div class="form-group"> <div class="form-group">
<input type="text" class="form-control" name="subject" placeholder="Subject" /> <input type="text" class="form-control" name="subject" placeholder="Subject">
</div> </div>
<div> <div>
<textarea class="textarea" placeholder="Message" style="width: 100%; height: 125px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea> <textarea class="textarea" placeholder="Message" style="width: 100%; height: 125px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
@ -804,15 +804,15 @@
<div class="box-footer no-border"> <div class="box-footer no-border">
<div class="row"> <div class="row">
<div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4"> <div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4">
<input type="text" class="knob" data-readonly="true" value="20" data-width="60" data-height="60" data-fgColor="#39CCCC" /> <input type="text" class="knob" data-readonly="true" value="20" data-width="60" data-height="60" data-fgColor="#39CCCC">
<div class="knob-label">Mail-Orders</div> <div class="knob-label">Mail-Orders</div>
</div><!-- ./col --> </div><!-- ./col -->
<div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4"> <div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4">
<input type="text" class="knob" data-readonly="true" value="50" data-width="60" data-height="60" data-fgColor="#39CCCC" /> <input type="text" class="knob" data-readonly="true" value="50" data-width="60" data-height="60" data-fgColor="#39CCCC">
<div class="knob-label">Online</div> <div class="knob-label">Online</div>
</div><!-- ./col --> </div><!-- ./col -->
<div class="col-xs-4 text-center"> <div class="col-xs-4 text-center">
<input type="text" class="knob" data-readonly="true" value="30" data-width="60" data-height="60" data-fgColor="#39CCCC" /> <input type="text" class="knob" data-readonly="true" value="30" data-width="60" data-height="60" data-fgColor="#39CCCC">
<div class="knob-label">In-Store</div> <div class="knob-label">In-Store</div>
</div><!-- ./col --> </div><!-- ./col -->
</div><!-- /.row --> </div><!-- /.row -->
@ -1006,7 +1006,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -1016,7 +1016,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -1026,7 +1026,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -1038,14 +1038,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -1067,39 +1067,39 @@
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="plugins/jQuery/jQuery-2.1.4.min.js"></script> <script src="plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- jQuery UI 1.11.4 --> <!-- jQuery UI 1.11.4 -->
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js" type="text/javascript"></script> <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script type="text/javascript"> <script>
$.widget.bridge('uibutton', $.ui.button); $.widget.bridge('uibutton', $.ui.button);
</script> </script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="bootstrap/js/bootstrap.min.js"></script>
<!-- Morris.js charts --> <!-- Morris.js charts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="plugins/morris/morris.min.js" type="text/javascript"></script> <script src="plugins/morris/morris.min.js"></script>
<!-- Sparkline --> <!-- Sparkline -->
<script src="plugins/sparkline/jquery.sparkline.min.js" type="text/javascript"></script> <script src="plugins/sparkline/jquery.sparkline.min.js"></script>
<!-- jvectormap --> <!-- jvectormap -->
<script src="plugins/jvectormap/jquery-jvectormap-1.2.2.min.js" type="text/javascript"></script> <script src="plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="plugins/jvectormap/jquery-jvectormap-world-mill-en.js" type="text/javascript"></script> <script src="plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<!-- jQuery Knob Chart --> <!-- jQuery Knob Chart -->
<script src="plugins/knob/jquery.knob.js" type="text/javascript"></script> <script src="plugins/knob/jquery.knob.js"></script>
<!-- daterangepicker --> <!-- daterangepicker -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js" type="text/javascript"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"></script>
<script src="plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script> <script src="plugins/daterangepicker/daterangepicker.js"></script>
<!-- datepicker --> <!-- datepicker -->
<script src="plugins/datepicker/bootstrap-datepicker.js" type="text/javascript"></script> <script src="plugins/datepicker/bootstrap-datepicker.js"></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"></script>
<!-- Slimscroll --> <!-- Slimscroll -->
<script src="plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script> <script src="plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></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"></script>
</body> </body>
</html> </html>

110
index2.html
View File

@ -6,18 +6,18 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- jvectormap --> <!-- jvectormap -->
<link href="plugins/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="plugins/jvectormap/jquery-jvectormap-1.2.2.css">
<!-- Theme style --> <!-- Theme style -->
<link href="dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="dist/css/AdminLTE.min.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 rel="stylesheet" href="dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -62,7 +62,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -74,7 +74,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -86,7 +86,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Developers Developers
@ -98,7 +98,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -110,7 +110,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -238,13 +238,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -289,7 +289,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -299,7 +299,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -672,7 +672,7 @@
<span class="direct-chat-name pull-left">Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="dist/img/user1-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
Is this template really for free? That's unbelievable! Is this template really for free? That's unbelievable!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -684,7 +684,7 @@
<span class="direct-chat-name pull-right">Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="dist/img/user3-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
You better believe it! You better believe it!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -696,7 +696,7 @@
<span class="direct-chat-name pull-left">Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class="direct-chat-timestamp pull-right">23 Jan 5:37 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 5:37 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="dist/img/user1-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
Working with AdminLTE on a great new app! Wanna join? Working with AdminLTE on a great new app! Wanna join?
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -708,7 +708,7 @@
<span class="direct-chat-name pull-right">Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 6:10 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 6:10 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="dist/img/user3-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
I would love to. I would love to.
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -721,7 +721,7 @@
<ul class="contacts-list"> <ul class="contacts-list">
<li> <li>
<a href="#"> <a href="#">
<img class="contacts-list-img" src="dist/img/user1-128x128.jpg" /> <img class="contacts-list-img" src="dist/img/user1-128x128.jpg">
<div class="contacts-list-info"> <div class="contacts-list-info">
<span class="contacts-list-name"> <span class="contacts-list-name">
Count Dracula Count Dracula
@ -733,7 +733,7 @@
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
<li> <li>
<a href="#"> <a href="#">
<img class="contacts-list-img" src="dist/img/user7-128x128.jpg" /> <img class="contacts-list-img" src="dist/img/user7-128x128.jpg">
<div class="contacts-list-info"> <div class="contacts-list-info">
<span class="contacts-list-name"> <span class="contacts-list-name">
Sarah Doe Sarah Doe
@ -745,7 +745,7 @@
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
<li> <li>
<a href="#"> <a href="#">
<img class="contacts-list-img" src="dist/img/user3-128x128.jpg" /> <img class="contacts-list-img" src="dist/img/user3-128x128.jpg">
<div class="contacts-list-info"> <div class="contacts-list-info">
<span class="contacts-list-name"> <span class="contacts-list-name">
Nadia Jolie Nadia Jolie
@ -757,7 +757,7 @@
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
<li> <li>
<a href="#"> <a href="#">
<img class="contacts-list-img" src="dist/img/user5-128x128.jpg" /> <img class="contacts-list-img" src="dist/img/user5-128x128.jpg">
<div class="contacts-list-info"> <div class="contacts-list-info">
<span class="contacts-list-name"> <span class="contacts-list-name">
Nora S. Vans Nora S. Vans
@ -769,7 +769,7 @@
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
<li> <li>
<a href="#"> <a href="#">
<img class="contacts-list-img" src="dist/img/user6-128x128.jpg" /> <img class="contacts-list-img" src="dist/img/user6-128x128.jpg">
<div class="contacts-list-info"> <div class="contacts-list-info">
<span class="contacts-list-name"> <span class="contacts-list-name">
John K. John K.
@ -781,7 +781,7 @@
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
<li> <li>
<a href="#"> <a href="#">
<img class="contacts-list-img" src="dist/img/user8-128x128.jpg" /> <img class="contacts-list-img" src="dist/img/user8-128x128.jpg">
<div class="contacts-list-info"> <div class="contacts-list-info">
<span class="contacts-list-name"> <span class="contacts-list-name">
Kenneth M. Kenneth M.
@ -797,7 +797,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control" /> <input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-warning btn-flat">Send</button> <button type="button" class="btn btn-warning btn-flat">Send</button>
</span> </span>
@ -821,42 +821,42 @@
<div class="box-body no-padding"> <div class="box-body no-padding">
<ul class="users-list clearfix"> <ul class="users-list clearfix">
<li> <li>
<img src="dist/img/user1-128x128.jpg" alt="User Image" /> <img src="dist/img/user1-128x128.jpg" alt="User Image">
<a class="users-list-name" href="#">Alexander Pierce</a> <a class="users-list-name" href="#">Alexander Pierce</a>
<span class="users-list-date">Today</span> <span class="users-list-date">Today</span>
</li> </li>
<li> <li>
<img src="dist/img/user8-128x128.jpg" alt="User Image" /> <img src="dist/img/user8-128x128.jpg" alt="User Image">
<a class="users-list-name" href="#">Norman</a> <a class="users-list-name" href="#">Norman</a>
<span class="users-list-date">Yesterday</span> <span class="users-list-date">Yesterday</span>
</li> </li>
<li> <li>
<img src="dist/img/user7-128x128.jpg" alt="User Image" /> <img src="dist/img/user7-128x128.jpg" alt="User Image">
<a class="users-list-name" href="#">Jane</a> <a class="users-list-name" href="#">Jane</a>
<span class="users-list-date">12 Jan</span> <span class="users-list-date">12 Jan</span>
</li> </li>
<li> <li>
<img src="dist/img/user6-128x128.jpg" alt="User Image" /> <img src="dist/img/user6-128x128.jpg" alt="User Image">
<a class="users-list-name" href="#">John</a> <a class="users-list-name" href="#">John</a>
<span class="users-list-date">12 Jan</span> <span class="users-list-date">12 Jan</span>
</li> </li>
<li> <li>
<img src="dist/img/user2-160x160.jpg" alt="User Image" /> <img src="dist/img/user2-160x160.jpg" alt="User Image">
<a class="users-list-name" href="#">Alexander</a> <a class="users-list-name" href="#">Alexander</a>
<span class="users-list-date">13 Jan</span> <span class="users-list-date">13 Jan</span>
</li> </li>
<li> <li>
<img src="dist/img/user5-128x128.jpg" alt="User Image" /> <img src="dist/img/user5-128x128.jpg" alt="User Image">
<a class="users-list-name" href="#">Sarah</a> <a class="users-list-name" href="#">Sarah</a>
<span class="users-list-date">14 Jan</span> <span class="users-list-date">14 Jan</span>
</li> </li>
<li> <li>
<img src="dist/img/user4-128x128.jpg" alt="User Image" /> <img src="dist/img/user4-128x128.jpg" alt="User Image">
<a class="users-list-name" href="#">Nora</a> <a class="users-list-name" href="#">Nora</a>
<span class="users-list-date">15 Jan</span> <span class="users-list-date">15 Jan</span>
</li> </li>
<li> <li>
<img src="dist/img/user3-128x128.jpg" alt="User Image" /> <img src="dist/img/user3-128x128.jpg" alt="User Image">
<a class="users-list-name" href="#">Nadia</a> <a class="users-list-name" href="#">Nadia</a>
<span class="users-list-date">15 Jan</span> <span class="users-list-date">15 Jan</span>
</li> </li>
@ -1047,7 +1047,7 @@
<ul class="products-list product-list-in-box"> <ul class="products-list product-list-in-box">
<li class="item"> <li class="item">
<div class="product-img"> <div class="product-img">
<img src="dist/img/default-50x50.gif" alt="Product Image" /> <img src="dist/img/default-50x50.gif" alt="Product Image">
</div> </div>
<div class="product-info"> <div class="product-info">
<a href="javascript::;" class="product-title">Samsung TV <span class="label label-warning pull-right">$1800</span></a> <a href="javascript::;" class="product-title">Samsung TV <span class="label label-warning pull-right">$1800</span></a>
@ -1058,7 +1058,7 @@
</li><!-- /.item --> </li><!-- /.item -->
<li class="item"> <li class="item">
<div class="product-img"> <div class="product-img">
<img src="dist/img/default-50x50.gif" alt="Product Image" /> <img src="dist/img/default-50x50.gif" alt="Product Image">
</div> </div>
<div class="product-info"> <div class="product-info">
<a href="javascript::;" class="product-title">Bicycle <span class="label label-info pull-right">$700</span></a> <a href="javascript::;" class="product-title">Bicycle <span class="label label-info pull-right">$700</span></a>
@ -1069,7 +1069,7 @@
</li><!-- /.item --> </li><!-- /.item -->
<li class="item"> <li class="item">
<div class="product-img"> <div class="product-img">
<img src="dist/img/default-50x50.gif" alt="Product Image" /> <img src="dist/img/default-50x50.gif" alt="Product Image">
</div> </div>
<div class="product-info"> <div class="product-info">
<a href="javascript::;" class="product-title">Xbox One <span class="label label-danger pull-right">$350</span></a> <a href="javascript::;" class="product-title">Xbox One <span class="label label-danger pull-right">$350</span></a>
@ -1080,7 +1080,7 @@
</li><!-- /.item --> </li><!-- /.item -->
<li class="item"> <li class="item">
<div class="product-img"> <div class="product-img">
<img src="dist/img/default-50x50.gif" alt="Product Image" /> <img src="dist/img/default-50x50.gif" alt="Product Image">
</div> </div>
<div class="product-info"> <div class="product-info">
<a href="javascript::;" class="product-title">PlayStation 4 <span class="label label-success pull-right">$399</span></a> <a href="javascript::;" class="product-title">PlayStation 4 <span class="label label-success pull-right">$399</span></a>
@ -1215,7 +1215,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -1225,7 +1225,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -1235,7 +1235,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -1247,14 +1247,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -1275,25 +1275,25 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></script>
<!-- Sparkline --> <!-- Sparkline -->
<script src="plugins/sparkline/jquery.sparkline.min.js" type="text/javascript"></script> <script src="plugins/sparkline/jquery.sparkline.min.js"></script>
<!-- jvectormap --> <!-- jvectormap -->
<script src="plugins/jvectormap/jquery-jvectormap-1.2.2.min.js" type="text/javascript"></script> <script src="plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="plugins/jvectormap/jquery-jvectormap-world-mill-en.js" type="text/javascript"></script> <script src="plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></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"></script>
<!-- ChartJS 1.0.1 --> <!-- ChartJS 1.0.1 -->
<script src="plugins/chartjs/Chart.min.js" type="text/javascript"></script> <script src="plugins/chartjs/Chart.min.js"></script>
<!-- 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"></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"></script>
</body> </body>
</html> </html>

52
pages/UI/buttons.html
View File

@ -6,16 +6,16 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.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 rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -60,7 +60,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -72,7 +72,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -84,7 +84,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Developers Developers
@ -96,7 +96,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -108,7 +108,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -237,13 +237,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -287,7 +287,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -297,7 +297,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -1002,7 +1002,7 @@
<a class="btn btn-block btn-social btn-vk"> <a class="btn btn-block btn-social btn-vk">
<i class="fa fa-vk"></i> Sign in with VK <i class="fa fa-vk"></i> Sign in with VK
</a> </a>
<br /> <br>
<div class="text-center"> <div class="text-center">
<a class="btn btn-social-icon btn-bitbucket"><i class="fa fa-bitbucket"></i></a> <a class="btn btn-social-icon btn-bitbucket"><i class="fa fa-bitbucket"></i></a>
<a class="btn btn-social-icon btn-dropbox"><i class="fa fa-dropbox"></i></a> <a class="btn btn-social-icon btn-dropbox"><i class="fa fa-dropbox"></i></a>
@ -1441,7 +1441,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -1451,7 +1451,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -1461,7 +1461,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -1473,14 +1473,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -1500,14 +1500,14 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
</body> </body>
</html> </html>

52
pages/UI/general.html
View File

@ -6,16 +6,16 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.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 rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -87,7 +87,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -99,7 +99,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -111,7 +111,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Developers Developers
@ -123,7 +123,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -135,7 +135,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -264,13 +264,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -314,7 +314,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -324,7 +324,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -846,7 +846,7 @@
<h3 class="box-title">Vertical Progress Bars Different Sizes</h3> <h3 class="box-title">Vertical Progress Bars Different Sizes</h3>
</div><!-- /.box-header --> </div><!-- /.box-header -->
<div class="box-body text-center"> <div class="box-body text-center">
<p>By adding the class <code>.vertical</code> and <code>.progress-sm</code>, <code>.progress-xs</code> or <code>.progress-xxs</code>we achieve:</p> <p>By adding the class <code>.vertical</code> and <code>.progress-sm</code>, <code>.progress-xs</code> or <code>.progress-xxs</code> we achieve:</p>
<div class="progress vertical active"> <div class="progress vertical active">
<div class="progress-bar progress-bar-primary progress-bar-striped" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="height: 40%"> <div class="progress-bar progress-bar-primary progress-bar-striped" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="height: 40%">
<span class="sr-only">40%</span> <span class="sr-only">40%</span>
@ -1321,7 +1321,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -1331,7 +1331,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -1341,7 +1341,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -1353,14 +1353,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -1380,14 +1380,14 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
</body> </body>
</html> </html>

54
pages/UI/icons.html
View File

@ -6,19 +6,19 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.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 rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- demo style --> <!-- demo style -->
<style type="text/css"> <style>
/* FROM HTTP://WWW.GETBOOTSTRAP.COM /* FROM HTTP://WWW.GETBOOTSTRAP.COM
* Glyphicons * Glyphicons
* *
* Special styles for displaying the icons and their classes in the docs. * Special styles for displaying the icons and their classes in the docs.
@ -106,7 +106,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -118,7 +118,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -130,7 +130,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Developers Developers
@ -142,7 +142,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -154,7 +154,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -282,13 +282,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -332,7 +332,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -342,7 +342,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -2261,7 +2261,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -2271,7 +2271,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -2281,7 +2281,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -2293,14 +2293,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -2320,14 +2320,14 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
</body> </body>
</html> </html>

55
pages/UI/modals.html
View File

@ -6,16 +6,16 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.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 rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -23,6 +23,7 @@
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
<style> <style>
.example-modal .modal { .example-modal .modal {
position: relative; position: relative;
@ -34,7 +35,7 @@
z-index: 1; z-index: 1;
} }
.example-modal .modal { .example-modal .modal {
background: transparent!important; background: transparent !important;
} }
</style> </style>
</head> </head>
@ -74,7 +75,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"/> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -86,7 +87,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -98,7 +99,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Developers Developers
@ -110,7 +111,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -122,7 +123,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -251,13 +252,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image"/> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -297,7 +298,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -307,7 +308,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..."/> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -709,7 +710,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -719,7 +720,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -729,7 +730,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -741,14 +742,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -768,14 +769,14 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
</body> </body>
</html> </html>

96
pages/UI/sliders.html
View File

@ -6,22 +6,22 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Ion Slider --> <!-- Ion Slider -->
<link href="../../plugins/ionslider/ion.rangeSlider.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../plugins/ionslider/ion.rangeSlider.css">
<!-- ion slider Nice --> <!-- ion slider Nice -->
<link href="../../plugins/ionslider/ion.rangeSlider.skinNice.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../plugins/ionslider/ion.rangeSlider.skinNice.css">
<!-- bootstrap slider --> <!-- bootstrap slider -->
<link href="../../plugins/bootstrap-slider/slider.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../plugins/bootstrap-slider/slider.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.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 rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -66,7 +66,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -78,7 +78,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -90,7 +90,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Developers Developers
@ -102,7 +102,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -114,7 +114,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -242,13 +242,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image "/> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image ">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -292,7 +292,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -302,7 +302,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -474,24 +474,24 @@
<div class="box-body"> <div class="box-body">
<div class="row margin"> <div class="row margin">
<div class="col-sm-6"> <div class="col-sm-6">
<input id="range_1" type="text" name="range_1" value="" /> <input id="range_1" type="text" name="range_1" value="">
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<input id="range_2" type="text" name="range_2" value="1000;100000" data-type="double" data-step="500" data-postfix=" &euro;" data-from="30000" data-to="90000" data-hasgrid="true" /> <input id="range_2" type="text" name="range_2" value="1000;100000" data-type="double" data-step="500" data-postfix=" &euro;" data-from="30000" data-to="90000" data-hasgrid="true">
</div> </div>
</div> </div>
<div class="row margin"> <div class="row margin">
<div class="col-sm-6"> <div class="col-sm-6">
<input id="range_5" type="text" name="range_5" value="" /> <input id="range_5" type="text" name="range_5" value="">
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<input id="range_6" type="text" name="range_6" value="" /> <input id="range_6" type="text" name="range_6" value="">
</div> </div>
</div> </div>
<div class="row margin"> <div class="row margin">
<div class="col-sm-12"> <div class="col-sm-12">
<input id="range_4" type="text" name="range_4" value="10000;100000" /> <input id="range_4" type="text" name="range_4" value="10000;100000">
</div> </div>
</div> </div>
</div><!-- /.box-body --> </div><!-- /.box-body -->
@ -508,26 +508,26 @@
<div class="box-body"> <div class="box-body">
<div class="row margin"> <div class="row margin">
<div class="col-sm-6"> <div class="col-sm-6">
<input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="red" /> <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="red">
<p>data-slider-id="red"</p> <p>data-slider-id="red"</p>
<input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="blue" /> <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="blue">
<p>data-slider-id="blue"</p> <p>data-slider-id="blue"</p>
<input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="green" /> <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="green">
<p>data-slider-id="green"</p> <p>data-slider-id="green"</p>
<input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="yellow" /> <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="yellow">
<p>data-slider-id="yellow"</p> <p>data-slider-id="yellow"</p>
<input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="aqua" /> <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="aqua">
<p>data-slider-id="aqua"</p> <p>data-slider-id="aqua"</p>
<input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="purple" /> <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="purple">
<p style="margin-top: 10px">data-slider-id="purple"</p> <p style="margin-top: 10px">data-slider-id="purple"</p>
</div> </div>
<div class="col-sm-6 text-center"> <div class="col-sm-6 text-center">
<input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="vertical" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="red" /> <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="vertical" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="red">
<input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="vertical" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="blue" /> <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="vertical" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="blue">
<input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="vertical" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="green" /> <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="vertical" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="green">
<input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="vertical" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="yellow" /> <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="vertical" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="yellow">
<input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="vertical" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="aqua" /> <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="vertical" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="aqua">
<input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="vertical" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="purple" /> <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="vertical" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="purple">
</div> </div>
</div> </div>
</div><!-- /.box-body --> </div><!-- /.box-body -->
@ -654,7 +654,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -664,7 +664,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -674,7 +674,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -686,14 +686,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -713,20 +713,20 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
<!-- Ion Slider --> <!-- Ion Slider -->
<script src="../../plugins/ionslider/ion.rangeSlider.min.js" type="text/javascript"></script> <script src="../../plugins/ionslider/ion.rangeSlider.min.js"></script>
<!-- Bootstrap slider --> <!-- Bootstrap slider -->
<script src="../../plugins/bootstrap-slider/bootstrap-slider.js" type="text/javascript"></script> <script src="../../plugins/bootstrap-slider/bootstrap-slider.js"></script>
<script type="text/javascript"> <script>
$(function () { $(function () {
/* BOOTSTRAP SLIDER */ /* BOOTSTRAP SLIDER */
$('.slider').slider(); $('.slider').slider();

58
pages/UI/timeline.html
View File

@ -6,16 +6,16 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.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 rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -60,7 +60,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -72,7 +72,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -84,7 +84,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Developers Developers
@ -96,7 +96,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -108,7 +108,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -236,13 +236,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -286,7 +286,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -296,7 +296,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -531,10 +531,10 @@
<span class="time"><i class="fa fa-clock-o"></i> 2 days ago</span> <span class="time"><i class="fa fa-clock-o"></i> 2 days ago</span>
<h3 class="timeline-header"><a href="#">Mina Lee</a> uploaded new photos</h3> <h3 class="timeline-header"><a href="#">Mina Lee</a> uploaded new photos</h3>
<div class="timeline-body"> <div class="timeline-body">
<img src="http://placehold.it/150x100" alt="..." class="margin" /> <img src="http://placehold.it/150x100" alt="..." class="margin">
<img src="http://placehold.it/150x100" alt="..." class="margin" /> <img src="http://placehold.it/150x100" alt="..." class="margin">
<img src="http://placehold.it/150x100" alt="..." class="margin" /> <img src="http://placehold.it/150x100" alt="..." class="margin">
<img src="http://placehold.it/150x100" alt="..." class="margin" /> <img src="http://placehold.it/150x100" alt="..." class="margin">
</div> </div>
</div> </div>
</li> </li>
@ -731,7 +731,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -741,7 +741,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -751,7 +751,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -763,14 +763,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -790,14 +790,14 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
</body> </body>
</html> </html>

66
pages/calendar.html
View File

@ -6,19 +6,19 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- fullCalendar 2.2.5--> <!-- fullCalendar 2.2.5-->
<link href="../plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../plugins/fullcalendar/fullcalendar.min.css">
<link href="../plugins/fullcalendar/fullcalendar.print.css" rel="stylesheet" type="text/css" media="print" /> <link rel="stylesheet" href="../plugins/fullcalendar/fullcalendar.print.css" media="print">
<!-- Theme style --> <!-- Theme style -->
<link href="../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../dist/css/AdminLTE.min.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 rel="stylesheet" href="../dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -63,7 +63,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -75,7 +75,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -87,7 +87,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Developers Developers
@ -99,7 +99,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -111,7 +111,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -240,13 +240,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -286,7 +286,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -296,7 +296,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -474,7 +474,7 @@
<div class="external-event bg-red">Sleep tight</div> <div class="external-event bg-red">Sleep tight</div>
<div class="checkbox"> <div class="checkbox">
<label for="drop-remove"> <label for="drop-remove">
<input type="checkbox" id="drop-remove" /> <input type="checkbox" id="drop-remove">
remove after drop remove after drop
</label> </label>
</div> </div>
@ -641,7 +641,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -651,7 +651,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -661,7 +661,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -673,14 +673,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -700,24 +700,24 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../bootstrap/js/bootstrap.min.js"></script>
<!-- jQuery UI 1.11.4 --> <!-- jQuery UI 1.11.4 -->
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js" type="text/javascript"></script> <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<!-- Slimscroll --> <!-- Slimscroll -->
<script src="../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script> <script src="../plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
<!-- fullCalendar 2.2.5 --> <!-- fullCalendar 2.2.5 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js" type="text/javascript"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"></script>
<script src="../plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script> <script src="../plugins/fullcalendar/fullcalendar.min.js"></script>
<!-- Page specific script --> <!-- Page specific script -->
<script type="text/javascript"> <script>
$(function () { $(function () {
/* initialize the external events /* initialize the external events

44
pages/charts/chartjs.html
View File

@ -6,16 +6,16 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.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 rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -60,7 +60,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -129,13 +129,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -179,7 +179,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -189,7 +189,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -539,7 +539,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -549,7 +549,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -559,7 +559,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -571,14 +571,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -598,17 +598,17 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- ChartJS 1.0.1 --> <!-- ChartJS 1.0.1 -->
<script src="../../plugins/chartjs/Chart.min.js" type="text/javascript"></script> <script src="../../plugins/chartjs/Chart.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
<!-- page script --> <!-- page script -->
<script> <script>
$(function () { $(function () {

65
pages/charts/flot.html
View File

@ -6,16 +6,16 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.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 rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -60,7 +60,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -72,7 +72,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -84,7 +84,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Developers Developers
@ -96,7 +96,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -108,7 +108,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -237,13 +237,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -287,7 +287,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -297,7 +297,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -668,7 +668,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -678,7 +678,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -688,7 +688,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -700,14 +700,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -727,29 +727,26 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
<!-- FLOT CHARTS --> <!-- FLOT CHARTS -->
<script src="../../plugins/flot/jquery.flot.min.js" type="text/javascript"></script> <script src="../../plugins/flot/jquery.flot.min.js"></script>
<!-- FLOT RESIZE PLUGIN - allows the chart to redraw when the window is resized --> <!-- FLOT RESIZE PLUGIN - allows the chart to redraw when the window is resized -->
<script src="../../plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script> <script src="../../plugins/flot/jquery.flot.resize.min.js"></script>
<!-- FLOT PIE PLUGIN - also used to draw donut charts --> <!-- FLOT PIE PLUGIN - also used to draw donut charts -->
<script src="../../plugins/flot/jquery.flot.pie.min.js" type="text/javascript"></script> <script src="../../plugins/flot/jquery.flot.pie.min.js"></script>
<!-- FLOT CATEGORIES PLUGIN - Used to draw bar charts --> <!-- FLOT CATEGORIES PLUGIN - Used to draw bar charts -->
<script src="../../plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script> <script src="../../plugins/flot/jquery.flot.categories.min.js"></script>
<!-- Page script --> <!-- Page script -->
<script type="text/javascript"> <script>
$(function () { $(function () {
/* /*
* Flot Interactive Chart * Flot Interactive Chart
* ----------------------- * -----------------------
@ -1008,7 +1005,7 @@
function labelFormatter(label, series) { function labelFormatter(label, series) {
return '<div style="font-size:13px; text-align:center; padding:2px; color: #fff; font-weight: 600;">' return '<div style="font-size:13px; text-align:center; padding:2px; color: #fff; font-weight: 600;">'
+ label + label
+ "<br/>" + "<br>"
+ Math.round(series.percent) + "%</div>"; + Math.round(series.percent) + "%</div>";
} }
</script> </script>

101
pages/charts/inline.html
View File

@ -6,16 +6,16 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.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 rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -60,7 +60,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -72,7 +72,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -84,7 +84,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Developers Developers
@ -96,7 +96,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -108,7 +108,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -237,13 +237,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image"/> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -287,7 +287,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -297,7 +297,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -477,30 +477,30 @@
<div class="box-body"> <div class="box-body">
<div class="row"> <div class="row">
<div class="col-md-3 col-sm-6 col-xs-6 text-center"> <div class="col-md-3 col-sm-6 col-xs-6 text-center">
<input type="text" class="knob" value="30" data-width="90" data-height="90" data-fgColor="#3c8dbc" /> <input type="text" class="knob" value="30" data-width="90" data-height="90" data-fgColor="#3c8dbc">
<div class="knob-label">New Visitors</div> <div class="knob-label">New Visitors</div>
</div><!-- ./col --> </div><!-- ./col -->
<div class="col-md-3 col-sm-6 col-xs-6 text-center"> <div class="col-md-3 col-sm-6 col-xs-6 text-center">
<input type="text" class="knob" value="70" data-width="90" data-height="90" data-fgColor="#f56954" /> <input type="text" class="knob" value="70" data-width="90" data-height="90" data-fgColor="#f56954">
<div class="knob-label">Bounce Rate</div> <div class="knob-label">Bounce Rate</div>
</div><!-- ./col --> </div><!-- ./col -->
<div class="col-md-3 col-sm-6 col-xs-6 text-center"> <div class="col-md-3 col-sm-6 col-xs-6 text-center">
<input type="text" class="knob" value="-80" data-min="-150" data-max="150" data-width="90" data-height="90" data-fgColor="#00a65a" /> <input type="text" class="knob" value="-80" data-min="-150" data-max="150" data-width="90" data-height="90" data-fgColor="#00a65a">
<div class="knob-label">Server Load</div> <div class="knob-label">Server Load</div>
</div><!-- ./col --> </div><!-- ./col -->
<div class="col-md-3 col-sm-6 col-xs-6 text-center"> <div class="col-md-3 col-sm-6 col-xs-6 text-center">
<input type="text" class="knob" value="40" data-width="90" data-height="90" data-fgColor="#00c0ef" /> <input type="text" class="knob" value="40" data-width="90" data-height="90" data-fgColor="#00c0ef">
<div class="knob-label">Disk Space</div> <div class="knob-label">Disk Space</div>
</div><!-- ./col --> </div><!-- ./col -->
</div><!-- /.row --> </div><!-- /.row -->
<div class="row"> <div class="row">
<div class="col-xs-6 text-center"> <div class="col-xs-6 text-center">
<input type="text" class="knob" value="90" data-width="90" data-height="90" data-fgColor="#932ab6" /> <input type="text" class="knob" value="90" data-width="90" data-height="90" data-fgColor="#932ab6">
<div class="knob-label">Bandwidth</div> <div class="knob-label">Bandwidth</div>
</div><!-- ./col --> </div><!-- ./col -->
<div class="col-xs-6 text-center"> <div class="col-xs-6 text-center">
<input type="text" class="knob" value="50" data-width="90" data-height="90" data-fgColor="#39CCCC" /> <input type="text" class="knob" value="50" data-width="90" data-height="90" data-fgColor="#39CCCC">
<div class="knob-label">CPU</div> <div class="knob-label">CPU</div>
</div><!-- ./col --> </div><!-- ./col -->
</div><!-- /.row --> </div><!-- /.row -->
@ -523,19 +523,19 @@
<div class="box-body"> <div class="box-body">
<div class="row"> <div class="row">
<div class="col-md-3 col-sm-6 col-xs-6 text-center"> <div class="col-md-3 col-sm-6 col-xs-6 text-center">
<input type="text" class="knob" value="30" data-width="90" data-height="90" data-fgColor="#3c8dbc" data-readonly="true" /> <input type="text" class="knob" value="30" data-width="90" data-height="90" data-fgColor="#3c8dbc" data-readonly="true">
<div class="knob-label">data-width="90"</div> <div class="knob-label">data-width="90"</div>
</div><!-- ./col --> </div><!-- ./col -->
<div class="col-md-3 col-sm-6 col-xs-6 text-center"> <div class="col-md-3 col-sm-6 col-xs-6 text-center">
<input type="text" class="knob" value="30" data-width="120" data-height="120" data-fgColor="#f56954" /> <input type="text" class="knob" value="30" data-width="120" data-height="120" data-fgColor="#f56954">
<div class="knob-label">data-width="120"</div> <div class="knob-label">data-width="120"</div>
</div><!-- ./col --> </div><!-- ./col -->
<div class="col-md-3 col-sm-6 col-xs-6 text-center"> <div class="col-md-3 col-sm-6 col-xs-6 text-center">
<input type="text" class="knob" value="30" data-thickness="0.1" data-width="90" data-height="90" data-fgColor="#00a65a" /> <input type="text" class="knob" value="30" data-thickness="0.1" data-width="90" data-height="90" data-fgColor="#00a65a">
<div class="knob-label">data-thickness="0.1"</div> <div class="knob-label">data-thickness="0.1"</div>
</div><!-- ./col --> </div><!-- ./col -->
<div class="col-md-3 col-sm-6 col-xs-6 text-center"> <div class="col-md-3 col-sm-6 col-xs-6 text-center">
<input type="text" class="knob" data-thickness="0.2" data-angleArc="250" data-angleOffset="-125" value="30" data-width="120" data-height="120" data-fgColor="#00c0ef" /> <input type="text" class="knob" data-thickness="0.2" data-angleArc="250" data-angleOffset="-125" value="30" data-width="120" data-height="120" data-fgColor="#00c0ef">
<div class="knob-label">data-angleArc="250"</div> <div class="knob-label">data-angleArc="250"</div>
</div><!-- ./col --> </div><!-- ./col -->
</div><!-- /.row --> </div><!-- /.row -->
@ -558,19 +558,19 @@
<div class="box-body"> <div class="box-body">
<div class="row"> <div class="row">
<div class="col-md-3 col-sm-6 col-xs-6 text-center"> <div class="col-md-3 col-sm-6 col-xs-6 text-center">
<input type="text" class="knob" value="80" data-skin="tron" data-thickness="0.2" data-width="90" data-height="90" data-fgColor="#3c8dbc" data-readonly="true" /> <input type="text" class="knob" value="80" data-skin="tron" data-thickness="0.2" data-width="90" data-height="90" data-fgColor="#3c8dbc" data-readonly="true">
<div class="knob-label">data-width="90"</div> <div class="knob-label">data-width="90"</div>
</div><!-- ./col --> </div><!-- ./col -->
<div class="col-md-3 col-sm-6 col-xs-6 text-center"> <div class="col-md-3 col-sm-6 col-xs-6 text-center">
<input type="text" class="knob" value="60" data-skin="tron" data-thickness="0.2" data-width="120" data-height="120" data-fgColor="#f56954" /> <input type="text" class="knob" value="60" data-skin="tron" data-thickness="0.2" data-width="120" data-height="120" data-fgColor="#f56954">
<div class="knob-label">data-width="120"</div> <div class="knob-label">data-width="120"</div>
</div><!-- ./col --> </div><!-- ./col -->
<div class="col-md-3 col-sm-6 col-xs-6 text-center"> <div class="col-md-3 col-sm-6 col-xs-6 text-center">
<input type="text" class="knob" value="10" data-skin="tron" data-thickness="0.1" data-width="90" data-height="90" data-fgColor="#00a65a" /> <input type="text" class="knob" value="10" data-skin="tron" data-thickness="0.1" data-width="90" data-height="90" data-fgColor="#00a65a">
<div class="knob-label">data-thickness="0.1"</div> <div class="knob-label">data-thickness="0.1"</div>
</div><!-- ./col --> </div><!-- ./col -->
<div class="col-md-3 col-sm-6 col-xs-6 text-center"> <div class="col-md-3 col-sm-6 col-xs-6 text-center">
<input type="text" class="knob" value="100" data-skin="tron" data-thickness="0.2" data-angleArc="250" data-angleOffset="-125" data-width="120" data-height="120" data-fgColor="#00c0ef" /> <input type="text" class="knob" value="100" data-skin="tron" data-thickness="0.2" data-angleArc="250" data-angleOffset="-125" data-width="120" data-height="120" data-fgColor="#00c0ef">
<div class="knob-label">data-angleArc="250"</div> <div class="knob-label">data-angleArc="250"</div>
</div><!-- ./col --> </div><!-- ./col -->
</div><!-- /.row --> </div><!-- /.row -->
@ -678,16 +678,16 @@
</p> </p>
<p> <p>
Discrete Discrete
<span class="discrete1">4,6,7,7,4,3,2,1,4,4,5,6,7,6,6,2,4,5</span><br /> <span class="discrete1">4,6,7,7,4,3,2,1,4,4,5,6,7,6,6,2,4,5</span><br>
Discrete with threshold Discrete with threshold
<span id="discrete2">4,6,7,7,4,3,2,1,4</span> <span id="discrete2">4,6,7,7,4,3,2,1,4</span>
</p> </p>
<p> <p>
Bullet charts<br /> Bullet charts<br>
<span class="sparkbullet">10,12,12,9,7</span><br /> <span class="sparkbullet">10,12,12,9,7</span><br>
<span class="sparkbullet">14,12,12,9,7</span><br /> <span class="sparkbullet">14,12,12,9,7</span><br>
<span class="sparkbullet">10,12,14,9,7</span><br /> <span class="sparkbullet">10,12,14,9,7</span><br>
</p> </p>
</div><!-- /.col --> </div><!-- /.col -->
<div class="col-sm-6"> <div class="col-sm-6">
@ -697,7 +697,7 @@
</p> </p>
<p> <p>
Tristate charts Tristate charts
<span class="sparktristate">1,1,0,1,-1,-1,1,-1,0,0,1,1</span><br /> <span class="sparktristate">1,1,0,1,-1,-1,1,-1,0,0,1,1</span><br>
(think games won, lost or drawn) (think games won, lost or drawn)
</p> </p>
<p> <p>
@ -705,7 +705,7 @@
<span class="sparktristatecols">1,2,0,2,-1,-2,1,-2,0,0,1,1</span> <span class="sparktristatecols">1,2,0,2,-1,-2,1,-2,0,0,1,1</span>
</p> </p>
<p> <p>
Box Plot: <span class="sparkboxplot">4,27,34,52,54,59,61,68,78,82,85,87,91,93,100</span><br /> Box Plot: <span class="sparkboxplot">4,27,34,52,54,59,61,68,78,82,85,87,91,93,100</span><br>
Pre-computed box plot <span class="sparkboxplotraw">Loading..</span> Pre-computed box plot <span class="sparkboxplotraw">Loading..</span>
</p> </p>
<p> <p>
@ -839,7 +839,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -849,7 +849,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -859,7 +859,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -871,14 +871,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -898,24 +898,23 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></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"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
<!-- jQuery Knob --> <!-- jQuery Knob -->
<script src="../../plugins/knob/jquery.knob.js" type="text/javascript"></script> <script src="../../plugins/knob/jquery.knob.js"></script>
<!-- Sparkline --> <!-- Sparkline -->
<script src="../../plugins/sparkline/jquery.sparkline.min.js" type="text/javascript"></script> <script src="../../plugins/sparkline/jquery.sparkline.min.js"></script>
<!-- page script --> <!-- page script -->
<script type="text/javascript"> <script>
$(function () { $(function () {
/* jQueryKnob */ /* jQueryKnob */

56
pages/charts/morris.html
View File

@ -6,18 +6,18 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Morris charts --> <!-- Morris charts -->
<link href="../../plugins/morris/morris.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../plugins/morris/morris.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.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 rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -62,7 +62,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -74,7 +74,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -86,7 +86,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Developers Developers
@ -98,7 +98,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -110,7 +110,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -238,13 +238,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -288,7 +288,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -298,7 +298,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -646,7 +646,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -656,7 +656,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -666,7 +666,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -678,14 +678,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -705,20 +705,20 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- Morris.js charts --> <!-- Morris.js charts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="../../plugins/morris/morris.min.js" type="text/javascript"></script> <script src="../../plugins/morris/morris.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
<!-- page script --> <!-- page script -->
<script type="text/javascript"> <script>
$(function () { $(function () {
"use strict"; "use strict";

52
pages/examples/404.html
View File

@ -6,16 +6,16 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.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 rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -60,7 +60,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -72,7 +72,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -84,7 +84,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Developers Developers
@ -96,7 +96,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -108,7 +108,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -236,13 +236,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -286,7 +286,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -296,7 +296,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -468,7 +468,7 @@
</p> </p>
<form class="search-form"> <form class="search-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="search" class="form-control" placeholder="Search" /> <input type="text" name="search" class="form-control" placeholder="Search">
<div class="input-group-btn"> <div class="input-group-btn">
<button type="submit" name="submit" class="btn btn-warning btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="submit" class="btn btn-warning btn-flat"><i class="fa fa-search"></i></button>
</div> </div>
@ -594,7 +594,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -604,7 +604,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -614,7 +614,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -626,14 +626,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -653,14 +653,14 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
</body> </body>
</html> </html>

52
pages/examples/500.html
View File

@ -6,16 +6,16 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.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 rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -60,7 +60,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -72,7 +72,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -84,7 +84,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Developers Developers
@ -96,7 +96,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -108,7 +108,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -236,13 +236,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -286,7 +286,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -296,7 +296,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -469,7 +469,7 @@
</p> </p>
<form class="search-form"> <form class="search-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="search" class="form-control" placeholder="Search" /> <input type="text" name="search" class="form-control" placeholder="Search">
<div class="input-group-btn"> <div class="input-group-btn">
<button type="submit" name="submit" class="btn btn-danger btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="submit" class="btn btn-danger btn-flat"><i class="fa fa-search"></i></button>
</div> </div>
@ -596,7 +596,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -606,7 +606,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -616,7 +616,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -628,14 +628,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -655,14 +655,14 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
</body> </body>
</html> </html>

44
pages/examples/blank.html
View File

@ -6,16 +6,16 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.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 rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -61,7 +61,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -130,13 +130,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -183,7 +183,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -193,7 +193,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -496,7 +496,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -506,7 +506,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -516,7 +516,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -528,14 +528,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -555,16 +555,16 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- SlimScroll --> <!-- SlimScroll -->
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script> <script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
</body> </body>
</html> </html>

30
pages/examples/invoice-print.html
View File

@ -6,13 +6,13 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -42,7 +42,7 @@
<strong>Admin, Inc.</strong><br> <strong>Admin, Inc.</strong><br>
795 Folsom Ave, Suite 600<br> 795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107<br> San Francisco, CA 94107<br>
Phone: (804) 123-5432<br/> Phone: (804) 123-5432<br>
Email: info@almasaeedstudio.com Email: info@almasaeedstudio.com
</address> </address>
</div><!-- /.col --> </div><!-- /.col -->
@ -52,15 +52,15 @@
<strong>John Doe</strong><br> <strong>John Doe</strong><br>
795 Folsom Ave, Suite 600<br> 795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107<br> San Francisco, CA 94107<br>
Phone: (555) 539-1037<br/> Phone: (555) 539-1037<br>
Email: john.doe@example.com Email: john.doe@example.com
</address> </address>
</div><!-- /.col --> </div><!-- /.col -->
<div class="col-sm-4 invoice-col"> <div class="col-sm-4 invoice-col">
<b>Invoice #007612</b><br/> <b>Invoice #007612</b><br>
<br/> <br>
<b>Order ID:</b> 4F3S8J<br/> <b>Order ID:</b> 4F3S8J<br>
<b>Payment Due:</b> 2/22/2014<br/> <b>Payment Due:</b> 2/22/2014<br>
<b>Account:</b> 968-34567 <b>Account:</b> 968-34567
</div><!-- /.col --> </div><!-- /.col -->
</div><!-- /.row --> </div><!-- /.row -->
@ -116,10 +116,10 @@
<!-- accepted payments column --> <!-- accepted payments column -->
<div class="col-xs-6"> <div class="col-xs-6">
<p class="lead">Payment Methods:</p> <p class="lead">Payment Methods:</p>
<img src="../../dist/img/credit/visa.png" alt="Visa" /> <img src="../../dist/img/credit/visa.png" alt="Visa">
<img src="../../dist/img/credit/mastercard.png" alt="Mastercard" /> <img src="../../dist/img/credit/mastercard.png" alt="Mastercard">
<img src="../../dist/img/credit/american-express.png" alt="American Express" /> <img src="../../dist/img/credit/american-express.png" alt="American Express">
<img src="../../dist/img/credit/paypal2.png" alt="Paypal" /> <img src="../../dist/img/credit/paypal2.png" alt="Paypal">
<p class="text-muted well well-sm no-shadow" style="margin-top: 10px;"> <p class="text-muted well well-sm no-shadow" style="margin-top: 10px;">
Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem plugg dopplr jibjab, movity jajah plickers sifteo edmodo ifttt zimbra. Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem plugg dopplr jibjab, movity jajah plickers sifteo edmodo ifttt zimbra.
</p> </p>
@ -152,6 +152,6 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="../../dist/js/app.min.js" type="text/javascript"></script> <script src="../../dist/js/app.min.js"></script>
</body> </body>
</html> </html>

70
pages/examples/invoice.html
View File

@ -6,16 +6,16 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.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 rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -60,7 +60,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -72,7 +72,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -84,7 +84,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Developers Developers
@ -96,7 +96,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -108,7 +108,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -236,13 +236,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -286,7 +286,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -296,7 +296,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -482,7 +482,7 @@
<strong>Admin, Inc.</strong><br> <strong>Admin, Inc.</strong><br>
795 Folsom Ave, Suite 600<br> 795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107<br> San Francisco, CA 94107<br>
Phone: (804) 123-5432<br/> Phone: (804) 123-5432<br>
Email: info@almasaeedstudio.com Email: info@almasaeedstudio.com
</address> </address>
</div><!-- /.col --> </div><!-- /.col -->
@ -492,15 +492,15 @@
<strong>John Doe</strong><br> <strong>John Doe</strong><br>
795 Folsom Ave, Suite 600<br> 795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107<br> San Francisco, CA 94107<br>
Phone: (555) 539-1037<br/> Phone: (555) 539-1037<br>
Email: john.doe@example.com Email: john.doe@example.com
</address> </address>
</div><!-- /.col --> </div><!-- /.col -->
<div class="col-sm-4 invoice-col"> <div class="col-sm-4 invoice-col">
<b>Invoice #007612</b><br/> <b>Invoice #007612</b><br>
<br/> <br>
<b>Order ID:</b> 4F3S8J<br/> <b>Order ID:</b> 4F3S8J<br>
<b>Payment Due:</b> 2/22/2014<br/> <b>Payment Due:</b> 2/22/2014<br>
<b>Account:</b> 968-34567 <b>Account:</b> 968-34567
</div><!-- /.col --> </div><!-- /.col -->
</div><!-- /.row --> </div><!-- /.row -->
@ -556,10 +556,10 @@
<!-- accepted payments column --> <!-- accepted payments column -->
<div class="col-xs-6"> <div class="col-xs-6">
<p class="lead">Payment Methods:</p> <p class="lead">Payment Methods:</p>
<img src="../../dist/img/credit/visa.png" alt="Visa"/> <img src="../../dist/img/credit/visa.png" alt="Visa">
<img src="../../dist/img/credit/mastercard.png" alt="Mastercard"/> <img src="../../dist/img/credit/mastercard.png" alt="Mastercard">
<img src="../../dist/img/credit/american-express.png" alt="American Express"/> <img src="../../dist/img/credit/american-express.png" alt="American Express">
<img src="../../dist/img/credit/paypal2.png" alt="Paypal"/> <img src="../../dist/img/credit/paypal2.png" alt="Paypal">
<p class="text-muted well well-sm no-shadow" style="margin-top: 10px;"> <p class="text-muted well well-sm no-shadow" style="margin-top: 10px;">
Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem plugg dopplr jibjab, movity jajah plickers sifteo edmodo ifttt zimbra. Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem plugg dopplr jibjab, movity jajah plickers sifteo edmodo ifttt zimbra.
</p> </p>
@ -716,7 +716,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -726,7 +726,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -736,7 +736,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -748,14 +748,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -775,14 +775,14 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
</body> </body>
</html> </html>

18
pages/examples/lockscreen.html
View File

@ -6,11 +6,11 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -32,14 +32,14 @@
<div class="lockscreen-item"> <div class="lockscreen-item">
<!-- lockscreen image --> <!-- lockscreen image -->
<div class="lockscreen-image"> <div class="lockscreen-image">
<img src="../../dist/img/user1-128x128.jpg" alt="User Image" /> <img src="../../dist/img/user1-128x128.jpg" alt="User Image">
</div> </div>
<!-- /.lockscreen-image --> <!-- /.lockscreen-image -->
<!-- lockscreen credentials (contains the form) --> <!-- lockscreen credentials (contains the form) -->
<form class="lockscreen-credentials"> <form class="lockscreen-credentials">
<div class="input-group"> <div class="input-group">
<input type="password" class="form-control" placeholder="password" /> <input type="password" class="form-control" placeholder="password">
<div class="input-group-btn"> <div class="input-group-btn">
<button class="btn"><i class="fa fa-arrow-right text-muted"></i></button> <button class="btn"><i class="fa fa-arrow-right text-muted"></i></button>
</div> </div>
@ -54,14 +54,14 @@
<a href="login.html">Or sign in as a different user</a> <a href="login.html">Or sign in as a different user</a>
</div> </div>
<div class="lockscreen-footer text-center"> <div class="lockscreen-footer text-center">
Copyright &copy; 2014-2015 <b><a href="http://almsaeedstudio.com" class="text-black">Almsaeed Studio</a></b><br/> Copyright &copy; 2014-2015 <b><a href="http://almsaeedstudio.com" class="text-black">Almsaeed Studio</a></b><br>
All rights reserved All rights reserved
</div> </div>
</div><!-- /.center --> </div><!-- /.center -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
</body> </body>
</html> </html>

20
pages/examples/login.html
View File

@ -6,13 +6,13 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
<!-- iCheck --> <!-- iCheck -->
<link href="../../plugins/iCheck/square/blue.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../plugins/iCheck/square/blue.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -30,11 +30,11 @@
<p class="login-box-msg">Sign in to start your session</p> <p class="login-box-msg">Sign in to start your session</p>
<form action="../../index2.html" method="post"> <form action="../../index2.html" method="post">
<div class="form-group has-feedback"> <div class="form-group has-feedback">
<input type="email" class="form-control" placeholder="Email" /> <input type="email" class="form-control" placeholder="Email">
<span class="glyphicon glyphicon-envelope form-control-feedback"></span> <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
</div> </div>
<div class="form-group has-feedback"> <div class="form-group has-feedback">
<input type="password" class="form-control" placeholder="Password" /> <input type="password" class="form-control" placeholder="Password">
<span class="glyphicon glyphicon-lock form-control-feedback"></span> <span class="glyphicon glyphicon-lock form-control-feedback"></span>
</div> </div>
<div class="row"> <div class="row">
@ -64,11 +64,11 @@
</div><!-- /.login-box --> </div><!-- /.login-box -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- iCheck --> <!-- iCheck -->
<script src="../../plugins/iCheck/icheck.min.js" type="text/javascript"></script> <script src="../../plugins/iCheck/icheck.min.js"></script>
<script> <script>
$(function () { $(function () {
$('input').iCheck({ $('input').iCheck({

24
pages/examples/register.html
View File

@ -6,13 +6,13 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
<!-- iCheck --> <!-- iCheck -->
<link href="../../plugins/iCheck/square/blue.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../plugins/iCheck/square/blue.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -31,19 +31,19 @@
<p class="login-box-msg">Register a new membership</p> <p class="login-box-msg">Register a new membership</p>
<form action="../../index.html" method="post"> <form action="../../index.html" method="post">
<div class="form-group has-feedback"> <div class="form-group has-feedback">
<input type="text" class="form-control" placeholder="Full name" /> <input type="text" class="form-control" placeholder="Full name">
<span class="glyphicon glyphicon-user form-control-feedback"></span> <span class="glyphicon glyphicon-user form-control-feedback"></span>
</div> </div>
<div class="form-group has-feedback"> <div class="form-group has-feedback">
<input type="email" class="form-control" placeholder="Email" /> <input type="email" class="form-control" placeholder="Email">
<span class="glyphicon glyphicon-envelope form-control-feedback"></span> <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
</div> </div>
<div class="form-group has-feedback"> <div class="form-group has-feedback">
<input type="password" class="form-control" placeholder="Password" /> <input type="password" class="form-control" placeholder="Password">
<span class="glyphicon glyphicon-lock form-control-feedback"></span> <span class="glyphicon glyphicon-lock form-control-feedback"></span>
</div> </div>
<div class="form-group has-feedback"> <div class="form-group has-feedback">
<input type="password" class="form-control" placeholder="Retype password" /> <input type="password" class="form-control" placeholder="Retype password">
<span class="glyphicon glyphicon-log-in form-control-feedback"></span> <span class="glyphicon glyphicon-log-in form-control-feedback"></span>
</div> </div>
<div class="row"> <div class="row">
@ -71,11 +71,11 @@
</div><!-- /.register-box --> </div><!-- /.register-box -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- iCheck --> <!-- iCheck -->
<script src="../../plugins/iCheck/icheck.min.js" type="text/javascript"></script> <script src="../../plugins/iCheck/icheck.min.js"></script>
<script> <script>
$(function () { $(function () {
$('input').iCheck({ $('input').iCheck({

164
pages/forms/advanced.html
View File

@ -6,26 +6,26 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- daterange picker --> <!-- daterange picker -->
<link href="../../plugins/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../plugins/daterangepicker/daterangepicker-bs3.css">
<!-- iCheck for checkboxes and radio inputs --> <!-- iCheck for checkboxes and radio inputs -->
<link href="../../plugins/iCheck/all.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../plugins/iCheck/all.css">
<!-- Bootstrap Color Picker --> <!-- Bootstrap Color Picker -->
<link href="../../plugins/colorpicker/bootstrap-colorpicker.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../plugins/colorpicker/bootstrap-colorpicker.min.css">
<!-- Bootstrap time Picker --> <!-- Bootstrap time Picker -->
<link href="../../plugins/timepicker/bootstrap-timepicker.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../plugins/timepicker/bootstrap-timepicker.min.css">
<!-- Select2 --> <!-- Select2 -->
<link href="../../plugins/select2/select2.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../plugins/select2/select2.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.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 rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -70,7 +70,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -82,7 +82,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -94,7 +94,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Developers Developers
@ -106,7 +106,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -118,7 +118,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -247,13 +247,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -297,7 +297,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -307,7 +307,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -556,7 +556,7 @@
<div class="input-group-addon"> <div class="input-group-addon">
<i class="fa fa-calendar"></i> <i class="fa fa-calendar"></i>
</div> </div>
<input type="text" class="form-control" data-inputmask="'alias': 'dd/mm/yyyy'" data-mask /> <input type="text" class="form-control" data-inputmask="'alias': 'dd/mm/yyyy'" data-mask>
</div><!-- /.input group --> </div><!-- /.input group -->
</div><!-- /.form group --> </div><!-- /.form group -->
@ -566,7 +566,7 @@
<div class="input-group-addon"> <div class="input-group-addon">
<i class="fa fa-calendar"></i> <i class="fa fa-calendar"></i>
</div> </div>
<input type="text" class="form-control" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask /> <input type="text" class="form-control" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask>
</div><!-- /.input group --> </div><!-- /.input group -->
</div><!-- /.form group --> </div><!-- /.form group -->
@ -577,7 +577,7 @@
<div class="input-group-addon"> <div class="input-group-addon">
<i class="fa fa-phone"></i> <i class="fa fa-phone"></i>
</div> </div>
<input type="text" class="form-control" data-inputmask='"mask": "(999) 999-9999"' data-mask /> <input type="text" class="form-control" data-inputmask='"mask": "(999) 999-9999"' data-mask>
</div><!-- /.input group --> </div><!-- /.input group -->
</div><!-- /.form group --> </div><!-- /.form group -->
@ -588,7 +588,7 @@
<div class="input-group-addon"> <div class="input-group-addon">
<i class="fa fa-phone"></i> <i class="fa fa-phone"></i>
</div> </div>
<input type="text" class="form-control" data-inputmask="'mask': ['999-999-9999 [x99999]', '+099 99 99 9999[9]-9999']" data-mask /> <input type="text" class="form-control" data-inputmask="'mask': ['999-999-9999 [x99999]', '+099 99 99 9999[9]-9999']" data-mask>
</div><!-- /.input group --> </div><!-- /.input group -->
</div><!-- /.form group --> </div><!-- /.form group -->
@ -599,7 +599,7 @@
<div class="input-group-addon"> <div class="input-group-addon">
<i class="fa fa-laptop"></i> <i class="fa fa-laptop"></i>
</div> </div>
<input type="text" class="form-control" data-inputmask="'alias': 'ip'" data-mask /> <input type="text" class="form-control" data-inputmask="'alias': 'ip'" data-mask>
</div><!-- /.input group --> </div><!-- /.input group -->
</div><!-- /.form group --> </div><!-- /.form group -->
@ -614,14 +614,14 @@
<!-- Color Picker --> <!-- Color Picker -->
<div class="form-group"> <div class="form-group">
<label>Color picker:</label> <label>Color picker:</label>
<input type="text" class="form-control my-colorpicker1" /> <input type="text" class="form-control my-colorpicker1">
</div><!-- /.form group --> </div><!-- /.form group -->
<!-- Color Picker --> <!-- Color Picker -->
<div class="form-group"> <div class="form-group">
<label>Color picker with addon:</label> <label>Color picker with addon:</label>
<div class="input-group my-colorpicker2"> <div class="input-group my-colorpicker2">
<input type="text" class="form-control" /> <input type="text" class="form-control">
<div class="input-group-addon"> <div class="input-group-addon">
<i></i> <i></i>
</div> </div>
@ -633,7 +633,7 @@
<div class="form-group"> <div class="form-group">
<label>Time picker:</label> <label>Time picker:</label>
<div class="input-group"> <div class="input-group">
<input type="text" class="form-control timepicker" /> <input type="text" class="form-control timepicker">
<div class="input-group-addon"> <div class="input-group-addon">
<i class="fa fa-clock-o"></i> <i class="fa fa-clock-o"></i>
</div> </div>
@ -657,7 +657,7 @@
<div class="input-group-addon"> <div class="input-group-addon">
<i class="fa fa-calendar"></i> <i class="fa fa-calendar"></i>
</div> </div>
<input type="text" class="form-control pull-right" id="reservation" /> <input type="text" class="form-control pull-right" id="reservation">
</div><!-- /.input group --> </div><!-- /.input group -->
</div><!-- /.form group --> </div><!-- /.form group -->
@ -668,7 +668,7 @@
<div class="input-group-addon"> <div class="input-group-addon">
<i class="fa fa-clock-o"></i> <i class="fa fa-clock-o"></i>
</div> </div>
<input type="text" class="form-control pull-right" id="reservationtime" /> <input type="text" class="form-control pull-right" id="reservationtime">
</div><!-- /.input group --> </div><!-- /.input group -->
</div><!-- /.form group --> </div><!-- /.form group -->
@ -689,7 +689,7 @@
<!-- iCheck --> <!-- iCheck -->
<div class="box box-success"> <div class="box box-success">
<div class="box-header"> <div class="box-header">
<h3 class="box-title">iCheck - Checkbox & Radio Inputs</h3> <h3 class="box-title">iCheck - Checkbox &amp; Radio Inputs</h3>
</div> </div>
<div class="box-body"> <div class="box-body">
<!-- Minimal style --> <!-- Minimal style -->
@ -697,13 +697,13 @@
<!-- checkbox --> <!-- checkbox -->
<div class="form-group"> <div class="form-group">
<label> <label>
<input type="checkbox" class="minimal" checked /> <input type="checkbox" class="minimal" checked>
</label> </label>
<label> <label>
<input type="checkbox" class="minimal" /> <input type="checkbox" class="minimal">
</label> </label>
<label> <label>
<input type="checkbox" class="minimal" disabled /> <input type="checkbox" class="minimal" disabled>
Minimal skin checkbox Minimal skin checkbox
</label> </label>
</div> </div>
@ -711,13 +711,13 @@
<!-- radio --> <!-- radio -->
<div class="form-group"> <div class="form-group">
<label> <label>
<input type="radio" name="r1" class="minimal" checked /> <input type="radio" name="r1" class="minimal" checked>
</label> </label>
<label> <label>
<input type="radio" name="r1" class="minimal" /> <input type="radio" name="r1" class="minimal">
</label> </label>
<label> <label>
<input type="radio" name="r1" class="minimal" disabled /> <input type="radio" name="r1" class="minimal" disabled>
Minimal skin radio Minimal skin radio
</label> </label>
</div> </div>
@ -727,13 +727,13 @@
<!-- checkbox --> <!-- checkbox -->
<div class="form-group"> <div class="form-group">
<label> <label>
<input type="checkbox" class="minimal-red" checked /> <input type="checkbox" class="minimal-red" checked>
</label> </label>
<label> <label>
<input type="checkbox" class="minimal-red" /> <input type="checkbox" class="minimal-red">
</label> </label>
<label> <label>
<input type="checkbox" class="minimal-red" disabled /> <input type="checkbox" class="minimal-red" disabled>
Minimal red skin checkbox Minimal red skin checkbox
</label> </label>
</div> </div>
@ -741,13 +741,13 @@
<!-- radio --> <!-- radio -->
<div class="form-group"> <div class="form-group">
<label> <label>
<input type="radio" name="r2" class="minimal-red" checked /> <input type="radio" name="r2" class="minimal-red" checked>
</label> </label>
<label> <label>
<input type="radio" name="r2" class="minimal-red" /> <input type="radio" name="r2" class="minimal-red">
</label> </label>
<label> <label>
<input type="radio" name="r2" class="minimal-red" disabled /> <input type="radio" name="r2" class="minimal-red" disabled>
Minimal red skin radio Minimal red skin radio
</label> </label>
</div> </div>
@ -757,13 +757,13 @@
<!-- checkbox --> <!-- checkbox -->
<div class="form-group"> <div class="form-group">
<label> <label>
<input type="checkbox" class="flat-red" checked /> <input type="checkbox" class="flat-red" checked>
</label> </label>
<label> <label>
<input type="checkbox" class="flat-red" /> <input type="checkbox" class="flat-red">
</label> </label>
<label> <label>
<input type="checkbox" class="flat-red" disabled /> <input type="checkbox" class="flat-red" disabled>
Flat green skin checkbox Flat green skin checkbox
</label> </label>
</div> </div>
@ -771,13 +771,13 @@
<!-- radio --> <!-- radio -->
<div class="form-group"> <div class="form-group">
<label> <label>
<input type="radio" name="r3" class="flat-red" checked /> <input type="radio" name="r3" class="flat-red" checked>
</label> </label>
<label> <label>
<input type="radio" name="r3" class="flat-red" /> <input type="radio" name="r3" class="flat-red">
</label> </label>
<label> <label>
<input type="radio" name="r3" class="flat-red" disabled /> <input type="radio" name="r3" class="flat-red" disabled>
Flat green skin radio Flat green skin radio
</label> </label>
</div> </div>
@ -907,7 +907,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -917,7 +917,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -927,7 +927,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -939,14 +939,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -966,34 +966,34 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- Select2 --> <!-- Select2 -->
<script src="../../plugins/select2/select2.full.min.js" type="text/javascript"></script> <script src="../../plugins/select2/select2.full.min.js"></script>
<!-- InputMask --> <!-- InputMask -->
<script src="../../plugins/input-mask/jquery.inputmask.js" type="text/javascript"></script> <script src="../../plugins/input-mask/jquery.inputmask.js"></script>
<script src="../../plugins/input-mask/jquery.inputmask.date.extensions.js" type="text/javascript"></script> <script src="../../plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="../../plugins/input-mask/jquery.inputmask.extensions.js" type="text/javascript"></script> <script src="../../plugins/input-mask/jquery.inputmask.extensions.js"></script>
<!-- date-range-picker --> <!-- date-range-picker -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js" type="text/javascript"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"></script>
<script src="../../plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script> <script src="../../plugins/daterangepicker/daterangepicker.js"></script>
<!-- bootstrap color picker --> <!-- bootstrap color picker -->
<script src="../../plugins/colorpicker/bootstrap-colorpicker.min.js" type="text/javascript"></script> <script src="../../plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
<!-- bootstrap time picker --> <!-- bootstrap time picker -->
<script src="../../plugins/timepicker/bootstrap-timepicker.min.js" type="text/javascript"></script> <script src="../../plugins/timepicker/bootstrap-timepicker.min.js"></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"></script>
<!-- iCheck 1.0.1 --> <!-- iCheck 1.0.1 -->
<script src="../../plugins/iCheck/icheck.min.js" type="text/javascript"></script> <script src="../../plugins/iCheck/icheck.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
<!-- Page script --> <!-- Page script -->
<script type="text/javascript"> <script>
$(function () { $(function () {
//Initialize Select2 Elements //Initialize Select2 Elements
$(".select2").select2(); $(".select2").select2();
@ -1011,18 +1011,18 @@
$('#reservationtime').daterangepicker({timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A'}); $('#reservationtime').daterangepicker({timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A'});
//Date range as a button //Date range as a button
$('#daterange-btn').daterangepicker( $('#daterange-btn').daterangepicker(
{ {
ranges: { ranges: {
'Today': [moment(), moment()], 'Today': [moment(), moment()],
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'Last 7 Days': [moment().subtract(6, 'days'), moment()], 'Last 7 Days': [moment().subtract(6, 'days'), moment()],
'Last 30 Days': [moment().subtract(29, 'days'), moment()], 'Last 30 Days': [moment().subtract(29, 'days'), moment()],
'This Month': [moment().startOf('month'), moment().endOf('month')], 'This Month': [moment().startOf('month'), moment().endOf('month')],
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')] 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
}, },
startDate: moment().subtract(29, 'days'), startDate: moment().subtract(29, 'days'),
endDate: moment() endDate: moment()
}, },
function (start, end) { function (start, end) {
$('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY')); $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
} }

58
pages/forms/editors.html
View File

@ -6,18 +6,18 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.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 rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- bootstrap wysihtml5 - text editor --> <!-- bootstrap wysihtml5 - text editor -->
<link href="../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -62,7 +62,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -74,7 +74,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -86,7 +86,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Developers Developers
@ -98,7 +98,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -110,7 +110,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -238,13 +238,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -288,7 +288,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -298,7 +298,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -616,7 +616,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -626,7 +626,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -636,7 +636,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -648,14 +648,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -675,20 +675,20 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
<!-- CK Editor --> <!-- CK Editor -->
<script src="https://cdn.ckeditor.com/4.4.3/standard/ckeditor.js" type="text/javascript"></script> <script src="https://cdn.ckeditor.com/4.4.3/standard/ckeditor.js"></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"></script>
<script type="text/javascript"> <script>
$(function () { $(function () {
// Replace the <textarea id="editor1"> with a CKEditor // Replace the <textarea id="editor1"> with a CKEditor
// instance, using default configuration. // instance, using default configuration.

84
pages/forms/general.html
View File

@ -6,16 +6,16 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.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 rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -60,7 +60,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -72,7 +72,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -84,7 +84,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Developers Developers
@ -96,7 +96,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -108,7 +108,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -237,13 +237,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -287,7 +287,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -297,7 +297,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..."/> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -504,9 +504,9 @@
</div> </div>
<div class="box-body"> <div class="box-body">
<input class="form-control input-lg" type="text" placeholder=".input-lg"> <input class="form-control input-lg" type="text" placeholder=".input-lg">
<br/> <br>
<input class="form-control" type="text" placeholder="Default input"> <input class="form-control" type="text" placeholder="Default input">
<br/> <br>
<input class="form-control input-sm" type="text" placeholder=".input-sm"> <input class="form-control input-sm" type="text" placeholder=".input-sm">
</div><!-- /.box-body --> </div><!-- /.box-body -->
</div><!-- /.box --> </div><!-- /.box -->
@ -540,12 +540,12 @@
<span class="input-group-addon">@</span> <span class="input-group-addon">@</span>
<input type="text" class="form-control" placeholder="Username"> <input type="text" class="form-control" placeholder="Username">
</div> </div>
<br/> <br>
<div class="input-group"> <div class="input-group">
<input type="text" class="form-control"> <input type="text" class="form-control">
<span class="input-group-addon">.00</span> <span class="input-group-addon">.00</span>
</div> </div>
<br/> <br>
<div class="input-group"> <div class="input-group">
<span class="input-group-addon">$</span> <span class="input-group-addon">$</span>
<input type="text" class="form-control"> <input type="text" class="form-control">
@ -557,12 +557,12 @@
<span class="input-group-addon"><i class="fa fa-envelope"></i></span> <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
<input type="email" class="form-control" placeholder="Email"> <input type="email" class="form-control" placeholder="Email">
</div> </div>
<br/> <br>
<div class="input-group"> <div class="input-group">
<input type="text" class="form-control"> <input type="text" class="form-control">
<span class="input-group-addon"><i class="fa fa-check"></i></span> <span class="input-group-addon"><i class="fa fa-check"></i></span>
</div> </div>
<br/> <br>
<div class="input-group"> <div class="input-group">
<span class="input-group-addon"><i class="fa fa-dollar"></i></span> <span class="input-group-addon"><i class="fa fa-dollar"></i></span>
<input type="text" class="form-control"> <input type="text" class="form-control">
@ -670,11 +670,11 @@
<!-- text input --> <!-- text input -->
<div class="form-group"> <div class="form-group">
<label>Text</label> <label>Text</label>
<input type="text" class="form-control" placeholder="Enter ..." /> <input type="text" class="form-control" placeholder="Enter ...">
</div> </div>
<div class="form-group"> <div class="form-group">
<label>Text Disabled</label> <label>Text Disabled</label>
<input type="text" class="form-control" placeholder="Enter ..." disabled /> <input type="text" class="form-control" placeholder="Enter ..." disabled>
</div> </div>
<!-- textarea --> <!-- textarea -->
@ -690,36 +690,36 @@
<!-- input states --> <!-- input states -->
<div class="form-group has-success"> <div class="form-group has-success">
<label class="control-label" for="inputSuccess"><i class="fa fa-check"></i> Input with success</label> <label class="control-label" for="inputSuccess"><i class="fa fa-check"></i> Input with success</label>
<input type="text" class="form-control" id="inputSuccess" placeholder="Enter ..." /> <input type="text" class="form-control" id="inputSuccess" placeholder="Enter ...">
</div> </div>
<div class="form-group has-warning"> <div class="form-group has-warning">
<label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i> Input with warning</label> <label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i> Input with warning</label>
<input type="text" class="form-control" id="inputWarning" placeholder="Enter ..." /> <input type="text" class="form-control" id="inputWarning" placeholder="Enter ...">
</div> </div>
<div class="form-group has-error"> <div class="form-group has-error">
<label class="control-label" for="inputError"><i class="fa fa-times-circle-o"></i> Input with error</label> <label class="control-label" for="inputError"><i class="fa fa-times-circle-o"></i> Input with error</label>
<input type="text" class="form-control" id="inputError" placeholder="Enter ..." /> <input type="text" class="form-control" id="inputError" placeholder="Enter ...">
</div> </div>
<!-- checkbox --> <!-- checkbox -->
<div class="form-group"> <div class="form-group">
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" /> <input type="checkbox">
Checkbox 1 Checkbox 1
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" /> <input type="checkbox">
Checkbox 2 Checkbox 2
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" disabled /> <input type="checkbox" disabled>
Checkbox disabled Checkbox disabled
</label> </label>
</div> </div>
@ -729,19 +729,19 @@
<div class="form-group"> <div class="form-group">
<div class="radio"> <div class="radio">
<label> <label>
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked /> <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
Option one is this and that&mdash;be sure to include why it's great Option one is this and that&mdash;be sure to include why it's great
</label> </label>
</div> </div>
<div class="radio"> <div class="radio">
<label> <label>
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2" /> <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
Option two can be something else and selecting it will deselect option one Option two can be something else and selecting it will deselect option one
</label> </label>
</div> </div>
<div class="radio"> <div class="radio">
<label> <label>
<input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled /> <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled>
Option three is disabled Option three is disabled
</label> </label>
</div> </div>
@ -914,7 +914,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -924,7 +924,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -934,7 +934,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -946,14 +946,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -973,14 +973,14 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
</body> </body>
</html> </html>

44
pages/layout/boxed.html
View File

@ -6,16 +6,16 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.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 rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -59,7 +59,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -128,13 +128,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -181,7 +181,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -191,7 +191,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -495,7 +495,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -505,7 +505,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -515,7 +515,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -527,14 +527,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -554,16 +554,16 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- SlimScroll --> <!-- SlimScroll -->
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script> <script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
</body> </body>
</html> </html>

44
pages/layout/collapsed-sidebar.html
View File

@ -6,16 +6,16 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.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 rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -62,7 +62,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -131,13 +131,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -184,7 +184,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -194,7 +194,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -498,7 +498,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -508,7 +508,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -518,7 +518,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -530,14 +530,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -557,16 +557,16 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- SlimScroll --> <!-- SlimScroll -->
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script> <script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
</body> </body>
</html> </html>

44
pages/layout/fixed.html
View File

@ -6,16 +6,16 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.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 rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -63,7 +63,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -132,13 +132,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -185,7 +185,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -195,7 +195,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -500,7 +500,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -510,7 +510,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -520,7 +520,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -532,14 +532,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -559,16 +559,16 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- SlimScroll --> <!-- SlimScroll -->
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script> <script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
</body> </body>
</html> </html>

32
pages/layout/top-nav.html
View File

@ -6,16 +6,16 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.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 rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -58,7 +58,7 @@
</ul> </ul>
<form class="navbar-form navbar-left" role="search"> <form class="navbar-form navbar-left" role="search">
<div class="form-group"> <div class="form-group">
<input type="text" class="form-control" id="navbar-search-input" placeholder="Search" /> <input type="text" class="form-control" id="navbar-search-input" placeholder="Search">
</div> </div>
</form> </form>
</div><!-- /.navbar-collapse --> </div><!-- /.navbar-collapse -->
@ -81,7 +81,7 @@
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<!-- User Image --> <!-- User Image -->
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<!-- Message title and timestamp --> <!-- Message title and timestamp -->
<h4> <h4>
@ -160,14 +160,14 @@
<!-- Menu Toggle Button --> <!-- Menu Toggle Button -->
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<!-- The user image in the navbar--> <!-- The user image in the navbar-->
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<!-- hidden-xs hides the username on small devices so only the image appears. --> <!-- hidden-xs hides the username on small devices so only the image appears. -->
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- The user image in the menu --> <!-- The user image in the menu -->
<li class="user-header"> <li class="user-header">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -249,16 +249,16 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- SlimScroll --> <!-- SlimScroll -->
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script> <script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
</body> </body>
</html> </html>

60
pages/mailbox/compose.html
View File

@ -6,23 +6,23 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- fullCalendar 2.2.5--> <!-- fullCalendar 2.2.5-->
<link href="../../plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../plugins/fullcalendar/fullcalendar.min.css">
<link href="../../plugins/fullcalendar/fullcalendar.print.css" rel="stylesheet" type="text/css" media="print" /> <link rel="stylesheet" href="../../plugins/fullcalendar/fullcalendar.print.css" media="print">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.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 rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- iCheck --> <!-- iCheck -->
<link href="../../plugins/iCheck/flat/blue.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../plugins/iCheck/flat/blue.css">
<!-- bootstrap wysihtml5 - text editor --> <!-- bootstrap wysihtml5 - text editor -->
<link href="../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -67,7 +67,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -136,13 +136,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -186,7 +186,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -196,7 +196,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -406,10 +406,10 @@
</div><!-- /.box-header --> </div><!-- /.box-header -->
<div class="box-body"> <div class="box-body">
<div class="form-group"> <div class="form-group">
<input class="form-control" placeholder="To:" /> <input class="form-control" placeholder="To:">
</div> </div>
<div class="form-group"> <div class="form-group">
<input class="form-control" placeholder="Subject:" /> <input class="form-control" placeholder="Subject:">
</div> </div>
<div class="form-group"> <div class="form-group">
<textarea id="compose-textarea" class="form-control" style="height: 300px"> <textarea id="compose-textarea" class="form-control" style="height: 300px">
@ -429,7 +429,7 @@
<div class="form-group"> <div class="form-group">
<div class="btn btn-default btn-file"> <div class="btn btn-default btn-file">
<i class="fa fa-paperclip"></i> Attachment <i class="fa fa-paperclip"></i> Attachment
<input type="file" name="attachment" /> <input type="file" name="attachment">
</div> </div>
<p class="help-block">Max. 32MB</p> <p class="help-block">Max. 32MB</p>
</div> </div>
@ -562,7 +562,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -572,7 +572,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -594,14 +594,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -621,21 +621,21 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- Slimscroll --> <!-- Slimscroll -->
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script> <script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
<!-- iCheck --> <!-- iCheck -->
<script src="../../plugins/iCheck/icheck.min.js" type="text/javascript"></script> <script src="../../plugins/iCheck/icheck.min.js"></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"></script>
<!-- Page Script --> <!-- Page Script -->
<script> <script>
$(function () { $(function () {

84
pages/mailbox/mailbox.html
View File

@ -6,21 +6,21 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- fullCalendar 2.2.5--> <!-- fullCalendar 2.2.5-->
<link href="../../plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../plugins/fullcalendar/fullcalendar.min.css">
<link href="../../plugins/fullcalendar/fullcalendar.print.css" rel="stylesheet" type="text/css" media='print' /> <link rel="stylesheet" href="../../plugins/fullcalendar/fullcalendar.print.css" media="print">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.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 rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- iCheck --> <!-- iCheck -->
<link href="../../plugins/iCheck/flat/blue.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../plugins/iCheck/flat/blue.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]> <!--[if lt IE 9]>
@ -64,7 +64,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -133,13 +133,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -183,7 +183,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -193,7 +193,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -402,7 +402,7 @@
<h3 class="box-title">Inbox</h3> <h3 class="box-title">Inbox</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<div class="has-feedback"> <div class="has-feedback">
<input type="text" class="form-control input-sm" placeholder="Search Mail" /> <input type="text" class="form-control input-sm" placeholder="Search Mail">
<span class="glyphicon glyphicon-search form-control-feedback"></span> <span class="glyphicon glyphicon-search form-control-feedback"></span>
</div> </div>
</div><!-- /.box-tools --> </div><!-- /.box-tools -->
@ -429,7 +429,7 @@
<table class="table table-hover table-striped"> <table class="table table-hover table-striped">
<tbody> <tbody>
<tr> <tr>
<td><input type="checkbox" /></td> <td><input type="checkbox"></td>
<td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td> <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
<td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td> <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
<td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td> <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
@ -437,7 +437,7 @@
<td class="mailbox-date">5 mins ago</td> <td class="mailbox-date">5 mins ago</td>
</tr> </tr>
<tr> <tr>
<td><input type="checkbox" /></td> <td><input type="checkbox"></td>
<td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td> <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
<td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td> <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
<td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td> <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
@ -445,7 +445,7 @@
<td class="mailbox-date">28 mins ago</td> <td class="mailbox-date">28 mins ago</td>
</tr> </tr>
<tr> <tr>
<td><input type="checkbox" /></td> <td><input type="checkbox"></td>
<td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td> <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
<td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td> <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
<td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td> <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
@ -453,7 +453,7 @@
<td class="mailbox-date">11 hours ago</td> <td class="mailbox-date">11 hours ago</td>
</tr> </tr>
<tr> <tr>
<td><input type="checkbox" /></td> <td><input type="checkbox"></td>
<td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td> <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
<td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td> <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
<td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td> <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
@ -461,7 +461,7 @@
<td class="mailbox-date">15 hours ago</td> <td class="mailbox-date">15 hours ago</td>
</tr> </tr>
<tr> <tr>
<td><input type="checkbox" /></td> <td><input type="checkbox"></td>
<td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td> <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
<td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td> <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
<td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td> <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
@ -469,7 +469,7 @@
<td class="mailbox-date">Yesterday</td> <td class="mailbox-date">Yesterday</td>
</tr> </tr>
<tr> <tr>
<td><input type="checkbox" /></td> <td><input type="checkbox"></td>
<td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td> <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
<td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td> <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
<td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td> <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
@ -477,7 +477,7 @@
<td class="mailbox-date">2 days ago</td> <td class="mailbox-date">2 days ago</td>
</tr> </tr>
<tr> <tr>
<td><input type="checkbox" /></td> <td><input type="checkbox"></td>
<td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td> <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
<td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td> <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
<td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td> <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
@ -485,7 +485,7 @@
<td class="mailbox-date">2 days ago</td> <td class="mailbox-date">2 days ago</td>
</tr> </tr>
<tr> <tr>
<td><input type="checkbox" /></td> <td><input type="checkbox"></td>
<td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td> <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
<td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td> <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
<td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td> <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
@ -493,7 +493,7 @@
<td class="mailbox-date">2 days ago</td> <td class="mailbox-date">2 days ago</td>
</tr> </tr>
<tr> <tr>
<td><input type="checkbox" /></td> <td><input type="checkbox"></td>
<td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td> <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
<td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td> <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
<td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td> <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
@ -501,7 +501,7 @@
<td class="mailbox-date">2 days ago</td> <td class="mailbox-date">2 days ago</td>
</tr> </tr>
<tr> <tr>
<td><input type="checkbox" /></td> <td><input type="checkbox"></td>
<td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td> <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
<td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td> <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
<td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td> <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
@ -509,7 +509,7 @@
<td class="mailbox-date">2 days ago</td> <td class="mailbox-date">2 days ago</td>
</tr> </tr>
<tr> <tr>
<td><input type="checkbox" /></td> <td><input type="checkbox"></td>
<td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td> <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
<td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td> <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
<td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td> <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
@ -517,7 +517,7 @@
<td class="mailbox-date">4 days ago</td> <td class="mailbox-date">4 days ago</td>
</tr> </tr>
<tr> <tr>
<td><input type="checkbox" /></td> <td><input type="checkbox"></td>
<td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td> <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
<td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td> <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
<td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td> <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
@ -525,7 +525,7 @@
<td class="mailbox-date">12 days ago</td> <td class="mailbox-date">12 days ago</td>
</tr> </tr>
<tr> <tr>
<td><input type="checkbox" /></td> <td><input type="checkbox"></td>
<td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td> <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
<td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td> <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
<td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td> <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
@ -533,7 +533,7 @@
<td class="mailbox-date">12 days ago</td> <td class="mailbox-date">12 days ago</td>
</tr> </tr>
<tr> <tr>
<td><input type="checkbox" /></td> <td><input type="checkbox"></td>
<td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td> <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
<td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td> <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
<td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td> <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
@ -541,7 +541,7 @@
<td class="mailbox-date">14 days ago</td> <td class="mailbox-date">14 days ago</td>
</tr> </tr>
<tr> <tr>
<td><input type="checkbox" /></td> <td><input type="checkbox"></td>
<td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td> <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
<td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td> <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
<td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td> <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
@ -692,7 +692,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -702,7 +702,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -712,7 +712,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -724,14 +724,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -751,17 +751,17 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- Slimscroll --> <!-- Slimscroll -->
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script> <script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></script>
<!-- iCheck --> <!-- iCheck -->
<script src="../../plugins/iCheck/icheck.min.js" type="text/javascript"></script> <script src="../../plugins/iCheck/icheck.min.js"></script>
<!-- Page Script --> <!-- Page Script -->
<script> <script>
$(function () { $(function () {
@ -809,6 +809,6 @@
}); });
</script> </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"></script>
</body> </body>
</html> </html>

56
pages/mailbox/read-mail.html
View File

@ -6,21 +6,21 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- fullCalendar 2.2.5--> <!-- fullCalendar 2.2.5-->
<link href="../../plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../plugins/fullcalendar/fullcalendar.min.css">
<link href="../../plugins/fullcalendar/fullcalendar.print.css" rel="stylesheet" type="text/css" media="print" /> <link rel="stylesheet" href="../../plugins/fullcalendar/fullcalendar.print.css" media="print">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.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 rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- iCheck --> <!-- iCheck -->
<link href="../../plugins/iCheck/flat/blue.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../plugins/iCheck/flat/blue.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]> <!--[if lt IE 9]>
@ -64,7 +64,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -133,13 +133,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -183,7 +183,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -193,7 +193,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -420,7 +420,7 @@
<div class="mailbox-read-message"> <div class="mailbox-read-message">
<p>Hello John,</p> <p>Hello John,</p>
<p>Keffiyeh blog actually fashion axe vegan, irony biodiesel. Cold-pressed hoodie chillwave put a bird on it aesthetic, bitters brunch meggings vegan iPhone. Dreamcatcher vegan scenester mlkshk. Ethical master cleanse Bushwick, occupy Thundercats banjo cliche ennui farm-to-table mlkshk fanny pack gluten-free. Marfa butcher vegan quinoa, bicycle rights disrupt tofu scenester chillwave 3 wolf moon asymmetrical taxidermy pour-over. Quinoa tote bag fashion axe, Godard disrupt migas church-key tofu blog locavore. Thundercats cronut polaroid Neutra tousled, meh food truck selfies narwhal American Apparel.</p> <p>Keffiyeh blog actually fashion axe vegan, irony biodiesel. Cold-pressed hoodie chillwave put a bird on it aesthetic, bitters brunch meggings vegan iPhone. Dreamcatcher vegan scenester mlkshk. Ethical master cleanse Bushwick, occupy Thundercats banjo cliche ennui farm-to-table mlkshk fanny pack gluten-free. Marfa butcher vegan quinoa, bicycle rights disrupt tofu scenester chillwave 3 wolf moon asymmetrical taxidermy pour-over. Quinoa tote bag fashion axe, Godard disrupt migas church-key tofu blog locavore. Thundercats cronut polaroid Neutra tousled, meh food truck selfies narwhal American Apparel.</p>
<p>Raw denim McSweeney's bicycle rights, iPhone trust fund quinoa Neutra VHS kale chips vegan PBR&B literally Thundercats +1. Forage tilde four dollar toast, banjo health goth paleo butcher. Four dollar toast Brooklyn pour-over American Apparel sustainable, lumbersexual listicle gluten-free health goth umami hoodie. Synth Echo Park bicycle rights DIY farm-to-table, retro kogi sriracha dreamcatcher PBR&B flannel hashtag irony Wes Anderson. Lumbersexual Williamsburg Helvetica next level. Cold-pressed slow-carb pop-up normcore Thundercats Portland, cardigan literally meditation lumbersexual crucifix. Wayfarers raw denim paleo Bushwick, keytar Helvetica scenester keffiyeh 8-bit irony mumblecore whatever viral Truffaut.</p> <p>Raw denim McSweeney's bicycle rights, iPhone trust fund quinoa Neutra VHS kale chips vegan PBR&amp;B literally Thundercats +1. Forage tilde four dollar toast, banjo health goth paleo butcher. Four dollar toast Brooklyn pour-over American Apparel sustainable, lumbersexual listicle gluten-free health goth umami hoodie. Synth Echo Park bicycle rights DIY farm-to-table, retro kogi sriracha dreamcatcher PBR&amp;B flannel hashtag irony Wes Anderson. Lumbersexual Williamsburg Helvetica next level. Cold-pressed slow-carb pop-up normcore Thundercats Portland, cardigan literally meditation lumbersexual crucifix. Wayfarers raw denim paleo Bushwick, keytar Helvetica scenester keffiyeh 8-bit irony mumblecore whatever viral Truffaut.</p>
<p>Post-ironic shabby chic VHS, Marfa keytar flannel lomo try-hard keffiyeh cray. Actually fap fanny pack yr artisan trust fund. High Life dreamcatcher church-key gentrify. Tumblr stumptown four dollar toast vinyl, cold-pressed try-hard blog authentic keffiyeh Helvetica lo-fi tilde Intelligentsia. Lomo locavore salvia bespoke, twee fixie paleo cliche brunch Schlitz blog McSweeney's messenger bag swag slow-carb. Odd Future photo booth pork belly, you probably haven't heard of them actually tofu ennui keffiyeh lo-fi Truffaut health goth. Narwhal sustainable retro disrupt.</p> <p>Post-ironic shabby chic VHS, Marfa keytar flannel lomo try-hard keffiyeh cray. Actually fap fanny pack yr artisan trust fund. High Life dreamcatcher church-key gentrify. Tumblr stumptown four dollar toast vinyl, cold-pressed try-hard blog authentic keffiyeh Helvetica lo-fi tilde Intelligentsia. Lomo locavore salvia bespoke, twee fixie paleo cliche brunch Schlitz blog McSweeney's messenger bag swag slow-carb. Odd Future photo booth pork belly, you probably haven't heard of them actually tofu ennui keffiyeh lo-fi Truffaut health goth. Narwhal sustainable retro disrupt.</p>
<p>Skateboard artisan letterpress before they sold out High Life messenger bag. Bitters chambray leggings listicle, drinking vinegar chillwave synth. Fanny pack hoodie American Apparel twee. American Apparel PBR listicle, salvia aesthetic occupy sustainable Neutra kogi. Organic synth Tumblr viral plaid, shabby chic single-origin coffee Etsy 3 wolf moon slow-carb Schlitz roof party tousled squid vinyl. Readymade next level literally trust fund. Distillery master cleanse migas, Vice sriracha flannel chambray chia cronut.</p> <p>Skateboard artisan letterpress before they sold out High Life messenger bag. Bitters chambray leggings listicle, drinking vinegar chillwave synth. Fanny pack hoodie American Apparel twee. American Apparel PBR listicle, salvia aesthetic occupy sustainable Neutra kogi. Organic synth Tumblr viral plaid, shabby chic single-origin coffee Etsy 3 wolf moon slow-carb Schlitz roof party tousled squid vinyl. Readymade next level literally trust fund. Distillery master cleanse migas, Vice sriracha flannel chambray chia cronut.</p>
<p>Thanks,<br>Jane</p> <p>Thanks,<br>Jane</p>
@ -449,7 +449,7 @@
</div> </div>
</li> </li>
<li> <li>
<span class="mailbox-attachment-icon has-img"><img src="../../dist/img/photo1.png" alt="Attachment" /></span> <span class="mailbox-attachment-icon has-img"><img src="../../dist/img/photo1.png" alt="Attachment"></span>
<div class="mailbox-attachment-info"> <div class="mailbox-attachment-info">
<a href="#" class="mailbox-attachment-name"><i class="fa fa-camera"></i> photo1.png</a> <a href="#" class="mailbox-attachment-name"><i class="fa fa-camera"></i> photo1.png</a>
<span class="mailbox-attachment-size"> <span class="mailbox-attachment-size">
@ -459,7 +459,7 @@
</div> </div>
</li> </li>
<li> <li>
<span class="mailbox-attachment-icon has-img"><img src="../../dist/img/photo2.png" alt="Attachment" /></span> <span class="mailbox-attachment-icon has-img"><img src="../../dist/img/photo2.png" alt="Attachment"></span>
<div class="mailbox-attachment-info"> <div class="mailbox-attachment-info">
<a href="#" class="mailbox-attachment-name"><i class="fa fa-camera"></i> photo2.png</a> <a href="#" class="mailbox-attachment-name"><i class="fa fa-camera"></i> photo2.png</a>
<span class="mailbox-attachment-size"> <span class="mailbox-attachment-size">
@ -598,7 +598,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -608,7 +608,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -618,7 +618,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -630,14 +630,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -657,16 +657,16 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- Slimscroll --> <!-- Slimscroll -->
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script> <script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
</body> </body>
</html> </html>

64
pages/tables/data.html
View File

@ -6,18 +6,18 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- DATA TABLES --> <!-- DataTables -->
<link href="../../plugins/datatables/dataTables.bootstrap.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../plugins/datatables/dataTables.bootstrap.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.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 rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -62,7 +62,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -74,7 +74,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -86,7 +86,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Developers Developers
@ -98,7 +98,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -110,7 +110,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -239,13 +239,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -289,7 +289,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -299,7 +299,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -1449,7 +1449,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -1459,7 +1459,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -1469,7 +1469,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -1481,14 +1481,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -1508,22 +1508,22 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- DATA TABES SCRIPT --> <!-- DataTables -->
<script src="../../plugins/datatables/jquery.dataTables.min.js" type="text/javascript"></script> <script src="../../plugins/datatables/jquery.dataTables.min.js"></script>
<script src="../../plugins/datatables/dataTables.bootstrap.min.js" type="text/javascript"></script> <script src="../../plugins/datatables/dataTables.bootstrap.min.js"></script>
<!-- SlimScroll --> <!-- SlimScroll -->
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script> <script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
<!-- page script --> <!-- page script -->
<script type="text/javascript"> <script>
$(function () { $(function () {
$("#example1").DataTable(); $("#example1").DataTable();
$('#example2').DataTable({ $('#example2').DataTable({

54
pages/tables/simple.html
View File

@ -6,16 +6,16 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../../dist/css/AdminLTE.min.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 rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -60,7 +60,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -72,7 +72,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -84,7 +84,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Developers Developers
@ -96,7 +96,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -108,7 +108,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -236,13 +236,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -286,7 +286,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -296,7 +296,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -712,7 +712,7 @@
<h3 class="box-title">Responsive Hover Table</h3> <h3 class="box-title">Responsive Hover Table</h3>
<div class="box-tools"> <div class="box-tools">
<div class="input-group" style="width: 150px;"> <div class="input-group" style="width: 150px;">
<input type="text" name="table_search" class="form-control input-sm pull-right" placeholder="Search" /> <input type="text" name="table_search" class="form-control input-sm pull-right" placeholder="Search">
<div class="input-group-btn"> <div class="input-group-btn">
<button class="btn btn-sm btn-default"><i class="fa fa-search"></i></button> <button class="btn btn-sm btn-default"><i class="fa fa-search"></i></button>
</div> </div>
@ -879,7 +879,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -889,7 +889,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -899,7 +899,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -911,14 +911,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -938,16 +938,16 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- Slimscroll --> <!-- Slimscroll -->
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script> <script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
</body> </body>
</html> </html>

84
pages/widgets.html
View File

@ -6,16 +6,16 @@
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../dist/css/AdminLTE.min.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 rel="stylesheet" href="../dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -60,7 +60,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -72,7 +72,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -84,7 +84,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Developers Developers
@ -96,7 +96,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -108,7 +108,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" /> <img src="../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -236,13 +236,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -286,7 +286,7 @@
<!-- Sidebar user panel --> <!-- Sidebar user panel -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -296,7 +296,7 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -772,7 +772,7 @@
<span class="direct-chat-name pull-left">Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
Is this template really for free? That's unbelievable! Is this template really for free? That's unbelievable!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -784,7 +784,7 @@
<span class="direct-chat-name pull-right">Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
You better believe it! You better believe it!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -796,7 +796,7 @@
<ul class="contacts-list"> <ul class="contacts-list">
<li> <li>
<a href="#"> <a href="#">
<img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" /> <img class="contacts-list-img" src="../dist/img/user1-128x128.jpg">
<div class="contacts-list-info"> <div class="contacts-list-info">
<span class="contacts-list-name"> <span class="contacts-list-name">
Count Dracula Count Dracula
@ -812,7 +812,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control" /> <input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-primary btn-flat">Send</button> <button type="button" class="btn btn-primary btn-flat">Send</button>
</span> </span>
@ -843,7 +843,7 @@
<span class="direct-chat-name pull-left">Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
Is this template really for free? That's unbelievable! Is this template really for free? That's unbelievable!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -855,7 +855,7 @@
<span class="direct-chat-name pull-right">Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
You better believe it! You better believe it!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -867,7 +867,7 @@
<ul class="contacts-list"> <ul class="contacts-list">
<li> <li>
<a href="#"> <a href="#">
<img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" /> <img class="contacts-list-img" src="../dist/img/user1-128x128.jpg">
<div class="contacts-list-info"> <div class="contacts-list-info">
<span class="contacts-list-name"> <span class="contacts-list-name">
Count Dracula Count Dracula
@ -883,7 +883,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control" /> <input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-success btn-flat">Send</button> <button type="button" class="btn btn-success btn-flat">Send</button>
</span> </span>
@ -914,7 +914,7 @@
<span class="direct-chat-name pull-left">Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
Is this template really for free? That's unbelievable! Is this template really for free? That's unbelievable!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -926,7 +926,7 @@
<span class="direct-chat-name pull-right">Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
You better believe it! You better believe it!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -938,7 +938,7 @@
<ul class="contacts-list"> <ul class="contacts-list">
<li> <li>
<a href="#"> <a href="#">
<img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" /> <img class="contacts-list-img" src="../dist/img/user1-128x128.jpg">
<div class="contacts-list-info"> <div class="contacts-list-info">
<span class="contacts-list-name"> <span class="contacts-list-name">
Count Dracula Count Dracula
@ -954,7 +954,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control" /> <input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-warning btn-flat">Send</button> <button type="button" class="btn btn-warning btn-flat">Send</button>
</span> </span>
@ -985,7 +985,7 @@
<span class="direct-chat-name pull-left">Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
Is this template really for free? That's unbelievable! Is this template really for free? That's unbelievable!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -997,7 +997,7 @@
<span class="direct-chat-name pull-right">Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
You better believe it! You better believe it!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -1009,7 +1009,7 @@
<ul class="contacts-list"> <ul class="contacts-list">
<li> <li>
<a href="#"> <a href="#">
<img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" /> <img class="contacts-list-img" src="../dist/img/user1-128x128.jpg">
<div class="contacts-list-info"> <div class="contacts-list-info">
<span class="contacts-list-name"> <span class="contacts-list-name">
Count Dracula Count Dracula
@ -1025,7 +1025,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control" /> <input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-danger btn-flat">Send</button> <button type="button" class="btn btn-danger btn-flat">Send</button>
</span> </span>
@ -1155,7 +1155,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -1165,7 +1165,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Allow mail redirect Allow mail redirect
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Other sets of options are available Other sets of options are available
@ -1175,7 +1175,7 @@
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Expose author name in posts Expose author name in posts
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Allow the user to show his name in blog posts Allow the user to show his name in blog posts
@ -1187,14 +1187,14 @@
<div class="form-group"> <div class="form-group">
<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 -->
@ -1214,16 +1214,16 @@
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../bootstrap/js/bootstrap.min.js"></script>
<!-- Slimscroll --> <!-- Slimscroll -->
<script src="../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script> <script src="../plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../plugins/fastclick/fastclick.min.js" type="text/javascript"></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"></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"></script>
</body> </body>
</html> </html>

36
starter.html
View File

@ -10,18 +10,18 @@ scratch. This page gets rid of all links and provides the needed markup only.
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="dist/css/AdminLTE.min.css">
<!-- AdminLTE Skins. We have chosen the skin-blue for this starter <!-- AdminLTE Skins. We have chosen the skin-blue for this starter
page. However, you can choose any other skin. Make sure you page. However, you can choose any other skin. Make sure you
apply the skin class to the body tag so the changes take effect. apply the skin class to the body tag so the changes take effect.
--> -->
<link href="dist/css/skins/skin-blue.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="dist/css/skins/skin-blue.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -89,7 +89,7 @@ scratch. This page gets rid of all links and provides the needed markup only.
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<!-- User Image --> <!-- User Image -->
<img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<!-- Message title and timestamp --> <!-- Message title and timestamp -->
<h4> <h4>
@ -168,14 +168,14 @@ scratch. This page gets rid of all links and provides the needed markup only.
<!-- Menu Toggle Button --> <!-- Menu Toggle Button -->
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<!-- The user image in the navbar--> <!-- The user image in the navbar-->
<img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<!-- hidden-xs hides the username on small devices so only the image appears. --> <!-- hidden-xs hides the username on small devices so only the image appears. -->
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- The user image in the menu --> <!-- The user image in the menu -->
<li class="user-header"> <li class="user-header">
<img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -221,7 +221,7 @@ scratch. This page gets rid of all links and provides the needed markup only.
<!-- Sidebar user panel (optional) --> <!-- Sidebar user panel (optional) -->
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <div class="pull-left image">
<img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<div class="pull-left info"> <div class="pull-left info">
<p>Alexander Pierce</p> <p>Alexander Pierce</p>
@ -233,7 +233,7 @@ scratch. This page gets rid of all links and provides the needed markup only.
<!-- search form (Optional) --> <!-- search form (Optional) -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." /> <input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
@ -340,7 +340,7 @@ scratch. This page gets rid of all links and provides the needed markup only.
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Report panel usage Report panel usage
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked>
</label> </label>
<p> <p>
Some information about this general settings option Some information about this general settings option
@ -358,15 +358,15 @@ scratch. This page gets rid of all links and provides the needed markup only.
<!-- REQUIRED JS SCRIPTS --> <!-- REQUIRED JS SCRIPTS -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="bootstrap/js/bootstrap.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"></script>
<!-- Optionally, you can add Slimscroll and FastClick plugins. <!-- Optionally, you can add Slimscroll and FastClick plugins.
Both of these plugins are recommended to enhance the Both of these plugins are recommended to enhance the
user experience. Slimscroll is required when using the user experience. Slimscroll is required when using the
fixed layout. --> fixed layout. -->
</body> </body>
</html> </html>