src/Eccube/Resource/template/admin/Content/page_edit.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. {% extends '@admin/default_frame.twig' %}
  13. {# 設定メニューからも遷移するため、遷移元に応じてナビを変更 #}
  14. {% if app.request.query.get('return') == 'tradelaw' %}
  15.     {% set menus = ['setting', 'shop', 'shop_tradelaw'] %}
  16. {% elseif app.request.query.get('return') == 'agreement' %}
  17.     {% set menus = ['setting', 'shop', 'shop_agreement'] %}
  18. {% else %}
  19.     {% set menus = ['content', 'page'] %}
  20. {% endif %}
  22. {% block title %}{{ 'admin.content.page_management'|trans }}{% endblock %}
  23. {% block sub_title %}{{ 'admin.content.contents_management'|trans }}{% endblock %}
  25. {% form_theme form '@admin/Form/bootstrap_4_horizontal_layout.html.twig' %}
  27. {% block stylesheet %}
  28.     <style>
  29.         .ui-resizable-se {
  30.             right: -3px;
  31.             bottom: -3px;
  32.         }
  33.     </style>
  34. {% endblock %}
  36. {% block javascript %}
  37.     <script>
  38.         ace.require('ace/ext/language_tools');
  39.         var editor = ace.edit('editor');
  40.         editor.session.setMode('ace/mode/twig');
  41.         editor.setTheme('ace/theme/tomorrow');
  42.         editor.setValue('{{ form.tpl_data.vars.value|escape('js') }}');
  43.         editor.setOptions({
  44.             enableBasicAutocompletion: true,
  45.             enableSnippets: true,
  46.             enableLiveAutocompletion: true,
  47.             showInvisibles: true
  48.         });
  50.         $("#editor").resizable({
  51.             resize: function (event, ui) {
  52.                 editor.resize();
  53.             }
  54.         });
  56.         $('#content_page_form').on('submit', function(elem) {
  57.             $('#main_edit_tpl_data').val(editor.getValue());
  58.         });
  59.     </script>
  60. {% endblock %}
  62. {% block main %}
  63.     <form id="content_page_form" method="post"
  64.           action="{%- if page_id is not null %}{{ url('admin_content_page_edit', {id: page_id}) }}{% else %}{{ url('admin_content_page_new') }}{% endif -%}">
  65.         {{ form_widget(form._token) }}
  67.         <div class="c-contentsArea__cols">
  68.             <div class="c-contentsArea__primaryCol">
  69.                 <div class="c-primaryCol">
  70.                     <!-- ページ設定 -->
  71.                     <div class="card rounded border-0 mb-4">
  72.                         <div class="card-header">
  73.                             <div class="row">
  74.                                 <div class="col-8"><span class="card-title">{{ 'admin.content.page__card_title'|trans }}</span></div>
  75.                                 <div class="col-4 text-end">
  76.                                     <a data-bs-toggle="collapse" href="#pageDetail" aria-expanded="false" aria-controls="pageDetail">
  77.                                         <i class="fa fa-angle-up fa-lg"></i>
  78.                                     </a>
  79.                                 </div>
  80.                             </div>
  81.                         </div>
  82.                         <div class="collapse show ec-cardCollapse" id="pageDetail">
  83.                             <div class="card-body">
  84.                                 <!-- ページ名 -->
  85.                                 <div class="row mb-2">
  86.                                     <div class="col-2">
  87.                                         <span>{{ 'admin.content.page_name'|trans }}</span>
  88.                                         <span class="badge bg-primary ms-1">{{ 'admin.common.required'|trans }}</span>
  89.                                     </div>
  90.                                     <div class="col-10">
  91.                                         {{ form_widget(form.name) }}
  92.                                         {{ form_errors(form.name) }}
  93.                                     </div>
  94.                                 </div>
  95.                                 <!-- URL -->
  96.                                 <div class="row mb-2">
  97.                                     <div class="col-2">
  98.                                         <span>{{ 'admin.content.page_url'|trans }}</span>
  99.                                         <span class="badge bg-primary ms-1">{{ 'admin.common.required'|trans }}</span>
  100.                                     </div>
  101.                                     <div class="col-10">
  102.                                         <div class="row">
  103.                                             {% if is_user_data_page %}
  104.                                                 <div class="col-3 pe-0"><span class="align-middle">{{ url('homepage') }}{{ eccube_config.eccube_user_data_route }}/</span></div>
  105.                                                 <div class="col-9 ps-0">{{ form_widget(form.url) }}</div>
  106.                                             {% else %}
  107.                                                 <div class="col pe-0"><span class="align-middle">{{ app.request.schemeAndHttpHost }}{{ app.request.basePath }}{{ url }}</span></div>
  108.                                                 <div>{{ form_widget(form.url, { type : 'hidden' } ) }}</div>
  109.                                             {% endif %}
  110.                                             {{ form_errors(form.url) }}
  111.                                         </div>
  112.                                     </div>
  113.                                 </div>
  114.                                 <!-- ファイル名 -->
  115.                                 <div class="row mb-2">
  116.                                     <div class="col-2">
  117.                                         <div class="d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.content.page_file_name'|trans }}">
  118.                                             <span>{{ 'admin.content.page_file_name'|trans }}</span><i class="fa fa-question-circle fa-lg ms-1"></i>
  119.                                         </div>
  120.                                         <span class="badge bg-primary ms-1">{{ 'admin.common.required'|trans }}</span>
  121.                                     </div>
  122.                                     <div class="col-10">
  123.                                         <div class="row">
  124.                                             {% if is_user_data_page %}
  125.                                                 <div class="col-3 pe-0 align-middle"><span class="align-middle">{{ template_path }}/</span></div>
  126.                                                 <div class="col-7 ps-0">
  127.                                                     {{ form_widget(form.file_name) }}
  128.                                                 </div>
  129.                                                 <div class="col-2 ps-0">.twig</div>
  130.                                             {% else %}
  131.                                                 <div class="col pe-0 align-middle">
  132.                                                     <span class="align-middle">{{ template_path }}/{{ form.file_name.vars.value }}.twig</span>
  133.                                                     <div>{{ form_widget(form.file_name, { type : 'hidden' } ) }}</div>
  134.                                                 </div>
  135.                                             {% endif %}
  136.                                             {{ form_errors(form.file_name) }}
  137.                                         </div>
  138.                                     </div>
  139.                                 </div>
  140.                                 <!-- コード -->
  141.                                 <div class="row mb-2">
  142.                                     <div class="col-2">
  143.                                         <div class="d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.content.page_source_code'|trans }}">
  144.                                             <span>{{ 'admin.content.page_source_code'|trans }}</span><i class="fa fa-question-circle fa-lg ms-1"></i>
  145.                                         </div>
  146.                                         <span class="badge bg-primary ms-1">{{ 'admin.common.required'|trans }}</span>
  147.                                     </div>
  148.                                     <div class="col-10">
  149.                                         <div id="editor" style="height: 480px" class="form-control{{ has_errors(form.tpl_data) ? ' is-invalid' }}"></div>
  150.                                         <div style="display: none">{{ form_widget(form.tpl_data) }}</div>
  151.                                         {{ form_errors(form.tpl_data) }}
  152.                                     </div>
  153.                                 </div>
  154.                                 {# エンティティ拡張の自動出力 #}
  155.                                 {% for f in form|filter(f => f.vars.eccube_form_options.auto_render) %}
  156.                                     {% if f.vars.eccube_form_options.form_theme %}
  157.                                         {% form_theme f f.vars.eccube_form_options.form_theme %}
  158.                                         {{ form_row(f) }}
  159.                                     {% else %}
  160.                                         <div class="row">
  161.                                             <div class="col-2"><span>{{ f.vars.label|trans }}</span></div>
  162.                                             <div class="col-10">
  163.                                                 {{ form_widget(f) }}
  164.                                                 {{ form_errors(f) }}
  165.                                             </div>
  166.                                         </div>
  167.                                     {% endif %}
  168.                                 {% endfor %}
  169.                             </div>
  170.                         </div>
  171.                     </div>
  172.                     {%- if not is_confirm_page %}
  173.                         <!-- レイアウト設定 -->
  174.                         <div class="card rounded border-0 mb-4">
  175.                             <div class="card-header">
  176.                                 <div class="row">
  177.                                     <div class="col-8">
  178.                                         <div class="d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top"
  179.                                              title="{{ 'tooltip.content.page_layout'|trans }}">
  180.                                             <span class="card-title">
  181.                                                 {{ 'admin.content.page_layout__card_title'|trans }}
  182.                                                 <i class="fa fa-question-circle fa-lg ms-1"></i>
  183.                                             </span>
  184.                                         </div>
  185.                                     </div>
  186.                                     <div class="col-4 text-end">
  187.                                         <a data-bs-toggle="collapse" href="#pageLayout" aria-expanded="false" aria-controls="pageLayout">
  188.                                             <i class="fa fa-angle-up fa-lg"></i>
  189.                                         </a>
  190.                                     </div>
  191.                                 </div>
  192.                             </div>
  193.                             <div class="collapse show ec-cardCollapse" id="pageLayout">
  194.                                 <div class="card-body">
  195.                                     <!-- PC -->
  196.                                     <div class="row mb-2">
  197.                                         <div class="col-2"><span>{{ 'admin.content.page_pc'|trans }}</span></div>
  198.                                         <div class="col-10">
  199.                                             {{ form_widget(form.PcLayout) }}
  200.                                             {{ form_errors(form.PcLayout) }}
  201.                                         </div>
  202.                                     </div>
  203.                                     <!-- モバイル -->
  204.                                     <div class="row mb-2">
  205.                                         <div class="col-2"><span>{{ 'admin.content.page_mobile'|trans }}</span></div>
  206.                                         <div class="col-10">
  207.                                             {{ form_widget(form.SpLayout) }}
  208.                                             {{ form_errors(form.SpLayout) }}
  209.                                         </div>
  210.                                     </div>
  211.                                 </div>
  212.                             </div>
  213.                         </div>
  214.                         <!-- メタ設定 -->
  215.                         <div class="card rounded border-0 mb-4">
  216.                             <div class="card-header">
  217.                                 <div class="row">
  218.                                     <div class="col-8">
  219.                                         <div class="d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.content.page_meta'|trans }}">
  220.                                             <span class="card-title">{{ 'admin.content.page_meta__card_title'|trans }}</span>
  221.                                             <i class="fa fa-question-circle fa-lg ms-1"></i>
  222.                                         </div>
  223.                                     </div>
  224.                                     <div class="col-4 text-end">
  225.                                         <a data-bs-toggle="collapse" href="#pageMeta" aria-expanded="false" aria-controls="pageMeta">
  226.                                             <i class="fa fa-angle-up fa-lg"></i>
  227.                                         </a>
  228.                                     </div>
  229.                                 </div>
  230.                             </div>
  231.                             <div class="collapse show ec-cardCollapse" id="pageMeta">
  232.                                 <div class="card-body">
  233.                                     <!-- author -->
  234.                                     <div class="row mb-2">
  235.                                         <div class="col-2"><span>{{ 'admin.content.page_meta_author'|trans }}</span></div>
  236.                                         <div class="col-10">
  237.                                             {{ form_widget(form.author) }}
  238.                                             {{ form_errors(form.author) }}
  239.                                         </div>
  240.                                     </div>
  241.                                     <!-- description -->
  242.                                     <div class="row mb-2">
  243.                                         <div class="col-2"><span>{{ 'admin.content.page_meta_description'|trans }}</span></div>
  244.                                         <div class="col-10">
  245.                                             {{ form_widget(form.description) }}
  246.                                             {{ form_errors(form.description) }}
  247.                                         </div>
  248.                                     </div>
  249.                                     <!-- keyword -->
  250.                                     <div class="row mb-2">
  251.                                         <div class="col-2"><span>{{ 'admin.content.page_meta_keyword'|trans }}</span></div>
  252.                                         <div class="col-10">
  253.                                             {{ form_widget(form.keyword) }}
  254.                                             {{ form_errors(form.keyword) }}
  255.                                         </div>
  256.                                     </div>
  257.                                     <!-- robot -->
  258.                                     <div class="row mb-2">
  259.                                         <div class="col-2"><span>{{ 'admin.content.page_meta_robot'|trans }}</span></div>
  260.                                         <div class="col-10">
  261.                                             {{ form_widget(form.meta_robots) }}
  262.                                             {{ form_errors(form.meta_robots) }}
  263.                                         </div>
  264.                                     </div>
  265.                                     <!-- metatag -->
  266.                                     <div class="row">
  267.                                         <div class="col-2">
  268.                                             <div class="d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.content.page_meta_tags'|trans }}">
  269.                                                 <span>{{ 'admin.content.page_meta_metatag'|trans }}</span>
  270.                                                 <i class="fa fa-question-circle fa-lg ms-1"></i>
  271.                                             </div>
  272.                                         </div>
  273.                                         <div class="col-10">
  274.                                             {{ form_widget(form.meta_tags) }}
  275.                                             {{ form_errors(form.meta_tags) }}
  276.                                         </div>
  277.                                     </div>
  278.                                 </div>
  279.                             </div>
  280.                         </div>
  281.                     {% endif -%}
  282.                 </div>
  283.             </div>
  284.         </div>
  285.         <div class="c-conversionArea">
  286.             <div class="c-conversionArea__container">
  287.                 <div class="row justify-content-between align-items-center">
  288.                     <div class="col-6">
  289.                         <div class="c-conversionArea__leftBlockItem">
  290.                             <a class="c-baseLink" href="{{ url('admin_content_page') }}">
  291.                                 <i class="fa fa-backward" aria-hidden="true"></i>
  292.                                 <span>{{ 'admin.content.page_management'|trans }}</span>
  293.                             </a>
  294.                         </div>
  295.                     </div>
  296.                     <div class="col-6">
  297.                         <div id="ex-conversion-action" class="row align-items-center justify-content-end">
  298.                             <div class="col-auto">
  299.                                 <button class="btn btn-ec-conversion px-5" type="submit">{{ 'admin.common.registration'|trans }}</button>
  300.                             </div>
  301.                         </div>
  302.                     </div>
  303.                 </div>
  304.             </div>
  305.         </div>
  306.     </form>
  307. {% endblock %}