mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/IZYIM-Manufacturer.git
synced 2026-08-30 17:54:00 +00:00
CIEF Dev Team
111 lines
3.6 KiB
PHP
111 lines
3.6 KiB
PHP
<style>
|
|
.chats li{
|
|
margin-top: 0px;
|
|
margin-bottom: 10px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
}
|
|
li.date {
|
|
margin-top: 15px !important;
|
|
}
|
|
li.unread {
|
|
margin-top: 15px !important;
|
|
}
|
|
</style>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="row">
|
|
<div class="col-md-3 col-sm-12" style="margin-bottom:10px">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="portlet light portlet-fit full-height-content full-height-content-scrollable bordered">
|
|
<div class="portlet-title">
|
|
<div class="caption">
|
|
<span class="caption-subject bold font-purple-plum uppercase"> Order List </span>
|
|
</div>
|
|
<div class="inputs">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="col-md-9">
|
|
<div class="portlet-input input-inline input-small" style="margin-bottom:10px">
|
|
<div class="input-icon right">
|
|
<i class="icon-magnifier"></i>
|
|
<input type="text" class="form-control input-circle" placeholder="search...">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="btn-group" style="width:100%">
|
|
<a href="" class="btn btn-circle btn-icon-only btn-default" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
|
<span class="fa fa-filter"></span>
|
|
</a>
|
|
<ul class="dropdown-menu pull-right">
|
|
<li>
|
|
<a href="javascript:;">
|
|
<span class="label label-sm label-success"> Active </span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:;">
|
|
<span class="label label-sm label-success"> Closed </span>
|
|
</a>
|
|
</li>
|
|
<li class="active">
|
|
<a href="javascript:;">
|
|
<span class="label label-sm label-success"> Pending </span>
|
|
</a>
|
|
</li>
|
|
<li class="active">
|
|
<a href="javascript:;">
|
|
<span class="label label-sm label-success"> Cancel </span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<div class="full-height-content-body">
|
|
<div id="tree_1" class="tree-demo">
|
|
<ul id='tree_lists'>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-9 col-sm-12">
|
|
<div class="portlet light portlet-fit full-height-content full-height-content-scrollable bordered">
|
|
<div class="portlet-title">
|
|
<div class="caption">
|
|
<i class=" icon-layers font-dark"></i>
|
|
<span class="caption-subject font-dark bold uppercase">Help</span>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body" id="chats">
|
|
<div class="full-height-content-body scroller" style="position: relative">
|
|
<ul class="chats" id="general_content" style="margin-bottom:50px"></ul>
|
|
</div>
|
|
<div style="position: absolute; bottom: 0; width:calc(100% - 70px)" class="chat-form">
|
|
<div id="kasi-kosong"></div>
|
|
<div class="input-cont">
|
|
<input class="form-control" type="text" placeholder="Type a message here..." />
|
|
</div>
|
|
<div class="btn-cont">
|
|
<span class="arrow"> </span>
|
|
<a href="" class="btn blue icn-only">
|
|
<i class="fa fa-check icon-white"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |