reply message formatting

Author: koray-eren

sogs/routes/views.py

@@ -2,6 +2,7 @@
 
 from .. import config, crypto, http
 from ..model.room import get_accessible_rooms
+from .messages import message_single, messages_recent
 from . import auth, converters  # noqa: F401
 
 
@@ -29,6 +30,22 @@ def serve_index():
 
 @views.get("/r/<Room:room>/")
 def view_room(room):
+    messageId = 37
+    response = ''
+    print()
+    try:
+        response = message_single(room=room, msg_id=messageId)
+        # response = messages_recent(room=room)
+        print('   +++   NO ERROR   +++   ')
+    except Exception as e:
+        print("ERROR MSG: {}".format(e))
+    
+    if response.status_code == 200:
+        print("     ===     EXISTS      ===   ")
+        print(response.json )
+    else:
+        print("   !!!   NO MESSAGE  !!!   ")
+    print()
     if not room.default_read:
         abort(http.FORBIDDEN)
 

sogs/static/view_room.js

@@ -51,8 +51,18 @@ const setup = async () => {
                     {
                         throw Error(err);
                     }
-
+                    
                     const plain = Message.decode(data).dataMessage;
+                    console.log(plain)
+                    // if msg is a reply
+                    if (plain.quote){
+                        originalMsg = document.createElement('p');
+                        originalMsg.classList.add('text-sm', 'italic', 'border-l-2', 'border-sessionGreen', 'pl-2');
+                        authorId = plain.quote.author
+                        authorId = authorId.substr(authorId.length - 8);
+                        originalMsg.appendChild(document.createTextNode("..." + authorId +": "+plain.quote.text));
+                        e.appendChild(originalMsg);
+                    }
                     e.appendChild(document.createTextNode(plain.profile.displayName +": "+plain.body));
                     e.classList.add('bg-gray-300','dark:bg-lightGray', 'w-fit', 'rounded', 'p-2', 'my-2')
                     elem.appendChild(e);

sogs/templates/view_room.html

@@ -11,13 +11,13 @@
     <pre class="text-sm break-all whitespace-normal">{{room.url}}</pre>
   </div>
   <div class="w-1/3 lg:w-auto  ">
-    <img class="aspect-square max-w-full max-h-40 min-h-fit" src="invite.png" />
+    <img class="aspect-square max-w-full max-h-40 " src="invite.png" />
   </div>
 </div>
 
 <div class="flex">
   {% if show_recent %}
-    <div id="messages-container" class=" overflow-y-auto border-2 rounded border-sessionGreen h-96 flex-1 my-5" >
+    <div id="messages-container" class=" overflow-y-auto border-2 rounded border-sessionGreen h-96 flex flex-col-reverse my-5 w-full" >
       <ul id="messages" class="m-2">
         <li>loading...</li>
       </ul>