Skip to content

D
design
Commit 685c5e09 by NGUYEN HOANG SON
Options

#49166 Implement Push Message List html

parent 123f0d71
Showing with 133 additions and 0 deletions
app/message-list.html 0 → 100755
<!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="message-list" 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">プッシュメッセージ一覧</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">メッセージ一覧</h2>
<ul class="task-list p-0 mt-3" id="message-list">
<li class="item list-unstyled rounded border mb-2">
<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>
<li class="item list-unstyled rounded border mb-2">
<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">xxxxxxxxxxxxxxxxxxxxxxxxxx</div></div>
<div class="sub-title">作業名が入ります。作業名が入ります。作業名が入ります。作業名が入ります。作業名が入ります。作業名が入ります。作業名が入ります。作業名が入ります。</div>
</div>
<i class="fas fa-chevron-right fs-12"></i>
</a>
</li>
<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>
<li class="item list-unstyled rounded border mb-2">
<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>
<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>
<li class="item list-unstyled rounded border mb-2">
<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:15</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>
app/script/check-message-list.js 0 → 100644
var CHK_MessageList = {};
CHK_MessageList.init = function() {
$("#footer").load("main-footer.html", function() {
CHK_Footer.activeDashboardBottomNav();
});
}
CHK_MessageList.goBack = function() {
history.back();
}
CHK_MessageList.refresh = function() {
}
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