This commit is contained in:
Nur Nadiah Nabilah Binti Hashinordin
2017-09-07 15:40:13 +08:00
parent b2978dd1f8
commit aa00f766a0
2 changed files with 2352 additions and 48 deletions
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 -->