src/Eccube/Resource/template/admin/Store/plugin_table_official.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. <script>
  12. $(function() {
  13.     var currentPlugin = null;
  14.     var modal = $('#officialPluginDeleteModal');
  15.     modal.on('show.bs.modal', function(e) {
  16.         currentPlugin = $(e.relatedTarget).data();
  17.     });
  18.     $('#officialPluginDeleteButton').on('click', function() {
  20.         var footer = $('div.modal-footer', modal).hide();
  21.         var message = $('div.modal-body p', modal).text('「' + currentPlugin.name + ' (' + currentPlugin.version + ')」を削除中。この処理には数分かかる場合があります。画面をリロードせずにこのままお待ち下さい。')
  22.         var progress = $('div.progress', modal).show();
  23.         $.ajax({url: currentPlugin['deleteUrl'], type: 'delete'}).then(
  24.             function(data) {
  25.                 $.post("{{ url('admin_disable_maintenance', { 'mode': 'auto_maintenance' }) }}").then(function() {
  26.                     message.text('削除が完了しました。');
  27.                     $('#deleteLog').text(data.log);
  28.                     $('#deleteLogPane').show();
  29.                     progress.hide();
  30.                     footer.show().find('button').toggle();
  31.                 });
  32.             },
  33.             function(res) {
  34.                 if (res.responseJSON.message) {
  35.                     message.text(res.responseJSON.message);
  36.                 } else {
  37.                     message.text('削除に失敗しました。');
  38.                 }
  39.                 if (res.responseJSON.log) {
  40.                     $('#deleteLog').text(res.responseJSON.log);
  41.                 }
  42.                 $('#deleteLogPane').show();
  43.                 progress.hide();
  44.                 footer.show().find('button').toggle();
  45.             }
  46.         );
  47.     });
  49.     {% if app.flashes('eccube.admin.disable_maintenance') %}
  50.         // メンテナンスモード解除
  51.         $.post("{{ url('admin_disable_maintenance', { 'mode': 'auto_maintenance' }) }}");
  52.     {% endif %}
  53. });
  54. </script>
  55. {% if Plugins|length > 0 %}
  56.     <div class="card-body p-0">
  57.         <table class="table table-sm">
  58.             <thead>
  59.             <tr>
  60.                 <th class="border-top-0 ps-3 pt-2 pb-2">{{ 'admin.store.plugin_table_official.901'|trans }}</th>
  61.                 <th class="border-top-0 pt-2 pb-2">{{ 'admin.store.unregistered_plugin_table.942'|trans }}</th>
  62.                 <th class="border-top-0 pt-2 pb-2">{{ 'admin.store.unregistered_plugin_table.943'|trans }}</th>
  63.                 <th class="border-top-0 pt-2 pb-2">{{ 'admin.store.plugin_table.901'|trans }}</th>
  64.                 <th class="border-top-0 pt-2 pb-2">{{ 'admin.store.plugin_table_official.905'|trans }}</th>
  65.                 <th class="border-top-0 pt-2 pb-2">&nbsp;</th>
  66.             </tr>
  67.             </thead>
  68.             <tbody>
  69.             {% for key,Plugin in Plugins %}
  70.                 {% set pluginDetail = officialPluginsDetail[key]|default(NULL) %}
  71.                 <tr class="{% if Plugin.enabled == false %}active{% endif %}">
  72.                     <td class="align-middle">
  73.                         <div class="align-center-items ps-3 d-flex">
  74.                             <a href="#" target="_blank" class="plugin-image pe-3 d-block float-start">
  75.                                 <img height="60" src="{{ pluginDetail ? pluginDetail.image : asset('noimage_plugin_list.png', 'save_image') }}" alt="">
  76.                             </a>
  77.                             <span>{{ Plugin.name }}</span>
  78.                         </div>
  79.                     </td>
  80.                     <td class="align-middle">{{ Plugin.version }}</td>
  81.                     <td class="align-middle"><p class="mb-0">{{ Plugin.code }}</p></td>
  82.                     <td class="align-middle">
  83.                         {% if Plugin.id %}
  84.                             {% if Plugin.enabled %}
  85.                                 <span class="text-success">{{ 'common.enabled'|trans }}</span>
  86.                             {% else %}
  87.                                 <span class="text-secondary">{{ 'common.disabled'|trans }}</span>
  88.                             {% endif %}
  89.                         {% endif %}
  90.                     </td>
  91.                     <td class="align-middle">
  92.                         {% if pluginDetail %}
  93.                             {% if Plugin.id %}
  94.                                 {% if pluginDetail.update_status == 3 %}
  95.                                     <a href="{{ url('admin_store_plugin_update_confirm', {'id': Plugin.id}) }}"
  96.                                        class="btn btn-ec-regular">{{ 'admin.store.plugin_table_official.916'|trans }}</a>
  97.                                     <ul class="plugin-meta dl-horizontal">
  98.                                         <li class="plugin-version">{{ 'admin.store.plugin_table_official.917'|trans({'%version%' : pluginDetail.version}) }}</li>
  99.                                         <li class="plugin-version">
  100.                                             {% set versions = '' %}
  101.                                             {% for version in pluginDetail.supported_versions %}
  102.                                                 {% set versions = versions ~ version %}
  103.                                                 {%- if loop.last == false%}{% set versions = versions ~ ',' %}{% endif -%}
  104.                                             {% endfor %}
  105.                                             {{ 'admin.store.plugin_table_official.918'|trans({'%versions%' : versions}) }}
  106.                                         </li>
  107.                                         <li class="plugin-update">{{ 'admin.store.plugin_table_official.919'|trans({'%update_date%' : pluginDetail.update_date|time_ago}) }}</li>
  108.                                     </ul>
  109.                                 {% else %}
  110.                                     <p class="mb-0">{{ 'admin.store.plugin_table_official.920'|trans }}。</p>
  111.                                 {% endif %}
  112.                             {% else %}
  113.                                 <a href="{{ url('admin_store_plugin_install_confirm', {'id': Plugin.source}) }}" class="btn btn-ec-regular">{{ 'admin.store.plugin.install'|trans }}</a>
  114.                             {% endif %}
  115.                         {% endif %}
  116.                     </td>
  117.                     <td class="align-middle">
  118.                         {% if Plugin.id %}
  119.                             <div class="row m-0">
  120.                                 <div class="col-4">
  121.                                     {% if Plugin.enabled == false %}
  122.                                         <a href="#"
  123.                                            data-bs-toggle="modal"
  124.                                            data-bs-target="#officialPluginDeleteModal"
  125.                                            data-id="{{ Plugin.id }}"
  126.                                            data-delete-url="{{ url('admin_store_plugin_api_uninstall', { id: Plugin.id }) }}"
  127.                                            data-name="{{ Plugin.name }}"
  128.                                            data-version="{{ Plugin.version }}"
  129.                                            class="btn btn-ec-actionIcon">
  130.                                             <i class="fa fa-close fa-lg text-secondary" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'admin.common.delete'|trans }}"></i>
  131.                                         </a>
  133.                                     {% endif %}
  134.                                 </div>
  135.                                 <div class="col-4">
  136.                                     {% if Plugin.enabled %}
  137.                                         <a href="{{ url('admin_store_plugin_disable', { id : Plugin.id }) }}" {{ csrf_token_for_anchor() }}
  138.                                            class="btn btn-ec-actionIcon"
  139.                                            data-method="post" data-confirm="false">
  140.                                             <i class="fa fa-pause fa-lg text-secondary" data-bs-toggle="tooltip"
  141.                                                data-bs-placement="top" title="{{ 'admin.store.plugin_table_official.925'|trans }}"></i>
  142.                                         </a>
  143.                                     {% else %}
  144.                                         <a href="{{ url('admin_store_plugin_enable', { id : Plugin.id }) }}" {{ csrf_token_for_anchor() }}
  145.                                            class="btn btn-ec-actionIcon"
  146.                                            data-method="post" data-confirm="false">
  147.                                             <i class="fa fa-play fa-lg text-secondary" data-bs-toggle="tooltip"
  148.                                                data-bs-placement="top" title="{{ 'admin.store.plugin_table_official.924'|trans }}"></i>
  149.                                         </a>
  150.                                     {% endif %}
  151.                                 </div>
  152.                                 <div class="col-4">
  153.                                     {% if configPages[Plugin.code] is defined %}
  154.                                         <a class="btn btn-ec-actionIcon" href="{{ configPages[Plugin.code] }}">
  155.                                             <i class="fa fa-cog fa-lg text-secondary" data-bs-toggle="tooltip"
  156.                                                data-bs-placement="top" title="{{ 'admin.store.plugin_table_official.906'|trans }}"></i>
  157.                                         </a>
  158.                                     {% endif %}
  159.                                 </div>
  160.                             </div>
  161.                         {% endif %}
  162.                     </td>
  163.                 </tr>
  164.             {% endfor %}
  165.             </tbody>
  166.         </table>
  167.     </div>
  168.     {% if officialPluginsDetail|length == 0 %}
  169.         <p class="ml-3">{{ 'admin.store.plugin.help'|trans }}</p>
  170.     {% endif %}
  171. {% else %}
  172.     <div class="card-body">
  173.         <div class="text-danger">
  174.             {{ 'admin.store.plugin_table_official.923'|trans }}
  175.         </div>
  176.     </div>
  177. {% endif %}
  179. <div class="modal fade" id="officialPluginDeleteModal" tabindex="-1" role="dialog"
  180.      aria-labelledby="officialPluginDeleteModal" aria-hidden="true"
  181.      data-bs-keyboard="false" data-bs-backdrop="static">
  182.     <div class="modal-dialog" role="document">
  183.         <div class="modal-content">
  184.             <div class="modal-header">
  185.                 <h5 class="modal-title fw-bold">
  186.                     {{ 'admin.store.plugin.popup.delete.confirm.title'|trans }}</h5>
  187.             </div>
  188.             <div class="modal-body text-start">
  189.                 <p class="text-start">{{ 'admin.store.plugin.popup.delete.confirm.message'|trans }}</p>
  190.                 <div class="progress" style="display: none">
  191.                     <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 100%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
  192.                 </div>
  193.                 <div id="deleteLogPane" style="display: none;">
  194.                     <div class="d-inline-block collapsed" data-bs-toggle="collapse" href="#deleteLog" aria-expanded="false" aria-controls="deleteLog">
  195.                         <a><i class="fa fw-bold me-1 fa-plus-square-o"></i><span class="fw-bold">ログを確認</span></a>
  196.                     </div>
  197.                     <pre class="collapsed collapse" id="deleteLog"></pre>
  198.                 </div>
  199.             </div>
  200.             <div class="modal-footer">
  201.                 <button class="btn btn-ec-sub" type="button" data-bs-dismiss="modal">{{ 'admin.common.cancel'|trans }}</button>
  202.                 <button id="officialPluginDeleteButton" class="btn btn-ec-delete" type="button">{{ 'admin.common.delete'|trans }}</button>
  203.                 <button class="btn btn-ec-sub" style="display: none" onclick="location.reload(true);">完了</button>
  204.             </div>
  205.         </div>
  206.     </div>
  207. </div>