aleph1.co.uk Git - yaffs-website/blob - web/core/modules/media/templates/media-reference-help.html.twig

   1 {#
   2 /**
   3  * @file
   4  * Theme override for media reference fields.
   5  *
   6  * @see template_preprocess_field_multiple_value_form()
   7  * @see core/themes/classy/templates/form/fieldset.html.twig
   8  */
   9 #}
  10 {%
  11   set classes = [
  12     'js-form-item',
  13     'form-item',
  14     'js-form-wrapper',
  15     'form-wrapper',
  16   ]
  17 %}
  18 <fieldset{{ attributes.addClass(classes) }}>
  19   {%
  20     set legend_span_classes = [
  21       'fieldset-legend',
  22       required ? 'js-form-required',
  23       required ? 'form-required',
  24     ]
  25   %}
  26   {#  Always wrap fieldset legends in a <span> for CSS positioning. #}
  27   <legend{{ legend_attributes }}>
  28     <span{{ legend_span_attributes.addClass(legend_span_classes) }}>{{ original_label }}</span>
  29   </legend>
  30
  31   <div class="js-form-item form-item">
  32     {% if media_add_help %}
  33       <h4{{ header_attributes.addClass('label') }}>
  34         {% trans %}
  35           Create new media
  36         {% endtrans %}
  37       </h4><br />
  38       <div class="description">
  39         {{ media_add_help }}
  40       </div>
  41     {% endif %}
  42
  43     {% if multiple %}
  44       {{ table }}
  45     {% else %}
  46       {% for element in elements %}
  47         {{ element }}
  48       {% endfor %}
  49     {% endif %}
  50
  51     <div{{ description.attributes.addClass('description') }}>
  52       {% if multiple and description.content %}
  53         <ul>
  54           <li>{{ media_list_help }} {{ media_list_link }} {{ allowed_types_help }}</li>
  55           <li>{{ description.content }}</li>
  56         </ul>
  57       {% else %}
  58         {{ media_list_help }} {{ media_list_link }} {{ allowed_types_help }}
  59       {% endif %}
  60       {% if multiple and button %}
  61         <div class="clearfix">{{ button }}</div>
  62       {% endif %}
  63     </div>
  64
  65   </div>
  66 </fieldset>