check-message-list.js 3.92 KB
Newer Older
1 2
var CHK_MessageList = {};

3 4 5 6
msgMap.messageListTopTitle = {ja:"プッシュメッセージ一覧", ko:"Push Message List", en:"Push Message List"};
msgMap.messageListHeaderTitle = {ja:"メッセージ一覧", ko:"Message List", en:"Message List"};
msgMap.messageListEmptyTitle = {ja:"該当する作業がありません。", ko:"There is no applicable work", en:"There is no applicable work"};

7
CHK_MessageList.init = function() {
8
    CHK.initCommon();
9 10 11
    $("#footer").load("main-footer.html", function() {
        CHK_Footer.activeDashboardBottomNav();
    });
12
    //CHK_MessageList.createMessageList(CHK_MessageList.dummyMessageList());
13 14 15
    CHK.loadJson(CHK.jsonPath.pushMessageList, function (json) {
        CHK_MessageList.createMessageList(json.pushMessageList);
    });
16 17 18 19 20 21 22
}

CHK_MessageList.goBack = function() {
    history.back();
}

CHK_MessageList.refresh = function() {
23 24 25
    CHK_MessageList.init();
}

26 27 28 29 30
CHK_MessageList.clickMessage = function(pushMessageId) {
    $("#pushMessageId_" + pushMessageId).removeClass('unread');
    location.href = 'message-detail.html?pushMessageId=' + pushMessageId;
}

31 32
CHK_MessageList.createMessageList = function(messageList) {
    $('#messageTable').empty();
33
    if (typeof messageList === 'undefined' || messageList.length < 1) {
34 35 36 37 38 39
        $('#messageList .not-found').removeClass('d-none');
        return;
    }
    $('#messageList .not-found').addClass('d-none');
    for (var i = 0; i < messageList.length; i++) {
        let message = messageList[i];
40 41 42 43 44
        var messageId = message.pushMessageId;
        var mTitle = message.pushMessage;
        var mDate = message.pushSendDate;
        var mSubtitle = message.operationName;
        var unread = !message.readingFlg;
45
		var messageLi = $('<li class="item list-unstyled rounded border mb-2" id="pushMessageId_' + messageId + '"/>');
46 47 48 49
        if (unread) {
            messageLi.addClass('unread');
        }
        var messageA = $('<a class="d-block px-3 py-2 text-decoration-none text-dark"/>');
50
        messageA.attr('href', "javascript:CHK_MessageList.clickMessage('" + messageId +"');");
51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69
        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>');
		var subTitleDiv = $('<div class="sub-title">' + mSubtitle + '</div>');
        subTitleMainDiv.append(dateDiv);
        subTitleMainDiv.append(subTitleDiv);
        var infoI = $('<i class="fas fa-chevron-right fs-12"></i>');
        messageA.append(titleDiv);
        messageA.append(subTitleMainDiv);
        messageA.append(infoI);
        messageLi.append(messageA);
		$('#messageTable').append(messageLi);
	}
};

//dummy messages
CHK_MessageList.dummyMessageList = function() {
    var messes = [];
    messes.push({
70 71 72 73 74 75
        pushMessageId: 1,
        pushMessage: 'メッセージ内容が入ります。',
        startDate: '2022/07/06 14:14',
        operationName: '作業名が入ります。',
        readingFlg: false,
    });
76
    messes.push({
77 78 79 80 81
        pushMessageId: 2,
        pushMessage: 'メッセージ内容が入ります。メッセージ内容が入ります。メッセージ内容が入ります。メッセージ内容が入ります。メッセージ内容が入ります。メッセージ内容が入ります。メッセージ内容が入ります。',
        pushSendDate: 'xxxxxxxxxxxxxxxxxxxxxxxxxx',
        operationName: '作業名が入ります。作業名が入ります。作業名が入ります。作業名が入ります。作業名が入ります。作業名が入ります。作業名が入ります。作業名が入ります。',
        readingFlg: true,
82 83
    });
    messes.push({
84 85 86 87 88
        pushMessageId: 3,
        pushMessage: 'メッセージ内容が入ります。',
        pushSendDate: '2022/07/07 14:14',
        operationName: '作業名が入ります。',
        readingFlg: false,
89 90
    });
    return messes;
91
}