#49167 Implement Push Message List data, action

app/message-detail.html

@@ -42,20 +42,20 @@
                 <table class="w-100">
                     <tbody>
                         <tr class="border-bottom">
-                            <th class="fs-8 p-2 text-secondary">作業名</th>
-                            <td class="p-2">絞り検索</td>
+                            <th class="fs-8 p-2 text-secondary multi-lang" data-msg="messageDetailContentTitle">内容</th>
+                            <td class="p-2" id="message"></td>
                         </tr>
                         <tr class="border-bottom">
-                            <th class="fs-8 p-2 text-secondary">日時</th>
-                            <td class="p-2">2022/07/06 14:14</td>
+                            <th class="fs-8 p-2 text-secondary multi-lang" data-msg="messageDetailSendDateTitle">日時</th>
+                            <td class="p-2" id="sendDate"></td>
                         </tr>
                         <tr class="border-bottom">
-                            <th class="fs-8 p-2 text-secondary">送信者</th>
-                            <td class="p-2">agentec</td>
+                            <th class="fs-8 p-2 text-secondary multi-lang" data-msg="messageDetailWorkingNameTitle">作業名</th>
+                            <td class="p-2" id="operationName"></td>
                         </tr>
                         <tr class="border-bottom">
-                            <th class="fs-8 p-2 text-secondary">内容</th>
-                            <td class="p-2">回答しました。</td>
+                            <th class="fs-8 p-2 text-secondary multi-lang" data-msg="messageDetailSenderTitle">送信者</th>
+                            <td class="p-2" id="sender"></td>
                         </tr>
                     </tbody>
                 </table>

app/script/check-message-detail.js

@@ -2,11 +2,41 @@ var CHK_MessageDetail = {};
 
 msgMap.messageDetailTopTitle = {ja:"プッシュメッセージ詳細", ko:"Push Message Detail", en:"Push Message Detail"};
 msgMap.messageDetailHeaderTitle = {ja:"メッセージ詳細", ko:"Message List", en:"Message Detail"};
+msgMap.messageDetailContentTitle = {ja:"内容", ko:"Content", en:"Content"};
+msgMap.messageDetailSendDateTitle = {ja:"日時", ko:"Send Date", en:"Send Date"};
+msgMap.messageDetailWorkingNameTitle = {ja:"作業名", ko:"Working Name", en:"Working Name"};
+msgMap.messageDetailSenderTitle = {ja:"送信者", ko:"Sender", en:"Sender"};
 
 CHK_MessageDetail.init = function() {
+    CHK.initCommon();
     $("#footer").load("main-footer.html", function() {
         CHK_Footer.activeDashboardBottomNav();
     });
+    var urlParam = CHK.getUrlParameter();
+    if (typeof urlParam !== 'object' || typeof urlParam.id === 'undefined') {
+		return;
+	}
+    let messageId = urlParam.id;
+    CHK.loadJson(CHK.jsonPath.pushMessageList, function (json) {
+        var messageList = json.pushMessageList;
+        if (typeof messageList !== 'object') {
+            return;
+        }
+        for (var i = 0; i < messageList.length; i++) {
+            let message = messageList[i];
+            if (message.pushMessageId == messageId) {
+                CHK_MessageDetail.showMessage(message);
+                break;
+            }
+        }
+    });
+}
+
+CHK_MessageDetail.showMessage = function(message) {
+    $('#messageDetail #message').text(message.pushMessage);
+    $('#messageDetail #sendDate').text(message.pushSendDate);
+    $('#messageDetail #operationName').text(message.operationName);
+    $('#messageDetail #sender').text(message.pushSendLoginId);
 }
 
 CHK_MessageDetail.goBack = function() {

app/script/check-message-list.js

@@ -5,11 +5,14 @@ msgMap.messageListHeaderTitle = {ja:"メッセージ一覧", ko:"Message List",
 msgMap.messageListEmptyTitle = {ja:"該当する作業がありません。", ko:"There is no applicable work", en:"There is no applicable work"};
 
 CHK_MessageList.init = function() {
+    CHK.initCommon();
     $("#footer").load("main-footer.html", function() {
         CHK_Footer.activeDashboardBottomNav();
     });
-    //CHK.pushMessageList = CHK_MessageList.dummyMessageList();
-    CHK_MessageList.createMessageList(CHK.pushMessageList);
+    CHK.loadJson(CHK.jsonPath.pushMessageList, function (json) {
+        //CHK_MessageList.createMessageList(CHK_MessageList.dummyMessageList());
+        CHK_MessageList.createMessageList(json.pushMessageList);
+    });
 }
 
 CHK_MessageList.goBack = function() {
@@ -29,17 +32,17 @@ CHK_MessageList.createMessageList = function(messageList) {
     $('#messageList .not-found').addClass('d-none');
     for (var i = 0; i < messageList.length; i++) {
         let message = messageList[i];
-
-        var mTitle = message.title;
-        var mDate = setOperationDate(message.startDate);
-        var mSubtitle = message.subTitle;
-        var unread = message.unread;
+        var messageId = message.pushMessageId;
+        var mTitle = message.pushMessage;
+        var mDate = message.pushSendDate;
+        var mSubtitle = message.operationName;
+        var unread = !message.readingFlg;
 		var messageLi = $('<li class="item list-unstyled rounded border mb-2"/>');
         if (unread) {
             messageLi.addClass('unread');
         }
         var messageA = $('<a class="d-block px-3 py-2 text-decoration-none text-dark"/>');
-        messageA.attr('href', 'message-detail.html');
+        messageA.attr('href', 'message-detail.html?id=' + messageId);
         var titleDiv = $('<div class="title">' + mTitle + '</div>');
         var subTitleMainDiv = $('<div class="sub-title-wrap"></div>');
         var dateDiv = $('<div class="fs-8 text-secondary mr-2"><div class="data">' + mDate + '</div></div>');
@@ -59,22 +62,25 @@ CHK_MessageList.createMessageList = function(messageList) {
 CHK_MessageList.dummyMessageList = function() {
     var messes = [];
     messes.push({
-            title: 'メッセージ内容が入ります。',
-            startDate: '2022/07/06 14:14',
-            subTitle: '作業名が入ります。',
-            unread: false,
-        });
+        pushMessageId: 1,
+        pushMessage: 'メッセージ内容が入ります。',
+        startDate: '2022/07/06 14:14',
+        operationName: '作業名が入ります。',
+        readingFlg: false,
+    });
     messes.push({
-        title: 'メッセージ内容が入ります。メッセージ内容が入ります。メッセージ内容が入ります。メッセージ内容が入ります。メッセージ内容が入ります。メッセージ内容が入ります。メッセージ内容が入ります。',
-        startDate: 'xxxxxxxxxxxxxxxxxxxxxxxxxx',
-        subTitle: '作業名が入ります。作業名が入ります。作業名が入ります。作業名が入ります。作業名が入ります。作業名が入ります。作業名が入ります。作業名が入ります。',
-        unread: true,
+        pushMessageId: 2,
+        pushMessage: 'メッセージ内容が入ります。メッセージ内容が入ります。メッセージ内容が入ります。メッセージ内容が入ります。メッセージ内容が入ります。メッセージ内容が入ります。メッセージ内容が入ります。',
+        pushSendDate: 'xxxxxxxxxxxxxxxxxxxxxxxxxx',
+        operationName: '作業名が入ります。作業名が入ります。作業名が入ります。作業名が入ります。作業名が入ります。作業名が入ります。作業名が入ります。作業名が入ります。',
+        readingFlg: true,
     });
     messes.push({
-        title: 'メッセージ内容が入ります。',
-        startDate: '2022/07/07 14:14',
-        subTitle: '作業名が入ります。',
-        unread: false,
+        pushMessageId: 3,
+        pushMessage: 'メッセージ内容が入ります。',
+        pushSendDate: '2022/07/07 14:14',
+        operationName: '作業名が入ります。',
+        readingFlg: false,
     });
     return messes;
 }