8 changed files with 359 additions and 137 deletions
@ -0,0 +1,33 @@
|
||||
<header class="article-title-banner node__header paragraph-responsive-typography-enabled article-header"> |
||||
<div class="bg-image"> |
||||
{{ content.field_article_highlight_image}} |
||||
</div> |
||||
<div class="container article-info--wrapper"> |
||||
|
||||
{% block title_area %} |
||||
{{ title_prefix }} |
||||
<h1{{ title_attributes.addClass('article--title title') }}> |
||||
{{ label }} |
||||
</h1> |
||||
<h1{{ title_attributes.addClass('article--title title sr-only') }}> |
||||
{{ label }} |
||||
</h1> |
||||
{{ title_suffix }} |
||||
{% endblock %} |
||||
<section class="article-header--metadata"> |
||||
<div class="left"> |
||||
<div class="article--contributor"> |
||||
Robert N. Drew |
||||
</div> |
||||
<div class="article--contributor__affiliation">University of Prince Edward Island</div> |
||||
</div> |
||||
<div class="right"> |
||||
<div class="article--type">Article</div> |
||||
<div class="article--date-published"> |
||||
Published September 20, 2018 |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
|
||||
</header> |
||||
@ -0,0 +1,144 @@
|
||||
{# |
||||
/** |
||||
* @file |
||||
* Magazine+'s theme implementation to display a node. |
||||
* |
||||
* Available variables: |
||||
* - node: The node entity with limited access to object properties and methods. |
||||
* Only method names starting with "get", "has", or "is" and a few common |
||||
* methods such as "id", "label", and "bundle" are available. For example: |
||||
* - node.getCreatedTime() will return the node creation timestamp. |
||||
* - node.hasField('field_example') returns TRUE if the node bundle includes |
||||
* field_example. (This does not indicate the presence of a value in this |
||||
* field.) |
||||
* - node.isPublished() will return whether the node is published or not. |
||||
* Calling other methods, such as node.delete(), will result in an exception. |
||||
* See \Drupal\node\Entity\Node for a full list of public properties and |
||||
* methods for the node object. |
||||
* - 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. |
||||
* |
||||
* @see template_preprocess_node() |
||||
*/ |
||||
#} |
||||
{{ dump() }} |
||||
|
||||
{#{{ kint(node) }}#} |
||||
{% |
||||
set classes = [ |
||||
'node', |
||||
'node--type-' ~ node.bundle|clean_class, |
||||
node.isPromoted() ? 'node--promoted', |
||||
node.isSticky() ? 'node--sticky', |
||||
not node.isPublished() ? 'node--unpublished', |
||||
view_mode ? 'node--view-mode-' ~ view_mode|clean_class, |
||||
'clearfix', |
||||
] |
||||
%} |
||||
{{ attach_library('classy/node') }} |
||||
{{ attach_library('magazineplus/node') }} |
||||
|
||||
|
||||
|
||||
<article{{ attributes.addClass(classes) }}> |
||||
<div class="node__container"> |
||||
{% block node_side %} |
||||
{% endblock %} |
||||
<div{{ content_attributes.addClass('node__main-content', 'clearfix') }}> |
||||
{% block header_top %} |
||||
{% endblock %} |
||||
|
||||
{#main banner#} |
||||
<header class="article-title-banner node__header paragraph-responsive-typography-enabled article-header"> |
||||
<div class="bg-image"> |
||||
{{ content.field_article_highlight_image}} |
||||
</div> |
||||
<div class="article-info--wrapper"> |
||||
|
||||
{% block title_area %} |
||||
{{ title_prefix }} |
||||
<h1{{ title_attributes.addClass('article--title title') }}> |
||||
{{ label }} |
||||
</h1> |
||||
<h1{{ title_attributes.addClass('article--title title sr-only') }}> |
||||
{{ label }} |
||||
</h1> |
||||
{{ title_suffix }} |
||||
{% endblock %} |
||||
<section class="article-header--metadata"> |
||||
<div class="left"> |
||||
<div class="article--contributor"> |
||||
Robert N. Drew |
||||
</div> |
||||
<div class="article--contributor__affiliation">University of Prince Edward Island</div> |
||||
</div> |
||||
<div class="right"> |
||||
<div class="article--type">Article</div> |
||||
<div class="article--date-published"> |
||||
Published September 20, 2018 |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
|
||||
</header> |
||||
|
||||
|
||||
{#admin tabs#} |
||||
{{ drupal_block('local_tasks_block') }} |
||||
{#toc#} |
||||
{{ drupal_region('hidden_blocks_collection') }} |
||||
{#main content#} |
||||
{% block content %} |
||||
{{ content|without( 'field_article_highlight_image' )}} |
||||
{% endblock %} |
||||
{% block content_bottom %} |
||||
{% endblock %} |
||||
</div> |
||||
</div> |
||||
</article> |
||||
@ -0,0 +1,65 @@
|
||||
{# |
||||
/** |
||||
* @file |
||||
* Magazine+'s theme override for taxonomy term fields. |
||||
* |
||||
* Available variables: |
||||
* - attributes: HTML attributes for the containing element. |
||||
* - label_hidden: Whether to show the field label or not. |
||||
* - title_attributes: HTML attributes for the label. |
||||
* - label: The label for the field. |
||||
* - content_attributes: HTML attributes for the content. |
||||
* - items: List of all the field items. Each item contains: |
||||
* - attributes: List of HTML attributes for each item. |
||||
* - content: The field item's content. |
||||
* - entity_type: The entity type to which the field belongs. |
||||
* - field_name: The name of the field. |
||||
* - field_type: The type of the field. |
||||
* - label_display: The display settings for the label. |
||||
* |
||||
* @see template_preprocess_field() |
||||
* @see bartik_preprocess_field() |
||||
*/ |
||||
#} |
||||
{% |
||||
set classes = [ |
||||
'field', |
||||
'field--name-' ~ field_name|clean_class, |
||||
'field--type-' ~ field_type|clean_class, |
||||
'field--label-' ~ label_display, |
||||
'field--entity-reference-target-type-' ~ entity_reference_target_type|clean_class, |
||||
'clearfix', |
||||
] |
||||
%} |
||||
{% |
||||
set title_classes = [ |
||||
'field__label', |
||||
label_display == 'inline' ? 'inline', |
||||
] |
||||
%} |
||||
{% if label_hidden %} |
||||
{% if multiple %} |
||||
<div{{ attributes.addClass(classes, 'field__items') }}> |
||||
{% for item in items %} |
||||
<div{{ item.attributes.addClass('field__item') }}>{{ item.content }}</div> |
||||
{% endfor %} |
||||
</div> |
||||
{% else %} |
||||
{% for item in items %} |
||||
<div{{ attributes.addClass(classes, 'field__item') }}>{{ item.content }}</div> |
||||
{% endfor %} |
||||
{% endif %} |
||||
{% else %} |
||||
<div{{ attributes.addClass(classes) }}> |
||||
<div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div> |
||||
{% if multiple %} |
||||
<div class="field__items"> |
||||
{% endif %} |
||||
{% for item in items %} |
||||
<div{{ item.attributes.addClass('field__item') }}>{{ item.content }}</div> |
||||
{% endfor %} |
||||
{% if multiple %} |
||||
</div> |
||||
{% endif %} |
||||
</div> |
||||
{% endif %} |
||||
@ -0,0 +1,29 @@
|
||||
{# |
||||
/** |
||||
* @file |
||||
* Theme override to display a media item. |
||||
* |
||||
* Available variables: |
||||
* - name: Name of the media. |
||||
* - content: Media content. |
||||
* |
||||
* @see template_preprocess_media() |
||||
* |
||||
|
||||
* @ingroup themeable |
||||
*/ |
||||
#} |
||||
{% |
||||
set classes = [ |
||||
'media', |
||||
'media--type-' ~ media.bundle()|clean_class, |
||||
not media.isPublished() ? 'media--unpublished', |
||||
view_mode ? 'media--view-mode-' ~ view_mode|clean_class, |
||||
] |
||||
%} |
||||
<article{{ attributes.addClass(classes) }}> |
||||
{{ title_suffix.contextual_links }} |
||||
{% if content %} |
||||
{{ content }} |
||||
{% endif %} |
||||
</article> |
||||
Loading…
Reference in new issue