app/Plugin/Recommend42/Resource/template/admin/index.twig line 1

Open in your IDE?
  1. {#
  2.  * This file is part of the Recommend Product plugin
  3.  *
  4.  * Copyright (C) EC-CUBE CO.,LTD. All Rights Reserved.
  5.  *
  6.  * For the full copyright and license information, please view the LICENSE
  7.  * file that was distributed with this source code.
  8. #}
  9. {#
  10. [コンテンツ]-[おすすめ商品]-[一覧・検索]画面
  11. #}
  13. {% extends '@admin/default_frame.twig' %}
  15. {% set menus = ['content', 'plugin_recommend'] %}
  17. {% block title %}{{ 'plugin_recommend.admin.index.title'|trans }}{% endblock %}
  18. {% block sub_title %}{{ 'plugin_recommend.admin.index.subtitle'|trans }}{% endblock %}
  20. {% block stylesheet %}
  21.     <style type="text/css">
  22.         .list-group-item:hover {
  23.             z-index: inherit;
  24.         }
  25.     </style>
  26. {% endblock stylesheet %}
  28. {% block javascript %}
  29.     <script src="{{ asset('assets/js/vendor/jquery.ui/jquery.ui.core.min.js', 'admin') }}"></script>
  30.     <script src="{{ asset('assets/js/vendor/jquery.ui/jquery.ui.widget.min.js', 'admin') }}"></script>
  31.     <script src="{{ asset('assets/js/vendor/jquery.ui/jquery.ui.mouse.min.js', 'admin') }}"></script>
  32.     <script src="{{ asset('assets/js/vendor/jquery.ui/jquery.ui.sortable.min.js', 'admin') }}"></script>
  34.     <script type="text/javascript">
  35.         $(function () {
  36.             // 初期表示時のsort noを保持.
  37.             var oldSortNos = [];
  38.             $('.sortable-item').each(function () {
  39.                 oldSortNos.push(this.dataset.sortNo);
  40.             });
  41.             oldSortNos.sort(function (a, b) {
  42.                 return a - b;
  43.             }).reverse();
  44.             // 並び替え後にsort noを更新
  45.             var updateSortNo = function () {
  46.                 var newSortNos = {};
  47.                 var i = 0;
  48.                 $('.sortable-item').each(function () {
  49.                     newSortNos[this.dataset.id] = oldSortNos[i];
  50.                     i++;
  51.                 });
  52.                 $.ajax({
  53.                     url: '{{ url('plugin_recommend_rank_move') }}',
  54.                     type: 'POST',
  55.                     data: newSortNos
  56.                 }).always(function () {
  57.                     $(".modal-backdrop").remove();
  58.                 });
  59.             };
  61.             // オーバレイ後, 表示順の更新を行う
  62.             var moveSortNo = function () {
  63.                 $('body').append($('<div class="modal-backdrop show"></div>'));
  64.                 updateSortNo();
  65.             };
  66.             // Drag and Drop
  67.             $(".sortable-container").sortable({
  68.                 items: '> .sortable-item',
  69.                 cursor: 'move',
  70.                 update: function (e, ui) {
  71.                     moveSortNo();
  72.                 }
  73.             });
  74.         })
  75.     </script>
  76. {% endblock javascript %}
  78. {% block main %}
  79.     <div class="c-contentsArea__cols">
  80.         <div class="c-contentsArea__primaryCol">
  81.             <div class="c-primaryCol">
  82.                 <div class="card rounded border-0 mb-4">
  83.                     <div class="card-header"><span class="normal">{{ 'plugin_recommend.admin.index.total_num'|trans({'%number%' : total_item_count})|raw }}</span></div>
  84.                     <div class="card-body p-0">
  86.                         {% if pagination %}
  87.                             <ul class="list-group list-group-flush sortable-container">
  88.                                 <li class="list-group-item">
  89.                                     <div class="row justify-content-around">
  90.                                         <div class="col-auto"><strong>&nbsp;&nbsp;</strong></div>
  91.                                         <div class="col-2"><strong>{{ 'plugin_recommend.admin.index.col2'|trans }}</strong></div>
  92.                                         <div class="col-2"><strong>{{ 'plugin_recommend.admin.index.col3'|trans }}</strong></div>
  93.                                         <div class="col-auto"><strong>{{ 'plugin_recommend.admin.index.col4'|trans }}</strong></div>
  94.                                         <div class="col"><strong></strong></div>
  95.                                     </div>
  96.                                 </li>
  97.                                 {% for RecommendProduct in pagination %}
  98.                                     <li class="list-group-item sortable-item" data-sort-no="{{ RecommendProduct.sort_no }}" data-id="{{ RecommendProduct.id }}">
  99.                                         <div class="row justify-content-around">
  101.                                             <div class="col-auto d-flex align-items-center"><i class="fa fa-bars text-ec-gray"></i></div>
  102.                                             <div class="col-2">
  103.                                                 <a href="{{ url('plugin_recommend_edit', { id : RecommendProduct.id }) }}" >
  104.                                                     <img src="{{ asset(RecommendProduct.Product.mainFileName|no_image_product, 'save_image') }}" style="max-width: 100px;"/>
  105.                                                 </a>
  106.                                             </div>
  107.                                             <div class="col-2 d-flex align-items-center">
  108.                                                 <a href="{{ url('plugin_recommend_edit', { id : RecommendProduct.id }) }}" >
  109.                                                     {{ RecommendProduct.Product.name }}
  110.                                                     <br>
  111.                                                     {{ RecommendProduct.Product.code_min }}
  112.                                                     {% if RecommendProduct.Product.code_min != RecommendProduct.Product.code_max %} ～ {{ RecommendProduct.Product.code_max }}
  113.                                                     {% endif %}
  114.                                                 </a>
  115.                                             </div>
  116.                                             <div class="col-6 d-flex">{{ RecommendProduct.comment|raw|purify|nl2br }}</div>
  118.                                             <div class="col text-end">
  119.                                                 <a href="{{ url('plugin_recommend_edit', { id : RecommendProduct.id }) }}"
  120.                                                    class="btn btn-ec-actionIcon me-3 action-edit"
  121.                                                    data-bs-toggle="tooltip"
  122.                                                    data-bs-placement="top"
  123.                                                    title="{{ 'admin.common.edit'|trans }}"><i
  124.                                                             class="fa fa-pencil fa-lg text-secondary"></i></a>
  125.                                                 <a
  126.                                                         class="btn btn-ec-actionIcon me-3"
  127.                                                         data-bs-toggle="modal"
  128.                                                         data-bs-target="#confirmModal-{{ RecommendProduct.id }}"
  129.                                                         data-bs-tooltip="tooltip"
  130.                                                         data-bs-placement="top"
  131.                                                         title="{{ 'admin.common.delete'|trans }}"><i
  132.                                                             class="fa fa-close fa-lg text-secondary"></i></a>
  133.                                             </div>
  135.                                             <div class="modal fade" id="confirmModal-{{ RecommendProduct.id }}" tabindex="-1"
  136.                                                  role="dialog"
  137.                                                  aria-labelledby="confirmModal-{{ RecommendProduct.id }}" aria-hidden="true">
  138.                                                 <div class="modal-dialog" role="document">
  139.                                                     <div class="modal-content">
  140.                                                         <div class="modal-header">
  141.                                                             <h5 class="modal-title font-weight-bold">
  142.                                                                 {{ 'plugin_recommend.admin.index.delete.confirm'|trans }}</h5>
  143.                                                             <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
  144.                                                         </div>
  145.                                                         <div class="modal-body text-start">
  146.                                                             <p class="text-start">
  147.                                                                 {{ 'plugin_recommend.admin.index.delete.confirm'|trans }}</p>
  148.                                                         </div>
  149.                                                         <div class="modal-footer">
  150.                                                             <button class="btn btn-ec-sub" type="button"
  151.                                                                     data-bs-dismiss="modal">{{ 'common.cancel'|trans }}
  152.                                                             </button>
  153.                                                             <a href="{{ url('plugin_recommend_delete', {'id' : RecommendProduct.id}) }}" class="btn btn-ec-delete" data-confirm="false" {{ csrf_token_for_anchor() }} data-method="delete">
  154.                                                                 {{ 'common.delete'|trans }}
  155.                                                             </a>
  156.                                                         </div>
  157.                                                     </div>
  158.                                                 </div>
  159.                                             </div>
  161.                                         </div>
  162.                                     </li>
  163.                                 {% endfor %}
  164.                             </ul>
  165.                         {% endif %}
  166.                     </div><!-- /.box -->
  167.                 </div><!-- /.col -->
  169.                 <p>{{'plugin_recommend.admin.notice'|trans}}</p>
  170.             </div>
  172.             <div class="card rounded border-0">
  173.                 <div class="card-body p-4">
  174.                     <div class="text-center">
  175.                         <a href="{{ url('plugin_recommend_new') }}" class="btn btn-ec-regular pl-4 pr-4">{{ 'plugin_recommend.admin.new'|trans }}</a>
  176.                     </div>
  177.                 </div>
  178.             </div>
  180.         </div>
  181.     </div>
  182. {% endblock %}