チャットルーム内のネームカード表示

public_new/js/chat-websocket.js

@@ -160,6 +160,7 @@ function setSocketAction () {
     // New Message
     // New Message
     // #36170
     // #36170
     socket.on('newMessage', function(message, roomId, roomName) {
     socket.on('newMessage', function(message, roomId, roomName) {
+        console.log(message);
         var userMessageTemplate;
         var userMessageTemplate;
         $.get({ url: "./template/template_user_message.html", async: false }
         $.get({ url: "./template/template_user_message.html", async: false }
           , function(text) {
           , function(text) {
@@ -199,6 +200,7 @@ function setSocketAction () {
             text: message.text,
             text: message.text,
             from: message.from,
             from: message.from,
             profileImage: message.profileImagePath,
             profileImage: message.profileImagePath,
+            shopMemberId: message.userId,
             createdAtDay: messageTime.createdAtDay,
             createdAtDay: messageTime.createdAtDay,
             createdAtTime: messageTime.createdAtTime,
             createdAtTime: messageTime.createdAtTime,
             isToday: true
             isToday: true

public_new/template/template_user_message.html

 <div class="room_left">
 <div class="room_left">
   <figure>
   <figure>
-    <a href="#" data-toggle="modal" data-target="#profileModal1"><img src="{{profileImage}}" onError="this.src='./img/noImage.png'"></a>
+    <a href="#" data-toggle="modal" data-target="#profileModal1">
+      <img src="{{profileImage}}" onError="this.src='./img/noImage.png'" onclick="CHAT_UI.makeNameCard({{shopMemberId}})">
+    </a>
   </figure>
   </figure>
   <div class="room_left-text">
   <div class="room_left-text">
     <div class="name">{{from}}</div>
     <div class="name">{{from}}</div>