This commit is contained in:
GEGULA�
2017-09-25 09:32:34 +08:00
21 changed files with 390 additions and 2234 deletions
+2 -3
View File
@@ -1010,12 +1010,11 @@
<span class="fileinput-exists"></span>
<input type="file" name="...">
</div>
<div class="modal-footer">
</div>
<div class="modal-footer">
<button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
<button type="button" class="btn green">Sent</button>
</div>
</div>
</div>
</div>
</div>
+2 -39
View File
@@ -389,44 +389,7 @@ License: You must have a valid license purchased only from themeforest(the above
<div class="tab-content">
<!-- PERSONAL INFO TAB -->
<div class="tab-pane active" id="tab_1">
<div class="row">
<div class="btn-group" style="float:right">
<a class="btn red btn-outline btn-circle" href="javascript:;" data-toggle="dropdown">
<i class="fa fa-share"></i>
<span class="hidden-xs"> Actions </span>
<i class="fa fa-angle-down"></i>
</a>
<ul class="dropdown-menu pull-right" id="sample_3_tools">
<li>
<a href="javascript:;" data-action="0" class="tool-action">
<i class="icon-printer"></i> Print</a>
</li>
<li>
<a href="javascript:;" data-action="1" class="tool-action">
<i class="icon-check"></i> Copy</a>
</li>
<li>
<a href="javascript:;" data-action="2" class="tool-action">
<i class="icon-doc"></i> PDF</a>
</li>
<li>
<a href="javascript:;" data-action="3" class="tool-action">
<i class="icon-paper-clip"></i> Excel</a>
</li>
<li>
<a href="javascript:;" data-action="4" class="tool-action">
<i class="icon-cloud-upload"></i> CSV</a>
</li>
<li class="divider"> </li>
<li>
<a href="javascript:;" data-action="5" class="tool-action">
<i class="icon-refresh"></i> Reload</a>
</li>
</li>
</ul>
</div>
</div>
<br/>
<div class="table-container">
<table class="table table-striped table-bordered table-hover" id="sample_3">
<thead>
@@ -445,7 +408,7 @@ License: You must have a valid license purchased only from themeforest(the above
<tbody>
<tr>
<td>
<a href="profilelinda.html">
<a href="profile2.html">
<center><img style="border-radius:50%!important" class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="..."></center>
</a>
</td>
+31
View File
@@ -478,6 +478,32 @@
<div class="portlet-body">
<div style="margin-top:60px" class="form-group">
<<<<<<< HEAD
<label for="multiple" class="control-label">Select2 multi select</label>
<select id="multiple" class="form-control select2-multiple" multiple>
<optgroup label="Shipping Order">
<option>Please select</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>
=======
<label for="so" class="col-md-2 control-label">Shipping Order</label>
<div class="col-md-10">
<div class="input-group select2-bootstrap-append">
@@ -508,6 +534,7 @@
</button>
</span>
</div>
>>>>>>> 40777d3164b058705971944bdee1a5e66f0ab847
</div>
<div class="col-md-6">
<div style="margin-top:30px" class="form-group">
@@ -989,10 +1016,14 @@
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN THEME GLOBAL SCRIPTS -->
<script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
<script src="../assets/pages/scripts/components-select2.min.js" type="text/javascript"></script>
<script src="../assets/pages/scripts/form-repeater.min.js" type="text/javascript"></script>
<script src="../assets/pages/scripts/form-repeater.js" type="text/javascript"></script>
<script src="../assets/pages/scripts/form-editable.js" type="text/javascript"></script>
<script src="../assets/pages/scripts/form-validation.js" type="text/javascript"></script>
<!-- END THEME GLOBAL SCRIPTS -->
File diff suppressed because it is too large Load Diff
+1
View File
@@ -309,6 +309,7 @@ License: You must have a valid license purchased only from themeforest(the above
<div class="profile-usertitle-job"> Forwarder </div>
<div align="center">
<a href="javascript:void(0)" class="btn btn-primary btn-follow"> Add as Friend</a>
</div>
</div>
+257 -133
View File
@@ -60,13 +60,16 @@ License: You must have a valid license purchased only from themeforest(the above
margin-right: -100%;
}
}
.dropdown-menu{
min-width: 100px;
}
.table td, .table th {
font-size: 10px;
font-size: 12px;
text-align:center;
vertical-align: middle;
}
.table thead tr th{
font-size: 10px;
font-size: 12px;
text-align:center;
vertical-align: middle;
}
@@ -113,8 +116,9 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
@@ -189,33 +193,19 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
</li>
<li class="nav-item">
<a href="javascript:;" class="nav-link nav-toggle">
<i class="icon-briefcase"></i>
<span class="title">Arrangements</span>
<span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="deliveryarrange.html" class="nav-link ">
<i class="icon-clock"></i>
<span class="title">Delivery Arrangement</span>
</a>
</li>
<li class="nav-item">
<a href="shipmentarrange.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Shipment Arrangement</span>
</a>
</li>
<li class="nav-item">
<a href="warehousenote.html" class="nav-link ">
<i class="icon-check"></i>
<span class="title">Warehouse Receive Note</span>
</a>
</li>
</ul>
</li>
<a href="chat.html" class="nav-link nav-toggle">
<i class="fa fa-comments-o"></i>
<span class="title">Messenger</span>
<span class="selected"></span>
</a>
</li>
<li class="nav-item">
<a href="trackorder.html" class="nav-link nav-toggle">
<i class="icon-basket"></i>
<span class="title">Track Order</span>
<span class="selected"></span>
</a>
</li>
<li class="nav-item active open">
<a href="javascript:;" class="nav-link nav-toggle">
<i class="icon-basket"></i>
@@ -235,37 +225,14 @@ License: You must have a valid license purchased only from themeforest(the above
<span class="title">Shipping Order</span>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="trackorder.html" class="nav-link nav-toggle">
<i class="icon-basket"></i>
<span class="title">Track Order</span>
<span class="selected"></span>
</a>
</li>
<li class="nav-item">
<a href="custom.html?menu=true" class="nav-link nav-toggle">
<i class="fa fa-comments-o"></i>
<span class="title">Custom Declaration</span>
<span class="selected"></span>
</a>
</li>
<li class="nav-item">
<a href="chat.html" class="nav-link nav-toggle">
<i class="fa fa-comments-o"></i>
<span class="title">Messenger</span>
<span class="selected"></span>
</a>
</li>
<li class="nav-item ">
<a href="opendraft.html" class="nav-link ">
<i class="icon-envelope"></i>
<span class="title">Open Draft</span>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="profile.html" class="nav-link nav-toggle">
<i class="icon-user"></i>
@@ -296,7 +263,7 @@ License: You must have a valid license purchased only from themeforest(the above
<i class="fa fa-circle"></i>
</li>
<li>
<a href="purchaseorder2.html">Shipping Order</a>
<a href="purchaseorder2.html">Purchase Order</a>
</li>
</ul>
</div>
@@ -315,9 +282,7 @@ License: You must have a valid license purchased only from themeforest(the above
<div class="caption">
<i class="fa fa-cogs"></i><strong>Shipping Order Status</strong> </div>
<div class="actions">
<a href="shippingorder.html" class="btn red btn-outline btn-circle" data-placement="bottom" data-original-title="Track Order">
<i class="fa fa-pencil" aria-hidden="true"></i> Create New
</a>
<div class="btn-group">
<a class="btn white btn-outline btn-circle" href="javascript:;" data-toggle="dropdown">
<i class="fa fa-share"></i>
@@ -356,100 +321,51 @@ License: You must have a valid license purchased only from themeforest(the above
</div>
<div class="portlet-body">
<div class="table-container">
<table style="" class="table table-striped table-bordered table-hover" id="sample_3">
<table class="table table-striped table-bordered table-hover table-checkable order-column" id="sample_1">
<thead>
<tr>
<th width="1%"> No </th>
<th width="5%"> Order No <br/>
<th width="3%"> Order No <br/>
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li><input onchange="filterme()" name="status" value="Delivered" type="checkbox"/>&nbsp;Delivered</li>
<li><input onchange="filterme()" name="status" value="Failed" type="checkbox"/>&nbsp;Failed</li>
<li><input onchange="filterme()" name="status" value="Cancel" type="checkbox"/>&nbsp;Cancel</li>
</ul>
</th>
<th width="1%"> Date <br/>
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li>
<div class="input-group input-daterange">
<input type="text" id="min-date" class="form-control date-range-filter" data-date-format="dd-mm-yyyy" placeholder="From:">
<div class="input-group-addon">to</div>
<input type="text" id="max-date" class="form-control date-range-filter" data-date-format="dd-mm-yyyy" placeholder="To:">
</div>
<li>
</ul>
<span class="fa fa-filter"></span></button>
</th>
<th width="3%"> Marking <br/>
<th width="2%"> Marking <br/>
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li><input onchange="filterme()" name="orderno" value="" type="checkbox"/>&nbsp;Bob Supply Warehouse</li>
<li><input onchange="filterme()" name="orderno" value="" type="checkbox"/>&nbsp;Tom Warehouse</li>
</ul>
<span class="fa fa-filter"></span></button>
</th>
<th width="2%"> Supplier <br/>
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li><input onchange="filterme()" name="shipno" value="MYR" type="checkbox"/>&nbsp;MYR</li>
<li><input onchange="filterme()" name="shipno" value="RMB" type="checkbox"/>&nbsp;RMB</li>
</ul>
</th>
<th width="1%"> Warehouse Name <br/>
<th width="5%"> Warehouse Name <br/>
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li><input onchange="filterme()" name="orderno" value="00001" type="checkbox"/>&nbsp;(RMB)18,000</li>
<li><input onchange="filterme()" name="orderno" value="00002" type="checkbox"/>&nbsp;(RMB)12,000</li>
<li><input onchange="filterme()" name="orderno" value="00003" type="checkbox"/>&nbsp;(MYR)21,000</li>
<li><input onchange="filterme()" name="orderno" value="00004" type="checkbox"/>&nbsp;(MYR)10,000</li>
</ul>
</th>
<th width="1%"> Total CBM <br/>
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li><input onchange="filterme()" name="orderno" value="00001" type="checkbox"/>&nbsp;(RMB)18,000</li>
<li><input onchange="filterme()" name="orderno" value="00002" type="checkbox"/>&nbsp;(RMB)12,000</li>
<li><input onchange="filterme()" name="orderno" value="00003" type="checkbox"/>&nbsp;(MYR)21,000</li>
<li><input onchange="filterme()" name="orderno" value="00004" type="checkbox"/>&nbsp;(MYR)10,000</li>
</ul>
</th>
<th width="1%"> Total Weight <br/>
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li><input onchange="filterme()" name="orderno" value="00001" type="checkbox"/>&nbsp;(RMB)18,000</li>
<li><input onchange="filterme()" name="orderno" value="00002" type="checkbox"/>&nbsp;(RMB)12,000</li>
<li><input onchange="filterme()" name="orderno" value="00003" type="checkbox"/>&nbsp;(MYR)21,000</li>
<li><input onchange="filterme()" name="orderno" value="00004" type="checkbox"/>&nbsp;(MYR)10,000</li>
</ul>
</th>
<th width="1%"> Total Carton <br/>
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li><input onchange="filterme()" name="orderno" value="00001" type="checkbox"/>&nbsp;(RMB)18,000</li>
<li><input onchange="filterme()" name="orderno" value="00002" type="checkbox"/>&nbsp;(RMB)12,000</li>
<li><input onchange="filterme()" name="orderno" value="00003" type="checkbox"/>&nbsp;(MYR)21,000</li>
<li><input onchange="filterme()" name="orderno" value="00004" type="checkbox"/>&nbsp;(MYR)10,000</li>
</ul>
</th>
<th width="1%"> Action <br/>
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
<span class="fa fa-filter"></span></button>
<ul class="dropdown-menu">
<li><input onchange="filterme()" name="suppliercode" value="" type="checkbox"/>&nbsp;Actions</li>
</ul>
</th>
</tr>
</thead>
<tbody>
<tr>
<tr class="odd gradeX">
<td> <center>1</center> </td>
<td> 001254 </td>
<td> 03-07-2017 </td>
@@ -461,13 +377,14 @@ License: You must have a valid license purchased only from themeforest(the above
<td> 14</td>
<td><center>
<div class='btn-group'>
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href ="#preview">Preview</a></li><li><a href='shippingorder.html'> Edit </a></li>
<li><a href='shippingorder.html'> Cancel </a></li>
</ul>
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a data-toggle="modal" href ='#preview'>Preview PL</a></li>
<li><a data-toggle="modal" href ='#marking'>Print Marking</a></li>
<li><a href='shippingorder.html'> Edit </a></li>
<li><a href='shippingorder.html'> Cancel </a></li></ul>
</div><br/></center>
</td>
</tr>
<tr>
<tr class="odd gradeX">
<td> <center>2</center> </td>
<td> 012546 </td>
<td> 02-07-2017 </td>
@@ -479,12 +396,14 @@ License: You must have a valid license purchased only from themeforest(the above
<td> 17</td>
<td><center>
<div class='btn-group'>
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href ="#preview">Preview</a></li><li><a href='shippingorder.html'> View/Edit </a></li>
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a data-toggle="modal" href ='#preview'>Preview</a></li>
<li><a data-toggle="modal" href ='#marking'>Print Marking</a></li>
<li><a href='shippingorder.html'> Edit </a></li>
<li><a href='shippingorder.html'> Cancel </a></li></ul>
</div><br/></center>
</td>
</tr>
<tr>
<tr class="odd gradeX">
<td> <center>3</center> </td>
<td> 015423 </td>
<td> 01-07-2017 </td>
@@ -496,12 +415,14 @@ License: You must have a valid license purchased only from themeforest(the above
<td> 11</td>
<td><center>
<div class='btn-group'>
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href ="#preview">Preview</a></li><li><a href='shippingorder.html'> View/Edit </a></li>
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a data-toggle="modal" href ='#preview'>Preview</a></li>
<li><a data-toggle="modal" href ='#marking'>Print Marking</a></li>
<li><a href='shippingorder.html'> Edit </a></li>
<li><a href='shippingorder.html'> Cancel </a></li>></ul>
</div><br/></center>
</td>
</tr>
<tr>
<tr class="odd gradeX">
<td> <center>4</center> </td>
<td> 011254 </td>
<td> 01-07-2017 </td>
@@ -513,7 +434,9 @@ License: You must have a valid license purchased only from themeforest(the above
<td> 19</td>
<td><center>
<div class='btn-group'>
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a href ="#preview">Preview</a></li><li><a href='shippingorder.html'> View/Edit </a></li>
<button class='btn green btn-xs btn-circle btn-outline dropdown-toggle btiv' data-toggle='dropdown'>Actions<i class='fa fa-angle-down'></i></button><ul class='dropdown-menu'><li><a data-toggle="modal" href ='#preview'>Preview</a></li>
<li><a data-toggle="modal" href ='#marking'>Print Marking</a></li>
<li><a href='shippingorder.html'> Edit </a></li>
<li><a href='shippingorder.html'> Cancel </a></li></ul>
</div><br/></center>
</td>
@@ -554,20 +477,221 @@ License: You must have a valid license purchased only from themeforest(the above
<div class="modal-content">
<div class="modal-body">
<div class="row">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
<div class="caption">
<h3><i class="fa fa-plus-square-o" aria-hidden="true"></i> Add New Item</h3>
</div>
</div>
<h3>asdjhdiufhweui</h3>
<div class="portlet box green">
<div class="portlet-title">
<div class="caption">
<i class="fa fa-cogs"></i><strong>Packing List</strong> </div>
<div class="actions">
<div class="btn-group">
<a class="btn white btn-outline btn-circle" href="javascript:;" data-toggle="dropdown">
<i class="fa fa-share"></i>
<span class="hidden-xs"> Actions </span>
<i class="fa fa-angle-down"></i>
</a>
<ul class="dropdown-menu pull-right" id="sample_3_tools">
<li>
<a href="javascript:;" data-action="0" class="tool-action">
<i class="icon-printer"></i> Print</a>
</li>
<li>
<a href="javascript:;" data-action="1" class="tool-action">
<i class="icon-check"></i> Copy</a>
</li>
<li>
<a href="javascript:;" data-action="2" class="tool-action">
<i class="icon-doc"></i> PDF</a>
</li>
<li>
<a href="javascript:;" data-action="3" class="tool-action">
<i class="icon-paper-clip"></i> Excel</a>
</li>
<li>
<a href="javascript:;" data-action="4" class="tool-action">
<i class="icon-cloud-upload"></i> CSV</a>
</li>
<li class="divider"> </li>
<li>
<a href="javascript:;" data-action="5" class="tool-action">
<i class="icon-refresh"></i> Reload</a>
</li>
</ul>
</div>
</div>
</div>
<div class="portlet-body">
<div class="table-container">
<table id="table1" class="table table-bordered table-striped">
<thead>
<tr>
<th rowspan="2">No </th>
<th rowspan="2">Product Name</th>
<th rowspan="2">Model</th>
<th rowspan="2">UOM</th>
<th rowspan="2">Qty</th>
<th colspan="3">CMB</th>
<th colspan="2">Weight</th>
<th rowspan="2">Photo</th>
<th rowspan="2">Remark</th>
</tr>
<tr>
<td>Height</td>
<td>Weight</td>
<td>Depth</td>
<td>Cross</td>
<td>Nett</td>
</tr>
</thead>
<tbody>
<tr>
<td>1 </td>
<td>Television </td>
<td>CS110 </td>
<td>Unit </td>
<td>10 </td>
<td>12 </td>
<td>15</td>
<td>12</td>
<td>12</td>
<td>15</td>
<td><img src="../assets/global/img/tv.jpg" alt="" style="width:100px;height:75px;" /></td>
<td> </td>
</tr>
<tr>
<td>2 </td>
<td>Tire </td>
<td>CS251 </td>
<td>Unit </td>
<td>20 </td>
<td>12 </td>
<td>15</td>
<td>12</td>
<td>12</td>
<td>15</td>
<td><img src="../assets/global/img/tire.jpg" alt="" style="width:100px;height:100px;" /> </td>
<td> </td>
</tr>
<tr>
<td>3 </td>
<td>Chair </td>
<td>CS486 </td>
<td>Unit </td>
<td>5 </td>
<td>12 </td>
<td>15</td>
<td>12</td>
<td>12</td>
<td>15</td>
<td><img src="../assets/global/img/chair.jpg" alt="" style="width:100px;height:100px;" /> </td>
<td> </td>
</tr>
<tr>
<td>4 </td>
<td>Table </td>
<td>CS125 </td>
<td>Unit </td>
<td>5 </td>
<td>12 </td>
<td>15</td>
<td>12</td>
<td>12</td>
<td>15</td>
<td><img src="../assets/global/img/table.jpg" alt="" style="width:100px;height:100px;" /> </td>
<td> </td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="marking" tabindex="-1" role="marking" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<div class="row">
<div class="portlet box green">
<div class="portlet-title">
<div class="caption">
<i class="fa fa-cogs"></i><strong>Marking</strong> </div>
<div class="actions">
<div class="btn-group">
<a class="btn white btn-outline btn-circle" href="javascript:;" data-toggle="dropdown">
<i class="fa fa-share"></i>
<span class="hidden-xs"> Actions </span>
<i class="fa fa-angle-down"></i>
</a>
<ul class="dropdown-menu pull-right" id="sample_3_tools">
<li>
<a href="javascript:;" data-action="0" class="tool-action">
<i class="icon-printer"></i> Print</a>
</li>
<li>
<a href="javascript:;" data-action="2" class="tool-action">
<i class="icon-doc"></i> PDF</a>
</li>
</ul>
</div>
</div>
</div>
<div class="portlet-body">
<div class="row">
<div class="col-md-12">
<div class="col-md-4">
<div class="form-body">
<img src="../assets/global/img/qrcode.jpg" style="height:100% ; width:100%"/>
</div>
</div>
<div class="col-md-8">
<div class="form-body" >
<h1 align="center"><strong>CIEF/011257</strong></h1>
<div class="form-group">
<label class="control-label col-md-5">Warehouse Address
</label>
<label class="control-label col-md-6">70 McCullough Dr, New Castle, 19720 Delaware, United State of America
</label>
</div>
<br/>
<br/>
<div class="form-group">
<label class="control-label col-md-5">Contact Person
</label>
<label class="control-label col-md-6">Lisa Wong
</label>
</div>
<br/>
<div class="form-group">
<label class="control-label col-md-5">Contact No
</label>
<label class="control-label col-md-6">0112563786
</label>
</div>
<br/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--[if lt IE 9]>
<script src="../assets/global/plugins/respond.min.js"></script>
<script src="../assets/global/plugins/excanvas.min.js"></script>
+14 -5
View File
@@ -120,6 +120,7 @@
<!-- BEGIN TOP NAVIGATION MENU -->
<div class="top-menu">
<img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
@@ -142,7 +143,7 @@
</li>
</ul>
</li>
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<!-- END USER LOGIN DROPDOWN -->
</ul>
</div>
@@ -546,10 +547,18 @@
<span class="input-group-btn icn-only">
<button type="button" class="btn blue" data-container="body" data-toggle="popover" data-placement="top" data-html="true" data-content="
<button type='button' class='btn btn-default btn-circle btn-circless'><i class='fa fa-file' style='font-size:20px' aria-hidden='true'></i></button>
<button type='button' class='btn btn-default btn-circle btn-circless'><i class='fa fa-picture-o' style='font-size:20px' aria-hidden='true' ></i></button>
<button type='button' class='btn btn-default btn-circle btn-circless'><i class='fa fa-video-camera' style='font-size:20px' aria-hidden='true'></i></button>
<button type='button' class='btn btn-default btn-circle btn-circless'><i class='fa fa-question' style='font-size:20px' aria-hidden='true''></i></button>
<button type='button' class='btn btn-default btn-circle btn-circless'><img class='avatar' alt='' src='../assets/global/img/qrc.png' style='width:25px;height:25px;'/></a></button>">
<button type='button' class='btn btn-default btn-circle btn-circless'><i class='fa fa-video-camera' style='font-size:20px' aria-hidden='true'></i></button>
<button type='button' class='btn btn-default btn-circle btn-circless'><img class='avatar' alt='' src='../assets/global/img/qrc.png' style='width:25px;height:25px;'/></a></button>
<button type='button' class='btn btn-default btn-circle btn-circless'><i class='fa fa-address-card-o' style='font-size:20px' aria-hidden='true''></i></button>
<script>
$('#testing').click(function(){$('#decision').modal('show');})
</script>
">
<i class="fa fa-plus-square" aria-hidden="true"></i></button>
</span>
</div>
@@ -1139,7 +1148,7 @@
<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><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>
+45 -117
View File
@@ -159,8 +159,9 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
@@ -330,44 +331,7 @@ License: You must have a valid license purchased only from themeforest(the above
<div class="tab-content">
<!-- PERSONAL INFO TAB -->
<div class="tab-pane active" id="tab_1">
<div class="row">
<div class="btn-group" style="float:right">
<a class="btn red btn-outline btn-circle" href="javascript:;" data-toggle="dropdown">
<i class="fa fa-share"></i>
<span class="hidden-xs"> Actions </span>
<i class="fa fa-angle-down"></i>
</a>
<ul class="dropdown-menu pull-right" id="sample_3_tools">
<li>
<a href="javascript:;" data-action="0" class="tool-action">
<i class="icon-printer"></i> Print</a>
</li>
<li>
<a href="javascript:;" data-action="1" class="tool-action">
<i class="icon-check"></i> Copy</a>
</li>
<li>
<a href="javascript:;" data-action="2" class="tool-action">
<i class="icon-doc"></i> PDF</a>
</li>
<li>
<a href="javascript:;" data-action="3" class="tool-action">
<i class="icon-paper-clip"></i> Excel</a>
</li>
<li>
<a href="javascript:;" data-action="4" class="tool-action">
<i class="icon-cloud-upload"></i> CSV</a>
</li>
<li class="divider"> </li>
<li>
<a href="javascript:;" data-action="5" class="tool-action">
<i class="icon-refresh"></i> Reload</a>
</li>
</li>
</ul>
</div>
</div>
<br/>
<div class="table-container">
<table class="table table-striped table-bordered table-hover" id="sample_3">
<thead>
@@ -386,100 +350,100 @@ License: You must have a valid license purchased only from themeforest(the above
<tbody>
<tr>
<td>
<a href="profilelinda.html">
<a href="">
<center><img style="border-radius:50%!important" class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="..."></center>
</a>
</td>
<td>
<a href="profilelinda.html">Linda Wong</a>
<a >Linda Wong</a>
</td>
<td>
<a href="profilelinda.html">0123456789</a>
<a >0123456789</a>
</td>
</tr>
<tr>
<td>
<a href="profile2.html">
<a href="">
<center><img style="border-radius:50%!important" class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="..."></center>
</td>
<td>
<a href="profile2.html">Edris Karim</a>
<a >Edris Karim</a>
</td>
<td>
<a href="profile2.html">0123456789</a>
<a >0123456789</a>
</td>
</tr>
<tr>
<td>
<a href="profile2.html">
<a href="">
<center><img style="border-radius:50%!important" class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="..."></center>
</a>
</td>
<td>
<a href="profile2.html">Azrin Hamidi</a>
<a >Azrin Hamidi</a>
</td>
<td>
<a href="profile2.html">0123456789</a>
<a>0123456789</a>
</td>
</tr>
<tr>
<td>
<a href="profile2.html">
<a href="">
<center><img style="border-radius:50%!important" class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="..."></center>
</a>
</td>
<td>
<a href="profile2.html">Kuhanraj Balan</a>
<a >Kuhanraj Balan</a>
</td>
<td>
<a href="profile2.html">0123456789</a>
<a >0123456789</a>
</td>
</tr>
<tr>
<td>
<a href="profile2.html">
<a href="">
<center><img style="border-radius:50%!important" class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="..."></center>
</a>
</td>
<td>
<a href="profile2.html">Dia Audia</a>
<a >Dia Audia</a>
</td>
<td>
<a href="profile2.html">0123456789</a>
<a >0123456789</a>
</td>
</tr>
<tr>
<td>
<a href="profile2.html">
<a href="">
<center><img style="border-radius:50%!important" class="media-object" src="../assets/layouts/layout/img/avatar5.jpg" alt="..."></center>
</a>
</td>
<td>
<a href="profile2.html;">Belly Goh</a>
<a >Belly Goh</a>
</td>
<td>
<a href="profile2.html">0123456789</a>
<a >0123456789</a>
</td>
</tr>
<tr>
<td>
<a href="profile2.html">
<a href="">
<center><img style="border-radius:50%!important" class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="..."></center>
</a>
</td>
<td>
<a href="profile2.html">Zamani Hashim</a>
<a >Zamani Hashim</a>
</td>
<td>
<a href="profile2.html">0123456789</a>
<a >0123456789</a>
</td>
</tr>
</tbody>
@@ -487,43 +451,7 @@ License: You must have a valid license purchased only from themeforest(the above
</div>
</div>
<div class="tab-pane" id="tab_2">
<div class="row">
<div class="btn-group" style="float:right">
<a class="btn red btn-outline btn-circle" href="javascript:;" data-toggle="dropdown">
<i class="fa fa-share"></i>
<span class="hidden-xs"> Actions </span>
<i class="fa fa-angle-down"></i>
</a>
<ul class="dropdown-menu pull-right" id="sample_4_tools">
<li>
<a href="javascript:;" data-action="0" class="tool-action">
<i class="icon-printer"></i> Print</a>
</li>
<li>
<a href="javascript:;" data-action="1" class="tool-action">
<i class="icon-check"></i> Copy</a>
</li>
<li>
<a href="javascript:;" data-action="2" class="tool-action">
<i class="icon-doc"></i> PDF</a>
</li>
<li>
<a href="javascript:;" data-action="3" class="tool-action">
<i class="icon-paper-clip"></i> Excel</a>
</li>
<li>
<a href="javascript:;" data-action="4" class="tool-action">
<i class="icon-cloud-upload"></i> CSV</a>
</li>
<li class="divider"> </li>
<li>
<a href="javascript:;" data-action="5" class="tool-action">
<i class="icon-refresh"></i> Reload</a>
</li>
</li>
</ul>
</div>
</div>
<br/>
<div class="table-container">
@@ -544,73 +472,73 @@ License: You must have a valid license purchased only from themeforest(the above
<tbody>
<tr>
<td>
<a href="team2.html">
<center><img style="border-radius:50%!important" class="media-object-1" src="../assets/layouts/layout/img/comp1.png" alt="..."></center>
<a href="">
<center><img style="width:100px" class="media-object-1" src="../assets/layouts/layout/img/comp1.png" alt="..."></center>
</a>
</td>
<td>
<a href="team2.html">Alpha Shipping Co</a>
<a >Alpha Shipping Co</a>
</h3>
</td>
<td>
<a href="team2.html">Linda Wong</a>
<a >Linda Wong</a>
</h3>
</td>
</tr>
<tr>
<td>
<a href="team2.html">
<center><img style="border-radius:50%!important" class="media-object-1" src="../assets/layouts/layout/img/comp2.png" alt="..."></center>
<a href="">
<center><img style="width:100px" class="media-object-1" src="../assets/layouts/layout/img/comp2.png" alt="..."></center>
</a>
</td>
<td>
<a href="team2.html">Maersk Sdn Bhd</a>
<a >Maersk Sdn Bhd</a>
</h3>
</td>
<td>
<a href="team2.html">Edris Karim</a>
<a >Edris Karim</a>
</td>
</tr>
<tr>
<td>
<a href="team2.html">
<center><img style="border-radius:50%!important" class="media-object-1" src="../assets/layouts/layout/img/comp3.jpg" alt="..."></center>
<a href="">
<center><img style="width:100px" class="media-object-1" src="../assets/layouts/layout/img/comp3.jpg" alt="..."></center>
</a>
</td>
<td>
<a href="team2.html">Msco Sdn Bhd</a>
<a >Msco Sdn Bhd</a>
</td>
<td>
<a href="team2.html">Azrin Hamidi</a>
<a >Azrin Hamidi</a>
</td>
</tr>
<tr>
<td>
<a href="team2.html">
<center><img style="border-radius:50%!important" class="media-object-1" src="../assets/layouts/layout/img/comp4.jpg" alt="..."></center>
<a href="">
<center><img style="width:100px" class="media-object-1" src="../assets/layouts/layout/img/comp4.jpg" alt="..."></center>
</a>
</td>
<td>
<a href="team2.html">Cosco Sdn Bhd</a>
<a >Cosco Sdn Bhd</a>
</a>
</td>
<td>
<a href="team2.html">Kuhanraj Balan</a>
<a >Kuhanraj Balan</a>
</a>
</td>
</tr>
<tr>
<td>
<a href="team2.html">
<center><img style="border-radius:50%!important" class="media-object-1" src="../assets/layouts/layout/img/comp5.jpg" alt="..."></center>
<a href="">
<center><img style="width:100px" class="media-object-1" src="../assets/layouts/layout/img/comp5.jpg" alt="..."></center>
</a>
</td>
<td>
<a href="team2.html">Deep Sea Shipping Logistic Sdn Bhd</a>
<a >Deep Sea Shipping Logistic Sdn Bhd</a>
</a>
</td>
<td>
<a href="team2.html">Dia Audia</a>
<a>Dia Audia</a>
</a>
</td>
</tr>
+2 -1
View File
@@ -113,8 +113,9 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
+4
View File
@@ -97,7 +97,11 @@ License: You must have a valid license purchased only from themeforest(the above
<!-- BEGIN TOP NAVIGATION MENU -->
<div class="top-menu">
<<<<<<< HEAD
<img style="margin-left: 880px; margin-top: 9px ; border-radius: 100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
=======
<img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
>>>>>>> 9ffd25c05b779fdad3a610b6bff53a8db97bf185
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
+2 -1
View File
@@ -80,8 +80,9 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<ul class="nav navbar-nav pull-right">
<!-- END TODO DROPDOWN -->
+2 -1
View File
@@ -96,8 +96,9 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
+2 -1
View File
@@ -81,8 +81,9 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<ul class="nav navbar-nav pull-right">
<!-- END TODO DROPDOWN -->
+2 -1
View File
@@ -96,8 +96,9 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
+11 -1
View File
@@ -94,8 +94,9 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
@@ -265,6 +266,7 @@ License: You must have a valid license purchased only from themeforest(the above
<div class="profile-usertitle-job"> Forwarder </div>
<div align="center">
<a href="javascript:void(0)" class="btn btn-primary btn-follow"> Add as Friend</a>
<a href="javascript:void(0)" class="btn btn-primary btn-share"> Share </a>
</div>
</div>
@@ -1025,6 +1027,14 @@ License: You must have a valid license purchased only from themeforest(the above
}else{
$(this).text("Add as Friend");
}
});
$( ".btn-share" ).click(function() {
var msg = $(this).text();
if(msg == "Share"){
$(this).text("Shared");
}else{
$(this).text("Share");
}
});
function myFunction() {
var x = document.getElementById('myDIV');
+2 -1
View File
@@ -113,8 +113,9 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
+2 -1
View File
@@ -65,8 +65,9 @@
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<ul class="nav navbar-nav pull-right">
+3 -6
View File
@@ -109,8 +109,9 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<ul class="nav navbar-nav pull-right">
<!-- END TODO DROPDOWN -->
@@ -136,11 +137,7 @@ License: You must have a valid license purchased only from themeforest(the above
<!-- END USER LOGIN DROPDOWN -->
<!-- BEGIN QUICK SIDEBAR TOGGLER -->
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
<li class="dropdown dropdown-quick-sidebar-toggler">
<a href="javascript:;" class="dropdown-toggle">
<i class="icon-logout"></i>
</a>
</li>
<!-- END QUICK SIDEBAR TOGGLER -->
</ul>
</div>
+2 -1
View File
@@ -116,8 +116,9 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
+2 -1
View File
@@ -103,8 +103,9 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
+2 -1
View File
@@ -97,8 +97,9 @@ License: You must have a valid license purchased only from themeforest(the above
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<div class="top-menu">
<img style="margin-left:100px; margin-top:9px; border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
<ul class="nav navbar-nav pull-right">
<!-- BEGIN USER LOGIN DROPDOWN -->
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->