You are here

Home » API reference » JSON:API Extras 8.3

expandable-rows-table.html.twig in JSON:API Extras 8.3

Same filename and directory in other branches
  1. 8.2 templates/expandable-rows-table.html.twig

Theme override to display a table. The main difference between this template and the original table template is that here we are printing the last three columns of each row inside a secondary, collapsible row.

Available variables:

  • attributes: HTML attributes to apply to the <table> tag.
  • caption: A localized string for the <caption> tag.
  • colgroups: Column groups. Each group contains the following properties:
  • header: Table header cells. Each cell contains the following properties:
    • tag: The HTML tag name to use; either 'th' or 'td'.
    • attributes: HTML attributes to apply to the tag.
    • content: A localized string for the title of the column.
    • field: Field name (required for column sorting).
    • sort: Default sort order for this column ("asc" or "desc").
  • sticky: A flag indicating whether to use a "sticky" table header.
  • rows: Table rows. Each row contains the following properties:
    • attributes: HTML attributes to apply to the <tr> tag.
    • data: Table cells.
    • no_striping: A flag indicating that the row should receive no 'even / odd' styling. Defaults to FALSE.
    • cells: Table cells of the row. Each cell contains the following keys:
      • tag: The HTML tag name to use; either 'th' or 'td'.
      • attributes: Any HTML attributes, such as "colspan", to apply to the table cell.
      • content: The string to display in the table cell.
      • active_table_sort: A boolean indicating whether the cell is the active table sort.
  • footer: Table footer rows, in the same format as the rows variable.
  • empty: The message to display in an extra row if table does not have any rows.
  • no_striping: A boolean indicating that the row should receive no striping.
  • header_columns: The number of columns in the header.
  • toggler_text: Text of the link that shows/hides the colapsible row

See also

template_preprocess_table()

1 theme call to expandable-rows-table.html.twig
JsonapiResourceConfigForm::buildOverridesForm in src/Form/JsonapiResourceConfigForm.php
Builds the part of the form that contains the overrides.

File

templates/expandable-rows-table.html.twig
View source 
  1. {#

  2. /**

  3.  * @file

  4.  * Theme override to display a table.

  5.  * The main difference between this template and the original table template is that here

  6.  * we are printing the last three columns of each row inside a secondary, collapsible row.

  7.  *

  8.  * Available variables:

  9.  * - attributes: HTML attributes to apply to the <table> tag.

  10.  * - caption: A localized string for the <caption> tag.

  11.  * - colgroups: Column groups. Each group contains the following properties:

  12.  *   - attributes: HTML attributes to apply to the <col> tag.

  13.  *     Note: Drupal currently supports only one table header row, see

  14.  *     https://www.drupal.org/node/893530 and

  15.  *     http://api.drupal.org/api/drupal/includes!theme.inc/function/theme_table/7#comment-5109.

  16.  * - header: Table header cells. Each cell contains the following properties:

  17.  *   - tag: The HTML tag name to use; either 'th' or 'td'.

  18.  *   - attributes: HTML attributes to apply to the tag.

  19.  *   - content: A localized string for the title of the column.

  20.  *   - field: Field name (required for column sorting).

  21.  *   - sort: Default sort order for this column ("asc" or "desc").

  22.  * - sticky: A flag indicating whether to use a "sticky" table header.

  23.  * - rows: Table rows. Each row contains the following properties:

  24.  *   - attributes: HTML attributes to apply to the <tr> tag.

  25.  *   - data: Table cells.

  26.  *   - no_striping: A flag indicating that the row should receive no

  27.  *     'even / odd' styling. Defaults to FALSE.

  28.  *   - cells: Table cells of the row. Each cell contains the following keys:

  29.  *     - tag: The HTML tag name to use; either 'th' or 'td'.

  30.  *     - attributes: Any HTML attributes, such as "colspan", to apply to the

  31.  *       table cell.

  32.  *     - content: The string to display in the table cell.

  33.  *     - active_table_sort: A boolean indicating whether the cell is the active

  34.          table sort.

  35.  * - footer: Table footer rows, in the same format as the rows variable.

  36.  * - empty: The message to display in an extra row if table does not have

  37.  *   any rows.

  38.  * - no_striping: A boolean indicating that the row should receive no striping.

  39.  * - header_columns: The number of columns in the header.

  40.  * - toggler_text: Text of the link that shows/hides the colapsible row

  41.  *

  42.  * @see template_preprocess_table()

  43.  */

  44. #}

  45. <table{{ attributes }}>

  46.     {% if caption %}

  47.         <caption>{{ caption }}</caption>

  48.     {% endif %}

  49. 

  50.     {% for colgroup in colgroups %}

  51.         {% if colgroup.cols %}

  52.             <colgroup{{ colgroup.attributes }}>

  53.                 {% for col in colgroup.cols %}

  54.                     <col{{ col.attributes }} />

  55.                 {% endfor %}

  56.             </colgroup>

  57.         {% else %}

  58.             <colgroup{{ colgroup.attributes }} />

  59.         {% endif %}

  60.     {% endfor %}

  61. 

  62.     {% if header %}

  63.         <thead>

  64.         <tr>

  65.             {% for cell in header %}

  66.             {%

  67.             set cell_classes = [

  68.             cell.active_table_sort ? 'is-active',

  69.             ]

  70.             %}

  71.             <{{ cell.tag }}{{ cell.attributes.addClass(cell_classes) }}>

  72.             {{- cell.content -}}

  73.             </{{ cell.tag }}>

  74.         {% endfor %}

  75.         </tr>

  76.         </thead>

  77.     {% endif %}

  78. 

  79.     {% if rows %}

  80.         <tbody>

  81.         {% for row in rows %}

  82.             {%

  83.             set row_classes = [

  84.             not no_striping ? cycle(['odd', 'even'], loop.index0),

  85.             ]

  86.             %}

  87.         <tr{{ row.attributes.addClass(row_classes) }}>

  88.             {% for cell in row.cells %}

  89.                 {% if loop.index < row.cells|length - 3 %}

  90.                     <{{ cell.tag }}{{ cell.attributes }}>

  91.                     {{- cell.content -}}

  92.                     </{{ cell.tag }}>

  93.                 {% elseif loop.index == row.cells|length - 3 %}

  94.                     <{{ cell.tag }}{{ cell.attributes }}>

  95.                         <a class="toggle-expanded content-collapsed button button--small" data-open="adv-opt-{{ loop.parent.loop.index }}">

  96.                             <span></span>

  97.                             {{- cell.content -}}

  98.                         </a>

  99.                     </{{ cell.tag }}>

  100.                 {% endif %}

  101.             {% endfor %}

  102.         </tr>

  103.         <tr {{ row.attributes.addClass(row_classes).addClass(row_classes).addClass('advanced-opts') }} id="adv-opt-{{ loop.index }}">

  104.             {% for cell in row.cells %}

  105.                 {% if loop.index >= row.cells|length - 2 %}

  106.                     <{{ cell.tag }}{{ cell.attributes }}>

  107.                         {{- cell.content -}}

  108.                     </{{ cell.tag }}>

  109.                 {% endif %}

  110.             {% endfor %}

  111.         </tr>

  112.         {% endfor %}

  113.         </tbody>

  114.     {% elseif empty %}

  115.         <tbody>

  116.         <tr class="odd">

  117.             <td colspan="{{ header_columns }}" class="empty message">{{ empty }}</td>

  118.         </tr>

  119.         </tbody>

  120.     {% endif %}

  121.     {% if footer %}

  122.         <tfoot>

  123.         {% for row in footer %}

  124.         <tr{{ row.attributes }}>

  125.             {% for cell in row.cells %}

  126.                 <{{ cell.tag }}{{ cell.attributes }}>

  127.                 {{- cell.content -}}

  128.                 </{{ cell.tag }}>

  129.             {% endfor %}

  130.             </tr>

  131.         {% endfor %}

  132.         </tfoot>

  133.     {% endif %}

  134. </table>