lisone/AdminLTE
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Formatting Documentation Build files

Browse Source
This commit is contained in:
Dennis Neufeld
2015-08-04 18:19:39 +02:00
parent 30e6e1f034
commit a981cb8e54
15 changed files with 248 additions and 248 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,6 @@
<section id='components' data-spy="scroll" data-target="#scrollspy-components">
<h2 class='page-header'><a href="#components">Components</a></h2>
<div class='callout callout-info lead'>
<section id="components" data-spy="scroll" data-target="#scrollspy-components">
<h2 class="page-header"><a href="#components">Components</a></h2>
<div class="callout callout-info lead">
<h4>Reminder!</h4>
<p>
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.
</p>
</div>
<div class='callout callout-danger lead'>
<div class="callout callout-danger lead">
<h4>Tip!</h4>
<p>
If you go through the example pages and would like to copy a component, right-click on
@@ -16,8 +16,8 @@
the HTML page.
</p>
</div>
<h3 id='component-main-header'>Main Header</h3>
<p class='lead'>The main header contains the logo and navbar. Construction of the
<h3 id="component-main-header">Main Header</h3>
<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.
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>
@@ -26,7 +26,7 @@
<span class="eg">Main Header Example</span>
<header class="main-header" style="position: relative;">
<!-- 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 -->
<nav class="navbar" role="navigation" style="border: 0;max-height: 50px;">
<!-- Sidebar toggle button-->
@@ -50,7 +50,7 @@
<li><!-- start message -->
<a href="#">
<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>
<h4>
Support Team
@@ -119,7 +119,7 @@
<!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu">
<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>
</a>
<ul class="dropdown-menu">
@@ -160,7 +160,7 @@
</header>
</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;!-- LOGO -->
AdminLTE
@@ -184,7 +184,7 @@
&LT;li>&LT;!-- start message -->
&LT;a href="#">
&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;h4>
Sender Name
@@ -256,7 +256,7 @@
&LT;!-- User Account: style can be found in dropdown.less -->
&LT;li class="dropdown user user-menu">
&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;/a>
&LT;ul class="dropdown-menu">
@@ -355,7 +355,7 @@
</header>
</div>
</div>
<pre class='prettyprint'>
<pre class="prettyprint">
&LT;header class="main-header">
&LT;nav class="navbar navbar-static-top">
&LT;div class="container-fluid">
@@ -409,7 +409,7 @@
<!-- ===================================================================== -->
<h3 id='component-sidebar'>Sidebar</h3>
<h3 id="component-sidebar">Sidebar</h3>
<p class="lead">
The sidebar used in this page to the left provides an example of what your sidebar should like.
Construction of a sidebar:
@@ -433,9 +433,9 @@
&LT;!-- Search Form (Optional) -->
&LT;form action="#" method="get" class="sidebar-form">
&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;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;/div>
&LT;/form>&LT;!-- /.sidebar-form -->
@@ -483,7 +483,7 @@
&LT;!-- This div must placed right after the sidebar for it to work-->
&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
automatically act as the toggle button.</p>
@@ -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>
<!-- ===================================================================== -->
<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
use it for anything from displaying charts to just blocks of text. It comes in many different
styles that we will explore below.</p>
@@ -932,7 +932,7 @@
<h3 class="box-title">Input</h3>
<div class="box-tools pull-right">
<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>
</div>
</div><!-- /.box-tools -->
@@ -947,7 +947,7 @@
&LT;h3 class="box-title">Input&LT;/h3>
&LT;div class="box-tools pull-right">
&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;/div>
&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
the collapse/remove buttons explicitly by calling <code>.activateBox()</code>:
</p>
<pre class='prettyprint'><code class='html'>&LT;script>
<pre class="prettyprint"><code class="html">&LT;script>
$("#box-widget").activateBox();
&LT;/script></code></pre>
@@ -1045,7 +1045,7 @@
<div class="box-header with-border">
<h3 class="box-title">Direct Chat</h3>
<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-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>
@@ -1056,9 +1056,9 @@
<div class="direct-chat-messages">
<!-- Message. Default to the left -->
<div class="direct-chat-msg">
<div class='direct-chat-info clearfix'>
<span class='direct-chat-name pull-left'>Alexander Pierce</span>
<span class='direct-chat-timestamp pull-right'>23 Jan 2:00 pm</span>
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text">
@@ -1068,9 +1068,9 @@
<!-- Message to the right -->
<div class="direct-chat-msg right">
<div class='direct-chat-info clearfix'>
<span class='direct-chat-name pull-right'>Sarah Bullock</span>
<span class='direct-chat-timestamp pull-left'>23 Jan 2:05 pm</span>
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text">
@@ -1081,16 +1081,16 @@
<!-- Contacts are loaded here -->
<div class="direct-chat-contacts">
<ul class='contacts-list'>
<ul class="contacts-list">
<li>
<a href='#'>
<img class='contacts-list-img' src='../dist/img/user1-128x128.jpg' alt="Contact Avatar"/>
<div class='contacts-list-info'>
<span class='contacts-list-name'>
<a href="#">
<img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar" />
<div class="contacts-list-info">
<span class="contacts-list-name">
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 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 -->
</a>
</li><!-- End Contact Item -->
@@ -1100,7 +1100,7 @@
<div class="box-footer">
<form action="#" method="post">
<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">
<button type="button" class="btn btn-primary btn-flat">Send</button>
</span>
@@ -1116,7 +1116,7 @@
<div class="box-header with-border">
<h3 class="box-title">Direct Chat</h3>
<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-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>
@@ -1127,9 +1127,9 @@
<div class="direct-chat-messages">
<!-- Message. Default to the left -->
<div class="direct-chat-msg">
<div class='direct-chat-info clearfix'>
<span class='direct-chat-name pull-left'>Alexander Pierce</span>
<span class='direct-chat-timestamp pull-right'>23 Jan 2:00 pm</span>
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text">
@@ -1139,9 +1139,9 @@
<!-- Message to the right -->
<div class="direct-chat-msg right">
<div class='direct-chat-info clearfix'>
<span class='direct-chat-name pull-right'>Sarah Bullock</span>
<span class='direct-chat-timestamp pull-left'>23 Jan 2:05 pm</span>
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text">
@@ -1152,16 +1152,16 @@
<!-- Contacts are loaded here -->
<div class="direct-chat-contacts">
<ul class='contacts-list'>
<ul class="contacts-list">
<li>
<a href='#'>
<img class='contacts-list-img' src='../dist/img/user1-128x128.jpg' alt="Contact Avatar"/>
<div class='contacts-list-info'>
<span class='contacts-list-name'>
<a href="#">
<img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar" />
<div class="contacts-list-info">
<span class="contacts-list-name">
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 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 -->
</a>
</li><!-- End Contact Item -->
@@ -1171,7 +1171,7 @@
<div class="box-footer">
<form action="#" method="post">
<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">
<button type="button" class="btn btn-success btn-flat">Send</button>
</span>
@@ -1187,7 +1187,7 @@
<div class="box-header with-border">
<h3 class="box-title">Direct Chat</h3>
<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-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>
@@ -1198,9 +1198,9 @@
<div class="direct-chat-messages">
<!-- Message. Default to the left -->
<div class="direct-chat-msg">
<div class='direct-chat-info clearfix'>
<span class='direct-chat-name pull-left'>Alexander Pierce</span>
<span class='direct-chat-timestamp pull-right'>23 Jan 2:00 pm</span>
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text">
@@ -1210,9 +1210,9 @@
<!-- Message to the right -->
<div class="direct-chat-msg right">
<div class='direct-chat-info clearfix'>
<span class='direct-chat-name pull-right'>Sarah Bullock</span>
<span class='direct-chat-timestamp pull-left'>23 Jan 2:05 pm</span>
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text">
@@ -1223,16 +1223,16 @@
<!-- Contacts are loaded here -->
<div class="direct-chat-contacts">
<ul class='contacts-list'>
<ul class="contacts-list">
<li>
<a href='#'>
<img class='contacts-list-img' src='../dist/img/user1-128x128.jpg' alt="Contact Avatar"/>
<div class='contacts-list-info'>
<span class='contacts-list-name'>
<a href="#">
<img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar" />
<div class="contacts-list-info">
<span class="contacts-list-name">
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 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 -->
</a>
</li><!-- End Contact Item -->
@@ -1242,7 +1242,7 @@
<div class="box-footer">
<form action="#" method="post">
<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">
<button type="button" class="btn btn-warning btn-flat">Send</button>
</span>
@@ -1258,7 +1258,7 @@
<div class="box-header with-border">
<h3 class="box-title">Direct Chat</h3>
<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-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>
@@ -1269,9 +1269,9 @@
<div class="direct-chat-messages">
<!-- Message. Default to the left -->
<div class="direct-chat-msg">
<div class='direct-chat-info clearfix'>
<span class='direct-chat-name pull-left'>Alexander Pierce</span>
<span class='direct-chat-timestamp pull-right'>23 Jan 2:00 pm</span>
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text">
@@ -1281,9 +1281,9 @@
<!-- Message to the right -->
<div class="direct-chat-msg right">
<div class='direct-chat-info clearfix'>
<span class='direct-chat-name pull-right'>Sarah Bullock</span>
<span class='direct-chat-timestamp pull-left'>23 Jan 2:05 pm</span>
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text">
@@ -1294,16 +1294,16 @@
<!-- Contacts are loaded here -->
<div class="direct-chat-contacts">
<ul class='contacts-list'>
<ul class="contacts-list">
<li>
<a href='#'>
<img class='contacts-list-img' src='../dist/img/user1-128x128.jpg' alt="Contact Avatar"/>
<div class='contacts-list-info'>
<span class='contacts-list-name'>
<a href="#">
<img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar" />
<div class="contacts-list-info">
<span class="contacts-list-name">
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 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 -->
</a>
</li><!-- End Contact Item -->
@@ -1313,7 +1313,7 @@
<div class="box-footer">
<form action="#" method="post">
<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">
<button type="button" class="btn btn-danger btn-flat">Send</button>
</span>
@@ -1332,7 +1332,7 @@
&LT;div class="box-header with-border">
&LT;h3 class="box-title">Direct Chat&LT;/h3>
&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;-- 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>
@@ -1344,9 +1344,9 @@
&LT;div class="direct-chat-messages">
&LT;!-- Message. Default to the left -->
&LT;div class="direct-chat-msg">
&LT;div class='direct-chat-info clearfix'>
&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;div class="direct-chat-info clearfix">
&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;/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;div class="direct-chat-text">
@@ -1356,9 +1356,9 @@
&LT;!-- Message to the right -->
&LT;div class="direct-chat-msg right">
&LT;div class='direct-chat-info clearfix'>
&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;div class="direct-chat-info clearfix">
&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;/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;div class="direct-chat-text">
@@ -1369,16 +1369,16 @@
&LT;!-- Contacts are loaded here -->
&LT;div class="direct-chat-contacts">
&LT;ul class='contacts-list'>
&LT;ul class="contacts-list">
&LT;li>
&LT;a href='#'>
&LT;img class='contacts-list-img' src='../dist/img/user1-128x128.jpg' alt="Contact Avatar"/>
&LT;div class='contacts-list-info'>
&LT;span class='contacts-list-name'>
&LT;a href="#">
&LT;img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar" />
&LT;div class="contacts-list-info">
&LT;span class="contacts-list-name">
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 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;/a>
&LT;/li>&LT;!-- End Contact Item -->
@@ -1387,7 +1387,7 @@
&LT;/div>&LT;!-- /.box-body -->
&LT;div class="box-footer">
&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;button type="button" class="btn btn-danger btn-flat">Send&LT;/button>
&LT;/span>
@@ -1406,7 +1406,7 @@
<div class="box-header">
<h3 class="box-title">Direct Chat in a Solid Box</h3>
<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-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>
@@ -1417,9 +1417,9 @@
<div class="direct-chat-messages">
<!-- Message. Default to the left -->
<div class="direct-chat-msg">
<div class='direct-chat-info clearfix'>
<span class='direct-chat-name pull-left'>Alexander Pierce</span>
<span class='direct-chat-timestamp pull-right'>23 Jan 2:00 pm</span>
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text">
@@ -1429,9 +1429,9 @@
<!-- Message to the right -->
<div class="direct-chat-msg right">
<div class='direct-chat-info clearfix'>
<span class='direct-chat-name pull-right'>Sarah Bullock</span>
<span class='direct-chat-timestamp pull-left'>23 Jan 2:05 pm</span>
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text">
@@ -1442,16 +1442,16 @@
<!-- Contacts are loaded here -->
<div class="direct-chat-contacts">
<ul class='contacts-list'>
<ul class="contacts-list">
<li>
<a href='#'>
<img class='contacts-list-img' src='../dist/img/user1-128x128.jpg' alt="Contact Avatar"/>
<div class='contacts-list-info'>
<span class='contacts-list-name'>
<a href="#">
<img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar" />
<div class="contacts-list-info">
<span class="contacts-list-name">
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 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 -->
</a>
</li><!-- End Contact Item -->
@@ -1461,7 +1461,7 @@
<div class="box-footer">
<form action="#" method="post">
<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">
<button type="button" class="btn btn-primary btn-flat">Send</button>
</span>
@@ -1477,7 +1477,7 @@
<div class="box-header">
<h3 class="box-title">Direct Chat in a Solid Box</h3>
<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-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>
@@ -1488,9 +1488,9 @@
<div class="direct-chat-messages">
<!-- Message. Default to the left -->
<div class="direct-chat-msg">
<div class='direct-chat-info clearfix'>
<span class='direct-chat-name pull-left'>Alexander Pierce</span>
<span class='direct-chat-timestamp pull-right'>23 Jan 2:00 pm</span>
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text">
@@ -1500,9 +1500,9 @@
<!-- Message to the right -->
<div class="direct-chat-msg right">
<div class='direct-chat-info clearfix'>
<span class='direct-chat-name pull-right'>Sarah Bullock</span>
<span class='direct-chat-timestamp pull-left'>23 Jan 2:05 pm</span>
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text">
@@ -1513,16 +1513,16 @@
<!-- Contacts are loaded here -->
<div class="direct-chat-contacts">
<ul class='contacts-list'>
<ul class="contacts-list">
<li>
<a href='#'>
<img class='contacts-list-img' src='../dist/img/user1-128x128.jpg' alt="Contact Avatar"/>
<div class='contacts-list-info'>
<span class='contacts-list-name'>
<a href="#">
<img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar" />
<div class="contacts-list-info">
<span class="contacts-list-name">
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 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 -->
</a>
</li><!-- End Contact Item -->
@@ -1532,7 +1532,7 @@
<div class="box-footer">
<form action="#" method="post">
<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">
<button type="button" class="btn btn-info btn-flat">Send</button>
</span>
@@ -1542,4 +1542,4 @@
</div><!--/.direct-chat -->
</div><!-- /.col -->
</div><!-- /.row -->
</section>
</section>