From 974ca23bf5201b074fe4a071e8c0e4aeaddfef9a Mon Sep 17 00:00:00 2001
From: Syed Amir <sydjb93@gmail.com>
Date: Thu, 21 Sep 2017 12:07:32 +0800
Subject: [PATCH] hoho

---
 public/Forwarder/custom.html | 65 +++++++++++++++++++++++-------------
 1 file changed, 41 insertions(+), 24 deletions(-)

diff --git a/public/Forwarder/custom.html b/public/Forwarder/custom.html
index 11e2bd8..9d6c278 100644
--- a/public/Forwarder/custom.html
+++ b/public/Forwarder/custom.html
@@ -31,6 +31,8 @@
         <link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
         <link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
         <!-- END THEME LAYOUT STYLES -->
+		<link href="../assets/global/plugins/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
+        <link href="../assets/global/plugins/select2/css/select2-bootstrap.min.css" rel="stylesheet" type="text/css" />
         <style>
             div.dt-button-collection {
                 margin-top: 70px;
@@ -477,30 +479,35 @@
                                         <div class="portlet-body">
                                             <div style="margin-top:60px" class="form-group">
                                                                                             <label for="so" class="col-md-2 control-label">Shipping Order</label>
-                                                                                               <div class="col-md-9">
-                                                                                <select class="form-control select2">
-                                                                                    <optgroup label="Order No">
-                                                                                        <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>
+                                                                                               <div class="col-md-10">
+																									<div class="input-group select2-bootstrap-append">
+																										<select id="multi-append" class="form-control select2" multiple>
+																											<option></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>
+                                                </select>
+                                                <span class="input-group-btn">
+                                                    <button class="btn btn-default" type="button" data-select2-open="multi-append">
+                                                        <span class="glyphicon glyphicon-search"></span>
+                                                    </button>
+                                                </span>
+                                            </div>
                                                                             </div>
                                                                             <div class="col-md-6">
                                                                         <div style="margin-top:30px" class="form-group">
@@ -996,6 +1003,8 @@
         <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>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
+        <script src="../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
+        
         <!-- END THEME LAYOUT SCRIPTS -->        
         
         <script>
@@ -1577,6 +1586,14 @@ var FormWizard = function () {
 
 jQuery(document).ready(function() {
     FormWizard.init();
+	$.fn.select2.defaults.set("theme", "bootstrap");
+
+        var placeholder = "Please select order no";
+
+        $(".select2, .select2-multiple").select2({
+            placeholder: placeholder,
+            width: null
+        });
 });
 
     </script>