feat: 医師検索画面にローディング適用

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

@@ -35,7 +35,7 @@
             <td class="docHeaderTd docHeaderTdRight"><button class="docHeader_bt" onclick="backToMenu()">メニューへ</button></td>
         </tr>
     </table>
-    <form id="doctor_search" class="_form" name="search" action="/ultmarc/docSearch" method="POST">
+    <form id="doctor_search" class="_form" name="search" action="/ultmarc/docSearch" method="POST" onsubmit="showLoading()">
         <table class="docSearchTableDivTwo">
             <tbody>
                 <tr>
@@ -222,6 +222,12 @@
             return true;
         }
 
+        function transitionWithClearSearchItem(link) {
+            sessionStorage.clear();
+            transitionTo(link)
+            return false;
+        }
+
         function pagination_content(datas) {
             const display_keys = [
                 'dcf_pcf_dr_cd',
@@ -237,9 +243,9 @@
                 let td = display_keys.map((key) =>{
                     let inner_content = data[key];
                     if(key=='dcf_pcf_dr_cd')
-                        inner_content = `<a href="/ultmarc/docInfo?id=${data['dcf_pcf_dr_cd']}">${data['dcf_pcf_dr_cd']  || ''}</a>`;
+                        inner_content = `<a href="javascript:void(0);" onclick="transitionTo('/ultmarc/docInfo?id=${data['dcf_pcf_dr_cd']}')">${data['dcf_pcf_dr_cd']  || ''}</a>`;
                     if(key=='dcf_dsf_inst_cd')
-                        inner_content = `<a href="/ultmarc/instInfo?id=${data['dcf_dsf_inst_cd']}" onclick="OnLinkClick()">${data['form_inst_name_kanji']  || ''}</a>`;
+                        inner_content = `<a href="javascript:void(0);" onclick="transitionWithClearSearchItem('/ultmarc/instInfo?id=${data['dcf_dsf_inst_cd']}')">${data['form_inst_name_kanji']  || ''}</a>`;
                     return `<td>${inner_content || ''}</td>`
                 });
                 return  `
@@ -287,7 +293,13 @@
                 vals.push( $(this).val() ); // 配列に値を追加
             });
             $("#doc_id").val(vals.join(','));
+            // ローダー表示
+            showLoading();
         }
 </script>
+<!-- ローディング -->
+{% with progress_message = ''%}
+{% include '_loading.html' %}
+{% endwith %}
 </body>
 </html>