vendor/easycorp/easyadmin-bundle/src/Resources/views/crud/detail.html.twig line 1

  1. {# @var ea \EasyCorp\Bundle\EasyAdminBundle\Context\AdminContext #}
  2. {# @var entity \EasyCorp\Bundle\EasyAdminBundle\Dto\EntityDto #}
  3. {% extends ea.templatePath('layout') %}
  5. {% block body_id 'ea-detail-' ~ entity.name ~ '-' ~ entity.primaryKeyValue %}
  6. {% block body_class 'ea-detail ea-detail-' ~ entity.name %}
  8. {% set ea_field_assets = ea.crud.fieldAssets(constant('EasyCorp\\Bundle\\EasyAdminBundle\\Config\\Crud::PAGE_DETAIL')) %}
  10. {% block configured_head_contents %}
  11.     {{ parent() }}
  12.     {% for htmlContent in ea_field_assets.headContents %}
  13.         {{ htmlContent|raw }}
  14.     {% endfor %}
  15. {% endblock %}
  17. {% block configured_body_contents %}
  18.     {{ parent() }}
  19.     {% for htmlContent in ea_field_assets.bodyContents %}
  20.         {{ htmlContent|raw }}
  21.     {% endfor %}
  22. {% endblock %}
  24. {% block configured_stylesheets %}
  25.     {{ parent() }}
  26.     {{ include('@EasyAdmin/includes/_css_assets.html.twig', { assets: ea_field_assets.cssAssets }, with_context = false) }}
  27.     {{ include('@EasyAdmin/includes/_encore_link_tags.html.twig', { assets: ea_field_assets.webpackEncoreAssets }, with_context = false) }}
  28. {% endblock %}
  30. {% block configured_javascripts %}
  31.     {{ parent() }}
  32.     {{ include('@EasyAdmin/includes/_js_assets.html.twig', { assets: ea_field_assets.jsAssets }, with_context = false) }}
  33.     {{ include('@EasyAdmin/includes/_encore_script_tags.html.twig', { assets: ea_field_assets.webpackEncoreAssets }, with_context = false) }}
  34. {% endblock %}
  36. {% block content_title %}
  37.     {%- apply spaceless -%}
  38.         {% set custom_page_title = ea.crud.customPageTitle(pageName, entity ? entity.instance : null, ea.i18n.translationParameters) %}
  39.         {{ custom_page_title is null
  40.             ? ea.crud.defaultPageTitle(null, null, ea.i18n.translationParameters)|trans|raw
  41.             : custom_page_title|trans|raw }}
  42.     {%- endapply -%}
  43. {% endblock %}
  45. {% block page_actions %}
  46.     {% for action in entity.actions %}
  47.         {{ include(action.templatePath, { action: action }, with_context = false) }}
  48.     {% endfor %}
  49. {% endblock %}
  51. {% block content_footer_wrapper '' %}
  53. {% block main %}
  54.     {% set field_layout = ea_create_field_layout(entity.fields) %}
  55.     {% block detail_fields %}
  56.         {% if field_layout.hasTabs %}
  57.             {{ _self.render_detail_fields_with_tabs(entity, field_layout) }}
  58.         {% else %}
  59.             {{ _self.render_detail_fields(entity, field_layout.fields) }}
  60.         {% endif %}
  61.     {% endblock detail_fields %}
  63.     {% block delete_form %}
  64.         {{ include('@EasyAdmin/crud/includes/_delete_form.html.twig', { entity_id: entity.primaryKeyValue }, with_context = false) }}
  65.     {% endblock delete_form %}
  66. {% endblock %}
  68. {% macro render_detail_fields_with_tabs(entity, field_layout) %}
  69.     <div class="col-12">
  70.         <div class="nav-tabs-custom form-tabs">
  71.             <ul class="nav nav-tabs">
  72.                 {% for tab in field_layout.tabs %}
  73.                     <li class="nav-item">
  74.                         <a class="nav-link {% if loop.first %}active{% endif %}" href="#tab-pane-{{ tab.uniqueId }}" id="tab-{{ tab.uniqueId }}" data-bs-toggle="tab">
  75.                             {%- if tab.customOption('icon') -%}
  76.                                 <i class="fa-fw {{ tab.customOption('icon') }}"></i>
  77.                             {%- endif -%}
  78.                             {{ tab.label|trans(domain = ea.i18n.translationDomain)|raw }}
  79.                         </a>
  80.                     </li>
  81.                 {% endfor %}
  82.             </ul>
  83.             <div class="tab-content">
  84.                 {% for tab in field_layout.tabs %}
  85.                     <div id="tab-pane-{{ tab.uniqueId }}" class="tab-pane {% if loop.first %}active{% endif %} {{ tab.cssClass|default('') }}">
  86.                         {% if tab.help|default(false) %}
  87.                             <div class="content-header-help tab-help">
  88.                                 {{ tab.help|trans(domain = ea.i18n.translationDomain)|raw }}
  89.                             </div>
  90.                         {% endif %}
  91.                         <div class="row">
  92.                             {{ _self.render_detail_fields(entity, field_layout.fieldsInTab(tab.uniqueId)) }}
  93.                         </div>
  94.                     </div>
  95.                 {% endfor %}
  96.             </div>
  97.         </div>
  98.     </div>
  99. {% endmacro %}
  101. {% macro render_detail_fields(entity, fields) %}
  102.     {% set form_panel_is_already_open = false %}
  103.     {% for field in fields %}
  104.         {% set is_form_field_panel = 'field-form_panel' in field.cssClass %}
  106.         {% if is_form_field_panel or (loop.first and not is_form_field_panel) %}
  107.             {% if form_panel_is_already_open %}
  108.                 {{ _self.close_form_field_panel() }}
  109.                 {% set form_panel_is_already_open = false %}
  110.             {% endif %}
  112.             {{ _self.open_form_field_panel(is_form_field_panel ? field : null) }}
  113.             {% set form_panel_is_already_open = true %}
  114.         {% endif %}
  116.         {% block detail_field %}
  117.             {% if not is_form_field_panel %}
  118.                 {{ _self.render_field(entity, field) }}
  119.             {% endif %}
  120.         {% endblock %}
  121.     {% endfor %}
  123.     {% if form_panel_is_already_open %}
  124.         {{ _self.close_form_field_panel() }}
  125.         {% set form_panel_is_already_open = false %}
  126.     {% endif %}
  127. {% endmacro %}
  129. {% macro open_form_field_panel(field = null) %}
  130.     {% set panel_name = field is null ? null : 'content-' ~ field.uniqueId %}
  131.     {% set collapsible = field is null ? false : field.customOption('collapsible') %}
  132.     {% set collapsed = field is null ? false : field.customOption('collapsed') %}
  133.     {% set panel_icon = field is null ? null : (field.customOptions.get('icon')|default(false)) %}
  134.     {% set panel_label = field is null ? null : field.label %}
  135.     {% set panel_help = field is null ? null : field.help|default(false)%}
  136.     {% set panel_has_header = collapsible or panel_icon or panel_label or panel_help %}
  138.     <div class="{{ field.cssClass ?? '' }}">
  139.         <div class="form-panel">
  140.             {% if panel_has_header %}
  141.                 <div class="form-panel-header {{ collapsible ? 'collapsible' }} {{ panel_help is not empty ? 'with-help' }}">
  142.                     <div class="form-panel-title">
  143.                         <a {% if not collapsible %}
  144.                             href="#" class="not-collapsible"
  145.                         {% else %}
  146.                             href="#{{ panel_name }}" data-bs-toggle="collapse"
  147.                             class="form-panel-collapse {{ collapsed ? 'collapsed' }}"
  148.                             aria-expanded="{{ collapsed ? 'false' : 'true' }}" aria-controls="{{ panel_name }}"
  149.                         {% endif %}
  150.                         >
  151.                             {% if collapsible %}
  152.                                 <i class="fas fw fa-chevron-right form-panel-collapse-marker"></i>
  153.                             {% endif %}
  155.                             {% if panel_icon %}
  156.                                 <i class="form-panel-icon {{ panel_icon }}"></i>
  157.                             {% endif %}
  158.                             {{ panel_label|trans|raw }}
  159.                         </a>
  161.                         {% if panel_help %}
  162.                             <div class="form-panel-help">{{ panel_help|trans|raw }}</div>
  163.                         {% endif %}
  164.                     </div>
  165.                 </div>
  166.             {% endif %}
  168.             <div {% if panel_name %}id="{{ panel_name }}"{% endif %} class="form-panel-body {{ collapsible ? 'collapse' }} {{ not collapsed ? 'show'}}">
  169.                 <dl class="datalist">
  170. {% endmacro %}
  172. {% macro close_form_field_panel() %}
  173.             </dl>
  174.         </div>
  175.     </div>
  176. </div>
  177. {% endmacro %}
  179. {% macro render_field(entity, field) %}
  180.     <div class="data-row {{ field.cssClass }}">
  181.         <dt>
  182.             {{ field.label|trans|raw }}
  184.             {% if field.help is not empty %}
  185.                 <a tabindex="0" class="data-help" data-bs-toggle="popover" data-bs-custom-class="ea-content-help-popover" data-bs-animation="true" data-bs-html="true" data-bs-placement="right" data-bs-trigger="focus" data-bs-content="{{ field.help|trans|e('html_attr') }}">
  186.                     <i class="far fa-question-circle"></i>
  187.                 </a>
  188.             {% endif %}
  189.         </dt>
  190.         <dd>
  191.             {{ include(field.templatePath, { field: field, entity: entity }, with_context = false) }}
  192.         </dd>
  193.     </div>
  194. {% endmacro %}