node.html.twig 4.82 KB
Newer Older
1 2 3 4 5 6
{#
/**
 * @file
 * Default theme implementation to display a node.
 *
 * Available variables:
7
 * - node: Full node entity.
8
 *   - id: The node ID.
9 10
 *   - bundle: The type of the node, for example, "page" or "article".
 *   - authorid: The user ID of the node author.
11 12
 *   - createdtime: Formatted creation date. Preprocess functions can
 *     reformat it by calling format_date() with the desired parameters on
13 14
 *     $variables['node']->getCreatedTime().
 *   - promoted: Whether the node is promoted to the front page.
15 16
 *   - sticky: Whether the node is 'sticky'. Sticky nodes are ordered above
 *     other non-sticky nodes in teaser listings
17
 *   - published: Whether the node is published.
18 19
 * - label: The title of the node.
 * - content: All node items. Use {{ content }} to print them all,
20
 *   or print a subset such as {{ content.field_example }}. Use
21 22
 *   {{ content|without('field_example') %} to temporarily suppress the printing
 *   of a given child element.
23 24 25
 * - author_picture: The node author user entity, rendered using the "compact"
 *   view mode.
 * - metadata: Metadata for this node.
26 27 28
 * - date: Formatted creation date. Preprocess functions can reformat it by
 *   calling format_date() with the desired parameters on
 *   $variables['created'].
29 30
 * - author_name: Themed username of node author output from theme_username().
 * - url: Direct URL of the current node.
31
 * - display_submitted: Whether submission information should be displayed.
32 33 34 35
 * - attributes: HTML attributes for the containing element.
 *   The attributes.class element may contain one or more of the following
 *   classes:
 *   - node: The current template type (also known as a "theming hook").
36 37
 *   - node--[type]: The current node type. For example, if the node is a
 *     "Article" it would result in "node--article". Note that the machine
38
 *     name will often be in a short form of the human readable label.
39 40 41 42
 *   - node--view-mode-[view_mode]: The View Mode of the node; for example, a
 *     teaser would result in: "node--view-mode-teaser", and
 *     full: "node--view-mode-full".
 *   - node--preview: Whether a node is in preview mode.
43
 *   The following are controlled through the node publishing options.
44 45 46 47 48
 *   - node--promoted: Appears on nodes promoted to the front page.
 *   - node--sticky: Appears on nodes ordered above other non-sticky nodes in
 *     teaser listings.
 *   - node--unpublished: Appears on unpublished nodes visible only to site
 *     admins.
49 50 51 52 53 54 55 56 57 58 59 60 61 62 63
 * - title_prefix: Additional output populated by modules, intended to be
 *   displayed in front of the main title tag that appears in the template.
 * - title_suffix: Additional output populated by modules, intended to be
 *   displayed after the main title tag that appears in the template.
 * - view_mode: View mode; for example, "teaser" or "full".
 * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
 * - page: Flag for the full page state. Will be true if view_mode is 'full'.
 * - readmore: Flag for more state. Will be true if the teaser content of the
 *   node cannot hold the main body content.
 * - is_front: Flag for front. Will be true when presented on the front page.
 * - logged_in: Flag for authenticated user status. Will be true when the
 *   current user is a logged-in member.
 * - is_admin: Flag for admin user status. Will be true when the current user
 *   is an administrator.
 *
64 65
 * In field variables, each field instance attached to the node a corresponding
 * variable is defined; for example, 'node.body' becomes 'body'. When needing to
66 67
 * access a field's raw values, developers/themers are strongly encouraged to
 * use these variables. Otherwise they will have to explicitly specify the
68 69
 * desired field language; for example, 'node.body.en', thus overriding any
 * language negotiation rule that may have been applied previously.
70 71 72
 *
 * @see template_preprocess_node()
 *
73 74 75 76
 * @todo Remove the id attribute (or make it a class), because if that gets
 *   rendered twice on a page this is invalid CSS for example: two lists
 *   in different view modes.
 *
77 78 79
 * @ingroup themeable
 */
#}
80
<article{{ attributes }}>
81 82 83 84

  {{ title_prefix }}
  {% if not page %}
    <h2{{ title_attributes }}>
85
      <a href="{{ url }}" rel="bookmark">{{ label }}</a>
86 87 88 89 90
    </h2>
  {% endif %}
  {{ title_suffix }}

  {% if display_submitted %}
91 92 93 94 95 96
    <footer class="node__meta">
      {{ author_picture }}
      <div class="node__submitted {{ author_attributes.class }}"{{ author_attributes|without('class') }}>
        {% trans %}Submitted by {{ author_name|passthrough }} on {{ date }}{% endtrans %}
        {{ metadata }}
      </div>
97 98 99
    </footer>
  {% endif %}

100
  <div class="node__content {{ content_attributes.class }}"{{ content_attributes|without('class') }}>
101
    {{ content|without('links') }}
102 103
  </div>

104 105 106 107 108
  {% if content.links %}
    <div class="node__links">
      {{ content.links }}
    </div>
  {% endif %}
109 110

</article>