From 34d4012cf8e592e80352accb86bb00834055e2c7 Mon Sep 17 00:00:00 2001
From: Nur Nadiah Nabilah Binti Hashinordin <nadiahnabilah93@gmail.com>
Date: Wed, 2 Aug 2017 17:21:29 +0800
Subject: [PATCH] notice 2/8

---
 Forwarder/notice.html | 158 +++++++++++++++++++++++++++++++++++++++---
 1 file changed, 150 insertions(+), 8 deletions(-)

diff --git a/Forwarder/notice.html b/Forwarder/notice.html
index eec31fb..7a12048 100644
--- a/Forwarder/notice.html
+++ b/Forwarder/notice.html
@@ -278,16 +278,158 @@ License: You must have a valid license purchased only from themeforest(the above
                                                         </div>
                         <div class="row">
                         <div class="col-md-8">
-                            <button type="button" class="btn green" id="Sumbit">Submit</button>
-                            <button type="button" class="btn green" id="Sumbit">Send to All</button>
-                            <button type="button" class="btn green" id="Sumbit">Select Contact</button>
-                            
-                        <div class="btn-group">
-                       
-                            
-                        </div>
+                        <button type="button" class="btn green" id="Sumbit">Send to All</button>
+                            <button type="button" class="btn green" id="Sumbit" href="#form_delivery" data-toggle="modal">Select Contact</button>
                         </div>
                         </div>
+                        
+                        <!-- Begin TAble Portlet pop up-->
+                        <!-- POP UP -->
+                <div id="form_delivery" class="modal" role="dialog" aria-labelledby="myModalLabel10" aria-hidden="true">
+                    <div class="portlet-body">
+                    <div class="modal-dialog">
+                        <div class="modal-content">
+                            <div class="modal-header">
+                                <div class="portlet box blue">
+                                    <div class="portlet-title">
+                                        <div class="caption">
+                                            <i class="fa fa-gift"></i>Select Contact</div>
+                                        <div class="tools">
+                                            <a href="javascript:;" class="collapse" data-original-title="" title=""> </a>
+                                        </div>
+                                    </div>
+                                    <div class="portlet-body">
+                                    	<div class="table-toolbar">
+                                            <div class="row">
+                                                <div class="col-md-6">
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div id="sample_1_wrapper" class="dataTables_wrapper no-footer">
+                                            <div class="row">
+                                                <div class="col-md-6 col-md-6">
+                                                    <div id="sample_1_filter" class="dataTables_filter">
+                                                        <label>Search:
+                                                        <input type="search" class="form-control input-sm input-small input-inline" placeholder aria-controls="sample_1">
+                                                        </label>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                    <div class="table-scrollable">
+                                        <table style="" class="table table-striped table-bordered table-hover" id="sample_3">
+                                        <thead>
+                                        <tr role="row">
+                                            <th class="sorting_disabled" rowspan="1" colspan="1" aria-label="
+
+
+
+
+                                            " style="width: 62px;">
+                                            <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
+                                                <input type="checkbox" class="group-checkable" data-set="#sample_1 .checkboxes">
+                                                <span></span>
+                                            </label>
+                                            </th> 
+                                            <th class="sorting_asc" tabindex="0" aria-controls="sample_1" rowspan="1" colspan="1" aria-sort="ascending" aria-label="No : activate to sort column descending" style="width: 136px;"> Contact </th>
+                                        </tr>
+                                        </thead>
+                                            <tbody>
+                                            <tr class="gradeX odd" role="row">
+                                                <td>
+                                                    <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
+                                                     <input type="checkbox" class="checkboxes" value="1">
+                                                     <span></span>
+                                                    </label>
+                                                </td>
+                                                    <td class="sorting_1"> Linda Wong </td>
+                                                    
+                                                </tr>
+                                            <tr class="gradeX even" role="row">
+                                                <td>
+                                                    <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
+                                                     <input type="checkbox" class="checkboxes" value="1">
+                                                     <span></span>
+                                                    </label>
+                                                </td>
+                                                    <td class="sorting_1"> Edris Karim </td>
+                                                    
+                                                </tr>
+                                            <tr class="gradeX odd" role="row">
+                                                <td>
+                                                    <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
+                                                     <input type="checkbox" class="checkboxes" value="1">
+                                                     <span></span>
+                                                    </label>
+                                                </td>
+                                                    <td class="sorting_1"> Azrin Hamidi </td>
+                                                    
+                                                </tr>
+                                            <tr class="gradeX even" role="row">
+                                                <td>
+                                                    <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
+                                                     <input type="checkbox" class="checkboxes" value="1">
+                                                     <span></span>
+                                                    </label>
+                                                </td>
+                                                    <td class="sorting_1"> Kuhanraj Balan </td>
+                                                    
+                                                </tr>
+                                            <tr class="gradeX odd" role="row">
+                                                <td>
+                                                    <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
+                                                     <input type="checkbox" class="checkboxes" value="1">
+                                                     <span></span>
+                                                    </label>
+                                                </td>
+                                                    <td class="sorting_1"> Dia Audia </td>
+                                                    
+                                                </tr>
+                                                <tr class="gradeX even" role="row">
+                                                <td>
+                                                    <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
+                                                     <input type="checkbox" class="checkboxes" value="1">
+                                                     <span></span>
+                                                    </label>
+                                                </td>
+                                                    <td class="sorting_1"> Belly Goh </td>
+                                                    
+                                                </tr>
+                                                <tr class="gradeX odd" role="row">
+                                                <td>
+                                                    <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
+                                                     <input type="checkbox" class="checkboxes" value="1">
+                                                     <span></span>
+                                                    </label>
+                                                </td>
+                                                    <td class="sorting_1"> Zamani Hashim </td>
+                                                    
+                                                </tr>
+                                            </tbody>
+                                        </table>
+                                    </div>
+                                <div class="row">
+                                
+                                <br></br>
+                                <br></br>
+
+                                <div class="form-actions">
+                                        <div class="row">
+                                            <div class="col-md-offset-5 col-md-5">
+                                                <button type="submit" class="btn green">
+                                                    <i class="fa fa-comments-o"></i> Send</button>
+                                </div>    
+                                </div>
+                                </div>
+                                </div>
+                                </div>
+                                </div>
+                                </div>
+                                </div>
+                                </div>
+                            </div>
+                            </div>
+
+                        <!-- END POP UP  -->
 						<!-- END CONTENT -->
                         
                     </div>