ADD chat app messages with attachment rref #5392

messages HTML done

app/shared/templates/directives/messaging/detail.html

@@ -31,7 +31,6 @@
             </div>
 
             <div class="conversation-block clearfix">
-
                 <div class="conversation-actions">
                     <div class="action"><span class="glyphicon glyphicon-star-empty"></span></div>
                     <div class="action dropdown-toggle" data-toggle="dropdown">
@@ -46,6 +45,7 @@
                 <div class="user-photo">
                     <img src="../../../img/erkan.jpg">
                 </div>
+                
                 <div class="user-message">
                     <div class="message-header clearfix">
                         <div class="user-name">Erkan Öğümsöğütlü</div>
@@ -56,6 +56,75 @@
                     </div>
                 </div>
             </div>
+            <!-- end of conversation-block -->
+            
+            <div class="conversation-block clearfix">
+                <div class="conversation-actions">
+                    <div class="action"><span class="glyphicon glyphicon-star-empty"></span></div>
+                    <div class="action dropdown-toggle" data-toggle="dropdown">
+                    	<span class="glyphicon glyphicon-option-horizontal"></span>
+                    </div>
+                    <ul class="dropdown-menu" style="left:-86px;">
+                      <li><a href="#">Edit</a></li>
+                      <li><a href="#">Delete</a></li>
+                    </ul>
+                </div>
+
+                <div class="user-photo">
+                    <img src="../../../img/erkan.jpg">
+                </div>
+                
+                <div class="user-message">
+                    <div class="message-header clearfix">
+                        <div class="user-name">Erkan Öğümsöğütlü</div>
+                        <div class="message-time">13:16</div>
+                    </div>
+                    <div class="message-content">
+                        <p class="attachment-message">uploaded an image: <span>sample.jpg</span></p>
+                        <a href="#" class="attachment-holder image-attached" target="_blank">
+                        	<img src="../../../img/sample.jpg">
+                            <span class="glyphicon glyphicon-download attachment-download"></span>
+                        </a>
+                    </div>
+                </div>
+            </div>
+            <!-- end of conversation-block -->
+            
+            <div class="conversation-block clearfix">
+                <div class="conversation-actions">
+                    <div class="action"><span class="glyphicon glyphicon-star-empty"></span></div>
+                    <div class="action dropdown-toggle" data-toggle="dropdown">
+                    	<span class="glyphicon glyphicon-option-horizontal"></span>
+                    </div>
+                    <ul class="dropdown-menu" style="left:-86px;">
+                      <li><a href="#">Edit</a></li>
+                      <li><a href="#">Delete</a></li>
+                    </ul>
+                </div>
+
+                <div class="user-photo">
+                    <img src="../../../img/erkan.jpg">
+                </div>
+                
+                <div class="user-message">
+                    <div class="message-header clearfix">
+                        <div class="user-name">Erkan Öğümsöğütlü</div>
+                        <div class="message-time">13:16</div>
+                    </div>
+                    <div class="message-content">
+                        <p class="attachment-message">uploaded a file</p>
+                        <a href="#" class="attachment-holder file-attached" target="_blank">
+                        	<img src="../../../img/file-icon.png">
+                            <div class="attached-file-info">
+                            	<div>ulakbus-pdf</div>
+                                <div>128KB PDF</div>
+                            </div>
+                            <span class="glyphicon glyphicon-download attachment-download"></span>
+                        </a>
+                    </div>
+                </div>
+            </div>
+            <!-- end of conversation-block -->
 
         </div>
     </div>