This commit is contained in:
Syed Amir
2017-09-07 16:48:54 +08:00
5 changed files with 2414 additions and 68 deletions
+3 -2
View File
@@ -96,6 +96,7 @@
.media-object-4 {
width: 35px;
}
tr.eror{ border: 2px solid red; }
</style>
</head>
<!-- END HEAD -->
@@ -1063,12 +1064,12 @@
</tr>
</thead>
<tbody>
<tr bgcolor="#FF0000">
<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"> 4 </a></td>
<td ><a href="javascript:void(0)" id="totalctn" data-type="text" data-pk="1" data-original-title="Total Ctn"> 4 </a></td>
<td><a href="javascript:void(0)" id="measurement" data-type="text" data-pk="1" data-original-title="Measurement"> 40 x 40 x 40 </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>
File diff suppressed because it is too large Load Diff
+432 -48
View File
@@ -759,7 +759,7 @@
<div class="col-md-offset-5 col-md-9">
<a href="javascript:;" class="btn default button-previous">
<i class="fa fa-angle-left"></i> Back </a>
<a href="chat.html" class="btn green button-submit"> Submit
<a href="javascript:window.open('decisionmaking.html', 'Track Order', 'width=1000,height=600');" class="btn green button-submit"> Submit
</a>
</div>
</div>
@@ -773,10 +773,16 @@
<div class="row">
<div class="col-md-offset-5 col-md-9">
<a href="javascript:;" class="btn btn-outline green button-next"> Submit</a>
<button type="button" class="btn btn-outline green button-next" data-container="body" data-toggle="popover" data-placement="top" data-html="true" data-content="<button type='button' class='btn btn-outline green button-next'></button>
<script>
$('#testing').click(function(){$('#decision').modal('show');})
</script>
"><i class="fa fa-plus-square" aria-hidden="true"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@@ -792,65 +798,441 @@
<!-- END CONTENT BODY -->
</div>
<!-- END CONTENT -->
<div class="modal fade" id="profile" tabindex="-1" role="profile" aria-hidden="true">
<div class="portlet-body">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div class="form-body">
<div class="form-group">
<!-- PERSONAL INFO TAB -->
<div align="center">
</div>
<div class="tab-pane active" id="tab_1_1">
<div class="portlet light bordered">
<div class="portlet-title">
<div class="caption">
<i class="icon-social-dribbble font-green hide"></i>
<span class="caption-subject font-dark bold uppercase">Consolidation</span>
</div>
</div>
<div class="portlet light bordered">
<div class="portlet-title">
<div class="caption">
<i class="icon-social-dribbble font-green hide"></i>
<span class="caption-subject font-dark bold uppercase">Customs Examination</span>
</div>
</div>
<div class="portlet-body">
<br>
<p>Customs Examination Departure Port</p>
<br>
<p class="caption-subject font-red">New ETD :
<input type="date" name="">
</p>
<p class="caption-subject font-red">New ETA :
<input type="date" name="">
</p>
<br>
<p>Customs Examination Arrival Port</p>
<br>
<p class="caption-subject font-red">Release Date :
<input type="date" name="">
</p>
<div class="row">
<div class="col-md-offset-4 col-md-9">
<a href="javascript:;" class="btn btn-outline green button-next"> Submit</a>
<button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
<!-- Modal -->
<div class="modal fade in " id="decision" 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 Making</h3>
</div>
</div>
<div class="modal-body">
<div class="form">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>Issue</label>
<select id="folder" class="form-control" onchange="show_hide(this);">
<option>Please Select</option>
<option value="damage">Damage</option>
<option value="unmatch">Unmatch </option>
<option value="others">Others</option>
</select>
<div class="tab-pane active" id="issue1" style="display: none;">
<form role="form" action="#">
<br/>
<div class="form-group">
<label class="control-label">Order No.</label>
<select class="form-control select2">
<optgroup label="Order No">
<option>Please choose your order</option>
<option value="000">00012</option>
<option value="001">00114</option>
<option value="002">00216</option>
<option value="004">00418</option>
<option value="006">00624</option>
<option value="183">18332</option>
<option value="187">18742</option>
<option value="197">19745</option>
<option value="256">25654</option>
<option value="287">28782</option>
<option value="348">34829</option>
<option value="368">36894</option>
<option value="380">38090</option>
<option value="426">42679</option>
<option value="448">44895</option>
<option value="468">46894</option>
<option value="489">48939</option>
<option value="578">57839</option>
</optgroup>
</select>
<br/>
<div>
<div class="form-group">
<div class="fileinput fileinput-new" data-provides="fileinput">
<div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
<img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&amp;text=no+image" alt="" />
</div>
<div>
<span class="fileinput-new"></span>
<span class="fileinput-exists"></span>
<input type="file" name="...">
</div>
<br/>
<div class="form-group">
<label>Problem</label>
<textarea class="form-control" rows="3"></textarea>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
<button type="button" class="btn green" data-dismiss="modal">Send</button>
</div>
</div>
</div>
</div>
</form>
</div>
<div class="tab-pane active" id="issue2" style="display: none;">
<form role="form" action="#">
<br/>
<div class="form-group">
<label class="control-label">Order No.</label>
<select class="form-control select2">
<optgroup label="Order No">
<option>Please choose your order</option>
<option value="000">00012</option>
<option value="001">00114</option>
<option value="002">00216</option>
<option value="004">00418</option>
<option value="006">00624</option>
<option value="183">18332</option>
<option value="187">18742</option>
<option value="197">19745</option>
<option value="256">25654</option>
<option value="287">28782</option>
<option value="348">34829</option>
<option value="368">36894</option>
<option value="380">38090</option>
<option value="426">42679</option>
<option value="448">44895</option>
<option value="468">46894</option>
<option value="489">48939</option>
<option value="578">57839</option>
</optgroup>
</select>
<br/>
<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 bgcolor="#FF0000">
<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"> 4 </a></td>
<td><a href="javascript:void(0)" id="measurement" data-type="text" data-pk="1" data-original-title="Measurement"> 40 x 40 x 40 </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 dark btn-outline" data-dismiss="modal">Cancel</button>
<button type="button" class="btn green" data-dismiss="modal">Send</button>
</div>
</div>
</div>
</form>
</div>
<div class="tab-pane active" id="issue3" style="display: none;">
<form role="form" action="#">
<br/>
<div class="form-group">
<label class="control-label">Order No.</label>
<select class="form-control select2">
<optgroup label="Order No">
<option>Please choose your order</option>
<option value="000">00012</option>
<option value="001">00114</option>
<option value="002">00216</option>
<option value="004">00418</option>
<option value="006">00624</option>
<option value="183">18332</option>
<option value="187">18742</option>
<option value="197">19745</option>
<option value="256">25654</option>
<option value="287">28782</option>
<option value="348">34829</option>
<option value="368">36894</option>
<option value="380">38090</option>
<option value="426">42679</option>
<option value="448">44895</option>
<option value="468">46894</option>
<option value="489">48939</option>
<option value="578">57839</option>
</optgroup>
</select>
<br/>
<div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
<img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&amp;text=no+image" alt="" />
</div>
<div>
<span class="fileinput-new"></span>
<span class="fileinput-exists"></span>
<input type="file" name="...">
</div>
<br/>
<div class="form-group">
<label>Problem</label>
<textarea class="form-control" rows="3"></textarea>
</div>
<div class="modal-footer">
<button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
<button type="button" class="btn green" data-dismiss="modal">Send</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade in" id="move" tabindex="-1" role="basic" aria-hidden="true" style="z-index:999999;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
<div class="caption">
<i class="fa fa-gift"></i>Move File
</div>
</div>
<div class="modal-body">
<div class="form">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>Folder</label>
<select id="folder" class="form-control" onchange="show_hide(this);">
<option>Select / Create New Folder</option>
<option value="issue1">Documents</option>
<option value="issue2">Images</option>
<option value="sound">Sounds</option>
<option value="oth">Others</option>
<option value="create">Create New</option>
</select>
</div>
<div class="form-group" id="folder_name" style="display: none">
<label>Folder Name</label>
<input type="text" class="form-control">
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
<button type="button" class="btn green" data-dismiss="modal">Move</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="doc" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"></button>
<h4 class="modal-title" id="myModalLabel">File Manager</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<div class="col-md-4">
<div class="btn-group ">
<a class="btn dropdown-toggle btn-default" data-toggle="dropdown" href="#">
<span class="glyphicon glyphicon-plus-sign"></span>File Type
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#">Documents</a></li>
<li><a href="#">Images</a></li>
<li><a href="#">Sounds</a></li>
<li><a href="#">Others</a></li>
</ul>
</div>
</div>
<br/>
<div class="col-md-4">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search" name="q">
<div class="input-group-btn">
<button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
</div>
</div>
</div>
<div class="col-md-4">
<div class="pull-right">
<button class="btn btn-default">
<span class="glyphicon glyphicon-refresh"></span>
</button>
<a class="btn btn-default" href='#move' data-toggle='modal'>
<span class="glyphicon glyphicon-move"></span>
</a>
<div class="btn-group">
<button id="list" type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-justify"></span>
</button>
<button id="thumbnail" type="button" class="btn btn-default"> <span class="glyphicon glyphicon-th"></span>
</button>
</div>
<div class="btn-group ">
<a class="btn dropdown-toggle btn-default" data-toggle="dropdown" href="#">
Sort
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#">ID</a></li>
<li><a href="#">Title</a></li>
<li><a href="#">Date</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="col-md-3">
<div class="row">
<div class="col-md-9">
<form action="#" class="dropzone dropzone-file-area" id="my-dropzone" style="width: 180px;margin-top: 0px;margin-left: 0px;margin-right: 0px;">
<h4 class="sbold">Drop files here or click to upload</h4>
</form>
</div>
</div>
</div>
<div id="thumbnails" class="col-md-9">
<div data-code="example-2">
<div class="row">
<div class="col-md-10" style="float: none; margin: 0 auto;">
<div class="row" style="margin-left:5px;margin-right:5px;margin-top:15px;margin-bottom:15px;">
<h5>Please click image to download <i class="fa fa-download" aria-hidden="true"></i></h5>
<a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
<img src="https://unsplash.it/600.jpg?image=251" class="img-fluid">
</a>
<a href="https://unsplash.it/1200/768.jpg?image=252" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
<img src="https://unsplash.it/600.jpg?image=252" class="img-fluid">
</a>
<a href="https://unsplash.it/1200/768.jpg?image=253" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
<img src="https://unsplash.it/600.jpg?image=253" class="img-fluid">
</a>
</div>
<div class="row" style="margin-left:5px;margin-right:5px;margin-top:10px;margin-bottom:10px;">
<a href="https://unsplash.it/1200/768.jpg?image=254" download data-gallery="example-gallery" class="col-sm-4">
<img src="https://unsplash.it/600.jpg?image=254" class="img-fluid">
</a>
<a href="https://unsplash.it/1200/768.jpg?image=255" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
<img src="https://unsplash.it/600.jpg?image=255" class="img-fluid">
</a>
<a href="https://unsplash.it/1200/768.jpg?image=256" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
<img src="https://unsplash.it/600.jpg?image=256" class="img-fluid">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-9" id="lists" style="display:none;">
<table class="table table-hover" id="example2" style="height:300px">
<thead>
<tr>
<th><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='group-checkable' data-set='#example2 .checkboxes' /><span></span></label></th>
<th>ID</th>
<th>Date</th>
<th>Title</th>
<th class="text-center">Action</th>
</tr>
</thead>
<tbody>
<tr>
<td><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label></td>
<td>1</td>
<td>2017-08-02 13:45:22</td>
<td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a></td>
<td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a></td>
</tr>
<tr>
<td><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label></td>
<td>2</td>
<td>2017-08-02 13:45:22</td>
<td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a></td>
<td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a></td>
</tr>
<tr>
<td><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label></td>
<td>3</td>
<td>2017-08-02 13:45:22</td>
<td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a></td>
<td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a></td>
</tr>
<tr>
<td><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label</td>
<td>4</td>
<td>2017-08-02 13:45:22</td>
<td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a></td>
<td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END CONTENT -->
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
@@ -899,6 +1281,8 @@
<script src="../assets/global/plugins/bootstrap-editable/inputs-ext/wysihtml5/wysihtml5.js" type="text/javascript"></script>
<script src="../assets/global/plugins/bootstrap-typeahead/bootstrap3-typeahead.min.js" type="text/javascript"></script>
<script src="../assets/pages/scripts/form-editable.js" type="text/javascript"></script>
<script src="../assets/pages/scripts/form-repeater.js" type="text/javascript"></script>
<script src="../assets/pages/scripts/form-repeater.min.js" type="text/javascript"></script>
<!-- END THEME GLOBAL SCRIPTS -->
<!-- END PAGE LEVEL SCRIPTS -->
<!-- BEGIN THEME LAYOUT SCRIPTS -->
+57 -16
View File
@@ -261,31 +261,48 @@ License: You must have a valid license purchased only from themeforest(the above
</div>
</div>
</div>
<div class="portlet light portlet-fit bordered">
<div class="portlet-body">
<table class="table table-striped table-hover table-bordered" id="sample_editable_1">
<thead>
<tr>
<th> Bil </th>
<th> Date </th>
<th> Details </th>
<th> Action </th>
<th> No. </th>
<th> Item Code </th>
<th> Upload Photo </th>
<th> Model No </th>
<th> Description </th>
<th> Quantity </th>
<th> Unit Price</th>
<th> Sub Total</th>
<th> Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td>1.</td>
<td> 21/6/17 </td>
<td> Alex Nilson </td>
<td>
<div class="fa-item col-md-3 col-sm-4">
<td> 1.</td>
<td> QR 123</td>
<td> <a href="#">images.jpg</a></td>
<td> Model 123</td>
<td> Fidget Spinner </td>
<td> 3 </td>
<td> RM 5 </td>
<td> RM 15 </td>
<td><div class="fa-item col-md-3 col-sm-4">
<i class="fa fa-trash-o"></i></div>
<div class="fa-item col-md-3 col-sm-4">
<i class="fa fa-pencil"></i> </div>
</td>
</tr>
<tr>
<td>2.</td>
<td> 23/7/17 </td>
<td> Lisa Wong </td>
<td> 2. </td>
<td> QR 456</td>
<td> <a href="#">images.jpg</a></td>
<td> Model 456</td>
<td> Vacuum Cleaner </td>
<td> 2 </td>
<td> RM 25 </td>
<td> RM 50 </td>
<td>
<div class="fa-item col-md-3 col-sm-4">
<i class="fa fa-trash-o"></i></div>
@@ -294,9 +311,30 @@ License: You must have a valid license purchased only from themeforest(the above
</td>
</tr>
<tr>
<td>3.</td>
<td> 25/7/17 </td>
<td> Nick Roberts </td>
<td> 3. </td>
<td> QR 789</td>
<td> <a href="#">images.jpg</a></td>
<td> Model 789</td>
<td> Boxes </td>
<td> 5 </td>
<td> RM 7 </td>
<td> RM 35 </td>
<td>
<div class="fa-item col-md-3 col-sm-4">
<i class="fa fa-trash-o"></i></div>
<div class="fa-item col-md-3 col-sm-4">
<i class="fa fa-pencil"></i> </div>
</td>
</tr>
<tr>
<td> 4. </td>
<td> QR 234</td>
<td> <a href="#">images.jpg</a></td>
<td> Model 234</td>
<td> Bottles </td>
<td> 8 </td>
<td> RM 9 </td>
<td> RM 72 </td>
<td>
<div class="fa-item col-md-3 col-sm-4">
<i class="fa fa-trash-o"></i></div>
@@ -304,10 +342,13 @@ License: You must have a valid license purchased only from themeforest(the above
<i class="fa fa-pencil"></i> </div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="row">
</div>
</div>
</div>
</div>
<!-- END EXAMPLE TABLE PORTLET-->
</div>
+2 -2
View File
@@ -473,7 +473,7 @@
</div>
</div>
<div class="tab-pane active" id="tab2">
<h3 class="block"><b>List Forwarder</b></h3>
<h3 class="block"><b>Details Buyer</b></h3>
<div class="row">
<div class="col-md-8">
<div class="form-group">
@@ -551,7 +551,7 @@
<div class="portlet-title">
<div class="caption">
<i class="icon-social-dribbble font-green hide"></i>
<span class="caption-subject font-dark bold uppercase">Details</span>
<span class="caption-subject font-dark bold uppercase">Details Seller</span>
</div>
</div>
<div class="row">