From d927a8b3fa2768e205e257447c2c2088c4f0c14f Mon Sep 17 00:00:00 2001
From: Hazirah Nabilah <hazirah_zida@yahoo.com>
Date: Mon, 18 Sep 2017 23:02:46 +0800
Subject: [PATCH] chat update

---
 public/Forwarder/chat.html | 66 ++++++++++++++++++++------------------
 1 file changed, 35 insertions(+), 31 deletions(-)

diff --git a/public/Forwarder/chat.html b/public/Forwarder/chat.html
index 2d92290..998ac30 100644
--- a/public/Forwarder/chat.html
+++ b/public/Forwarder/chat.html
@@ -612,11 +612,11 @@
 											</div>
 										</div>
                                         <div class="tab-content">
-                                                         <div class="tab-pane active" id="tab_1_1_1">
+                                             <div class="tab-pane active" id="tab_1_1_1">
+                                                 <div class="portlet-body" id="chats">
+                                                        <ul class="chats">
                                                             <ul class="chats">
                                                                <li class="in">
-                                                                   
-                                                                  <br>
                                                                   <img class="avatar" alt="" src="../assets/global/img/company_logo.png" />
                                                                   <div class="message">
                                                                      <div class="desc"> CIEF updated currency <strong>Buy 1.6</strong> and <strong>Sell 1.605</strong>.</div>
@@ -624,7 +624,6 @@
                                                                   </div>
                                                                </li>
                                                                <li class="in">
-                                                                  
                                                                   <br>
                                                                   <img class="avatar" alt="" src="../assets/global/img/abc.png" />
                                                                   <div class="message">
@@ -633,7 +632,6 @@
                                                                   </div>
                                                                </li>
                                                                <li class="in">
-                                                                  
                                                                   <br>
                                                                   <img class="avatar" alt="" src="../assets/global/img/company_logo.png" />
                                                                   <div class="message">
@@ -642,32 +640,38 @@
                                                                   </div>
                                                                </li>
                                                             </ul>
-                                                         </div>
-                                                         <div class="tab-pane" id="tab_1_1_2">
-                                                            <ul class="chats">
-                                                               <li class="in">
-                                                                  <a  style="float:right" data-toggle="modal" href="#profile"> Bob Nilson </a>
-                                                                  <br>
-                                                                  <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar1.jpg" />
-                                                                  <div class="message">
-                                                                     <span class="arrow"> </span>
-                                                                     <span class="body"> Hi. </span>
-                                                                     <span class="datetime" style="float:right"> 20:30 </span>
-                                                                  </div>
-                                                               </li>
-                                                               <li class="out">
-                                                                  <a  style="float:right" data-toggle="modal" href="#profile"> Richard Doe </a>
-                                                                  <br>
-                                                                  <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
-                                                                  <div class="message">
-                                                                     <span class="arrow"> </span>
-                                                                     <span class="body"> Bye. </span>
-                                                                     <span class="datetime" style="float:left"> 20:33 </span>
-                                                                  </div>
-                                                               </li>
-                                                            </ul>
-                                                         </div>
-                                                      </div>
+                                                            <li class="out">
+                                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                                                <div class="message">
+                                                                    <span class="arrow"> </span>
+                                                                    <a href="javascript:;" class="name"> Lisa Wong </a>
+                                                                    <span class="datetime"> at 20:11 </span>
+                                                                    <span class="body"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>
+                                                                </div>
+                                                            </li>
+                                                            <li class="out">
+                                                                <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
+                                                                <div class="message">
+                                                                    <span class="arrow"> </span>
+                                                                    <a href="javascript:;" class="name"> Lisa Wong </a>
+                                                                    <span class="datetime"> at 20:11 </span>
+                                                                    <span class="body"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>
+                                                                </div>
+                                                            </li>
+                                                        </ul>
+                                                    <div class="chat-form">
+                                                        <div class="input-cont">
+                                                            <input class="form-control" type="text" placeholder="Type a message here..." /> </div>
+                                                        <div class="btn-cont">
+                                                            <span class="arrow"> </span>
+                                                            <a href="" class="btn blue icn-only">
+                                                                <i class="fa fa-check icon-white"></i>
+                                                            </a>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                          </div>
 <!--
 										<div class="portlet-body">
 											<div class="scroller" style="height: 300px;" data-always-visible="1" data-rail-visible="0">