app/template/default/Block/top_search_modal_mb.twig line 1

Open in your IDE?
  1. <div class="modal fade" id="header-search-modal" tabindex="-1" aria-labelledby="header-search-modal-label" aria-hidden="true">
  2.     <div class="modal-dialog modal-dialog-centered" style="height: 80%; overflow-y: auto;">
  3.         <div class="modal-content" style="height: 80%;">
  4.             <div class="modal-header">
  5.                 <h5 class="modal-title" id="header-search-modal-label">カテゴリー一覧</h5>
  6.                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  7.             </div>
  8.             <div id="list-details">
  9.                 <p id="parent-category-info"><!-- 親カテゴリーの情報がここに表示される --></p>
  10.                 <!-- 戻るボタン -->
  11.                 {# <button id="back-to-parent-category-btn" class="btn btn-secondary btn-sm">
  12.                     親カテゴリーに戻る
  13.                 </button> #}
  14.             </div>
  15.             <div class="modal-body overflow-auto" style="max-height: 500px;">
  16.                 <div id="loading-indicator" style="display: none; text-align: center;">
  17.                     <!-- インジケーターの内容（例：テキストやスピナーなど） -->
  18.                     <span>読み込み中...</span>
  19.                     <!-- オプションでスピナーアイコンや画像を使用することもできます -->
  20.                 </div>
  21.                 <div class="list-group">
  22.                     {% for Maker in Makers %}
  23.                         <a href="#" class="list-group-item list-group-item-action" id="maker-{{Maker.name}}" onclick="clickMakerMb({{ Maker.id }}, '{{ Maker.name }}')">{{Maker.name}}</a>
  24.                     {% endfor %}
  25.                 </div>
  26.             </div>
  27.         </div>
  28.     </div>
  29. </div>