message-detail.html 3.43 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44
<!DOCTYPE html>
<html lang="ja-JP">

<head>
    <meta charset="utf-8">
    <title>プッシュメッセージ詳細</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <link rel="stylesheet" type="text/css" href="css/app.css">
    <link rel="stylesheet" type="text/css" href="css/fontawesome_relative_path.css">
    <link rel="stylesheet" type="text/css" href="css/header.css">
    <link rel="stylesheet" type="text/css" href="css/footer.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <script src="js/jquery-1.11.2.min.js?__UPDATEID__"></script>
    <script src="script/check.js?__UPDATEID__"></script>
    <script src="script/check-list.js?__UPDATEID__"></script>
    <script src="script/check-foriOS.js"></script>
    <script src="script/constant.js?__UPDATEID__"></script>
    <!-- <script src="script/check-dashboard.js"></script> -->
    <script src="script/check-footer.js"></script>
    <script src="script/check-message-list.js"></script>
    <script src="script/check-message-detail.js"></script>
</head>

<body id="messageDetail" onload="CHK_MessageDetail.init();">
    <header>
        <nav class="navbar navbar-dark bg-primary position-fixed fixed-top w-100">
            <a href="javascript:CHK_MessageDetail.goBack();" class="navbar-brand category-btn">
                <i class="fas fa-chevron-left fs-12 p-1"></i>
                <span class="d-none d-md-inline fs-10">
                    戻る
                </span>
            </a>
            <h1 class="fs-10 font-weight-bold mb-0 text-white multi-lang" data-msg="messageDetailTopTitle">プッシュメッセージ詳細</h1>
            <div></div>
        </nav>
    </header>

    <section class="container-fluid main-section">
        <main>
            <h2 class="fs-8 font-weight-bold mt-4 pb-2 border-bottom text-dark multi-lang" data-msg="messageDetailHeaderTitle">メッセージ詳細</h2>
            <div class="messege-detail rounded border p-3 mt-3">
                <table class="w-100">
                    <tbody>
                        <tr class="border-bottom">
45 46
                            <th class="fs-8 p-2 text-secondary multi-lang" data-msg="messageDetailContentTitle">内容</th>
                            <td class="p-2" id="message"></td>
47 48
                        </tr>
                        <tr class="border-bottom">
49 50
                            <th class="fs-8 p-2 text-secondary multi-lang" data-msg="messageDetailSendDateTitle">日時</th>
                            <td class="p-2" id="sendDate"></td>
51 52
                        </tr>
                        <tr class="border-bottom">
53 54
                            <th class="fs-8 p-2 text-secondary multi-lang" data-msg="messageDetailWorkingNameTitle">作業名</th>
                            <td class="p-2" id="operationName"></td>
55 56
                        </tr>
                        <tr class="border-bottom">
57 58
                            <th class="fs-8 p-2 text-secondary multi-lang" data-msg="messageDetailSenderTitle">送信者</th>
                            <td class="p-2" id="sender"></td>
59 60 61 62 63 64 65 66 67 68 69 70 71
                        </tr>
                    </tbody>
                </table>
            </div>
        </main>
    </section>

    <div id="footer"></div>
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
</body>

</html>