You are here

Home » API reference » Open Social 8.9

node--full.html.twig in Open Social 8.9

Same filename and directory in other branches
  1. 8 themes/socialbase/templates/node/node--full.html.twig
  2. 8.2 themes/socialbase/templates/node/node--full.html.twig
  3. 8.3 themes/socialbase/templates/node/node--full.html.twig
  4. 8.4 themes/socialbase/templates/node/node--full.html.twig
  5. 8.5 themes/socialbase/templates/node/node--full.html.twig
  6. 8.6 themes/socialbase/templates/node/node--full.html.twig
  7. 8.7 themes/socialbase/templates/node/node--full.html.twig
  8. 8.8 themes/socialbase/templates/node/node--full.html.twig

Theme override to display a node.

Available variables:

  • node: The node entity with limited access to object properties and methods. Only "getter" methods (method names starting with "get", "has", or "is") and a few common methods such as "id" and "label" are available. Calling other methods (such as node.delete) will result in an exception.
  • label: The title of the node.
  • content: All node items. Use {{ content }} to print them all, or print a subset such as {{ content.field_example }}. Use {{ content|without('field_example') }} to temporarily suppress the printing of a given child element.
  • author_picture: The node author user entity, rendered using the "compact" view mode.
  • metadata: Metadata for this node.
  • date: Themed creation date field.
  • author_name: Themed author name field.
  • url: Direct URL of the current node.
  • display_submitted: Whether submission information should be displayed.
  • 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").
    • node--type-[type]: The current node type. For example, if the node is an "Article" it would result in "node--type-article". Note that the machine name will often be in a short form of the human readable label.
    • 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".

    The following are controlled through the node publishing options.

    • 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.
  • title_attributes: Same as attributes, except applied to the main title tag that appears in the template.
  • content_attributes: Same as attributes, except applied to the main content tag that appears in the template.
  • author_attributes: Same as attributes, except applied to the author of the node tag that appears in the template.
  • 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.
  • 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.

@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.

See also

template_preprocess_node()

File

themes/socialbase/templates/node/node--full.html.twig
View source 
  1. {#

  2. /**

  3.  * @file

  4.  * Theme override to display a node.

  5.  *

  6.  * Available variables:

  7.  * - node: The node entity with limited access to object properties and methods.

  8.      Only "getter" methods (method names starting with "get", "has", or "is")

  9.      and a few common methods such as "id" and "label" are available. Calling

  10.      other methods (such as node.delete) will result in an exception.

  11.  * - label: The title of the node.

  12.  * - content: All node items. Use {{ content }} to print them all,

  13.  *   or print a subset such as {{ content.field_example }}. Use

  14.  *   {{ content|without('field_example') }} to temporarily suppress the printing

  15.  *   of a given child element.

  16.  * - author_picture: The node author user entity, rendered using the "compact"

  17.  *   view mode.

  18.  * - metadata: Metadata for this node.

  19.  * - date: Themed creation date field.

  20.  * - author_name: Themed author name field.

  21.  * - url: Direct URL of the current node.

  22.  * - display_submitted: Whether submission information should be displayed.

  23.  * - attributes: HTML attributes for the containing element.

  24.  *   The attributes.class element may contain one or more of the following

  25.  *   classes:

  26.  *   - node: The current template type (also known as a "theming hook").

  27.  *   - node--type-[type]: The current node type. For example, if the node is an

  28.  *     "Article" it would result in "node--type-article". Note that the machine

  29.  *     name will often be in a short form of the human readable label.

  30.  *   - node--view-mode-[view_mode]: The View Mode of the node; for example, a

  31.  *     teaser would result in: "node--view-mode-teaser", and

  32.  *     full: "node--view-mode-full".

  33.  *   The following are controlled through the node publishing options.

  34.  *   - node--promoted: Appears on nodes promoted to the front page.

  35.  *   - node--sticky: Appears on nodes ordered above other non-sticky nodes in

  36.  *     teaser listings.

  37.  *   - node--unpublished: Appears on unpublished nodes visible only to site

  38.  *     admins.

  39.  * - title_attributes: Same as attributes, except applied to the main title

  40.  *   tag that appears in the template.

  41.  * - content_attributes: Same as attributes, except applied to the main

  42.  *   content tag that appears in the template.

  43.  * - author_attributes: Same as attributes, except applied to the author of

  44.  *   the node tag that appears in the template.

  45.  * - title_prefix: Additional output populated by modules, intended to be

  46.  *   displayed in front of the main title tag that appears in the template.

  47.  * - title_suffix: Additional output populated by modules, intended to be

  48.  *   displayed after the main title tag that appears in the template.

  49.  * - view_mode: View mode; for example, "teaser" or "full".

  50.  * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.

  51.  * - page: Flag for the full page state. Will be true if view_mode is 'full'.

  52.  * - readmore: Flag for more state. Will be true if the teaser content of the

  53.  *   node cannot hold the main body content.

  54.  * - logged_in: Flag for authenticated user status. Will be true when the

  55.  *   current user is a logged-in member.

  56.  * - is_admin: Flag for admin user status. Will be true when the current user

  57.  *   is an administrator.

  58.  *

  59.  * @see template_preprocess_node()

  60.  *

  61.  * @todo Remove the id attribute (or make it a class), because if that gets

  62.  *   rendered twice on a page this is invalid CSS for example: two lists

  63.  *   in different view modes.

  64.  */

  65. #}

  66. 

  67. {{ attach_library('socialbase/page-node')}}

  68. 

  69. {%

  70.   set classes = [

  71.     'card',

  72.     node.isPromoted() ? 'node--promoted',

  73.     not node.isPublished() ? 'node--unpublished',

  74.   ]

  75. %}

  76. 

  77. {% if details_label %}

  78.   <h4 class="section-title section-title-node">

  79.     {{ details_label }}

  80.   </h4>

  81. {% endif %}

  82. 

  83. <article{{ attributes.addClass(classes) }}>

  84. 

  85.   <div{{ content_attributes.addClass('card__body') }}>

  86. 

  87.     {% if not node.isPublished() %}

  88.       <div class="node--unpublished__label">{% trans %} unpublished {% endtrans %}</div>

  89.     {% endif %}

  90. 

  91.     {% if display_submitted %}

  92.       {% block metainfo %}

  93.         <header class="metainfo">

  94. 

  95.           <div class="metainfo__avatar">

  96.             {{ author_picture }}

  97.           </div>

  98. 

  99.           <div class="metainfo__content">

  100. 

  101.             {{ author }}

  102.             <span class="metainfo__published-date">&bullet; {{ created_date_formatted }} </span>

  103.             <div>

  104.               {% if event_type %}

  105.                 {{ event_type }}

  106.               {% endif %}

  107.               {% if topic_type %}

  108.                 {{ topic_type }}

  109.               {% endif %}

  110.               {% if group_link %}

  111.                 {% trans %} in group {% endtrans %}

  112.                 {{ group_link }}

  113.               {% endif %}

  114.             </div>

  115. 

  116.           </div>

  117. 

  118.           {{ content.links.moderation }}

  119. 

  120.         </header>

  121.       {% endblock %}

  122.     {% endif %}

  123. 

  124.     {% if event_date %}

  125.       {% block nodefull_specialfields %}

  126.         {{ content }}

  127.       {% endblock %}

  128.     {% endif %}

  129. 

  130. 

  131.     {% if node.isSticky() or comment_field_status is not empty or logged_in %}

  132.       {% block metaengage %}

  133.         <div class="meta-engage">

  134. 

  135.           <div class="meta-engage--buttons">

  136.             {% if content.field_event_addtocal is not empty and logged_in %}

  137.               <div class="meta-addtocal">

  138.                 {{ content.field_event_addtocal }}

  139.               </div>

  140.             {% endif %}

  141. 

  142.             {% if content.flag_follow_content|render is not empty and logged_in %}

  143.               <div class="meta-follow">

  144.                 {{ content.flag_follow_content }}

  145.               </div>

  146.             {% endif %}

  147. 

  148.             {% if node.isSticky() %}

  149.               <span class="badge badge-accent badge--large">{% trans %}Featured{% endtrans %}</span>

  150.             {% endif %}

  151.           </div>

  152. 

  153.           <div class="meta-engage--badges">

  154.             {% if comment_field_status is not empty %}

  155.               <a href="#section-comments" class="badge badge-default badge--large badge--pill badge--comment-count" title="{% trans %}Total amount of comments{% endtrans %}">

  156.                 <span class="badge__container">

  157.                   <svg class="badge__icon">

  158.                     <use xlink:href="#icon-comment"></use>

  159.                   </svg>

  160.                   <span class="badge__label">

  161.                     {{ comment_count }}

  162.                   </span>

  163.                   <span class="badge__label badge__label--description">

  164.                     {% trans %}

  165.                         comment

  166.                     {% plural comment_count %}

  167.                         comments

  168.                     {% endtrans %}

  169.                   </span>

  170.                 </span>

  171.               </a>

  172.             {% endif %}

  173. 

  174.             {% if likes_count is not empty %}

  175.               <div class="badge badge-default badge--large badge--pill" title="{% trans %}Total amount of likes{% endtrans %}">

  176.                 <span class="badge__container">

  177.                   <svg class="badge__icon">

  178.                     <use xlink:href="#icon-like"></use>

  179.                   </svg>

  180.                   <span class="badge__label">

  181.                     {{ likes_count }}

  182.                   </span>

  183.                   <span class="badge__label badge__label--description">

  184.                     {% trans %}

  185.                         like

  186.                     {% plural likes_count %}

  187.                         likes

  188.                     {% endtrans %}

  189.                   </span>

  190.                 </span>

  191.               </div>

  192.             {% endif %}

  193. 

  194.             {% if visibility_icon and visibility_label %}

  195.               <div class="badge badge-default badge--large badge--pill" title="{% trans %}The visibility of this content is set to {{ visibility_label }}{% endtrans %} ">

  196.                 <span class="badge__container">

  197.                   <svg class="badge__icon">

  198.                     <use xlink:href="#icon-{{ visibility_icon }}"></use>

  199.                   </svg>

  200.                   <span class="badge__label">&nbsp;</span>

  201.                   <span class="badge__label badge__label--description">{{ visibility_label }}</span>

  202.                 </span>

  203.               </div>

  204.             {% endif %}

  205. 

  206.             {% if views_count is not empty and views_label %}

  207.               <div class="badge badge-default badge--large badge--pill" title="{% trans %}Total amount of views{% endtrans %}">

  208.               <span class="badge__container">

  209.                 <svg class="badge__icon">

  210.                   <use xlink:href="#icon-views"></use>

  211.                 </svg>

  212.                 <span class="badge__label">

  213.                   {{ views_count }}

  214.                 </span>

  215.                 <span class="badge__label badge__label--description">{{ views_label }}</span>

  216.               </span>

  217.               </div>

  218.             {% endif %}

  219.           </div>

  220. 

  221.         </div>

  222.         {% endblock %}

  223.     {% endif %}

  224. 

  225.     {% block nodefull_body %}

  226.       {{ content|without('flag_follow_content', 'links') }}

  227.     {% endblock %}

  228. 

  229. 

  230.   </div>

  231. 

  232. </article>

  233. 

  234. {% block nodefull_below_content %}

  235.   {{ below_content }}

  236. {% endblock %}