Skip to content

D
design
Commit 499fc2f3 by NGO THI HONG
Options

#49114 implement back button

parent 98e46f5f
Showing with 75 additions and 32 deletions
app/pickup.html
...@@ -16,16 +16,18 @@ ...@@ -16,16 +16,18 @@
<script src="js/jquery-1.11.2.min.js?__UPDATEID__"></script> <script src="js/jquery-1.11.2.min.js?__UPDATEID__"></script>
<script src="script/check.js?__UPDATEID__"></script> <script src="script/check.js?__UPDATEID__"></script>
<script src="script/check-list.js?__UPDATEID__"></script> <script src="script/check-list.js?__UPDATEID__"></script>
<script src="script/check-dashboard-setting.js?__UPDATEID__"></script>
<script src="script/check-foriOS.js"></script> <script src="script/check-foriOS.js"></script>
<script src="script/constant.js?__UPDATEID__"></script> <script src="script/constant.js?__UPDATEID__"></script>
<script src="script/check_pu.js?__UPDATEID__"></script> <script src="script/check_pu.js?__UPDATEID__"></script>
<script src="script/check-footer.js"></script>
</head> </head>
<body onload="CHK_pu.init();"> <body onload="CHK_pu.init();">
<header > <header >
<nav class="navbar navbar-dark bg-primary position-fixed fixed-top w-100"> <nav class="navbar navbar-dark bg-primary position-fixed fixed-top w-100">
<a href="index.html" class="navbar-brand category-btn lht-0"> <a href="javascript:CHK_pu.goBack();" class="navbar-brand category-btn lht-0">
<i class="fas fa-chevron-left fs-12 p-1"></i> <i class="fas fa-chevron-left fs-12 p-1"></i>
<span class="d-none d-md-inline fs-10 multi-lang" data-msg="buttonBack"> <span class="d-none d-md-inline fs-10 multi-lang" data-msg="buttonBack">
戻る 戻る
...@@ -34,7 +36,7 @@ ...@@ -34,7 +36,7 @@
<h1 class="fs-10 font-weight-bold mb-0 text-white multi-lang" data-msg="labelPickUp">ピックアップ</h1> <h1 class="fs-10 font-weight-bold mb-0 text-white multi-lang" data-msg="labelPickUp">ピックアップ</h1>
<a class="nav-link text-white lht-0 p-1"> <a class="nav-link text-white lht-0 p-1">
<img class="icon" src="img/icon_update.svg" alt="更新"> <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" onclick="CHK_pu.init();"> <span class="d-none d-md-inline fs-10 align-middle multi-lang" data-msg="buttonRefresh" href="javascript:CHK_L.sendAppCommand('refreshContent');">
更新 更新
</span> </span>
</a> </a>
...@@ -49,14 +51,18 @@ ...@@ -49,14 +51,18 @@
<input id="tab-ContinueWork" type="radio" name="tab-task" class="tab-switch" checked> <input id="tab-ContinueWork" type="radio" name="tab-task" class="tab-switch" checked>
<input id="tab-ReportWithWarning" type="radio" name="tab-task" class="tab-switch"> <input id="tab-ReportWithWarning" type="radio" name="tab-task" class="tab-switch">
<ul class="tab-menu pl-0"> <ul class="tab-menu pl-0">
<li class="tab-label list-unstyled on"><label class="tab-label-NewReport fs-9 multi-lang" data-msg="labelNewReport" for="tab-NewReport" >新規報告</label><div class="task-cnt" id="count-NewReport"></div></li> <li class="tab-label list-unstyled on" id="liTabNewReport"><label class="tab-label-NewReport fs-9 multi-lang" data-msg="labelNewReport" for="tab-NewReport" >新規報告</label><div class="task-cnt" id="count-NewReport"></div></li>
<li class="tab-label list-unstyled"><label class="tab-label-ContinueWork fs-9 multi-lang" data-msg="labelContinueWork" for="tab-ContinueWork" >工程作業</label><div class="task-cnt" id="count-ContinueWork"></div></li> <li class="tab-label list-unstyled" id="liTabContinueWork"><label class="tab-label-ContinueWork fs-9 multi-lang" data-msg="labelContinueWork" for="tab-ContinueWork" >工程作業</label><div class="task-cnt" id="count-ContinueWork"></div></li>
<li class="tab-label list-unstyled"><label class="tab-label-ReportWithWarning fs- multi-lang" data-msg="labelReportWithWarning" for="tab-ReportWithWarning" >警告を含む報告</label><div class="task-cnt" id="count-ReportWithWarning"></div></li> <li class="tab-label list-unstyled" id="liTabReportWithWarning"><label class="tab-label-ReportWithWarning fs- multi-lang" data-msg="labelReportWithWarning" for="tab-ReportWithWarning" >警告を含む報告</label><div class="task-cnt" id="count-ReportWithWarning"></div></li>
</ul> </ul>
<div class="tab-content-area"> <div class="tab-content-area">
<!-- 新規報告 --> <!-- 新規報告 -->
<div id="tab-content-NewReport" class="tab-content on"> <div id="tab-content-NewReport" class="tab-content on">
<div class="container-fluid"> <div class="container-fluid">
<div class="not-found text-dark mb-1 p-3 d-none" id="notFoundNewReport">
<img src="img/icon_not_found.svg" class="mb-3" alt="該当する作業がありません。">
<div class="fs-9 text-secondary font-weight-bold">該当する作業がありません。</div>
</div>
<ul class="task-list p-0 mt-3" id="newReport-list"> <ul class="task-list p-0 mt-3" id="newReport-list">
</ul> </ul>
</div> </div>
...@@ -64,6 +70,10 @@ ...@@ -64,6 +70,10 @@
<!-- 工程作業 --> <!-- 工程作業 -->
<div id="tab-content-ContinueWork" class="tab-content"> <div id="tab-content-ContinueWork" class="tab-content">
<div class="container-fluid"> <div class="container-fluid">
<div class="not-found text-dark mb-1 p-3 d-none" id="notFoundContinueWork">
<img src="img/icon_not_found.svg" class="mb-3" alt="該当する作業がありません。">
<div class="fs-9 text-secondary font-weight-bold">該当する作業がありません。</div>
</div>
<ul class="task-list p-0 mt-3" id="continueWork-list"> <ul class="task-list p-0 mt-3" id="continueWork-list">
</ul> </ul>
...@@ -72,6 +82,10 @@ ...@@ -72,6 +82,10 @@
<!-- 警告を含む報告 --> <!-- 警告を含む報告 -->
<div id="tab-content-ReportWithWarning" class="tab-content"> <div id="tab-content-ReportWithWarning" class="tab-content">
<div class="container-fluid"> <div class="container-fluid">
<div class="not-found text-dark mb-1 p-3 d-none " id="notFoundReportWithWarning">
<img src="img/icon_not_found.svg" class="mb-3" alt="該当する作業がありません。">
<div class="fs-9 text-secondary font-weight-bold">該当する作業がありません。</div>
</div>
<ul class="task-list p-0 mt-3" id="reportWithWarning-list"> <ul class="task-list p-0 mt-3" id="reportWithWarning-list">
</ul> </ul>
...@@ -84,26 +98,7 @@ ...@@ -84,26 +98,7 @@
<footer class="fixed-bottom bg-light"> <div id="footer"></div>
<nav class="d-flex justify-content-around">
<a href="#" class="d-block w-100 text-center py-2 text-decoration-none">
<img src="img/icon_dashboard.svg" alt="ダッシュボード" class="p-1">
<div class="fs-7">ダッシュボード</div>
</a>
<a href="#" class="d-block w-100 text-center py-2 text-decoration-none text-secondary">
<i class="fas fa-tasks fs-14 p-1"></i>
<div class="fs-7">作業一覧</div>
</a>
<a href="#" class="d-block w-100 text-center py-2 text-decoration-none text-secondary">
<i class="fas fa-folder fs-14 p-1"></i>
<div class="fs-7">関連資料</div>
</a>
<a href="#" class="d-block w-100 text-center py-2 text-decoration-none text-secondary">
<i class="fas fa-cog fs-14 p-1"></i>
<div class="fs-7">設定</div>
</a>
</nav>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <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/app.js"></script>
<script type="text/javascript" src="js/common.js"></script> <script type="text/javascript" src="js/common.js"></script>
......
app/script/check_pu.js
...@@ -21,10 +21,23 @@ CHK_pu.initCommon = function() { ...@@ -21,10 +21,23 @@ CHK_pu.initCommon = function() {
CHK_pu.init = function() { CHK_pu.init = function() {
CHK.initCommon(); CHK.initCommon();
// 作業一覧JSONデータ $("#footer").load("main-footer.html", function() {
CHK_Footer.activeDashboardBottomNav();
});
CHK_pu.settingPickup();
if(CHK.operation == null || typeof CHK.operation === 'undefined')
{
CHK.loadJson(CHK.jsonPath.operationList, function (json) { CHK.loadJson(CHK.jsonPath.operationList, function (json) {
CHK_pu.operation = json; CHK.operation = json;
CHK_pu.operation.operationList = CHK_pu.operation.operationList.sort(function(a,b) { CHK_pu.initoperationList(CHK.operation.operationList);
});
return;
}
CHK_pu.initoperationList(CHK.operation.operationList);
}
CHK_pu.initoperationList = function(operationList) {
operationList = operationList.sort(function(a,b) {
if (!a.operationLastEditDate) { if (!a.operationLastEditDate) {
a.operationLastEditDate = "1900-01-01 09:00:00"; a.operationLastEditDate = "1900-01-01 09:00:00";
} }
...@@ -35,13 +48,27 @@ CHK_pu.init = function() { ...@@ -35,13 +48,27 @@ CHK_pu.init = function() {
if (a.operationLastEditDate > b.operationLastEditDate) return -1; if (a.operationLastEditDate > b.operationLastEditDate) return -1;
return 0; return 0;
}); });
CHK_pu.createNewReportList(CHK_pu.operation.operationList); CHK_pu.createNewReportList(operationList);
CHK_pu.createContinueWorkList(CHK_pu.operation.operationList); CHK_pu.createContinueWorkList(operationList);
CHK_pu.createReportWithWarning(CHK_pu.operation.operationList); CHK_pu.createReportWithWarning(operationList);
CHK_pu.setCountElementInPickup(); CHK_pu.setCountElementInPickup();
});
} }
CHK_pu.settingPickup = function() {
var isEnableNewReport = CHK_DashboardSetting.isSettingEnabled("dashboardSettingNewReport");
if(isEnableNewReport == true)
$("#liTabNewReport").css("display","none");
var isEnableContinueWork = CHK_DashboardSetting.isSettingEnabled("dashboardSettingContinousWork");
if(isEnableContinueWork == true)
$("#liTabContinueWork").css("display","none");
var isEnableReportWithWarning = CHK_DashboardSetting.isSettingEnabled("dashboardSettingReportWarning");
if(isEnableReportWithWarning == true)
$("#liTabReportWithWarning").css("display","none");
}
CHK_pu.goBack = function() {
history.back();
}
CHK_pu.setCountElementInPickup = function() { CHK_pu.setCountElementInPickup = function() {
$("#count-NewReport")[0].innerHTML = CHK_pu.countNewReportList; $("#count-NewReport")[0].innerHTML = CHK_pu.countNewReportList;
...@@ -51,6 +78,13 @@ CHK_pu.setCountElementInPickup = function() { ...@@ -51,6 +78,13 @@ CHK_pu.setCountElementInPickup = function() {
CHK_pu.createNewReportList = function(operationList, isSearched = false) { CHK_pu.createNewReportList = function(operationList, isSearched = false) {
console.log("createNewReportList" , operationList ); console.log("createNewReportList" , operationList );
$("#newReport-list").empty();
CHK_pu.countNewReportList = 0;
if (typeof operationList === 'undefined' || operationList.length < 1) {
$('#notFoundNewReport').removeClass('d-none');
return;
}
$('#notFoundNewReport').addClass('d-none');
for (var i = 0; i < operationList.length; i++) { for (var i = 0; i < operationList.length; i++) {
...@@ -77,6 +111,7 @@ CHK_pu.createNewReportList = function(operationList, isSearched = false) { ...@@ -77,6 +111,7 @@ CHK_pu.createNewReportList = function(operationList, isSearched = false) {
CHK_pu.countNewReportList = CHK_pu.countNewReportList + 1; CHK_pu.countNewReportList = CHK_pu.countNewReportList + 1;
} }
if(CHK.isAndroid) { if(CHK.isAndroid) {
android.hideLoading(); android.hideLoading();
} }
...@@ -87,6 +122,8 @@ CHK_pu.createNewReportList = function(operationList, isSearched = false) { ...@@ -87,6 +122,8 @@ CHK_pu.createNewReportList = function(operationList, isSearched = false) {
CHK_pu.createContinueWorkList = function(operationList, isSearched = false) { CHK_pu.createContinueWorkList = function(operationList, isSearched = false) {
$("#continueWork-list").empty();
CHK_pu.countContinueWorkReport = 0;
console.log("createContinueWorkList" ); console.log("createContinueWorkList" );
for (var i = 0; i < operationList.length; i++) { for (var i = 0; i < operationList.length; i++) {
if (operationList[i].reportType === 3) if (operationList[i].reportType === 3)
...@@ -126,6 +163,15 @@ CHK_pu.createContinueWorkList = function(operationList, isSearched = false) { ...@@ -126,6 +163,15 @@ CHK_pu.createContinueWorkList = function(operationList, isSearched = false) {
} }
} }
// show not found if
if (CHK_pu.countContinueWorkReport < 1) {
$('#notFoundNewReport').removeClass('d-none');
return;
}
$('#notFoundNewReport').addClass('d-none');
if(CHK.isAndroid) { if(CHK.isAndroid) {
android.hideLoading(); android.hideLoading();
} }
...@@ -134,6 +180,8 @@ CHK_pu.createContinueWorkList = function(operationList, isSearched = false) { ...@@ -134,6 +180,8 @@ CHK_pu.createContinueWorkList = function(operationList, isSearched = false) {
CHK_pu.createReportWithWarning = function(operationList, isSearched = false) { CHK_pu.createReportWithWarning = function(operationList, isSearched = false) {
$("#reportWithWarning-list").empty();
CHK_pu.countReportWithWarning = 0;
console.log("createReportWithWarning" ); console.log("createReportWithWarning" );
for (var i = 0; i < operationList.length; i++) { for (var i = 0; i < operationList.length; i++) {
console.log("lengh", operationList[i].warningReportList.length ); console.log("lengh", operationList[i].warningReportList.length );
......
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