Skip to content

D
design
Commit 780e3a60 by NGUYEN HOANG SON
Options

#49167 Implement Push Message List data, action

parent 0c112d90
Showing with 65 additions and 29 deletions
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;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment