Skip to content

C
check
Commit 0f40cb2a by NGUYEN HOANG SON
Options

add new design html

parent 13b942b3
Showing with 67 additions and 47 deletions
abvw/html/push-message-list.html 100755 → 100644
...@@ -3,64 +3,83 @@ ...@@ -3,64 +3,83 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>プッシュメッセージ一覧</title> <title>メッセージ一覧</title>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<link rel="stylesheet" type="text/css" href="/abvw/common/css/appCommon/app.css"> <!-- favicons -->
<link rel="stylesheet" type="text/css" href="/abvw/common/css/appCommon/fontawesome_relative_path.css"> <link href="img/favicon.ico" rel="icon">
<link rel="stylesheet" type="text/css" href="/abvw/common/css/appCommon/header.css"> <link href="img/apple-touch-icon.png" rel="apple-touch-icon">
<link rel="stylesheet" type="text/css" href="/abvw/common/css/appCommon/footer.css"> <!-- main css -->
<link rel="stylesheet" type="text/css" href="/abvw/common/css/appCommon/style.css"> <link rel="stylesheet" type="text/css" href="css/app.css">
<link rel="stylesheet" type="text/css" href="css/header.css">
<script src="/abvw/common/js/jquery/jquery-3.6.0.min.js?__UPDATEID__"></script> <link rel="stylesheet" type="text/css" href="css/style.css">
<script src="/abvw/common/js/jquery/jquery-ui.min.js?__UPDATEID__"></script> <!-- vender css -->
<script src="/abvw/common/js/constant.js?__UPDATEID__"></script> <link rel="stylesheet" type="text/css" href="css/fontawesome_relative_path.css">
<script src="/abvw/common/js/common.js?__UPDATEID__"></script>
<script src="/abvw/common/js/footer.js"></script>
<script src="/abvw/js/pushMessageList/push-message-list.js"></script>
</head> </head>
<body id="messageList" onload="PushMessageList.init();"> <body>
<header>
<nav class="navbar navbar-dark bg-primary position-fixed fixed-top w-100"> <!-- header -->
<a href="javascript:PushMessageList.goBack();" class="navbar-brand category-btn lht-0"> <?php include('common/header.html');?>
<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:PushMessageList.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 --> <!-- message list -->
<section class="container-fluid main-section">
<main> <main>
<h2 class="fs-8 font-weight-bold mt-4 pb-2 border-bottom text-dark multi-lang" data-msg="messageListHeaderTitle">メッセージ一覧</h2> <div class="container">
<div class="not-found text-dark mb-1 p-3 d-none"> <!-- breadcrumb -->
<img src="img/icon_not_found.svg" class="mb-3" alt="メッセージがありません。"> <nav aria-label="breadcrumb">
<div class="fs-9 text-secondary font-weight-bold multi-lang" data-msg="messageListEmptyTitle">メッセージがありません。</div> <ol class="breadcrumb px-0 mb-0">
<li class="breadcrumb-item"><a href="dashboard.html" class="text-decoration-none text-underline">ダッシュボード</a></li>
<li class="breadcrumb-item active" aria-current="page"><span>メッセージ一覧</span></li>
</ol>
</nav>
<!-- title -->
<h1 class="fs-14 font-weight-bold pt-sm-4 pt-2 pb-3 mb-0">メッセージ一覧</h1>
<!-- message -->
<ul class="card-list message-list p-0">
<li class="card mb-2 unread">
<a href="message-detail.html" class="d-block px-3 py-2 text-decoration-none text-dark">
<div class="fs-12 text-truncate">メッセージ内容が入ります。</div>
<div class="d-flex justify-content-between align-items-center">
<div class="fs-10 text-truncate">作業名が入ります。</div>
<div class="fs-8 text-secondary text-nowrap">2022/07/06 14:14</div>
</div> </div>
<ul class="task-list p-0 mt-3" id="messageTable"> </a>
<!-- <li class="item list-unstyled rounded border mb-2 unread"> </li>
<li class="card mb-2 unread">
<a href="message-detail.html" class="d-block px-3 py-2 text-decoration-none text-dark">
<div class="fs-12 text-truncate">メッセージ内容が入ります。メッセージ内容が入ります。メッセージ内容が入ります。</div>
<div class="d-flex justify-content-between align-items-center">
<div class="fs-10 text-truncate">作業名が入ります。作業名が入ります。作業名が入ります。作業名が入ります。</div>
<div class="fs-8 text-secondary text-nowrap">2022/07/06 14:14</div>
</div>
</a>
</li>
<li class="card mb-2 read">
<a href="message-detail.html" class="d-block px-3 py-2 text-decoration-none text-dark"> <a href="message-detail.html" class="d-block px-3 py-2 text-decoration-none text-dark">
<div class="title">メッセージ内容が入ります。</div> <div class="fs-12 text-truncate">メッセージ内容が入ります。</div>
<div class="sub-title-wrap"> <div class="d-flex justify-content-between align-items-center">
<div class="fs-8 text-secondary mr-2"><div class="data">2022/07/06 14:14</div></div> <div class="fs-10 text-truncate">作業名が入ります。</div>
<div class="sub-title">作業名が入ります。</div> <div class="fs-8 text-secondary text-nowrap">2022/07/06 14:14</div>
</div> </div>
<i class="fas fa-chevron-right fs-12"></i>
</a> </a>
</li> --> </li>
<li class="card mb-2 not-found">
<div class="text-dark mb-1 px-3 py-5 text-center m-auto">
<img src="img/icon_not_found.svg" alt="メッセージがありません。" class="not-found-img mb-2">
<div class="fs-9 text-secondary font-weight-bold">メッセージがありません。</div>
</div>
</li>
</ul> </ul>
</div>
</main> </main>
</section>
<div id="footer"></div> <!-- confirm -->
<?php include('common/confirm-modal.html');?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/common.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
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