<!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>
</head>

<body id="messageList" onload="CHK_MessageList.init();">
    <header>
        <nav class="navbar navbar-dark bg-primary position-fixed fixed-top w-100">
            <a href="javascript:CHK_MessageList.goBack();" class="navbar-brand category-btn lht-0">
                <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="messageListTopTitle">プッシュメッセージ一覧</h1>
            <a href="javascript:CHK_MessageList.refresh();" class="nav-link text-white lht-0 p-1">
                <img class="icon" src="img/icon_update.svg" alt="更新">
                <span class="d-none d-md-inline fs-10 align-middle multi-lang" data-msg="buttonRefresh">
                    更新
                </span>
            </a>
        </nav>
    </header>

    <!-- setting -->
    <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="messageListHeaderTitle">メッセージ一覧</h2>
            <div class="not-found text-dark mb-1 p-3 d-none">
                <img src="img/icon_not_found.svg" class="mb-3" alt="該当する作業がありません。">
                <div class="fs-9 text-secondary font-weight-bold multi-lang" data-msg="messageListEmptyTitle">該当する作業がありません。</div>
            </div>
            <ul class="task-list p-0 mt-3" id="messageTable">
                <!-- <li class="item list-unstyled rounded border mb-2 unread">
                    <a href="message-detail.html" class="d-block px-3 py-2 text-decoration-none text-dark">
                        <div class="title">メッセージ内容が入ります。</div>
                        <div class="sub-title-wrap">
                            <div class="fs-8 text-secondary mr-2"><div class="data">2022/07/06 14:14</div></div>
                            <div class="sub-title">作業名が入ります。</div>
                        </div>
                        <i class="fas fa-chevron-right fs-12"></i>
                    </a>
                </li> -->
            </ul>
        </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>