More base setup and integration with AdminLTE
This commit is contained in:
342
public/metronic-admin_3/app_inbox_inbox.html
Normal file
342
public/metronic-admin_3/app_inbox_inbox.html
Normal file
@@ -0,0 +1,342 @@
|
||||
<table class="table table-striped table-advance table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th colspan="3">
|
||||
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||||
<input type="checkbox" class="mail-group-checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<div class="btn-group input-actions">
|
||||
<a class="btn btn-sm blue btn-outline dropdown-toggle sbold" href="javascript:;" data-toggle="dropdown"> Actions
|
||||
<i class="fa fa-angle-down"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<i class="fa fa-pencil"></i> Mark as Read </a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<i class="fa fa-ban"></i> Spam </a>
|
||||
</li>
|
||||
<li class="divider"> </li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<i class="fa fa-trash-o"></i> Delete </a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</th>
|
||||
<th class="pagination-control" colspan="3">
|
||||
<span class="pagination-info"> 1-30 of 789 </span>
|
||||
<a class="btn btn-sm blue btn-outline">
|
||||
<i class="fa fa-angle-left"></i>
|
||||
</a>
|
||||
<a class="btn btn-sm blue btn-outline">
|
||||
<i class="fa fa-angle-right"></i>
|
||||
</a>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="unread" data-messageid="1">
|
||||
<td class="inbox-small-cells">
|
||||
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||||
<input type="checkbox" class="mail-checkbox" value="1" />
|
||||
<span></span>
|
||||
</label>
|
||||
</td>
|
||||
<td class="inbox-small-cells">
|
||||
<i class="fa fa-star"></i>
|
||||
</td>
|
||||
<td class="view-message hidden-xs"> Petronas IT </td>
|
||||
<td class="view-message "> New server for datacenter needed </td>
|
||||
<td class="view-message inbox-small-cells">
|
||||
<i class="fa fa-paperclip"></i>
|
||||
</td>
|
||||
<td class="view-message text-right"> 16:30 PM </td>
|
||||
</tr>
|
||||
<tr class="unread" data-messageid="2">
|
||||
<td class="inbox-small-cells">
|
||||
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||||
<input type="checkbox" class="mail-checkbox" value="1" />
|
||||
<span></span>
|
||||
</label>
|
||||
</td>
|
||||
<td class="inbox-small-cells">
|
||||
<i class="fa fa-star"></i>
|
||||
</td>
|
||||
<td class="view-message hidden-xs"> Daniel Wong </td>
|
||||
<td class="view-message"> Please help us on customization of new secure server </td>
|
||||
<td class="view-message inbox-small-cells"> </td>
|
||||
<td class="view-message text-right"> March 15 </td>
|
||||
</tr>
|
||||
<tr data-messageid="3">
|
||||
<td class="inbox-small-cells">
|
||||
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||||
<input type="checkbox" class="mail-checkbox" value="1" />
|
||||
<span></span>
|
||||
</label>
|
||||
</td>
|
||||
<td class="inbox-small-cells">
|
||||
<i class="fa fa-star"></i>
|
||||
</td>
|
||||
<td class="view-message hidden-xs"> John Doe </td>
|
||||
<td class="view-message"> Lorem ipsum dolor sit amet </td>
|
||||
<td class="view-message inbox-small-cells"> </td>
|
||||
<td class="view-message text-right"> March 15 </td>
|
||||
</tr>
|
||||
<tr data-messageid="4">
|
||||
<td class="inbox-small-cells">
|
||||
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||||
<input type="checkbox" class="mail-checkbox" value="1" />
|
||||
<span></span>
|
||||
</label>
|
||||
</td>
|
||||
<td class="inbox-small-cells">
|
||||
<i class="fa fa-star"></i>
|
||||
</td>
|
||||
<td class="view-message hidden-xs"> Facebook </td>
|
||||
<td class="view-message"> Dolor sit amet, consectetuer adipiscing </td>
|
||||
<td class="view-message inbox-small-cells"> </td>
|
||||
<td class="view-message text-right"> March 14 </td>
|
||||
</tr>
|
||||
<tr data-messageid="5">
|
||||
<td class="inbox-small-cells">
|
||||
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||||
<input type="checkbox" class="mail-checkbox" value="1" />
|
||||
<span></span>
|
||||
</label>
|
||||
</td>
|
||||
<td class="inbox-small-cells">
|
||||
<i class="fa fa-star inbox-started"></i>
|
||||
</td>
|
||||
<td class="view-message hidden-xs"> John Doe </td>
|
||||
<td class="view-message"> Lorem ipsum dolor sit amet </td>
|
||||
<td class="view-message inbox-small-cells"> </td>
|
||||
<td class="view-message text-right"> March 15 </td>
|
||||
</tr>
|
||||
<tr data-messageid="6">
|
||||
<td class="inbox-small-cells">
|
||||
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||||
<input type="checkbox" class="mail-checkbox" value="1" />
|
||||
<span></span>
|
||||
</label>
|
||||
</td>
|
||||
<td class="inbox-small-cells">
|
||||
<i class="fa fa-star inbox-started"></i>
|
||||
</td>
|
||||
<td class="view-message hidden-xs"> Facebook </td>
|
||||
<td class="view-message"> Dolor sit amet, consectetuer adipiscing </td>
|
||||
<td class="view-message inbox-small-cells">
|
||||
<i class="fa fa-paperclip"></i>
|
||||
</td>
|
||||
<td class="view-message text-right"> March 14 </td>
|
||||
</tr>
|
||||
<tr data-messageid="7">
|
||||
<td class="inbox-small-cells">
|
||||
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||||
<input type="checkbox" class="mail-checkbox" value="1" />
|
||||
<span></span>
|
||||
</label>
|
||||
</td>
|
||||
<td class="inbox-small-cells">
|
||||
<i class="fa fa-star inbox-started"></i>
|
||||
</td>
|
||||
<td class="view-message hidden-xs"> John Doe </td>
|
||||
<td class="view-message"> Lorem ipsum dolor sit amet </td>
|
||||
<td class="view-message inbox-small-cells">
|
||||
<i class="fa fa-paperclip"></i>
|
||||
</td>
|
||||
<td class="view-message text-right"> March 15 </td>
|
||||
</tr>
|
||||
<tr data-messageid="8">
|
||||
<td class="inbox-small-cells">
|
||||
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||||
<input type="checkbox" class="mail-checkbox" value="1" />
|
||||
<span></span>
|
||||
</label>
|
||||
</td>
|
||||
<td class="inbox-small-cells">
|
||||
<i class="fa fa-star"></i>
|
||||
</td>
|
||||
<td class="view-message hidden-xs"> Facebook </td>
|
||||
<td class="view-message view-message"> Dolor sit amet, consectetuer adipiscing </td>
|
||||
<td class="view-message inbox-small-cells"> </td>
|
||||
<td class="view-message text-right"> March 14 </td>
|
||||
</tr>
|
||||
<tr data-messageid="9">
|
||||
<td class="inbox-small-cells">
|
||||
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||||
<input type="checkbox" class="mail-checkbox" value="1" />
|
||||
<span></span>
|
||||
</label>
|
||||
</td>
|
||||
<td class="inbox-small-cells">
|
||||
<i class="fa fa-star"></i>
|
||||
</td>
|
||||
<td class="view-message hidden-xs"> John Doe </td>
|
||||
<td class="view-message view-message"> Lorem ipsum dolor sit amet </td>
|
||||
<td class="view-message inbox-small-cells"> </td>
|
||||
<td class="view-message text-right"> March 15 </td>
|
||||
</tr>
|
||||
<tr data-messageid="10">
|
||||
<td class="inbox-small-cells">
|
||||
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||||
<input type="checkbox" class="mail-checkbox" value="1" />
|
||||
<span></span>
|
||||
</label>
|
||||
</td>
|
||||
<td class="inbox-small-cells">
|
||||
<i class="fa fa-star"></i>
|
||||
</td>
|
||||
<td class="view-message hidden-xs"> Facebook </td>
|
||||
<td class="view-message view-message"> Dolor sit amet, consectetuer adipiscing </td>
|
||||
<td class="view-message inbox-small-cells"> </td>
|
||||
<td class="view-message text-right"> March 14 </td>
|
||||
</tr>
|
||||
<tr data-messageid="11">
|
||||
<td class="inbox-small-cells">
|
||||
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||||
<input type="checkbox" class="mail-checkbox" value="1" />
|
||||
<span></span>
|
||||
</label>
|
||||
</td>
|
||||
<td class="inbox-small-cells">
|
||||
<i class="fa fa-star inbox-started"></i>
|
||||
</td>
|
||||
<td class="view-message hidden-xs"> John Doe </td>
|
||||
<td class="view-message"> Lorem ipsum dolor sit amet </td>
|
||||
<td class="view-message inbox-small-cells"> </td>
|
||||
<td class="view-message text-right"> March 15 </td>
|
||||
</tr>
|
||||
<tr data-messageid="12">
|
||||
<td class="inbox-small-cells">
|
||||
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||||
<input type="checkbox" class="mail-checkbox" value="1" />
|
||||
<span></span>
|
||||
</label>
|
||||
</td>
|
||||
<td class="inbox-small-cells">
|
||||
<i class="fa fa-star inbox-started"></i>
|
||||
</td>
|
||||
<td class="hidden-xs"> Facebook </td>
|
||||
<td class="view-message"> Dolor sit amet, consectetuer adipiscing </td>
|
||||
<td class="view-message inbox-small-cells">
|
||||
<i class="fa fa-paperclip"></i>
|
||||
</td>
|
||||
<td class="view-message text-right"> March 14 </td>
|
||||
</tr>
|
||||
<tr data-messageid="13">
|
||||
<td class="inbox-small-cells">
|
||||
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||||
<input type="checkbox" class="mail-checkbox" value="1" />
|
||||
<span></span>
|
||||
</label>
|
||||
</td>
|
||||
<td class="inbox-small-cells">
|
||||
<i class="fa fa-star"></i>
|
||||
</td>
|
||||
<td class="view-message hidden-xs"> John Doe </td>
|
||||
<td class="view-message"> Lorem ipsum dolor sit amet </td>
|
||||
<td class="view-message inbox-small-cells">
|
||||
<i class="fa fa-paperclip"></i>
|
||||
</td>
|
||||
<td class="view-message text-right"> March 15 </td>
|
||||
</tr>
|
||||
<tr data-messageid="14">
|
||||
<td class="inbox-small-cells">
|
||||
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||||
<input type="checkbox" class="mail-checkbox" value="1" />
|
||||
<span></span>
|
||||
</label>
|
||||
</td>
|
||||
<td class="inbox-small-cells">
|
||||
<i class="fa fa-star"></i>
|
||||
</td>
|
||||
<td class="hidden-xs"> Facebook </td>
|
||||
<td class="view-message view-message"> Dolor sit amet, consectetuer adipiscing </td>
|
||||
<td class="view-message inbox-small-cells"> </td>
|
||||
<td class="view-message text-right"> March 14 </td>
|
||||
</tr>
|
||||
<tr data-messageid="15">
|
||||
<td class="inbox-small-cells">
|
||||
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||||
<input type="checkbox" class="mail-checkbox" value="1" />
|
||||
<span></span>
|
||||
</label>
|
||||
</td>
|
||||
<td class="inbox-small-cells">
|
||||
<i class="fa fa-star"></i>
|
||||
</td>
|
||||
<td class="view-message hidden-xs"> John Doe </td>
|
||||
<td class="view-message"> Lorem ipsum dolor sit amet </td>
|
||||
<td class="view-message inbox-small-cells"> </td>
|
||||
<td class="view-message text-right"> March 15 </td>
|
||||
</tr>
|
||||
<tr data-messageid="16">
|
||||
<td class="inbox-small-cells">
|
||||
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||||
<input type="checkbox" class="mail-checkbox" value="1" />
|
||||
<span></span>
|
||||
</label>
|
||||
</td>
|
||||
<td class="inbox-small-cells">
|
||||
<i class="fa fa-star"></i>
|
||||
</td>
|
||||
<td class="view-message hidden-xs"> Facebook </td>
|
||||
<td class="view-message"> Dolor sit amet, consectetuer adipiscing </td>
|
||||
<td class="view-message inbox-small-cells"> </td>
|
||||
<td class="view-message text-right"> March 14 </td>
|
||||
</tr>
|
||||
<tr data-messageid="17">
|
||||
<td class="inbox-small-cells">
|
||||
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||||
<input type="checkbox" class="mail-checkbox" value="1" />
|
||||
<span></span>
|
||||
</label>
|
||||
</td>
|
||||
<td class="inbox-small-cells">
|
||||
<i class="fa fa-star inbox-started"></i>
|
||||
</td>
|
||||
<td class="view-message hidden-xs"> John Doe </td>
|
||||
<td class="view-message"> Lorem ipsum dolor sit amet </td>
|
||||
<td class="view-message inbox-small-cells"> </td>
|
||||
<td class="view-message text-right"> March 15 </td>
|
||||
</tr>
|
||||
<tr data-messageid="18">
|
||||
<td class="inbox-small-cells">
|
||||
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||||
<input type="checkbox" class="mail-checkbox" value="1" />
|
||||
<span></span>
|
||||
</label>
|
||||
</td>
|
||||
<td class="inbox-small-cells">
|
||||
<i class="fa fa-star"></i>
|
||||
</td>
|
||||
<td class="view-message hidden-xs"> Facebook </td>
|
||||
<td class="view-message view-message"> Dolor sit amet, consectetuer adipiscing </td>
|
||||
<td class="view-message inbox-small-cells">
|
||||
<i class="fa fa-paperclip"></i>
|
||||
</td>
|
||||
<td class="view-message text-right"> March 14 </td>
|
||||
</tr>
|
||||
<tr data-messageid="19">
|
||||
<td class="inbox-small-cells">
|
||||
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||||
<input type="checkbox" class="mail-checkbox" value="1" />
|
||||
<span></span>
|
||||
</label>
|
||||
</td>
|
||||
<td class="inbox-small-cells">
|
||||
<i class="fa fa-star"></i>
|
||||
</td>
|
||||
<td class="view-message hidden-xs"> John Doe </td>
|
||||
<td class="view-message"> Lorem ipsum dolor sit amet </td>
|
||||
<td class="view-message inbox-small-cells">
|
||||
<i class="fa fa-paperclip"></i>
|
||||
</td>
|
||||
<td class="view-message text-right"> March 15 </td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
Reference in New Issue
Block a user