From c76de9fdc22d0456b8039a676078f90c42afa79b Mon Sep 17 00:00:00 2001
From: Syed Amir <sydjb93@gmail.com>
Date: Fri, 15 Sep 2017 11:21:28 +0800
Subject: [PATCH] po2.html

---
 public/Importer/purchaseorder2.html | 86 +++++++++++++++--------------
 1 file changed, 46 insertions(+), 40 deletions(-)

diff --git a/public/Importer/purchaseorder2.html b/public/Importer/purchaseorder2.html
index 5605e8b..fc18e97 100644
--- a/public/Importer/purchaseorder2.html
+++ b/public/Importer/purchaseorder2.html
@@ -31,7 +31,6 @@
         <link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
         <!-- END THEME LAYOUT STYLES -->
         <link rel="shortcut icon" href="favicon.ico" />
-		<link rel="stylesheet" href="css/bootstrap-select.css">
         <style>
         .media-object-4 {
             width: 35px;
@@ -39,13 +38,6 @@
             margin-left: 63%;
             margin-top:0.7%;
         }
-        body { padding: 40px; }
-		.dropdown-toggle, .dropdown-menu { width: 300px }
-		.btn-group img { margin-right: 10px }
-		.dropdown-toggle { padding-right: 50px }
-		.dropdown-toggle .glyphicon { margin-left: 20px; margin-right: -40px }
-		.dropdown-menu>li>a:hover { background: #f1f9fd } /* $search-blue */
-		.dropdown-header { background: #ccc; font-size: 14px; font-weight: 700; padding-top: 5px; padding-bottom: 5px; margin-top: 10px; margin-bottom: 5px }
 
 
         </style>
@@ -273,33 +265,21 @@
                                                             </div>
                                                             <br>
                                                             <div class="row">
-                                                                <div class="col-md-8">
+																<div class="col-md-8">
                                                                     <div class="form-group">
-                                                                        <label class="control-label col-md-3" style="font-size: 100%">Forwarder</label>
-     <div class="col-md-9" class="btn-group">
-    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Please Choose Forwarder
-    <span class="glyphicon glyphicon-chevron-down"></span>
-    </button>
-    
-    <ul class="dropdown-menu">
-      <li class="dropdown-header">Followed Company</li>
-      <li>
-        <a href="#" title="Select this card"><img src="../assets/layouts/layout/img/comp1.png" style="width:77px"> CIEF Worldwide</a>
-      </li>
-      <li>
-        <a href="#" title="Select this card"><img src="../assets/layouts/layout/img/comp2.png" style="width:77px"> Magic Cyberjaya</a>
-      </li>
-      <li>
-        <a href="#" title="Select this card"><img src="../assets/layouts/layout/img/comp5.jpg" style="width:77px"> Home Made Market</a>
-      </li>
-    </ul>
-  </div>                                                                   
-
-                                                                        <br/>
-                                                                     </div>
-                                                                </div>
-
-                                                            </div>
+																		<label class="control-label col-md-3">Forwarder</label>
+                                                                        <div class="col-md-9">
+																			<div class="input-group select2-bootstrap-prepend">
+																				<select id="select2-button-addons-single-input-group" class="form-control qweqweqweqwe" >
+																					<option value="CIEF Worldwide"   data-nama="CIEF Worldwide"   data-thumb="../assets/layouts/layout/img/comp1.png">CIEF Worldwide</option>
+																					<option value="Magic Cyberjaya"  data-nama="Magic Cyberjaya"  data-thumb="../assets/layouts/layout/img/comp2.png">Magic Cyberjaya</option>
+																					<option value="Home Made Market" data-nama="Home Made Market" data-thumb="../assets/layouts/layout/img/comp5.jpg">Home Made Market</option>
+																				</select>
+																			</div>
+																		</div>
+																	</div>
+																</div>
+															</div>
                                                             <div class="portlet-title">
                                                             <div class="caption">
                                                                 <i class="icon-social-dribbble font-green hide"></i>
@@ -555,7 +535,7 @@
                                             </tbody>
                                             <tfoot>
                                             	 <tr>
-                                                <td colspan="10"><a id="sample_editable_1_new" class="btn green qweqweqweqwe"><i class="fa fa-plus"></i>
+                                                <td colspan="9"><a id="sample_editable_1_new" class="btn green qweqweqweqwe"><i class="fa fa-plus"></i>
                                                         </a></td>
                                                 </tr>
                                             </tfoot>
@@ -627,7 +607,7 @@
 <script src="../assets/global/plugins/excanvas.min.js"></script> 
 <script src="../assets/global/plugins/ie8.fix.min.js"></script> 
 <![endif]-->
-        <!-- BEGIN CORE PLUGINS -->
+         <!-- BEGIN CORE PLUGINS -->
         
         <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
         <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
@@ -654,8 +634,6 @@
         <script src="../assets/pages/scripts/table-datatables-editable.min.js" type="text/javascript"></script>
         <!-- END PAGE LEVEL SCRIPTS -->
         
-        <!-- BEGIN PAGE LEVEL SCRIPTS -->
-        <script src="../assets/pages/scripts/components-select2.min.js" type="text/javascript"></script>
         <!-- END PAGE LEVEL SCRIPTS -->
         <!-- BEGIN THEME LAYOUT SCRIPTS -->
         <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
@@ -663,14 +641,42 @@
         <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
         <script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
         <!-- END THEME LAYOUT SCRIPTS -->
-        <script>
+		<script>
             $(document).ready(function()
             {
                 $('#clickmewow').click(function()
                 {
                     $('#radio1003').attr('checked', 'checked');
                 });
-            })
+				
+			
+            });
+			
+			$.fn.select2.defaults.set("theme", "bootstrap");
+				$(".qweqweqweqwe").select2({
+					placeholder: "Select a Forwarder",
+					escapeMarkup: function(markup) {
+						return markup;
+					}, // let our custom formatter work
+					templateResult: productStyles,
+					templateSelection: formatRepoSelection
+			});
+			function productStyles(repo) {
+					var markup = "<div class='select2-result-repository clearfix'>" +
+					"<div class='select2-result-repository__avatar'><img src='" + $(repo.element).data('thumb') + "' /></div>" +
+					"<div class='select2-result-repository__meta'>" +
+					"<div class='select2-result-repository__title'>" + $(repo.element).data('nama') + "</div>" +
+					"</div></div>";
+
+				return markup;
+			};
+
+			function formatRepoSelection(repo) {
+			
+				var name = $(repo.element).data('nama');
+				return name;
+			}
+			
             $( "#folder" ).change(function() {
                 var select_value = $(this).val();
                 if(select_value == "000"){