feat: マスタメンテ機能の戻るボタン用にローディングを使い分け

ecs/jskult-webapp/src/static/css/loading.css

@@ -1,4 +1,4 @@
-#_loading {
+._loading {
     z-index: 10000;
     position: fixed;
     top: 0;
@@ -14,7 +14,7 @@
     opacity: 0.7;
 }
 
-#_loading_content {
+._loading_content {
     position: absolute;
     top: 50%;
     left: 50%;

ecs/jskult-webapp/src/static/function/businessLogicScript.js

@@ -291,10 +291,10 @@ function checkNumberOnlyForm($this)
 
 // メニューへボタンの関数
 // 機能概要：マスターメンテメニュー画面に遷移する
-function backToMainteMenu(){
+function backToMainteMenu(loadingElemId = '_loading'){
     sessionStorage.clear();
     // ローディング表示
-    showLoading();
+    showLoading(loadingElemId);
     location.href = "/masterMainte/masterMainteMenu";
 }
 

ecs/jskult-webapp/src/templates/_loading.html

@@ -1,5 +1,5 @@
-<div id="_loading">
-    <div id="_loading_content">
+<div class="_loading" id="{{id or '_loading'}}">
+    <div class="_loading_content">
         <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>{{progress_message}}
     </div>
 </div>

ecs/jskult-webapp/src/templates/instEmpCsvDL.html

@@ -45,7 +45,7 @@
         <table class="headerTable">
             <tr>
                 <td class="headerTdLeft"><h1>施設担当者データCSVダウンロード</h1></td>
-                <td class="headerTdRight"><input type="button" name="back" class="header_buttonSize" value="メニューへ" onclick="backToMainteMenu()"></td>
+                <td class="headerTdRight"><input type="button" name="back" class="header_buttonSize" value="メニューへ" onclick="backToMainteMenu('_loading_for_back')"></td>
             </tr>
         </table>
     </h1>
@@ -180,8 +180,13 @@
             {% endif %}
         {% endif %}
     </p>
+    <!-- ダウンロード用 -->
     {% with progress_message = '処理中...しばらくお待ち下さい。'%}
     {% include '_loading.html' %}
     {% endwith %}
+    <!-- 戻るボタン用 -->
+    {% with progress_message = '', id = '_loading_for_back' %}
+    {% include '_loading.html' %}
+    {% endwith %}
   </body>
 </html>

ecs/jskult-webapp/src/templates/instEmpCsvUL.html

@@ -66,7 +66,7 @@
                     {% if mainte_csv_up.is_verified and mainte_csv_up.is_error_message_list_empty()  %}
                         <input type="button" class="header_buttonSize" onclick="location.href='/masterMainte/instEmpCsvUL' " value="戻る">
                     {% else %}
-                        <input type="button" class="header_buttonSize" onclick="backToMainteMenu()" value="メニューへ" />
+                        <input type="button" class="header_buttonSize" onclick="backToMainteMenu('_loading_for_back')" value="メニューへ" />
                     {% endif %}
                 </td>
             </tr>
@@ -200,8 +200,14 @@
             </div>
         {% endif %}
     </p>
+    <!-- ローディング -->
+    <!-- 登録処理用 -->
     {% with progress_message = '処理中...しばらくお待ち下さい。'%}
     {% include '_loading.html' %}
     {% endwith %}
+    <!-- 戻るボタン用 -->
+    {% with progress_message = '', id = '_loading_for_back' %}
+    {% include '_loading.html' %}
+    {% endwith %}
   </body>
 </html>

ecs/jskult-webapp/src/templates/tableOverride.html

@@ -25,7 +25,7 @@
         <table class="headerTable">
             <tr>
                 <td class="headerTdLeft"><h1>テーブル上書きコピー</h1></td>
-                <td class="headerTdRight"><input type="button" name="back" class="header_buttonSize" value="メニューへ" onclick="backToMainteMenu()"></td>
+                <td class="headerTdRight"><input type="button" name="back" class="header_buttonSize" value="メニューへ"  onclick="backToMainteMenu('_loading_for_back')"></td>
             </tr>
         </table>
     </h1>
@@ -53,8 +53,13 @@
             <div id="overRided" class="csvOutputMessage">ダミー従業員担当施設マスタのデータを本番従業員担当施設マスタのデータで上書きしました</div>
         </p>
     {% endif %}
+    <!-- 上書き用 -->
     {% with progress_message = 'データ上書き中...しばらくお待ち下さい。'%}
     {% include '_loading.html' %}
     {% endwith %}
+    <!-- 戻るボタン用 -->
+    {% with progress_message = '', id = '_loading_for_back' %}
+    {% include '_loading.html' %}
+    {% endwith %}
   </body>
 </html>