app/Plugin/TabaCMS2/Resource/template/admin/category_list.twig line 1

Open in your IDE?
  1. {#
  2. Copyright (C) SPREAD WORKS Inc. All Rights Reserved.
  4. For the full copyright and license information, please view the LICENSE
  5. file that was distributed with this source code.
  6. #}
  7. {% extends '@admin/default_frame.twig' %}
  8. {% use "bootstrap_4_layout.html.twig" %}
  10. {% set const = TabaCMS2Constants %}
  11. {% set menus = [constant('PLUGIN_CATEGORY_ID',const),constant('PLUGIN_CODE_LC',const),constant('PLUGIN_CODE_LC',const)~'_category_'~type.typeId] %}
  12. {% set bind_prefix = constant('ADMIN_BIND_PREFIX',const) %}
  13. {% set tag_id_prefix = constant('PLUGIN_CODE_LC',const)~'_type_list' %}
  14. {% set trans_prefix = constant('PLUGIN_CODE_LC',const)~'.admin' %}
  15. {% set include_prefix = constant('PLUGIN_CODE',const)~'/Resource/template/admin/' %}
  16. {% set body_class = constant('PLUGIN_CODE_LC',const)~'_page' %}
  17. {% block title %}{{ constant('PAGE_TITLE',const)|raw }}{% endblock %}
  18. {% block sub_title %}{{ type.typeName }} - {{ (trans_prefix~'.title.category_list')|trans }}{% endblock %}
  20. {% block javascript %}
  21. <script src="{{ asset('assets/js/vendor/jquery.ui/jquery.ui.core.min.js', 'admin') }}"></script>
  22. <script src="{{ asset('assets/js/vendor/jquery.ui/jquery.ui.widget.min.js', 'admin') }}"></script>
  23. <script src="{{ asset('assets/js/vendor/jquery.ui/jquery.ui.mouse.min.js', 'admin') }}"></script>
  24. <script src="{{ asset('assets/js/vendor/jquery.ui/jquery.ui.sortable.min.js', 'admin') }}"></script>
  25. <script>
  26. $(function() {
  27.     $(".sortable").sortable({
  28.         items: 'tr',
  29.         handle: '.icon_sortable',
  30.         cursor: 'move',
  31.         opacity: 0.7,
  32.         update: function(e, ui) {
  33.             $('body').append($('<div class="modal-backdrop show"></div>'));
  34.             $.ajax({
  35.                 url: '{{ path(bind_prefix~'_category_sort',{type_id:type.typeId}) }}',
  36.                 type: 'POST',
  37.                 data: '{{ constant('Eccube\\Common\\Constant::TOKEN_NAME') }}={{ csrf_token }}&' + $(this).sortable('serialize'),
  38.                 cache: false,
  39.             }).fail((data, textStatus, jqXHR) => {
  40.             }).done((data, textStatus, jqXHR) => {
  41.             }).always((data, textStatus, jqXHR) => {
  42.                 $(".modal-backdrop").remove();
  43.             });
  44.         }
  45.     });
  46. });
  47. </script>
  48. {% endblock %}
  50. {% block main %}
  51.     <div class="c-contentsArea__cols">
  52.         <div class="c-contentsArea__primaryCol">
  53.             <div class="c-primaryCol">
  55.                 <div class="card rounded border-0 mb-4">
  56.                     <div class="card-body p-0">
  57.                         {% if list is empty or list|length == 0 %}
  58.                             <div class="p-4">データがありません。カテゴリーを登録してください。</div>
  59.                         {% else %}
  60.                             <table class="table table-sm">
  61.                                 <thead>
  62.                                     <tr>
  63.                                         <th class="border-top-0 ps-3 pt-2 pb-2">表示順</th>
  64.                                         <th class="border-top-0 ps-3 pt-2 pb-2">ID</th>
  65.                                         <th class="border-top-0 ps-3 pt-2 pb-2">カテゴリー名</th>
  66.                                         <th class="border-top-0 ps-3 pt-2 pb-2">データキー(スラッグ)</th>
  67.                                         <th class="border-top-0 ps-3 pt-2 pb-2">投稿数</th>
  68.                                         <th class="border-top-0 ps-3 pt-2 pb-2">&nbsp;</th>
  69.                                         <th class="border-top-0 ps-3 pt-2 pb-2">&nbsp;</th>
  70.                                     </tr>
  71.                                 </thead>
  72.                                 <tbody class="sortable">
  73.                                     {% for row in list %}
  74.                                     <tr id="category_ids_{{ row.getCategoryId }}">
  75.                                         <td  class="align-middle ps-2 pt-2 pb-2 icon_sortable" style="cursor:move;"><i class="fa fa-bars text-ec-gray"></i></td>
  76.                                         <td class="align-middle ps-2 pt-2 pb-2">{{ row.getCategoryId }}</td>
  77.                                         <td class="align-middle ps-2 pt-2 pb-2"><a href="{{ path(bind_prefix~'_category_edit',{type_id:type.getTypeId,category_id:row.getCategoryId}) }}">{{ row.getCategoryName }}</a></td>
  78.                                         <td class="align-middle ps-2 pt-2 pb-2">{{ row.getDataKey }}</td>
  79.                                         <td class="align-middle ps-2 pt-2 pb-2 text-end">{{ row.getPostCount|default(0)|number_format }}</td>
  80.                                         <td class="align-middle ps-2 pt-2 pb-2 text-center"><a href="{{ path(bind_prefix~'_category_edit',{type_id:type.getTypeId,category_id:row.getCategoryId}) }}"><i class="fa fa-pencil  fa-lg text-secondary"></i> 編集</a></td>
  81.                                         <td class="align-middle ps-2 pt-2 pb-2 text-center">
  82.                                             {% if row.getPostCount > 0 %}
  83.                                             <a style="cursor: not-allowed;"><i class="fa fa-close fa-lg text-secondary"></i> 削除</a>
  84.                                             {% else %}
  85.                                             <a href="{{ path(bind_prefix~'_category_delete',{category_id:row.getCategoryId}) }}" {{ csrf_token_for_anchor() }} data-method="delete" data-message="このデータを削除してもよろしいですか？"><i class="fa fa-close fa-lg text-secondary"></i> 削除</a>
  86.                                             {% endif %}
  87.                                         </td>
  88.                                     </tr>
  89.                                     {% endfor %}
  90.                                 </tbody>
  91.                             </table>
  92.                         {% endif %}
  93.                     </div>
  95.                     <div class="card-footer">
  96.                         <div id="{{ tag_id_prefix }}__footer">
  97.                             <div id="{{ tag_id_prefix }}__insert_button" class="text-center btn_area">
  98.                                 <a href="{{ url(bind_prefix~'_category_new',{type_id:type.getTypeId}) }}" class="btn btn-ec-regular">{{ 'admin.common.registration__new'|trans }}</a>
  99.                             </div>
  100.                         </div>
  101.                     </div>
  103.                 </div>
  104.             </div>
  105.         </div>
  106.     </div>
  107. {% endblock %}