WebKitChatContainer: Distinguish senders by contactmethods

Instead of using the sender names to distinguish participants in the
chatview, use the ContactMethods. This fixes an issue where "Me" would
be hardcoded in the html file and could change depending on translation.
This also avoids issues with two senders having the same name.

Tuleap: #1073
Change-Id: Iaab2bfe6914b62e7b96e06e0c806692d155667b9
diff --git a/web/chatview.html b/web/chatview.html
index 7165f49..c6b0fdc 100644
--- a/web/chatview.html
+++ b/web/chatview.html
@@ -131,6 +131,7 @@
         message_id = message_object["id"];
         message_text = message_object["text"];
         message_sender = message_object["sender"];
+        message_sender_contact_method = message_object["sender_contact_method"];
         message_timestamp = message_object["timestamp"];
         message_direction = message_object["direction"];
         message_delivery_status = message_object["delivery_status"];
@@ -157,7 +158,7 @@
 
             // Sender image
             $message_sender_span = $("<span>", { class: "message_sender_image" });
-            $message_sender_image = $("<img>", { class: "sender_image_" + message_sender.replace(" ", "_") });
+            $message_sender_image = $("<img>", { class: "sender_image_" + message_sender_contact_method });
 
             $message_div.append($message_sender_image);
             $message_div.append($message_sender);
@@ -212,10 +213,10 @@
      */
     function setSenderImage(set_sender_image_object)
     {
-        sender = set_sender_image_object['sender'];
+        sender_contact_method = set_sender_image_object['sender_contact_method'];
         sender_image = set_sender_image_object['sender_image'];
 
-        sender_image_id = "sender_image_" + sender.replace(" ", "_");
+        sender_image_id = "sender_image_" + sender_contact_method;
 
         // Remove the currently set sender image
         $("#" + sender_image_id).remove();