Chris@0: {#
Chris@0: /**
Chris@0:  * @file
Chris@0:  * Default theme implementation for the Appearance page.
Chris@0:  *
Chris@0:  * Available variables:
Chris@0:  * - attributes: HTML attributes for the main container.
Chris@0:  * - theme_groups: A list of theme groups. Each theme group contains:
Chris@0:  *   - attributes: HTML attributes specific to this theme group.
Chris@0:  *   - title: Title for the theme group.
Chris@0:  *   - state: State of the theme group, e.g. installed or uninstalled.
Chris@0:  *   - themes: A list of themes within the theme group. Each theme contains:
Chris@0:  *     - attributes: HTML attributes specific to this theme.
Chris@0:  *     - screenshot: A screenshot representing the theme.
Chris@0:  *     - description: Description of the theme.
Chris@0:  *     - name: Theme name.
Chris@0:  *     - version: The theme's version number.
Chris@0:  *     - is_default: Boolean indicating whether the theme is the default theme
Chris@0:  *       or not.
Chris@0:  *     - is_admin: Boolean indicating whether the theme is the admin theme or
Chris@0:  *       not.
Chris@0:  *     - notes: Identifies what context this theme is being used in, e.g.,
Chris@0:  *       default theme, admin theme.
Chris@0:  *     - incompatible: Text describing any compatibility issues.
Chris@0:  *     - operations: A list of operation links, e.g., Settings, Enable, Disable,
Chris@0:  *       etc. these links should only be displayed if the theme is compatible.
Chris@0:  *
Chris@0:  * @see template_preprocess_system_themes_page()
Chris@0:  *
Chris@0:  * @ingroup themeable
Chris@0:  */
Chris@0: #}
Chris@0: <div{{ attributes }}>
Chris@0:   {% for theme_group in theme_groups %}
Chris@0:     {%
Chris@0:       set theme_group_classes = [
Chris@0:         'system-themes-list',
Chris@0:         'system-themes-list-' ~ theme_group.state,
Chris@0:         'clearfix',
Chris@0:       ]
Chris@0:     %}
Chris@0:     <div{{ theme_group.attributes.addClass(theme_group_classes) }}>
Chris@0:       <h2 class="system-themes-list__header">{{ theme_group.title }}</h2>
Chris@0:       {% for theme in theme_group.themes %}
Chris@0:         {%
Chris@0:           set theme_classes = [
Chris@0:             theme.is_default ? 'theme-default',
Chris@0:             theme.is_admin ? 'theme-admin',
Chris@0:             'theme-selector',
Chris@0:             'clearfix',
Chris@0:           ]
Chris@0:         %}
Chris@0:         <div{{ theme.attributes.addClass(theme_classes) }}>
Chris@0:           {% if theme.screenshot %}
Chris@0:             {{ theme.screenshot }}
Chris@0:           {% endif %}
Chris@0:           <div class="theme-info">
Chris@0:             <h3 class="theme-info__header">
Chris@0:               {{- theme.name }} {{ theme.version -}}
Chris@0:               {% if theme.notes %}
Chris@0:                 ({{ theme.notes|safe_join(', ') }})
Chris@0:               {%- endif -%}
Chris@0:             </h3>
Chris@0:             <div class="theme-info__description">{{ theme.description }}</div>
Chris@0:             {# Display operation links if the theme is compatible. #}
Chris@0:             {% if theme.incompatible %}
Chris@0:               <div class="incompatible">{{ theme.incompatible }}</div>
Chris@0:             {% else %}
Chris@0:               {{ theme.operations }}
Chris@0:             {% endif %}
Chris@0:           </div>
Chris@0:         </div>
Chris@0:       {% endfor %}
Chris@0:     </div>
Chris@0:   {% endfor %}
Chris@0: </div>