edit sikit

This commit is contained in:
Hazirah Nabilah
2017-09-29 14:29:33 +08:00
parent 5a4dfcc99a
commit 0c0c2137b0
+134 -83
View File
@@ -96,6 +96,9 @@
.media-object-4 {
width: 35px;
}
tr.eror {
border: 2px solid red;
}
</style>
</head>
<!-- END HEAD -->
@@ -407,6 +410,16 @@
<div class="tab-content">
<div class="tab-pane active" id="tab_1_1_1">
<ul class="chats">
<li class="in">
<a style="float:left" data-toggle="modal" href="#profile"> Bob Nilson </a>
<br>
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar1.jpg" />
<div class="message">
<span class="arrow"> </span>
<span class="body"><strong> Decision requested</strong> <a data-toggle="modal" href="#request">View</a> <br/> <a href="#url">Reply</a> <a href="#url">Recall</a> </span>
<span class="datetime" style="float:right"> 20:30 </span>
</div>
</li>
<li class="out">
<a style="float:right" data-toggle="modal" href="#profile">Lisa Wong </a>
<br>
@@ -591,93 +604,41 @@
<span class="datetime" style="float:left"> 20:33 </span>
</div>
</li>
<li class="out">
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
<div class="message">
<span class="arrow"> </span>
<a href="javascript:;" class="name"> Lisa Wong </a>
<span class="datetime"> at 20:11 </span>
<span class="body"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>
</div>
</li>
<li class="out">
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
<div class="message">
<span class="arrow"> </span>
<a href="javascript:;" class="name"> Lisa Wong </a>
<span class="datetime"> at 20:11 </span>
<span class="body"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>
</div>
</li>
</ul>
<div class="chat-form">
<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>
</ul>
</div>
<div class="tab-pane" id="tab_1_1_2">
<ul class="chats">
<li class="in">
<a style="float:right" data-toggle="modal" href="#profile"> Bob Nilson </a>
<br>
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar1.jpg" />
<div class="message">
<span class="arrow"> </span>
<span class="body"> Hi. </span>
<span class="datetime" style="float:right"> 20:30 </span>
</div>
</li>
<li class="out">
<a style="float:right" data-toggle="modal" href="#profile"> Richard Doe </a>
<br>
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
<div class="message">
<span class="arrow"> </span>
<span class="body"> Bye. </span>
<span class="datetime" style="float:left"> 20:33 </span>
</div>
</li>
</ul>
</div>
</div>
<!--
<div class="portlet-body">
<div class="scroller" style="height: 300px;" data-always-visible="1" data-rail-visible="0">
<ul class="feeds">
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-info">
<i class="fa fa-money"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc"> CIEF updated their currency on <strong>05/08/2017 13:12</strong> for <strong>MYR</strong> currency. The new rate are <strong>Buy 1.6</strong> and <strong>Sell 1.605</strong>.</div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> Just now </div>
</div>
</li>
<li>
<a href="javascript:;">
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-success">
<i class="fa fa-money"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc"> ABC updated their currency on <strong>05/08/2017 12:52</strong> for <strong>USD</strong> currency. The new rate are <strong>Buy 1.59</strong> and <strong>Sell 1.60</strong>.</div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 20 mins </div>
</div>
</a>
</li>
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-danger">
<i class="fa fa-money"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc"> ABC updated their currency on <strong>05/08/2017 13:48</strong> for <strong>HKD</strong> currency. The new rate are <strong>Buy 1.59</strong> and <strong>Sell 1.60</strong>.</div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 24 mins </div>
</div>
</li>
</ul>
</div>
</div>
-->
</div>
</div>
@@ -689,6 +650,96 @@
<!-- END CONTENT -->
</div>
<!-- END CONTENT BODY -->
<div class="modal fade in " id="request" tabindex="-1" role="basic" aria-hidden="true" style="z-index:999999;">
<div class="modal-dialog modal-lg ">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
<div class="caption">
<h3><i class='fa fa-question'></i>Decision Request</h3>
</div>
</div>
<div class="modal-body">
<div class="portlet light bordered">
<form role="form" action="#">
<div class="form-group">
<br/>
<h2><strong>Unmatch Measurement</strong></h2>
<div class="portlet-body">
<table class="table table-bordered table-hover">
<thead>
<tr >
<th width="5">No</th>
<th width="10">Total Ctn (nominal)</th>
<th width="10">Measurement (nominal)</th>
<th width="10">Weight (nominal)</th>
<th width="5">Total Ctn (actual)</th>
<th width="10">Measurement (actual)</th>
<th width="10">Weight (actual)</th>
<th width="10">Photo Reference</th>
</tr>
</thead>
<tbody>
<tr class="eror" >
<td>1</td>
<td>4</td>
<td>40x40x40</td>
<td>10kg</td>
<td ><a href="javascript:void(0)" id="totalctn" data-type="text" data-pk="1" data-original-title="Total Ctn"> 3 </a></td>
<td><a href="javascript:void(0)" id="measurement" data-type="text" data-pk="1" data-original-title="Measurement"> 30 x 30 x 30 </a></td>
<td><a href="javascript:void(0)" id="weight" data-type="text" data-pk="1" data-original-title="Weight"> 9.8kg </a></td>
<td>
<div>
<span><img class="img-responsive" src="../assets/pages/media/works/img7.jpg" alt="" style="width: 50%; height: 50%"></span>
</div>
</td>
</tr>
<tr>
<td>2</td>
<td>4</td>
<td>40x40x40</td>
<td>10kg</td>
<td><a href="javascript:void(0)" id="totalctn2" data-type="text" data-pk="1" data-original-title="Total Ctn"> 4 </a></td>
<td><a href="javascript:void(0)" id="measurement2" data-type="text" data-pk="1" data-original-title="Measurement"> 40 x 40 x 40 </a></td>
<td><a href="javascript:void(0)" id="weight2" data-type="text" data-pk="1" data-original-title="Weight"> 9.8kg </a></td>
<td>
<div>
<span><img class="img-responsive" src="../assets/pages/media/works/img8.jpg" alt="" style="width: 50%; height: 50%"></span>
</div>
</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
<td>40x40x40</td>
<td>10kg</td>
<td><a href="javascript:void(0)" id="totalctn3" data-type="text" data-pk="1" data-original-title="Total Ctn"> 4 </a></td>
<td><a href="javascript:void(0)" id="measurement3" data-type="text" data-pk="1" data-original-title="Measurement"> 40 x 40 x 40 </a></td>
<td><a href="javascript:void(0)" id="weight3" data-type="text" data-pk="1" data-original-title="Weight"> 9.8kg </a></td>
<td>
<div>
<span><img class="img-responsive" src="../assets/pages/media/works/img9.jpg" alt="" style="width: 50%; height: 50%"></span>
</div>
</td>
</tr>
</tbody>
</table>
<div class="modal-footer">
<button type="button" class="btn green" onclick="confirm('Thank you. Will proceed with your order.')" data-dismiss="modal" >Yes</button>
<button type="button" class="btn dark btn-outline" data-dismiss="modal">No</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="chat" tabindex="-1" role="chat" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">