Browse Source

templates

dependabot/npm_and_yarn/acorn-5.7.4
Rob Drew 6 years ago
parent
commit
d9c644f3d0
  1. 36
      templates/article_pages/article--hero.html.twig
  2. 62
      templates/article_pages/node--journal-article--search-result.html.twig
  3. 33
      templates/bibcite-footnote-list.html.twig
  4. 87
      templates/embedded_slider/node--image-set.html.twig
  5. 15
      templates/entity-embed-container.html.twig
  6. 7
      templates/views/views-view-fields--recent-articles-masonry.html.twig

36
templates/article_pages/article--hero.html.twig

@ -1,12 +1,43 @@
{% set imagePath = file_url(content.field_article_highlight_image|field_target_entity.image.entity.uri.value) %} {% set imagePath = file_url(content.field_article_highlight_image|field_target_entity.image.entity.uri.value) %}
{% set articleType = content.field_article_type|field_value %} {% set articleType = content.field_article_type|field_value %}
{% set pubDate = content.field_publication_date_electroni|field_value %} {% set pubDate = content.field_publication_date_electroni|field_value %}
{% if articleType == "Article" %}
{% set _icon_ = 'fa-file-text-o' %}
{% set _color_ = 'blue' %}
{% elseif articleType == "Audio/visual art" %}
{% set _icon_ = 'fa-volume-up' %}
{% set _color_ = 'red' %}
{% elseif articleType == "Blog post" %}
{% set _icon_ = 'fa-rss' %}
{% set _color_ = 'green' %}
{% elseif articleType == "Creative writing" %}
{% set _icon_ = 'fa-pencil-square-o' %}
{% set _color_ = 'teal' %}
{% elseif articleType == "News" %}
{% set _icon_ = 'fa-newspaper-o' %}
{% set _color_ = 'purple' %}
{% elseif articleType == "Note" %}
{% set _icon_ = 'fa-envelope-open-o' %}
{% set _color_ = 'aqua' %}
{% elseif articleType == "Notice" %}
{% set _icon_ = 'fa-exclamation-circle' %}
{% set _color_ = 'teal' %}
{% else %}
{% set _icon_ = '' %}
{% set _color_ = '' %}
{% endif %}
<header style="background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('{{ imagePath }}')" class="article-title-banner node__header paragraph-responsive-typography-enabled article-header"> <header style="background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('{{ imagePath }}')" class="article-title-banner node__header paragraph-responsive-typography-enabled article-header">
<div class="container article-info--wrapper"> <div class="container article-info--wrapper">
{% block title_area %} {% block title_area %}
{{ title_prefix }} {{ title_prefix }}
<a href="{{url}}"> <a class="slide_link" href="{{url}}">
<h1{{ title_attributes.addClass('article--title title') }}> <h1{{ title_attributes.addClass('article--title title') }}>
{{ label }} {{ label }}
</h1> </h1>
@ -24,7 +55,8 @@
</div> </div>
</div> </div>
<div class="right"> <div class="right">
<div class="article--type">{{ articleType}} </div> <div class="article--type">{{ articleType}} </div>
<div class="article--type {{_icon_}}">{{ content.field_article_type|field_value }} </div>
<div class="article--date-published"> <div class="article--date-published">
{{pubDate}} </div> {{pubDate}} </div>
</div> </div>

62
templates/article_pages/node--journal-article--search-result.html.twig

@ -0,0 +1,62 @@
{#{{ kint(node) }}#}
{#{% set toc = drupal_entity('block', 'tableofcontents', check_access=false) %}#}
{% set tabs = drupal_block('local_tasks_block') %}
{#{{dump(toc)}}#}
{%
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') }}
{#main banner#}
{#{% include '@lmmi_journal/article_pages/article--hero.html.twig' %}#}
<div class="container">
<div class="clearfix">
<div class="row">
<div class="col-md-12">
<article{{ attributes.addClass(classes) }}>
{#admin tabs#}
<div class="node__container">
{% block node_side %}
{% endblock %}
{#{% if toc is defined %}#}
{#{{ toc }}#}
{#{% endif %}#}
{#start of article #}
<div{{ content_attributes.addClass( 'node__main-content', 'clearfix') }}>
{{ tabs }}
{% block header_top %}
{% endblock %}
{#main content#}
{% block content %}
{{ content|without( 'field_article_highlight_image', 'field_authors_and_affiliations' )}}
{% endblock %}
{% block content_bottom %}
{% endblock %}
</div>
</div>
</article>
</div>
</div>
</div>
</div>

33
templates/bibcite-footnote-list.html.twig

@ -0,0 +1,33 @@
{#
/**
* @file footnote-list.html.twig
* Default theme implementation to present a list of reference footnotes.
*
* Available variables:
* - footnotess: A list of footnotes
* - notes: A list of free-form notes
* - references: A list of citations
* - attributes: HTML attributes for the container element.
*
* @see template_preprocess_footnote_list().
*
* @ingroup themeable
*/
#}
{% if notes['#title'] == "Notes" %}
<div{{ attributes.addClass('notes footnote-list') }}>
{{ notes }}
{{ references }}
</div>
{% elseif notes['#title'] == "Works Cited" %}
<div{{ attributes.addClass('works_cited footnote-list') }}>
{{ notes }}
{{ references }}
</div>
{% else %}
<div{{ attributes.addClass('footnote-list') }}>
{{ notes }}
{{ references }}
</div>
{% endif %}

87
templates/embedded_slider/node--image-set.html.twig

@ -0,0 +1,87 @@
{#
/**
* @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()
*/
#}
{%
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('lmmi_journal/slick-slider') }}
{{ attach_library('classy/node') }}
{{ attach_library('magazineplus/node') }}
<article{{ attributes.addClass(classes) }}>
{% block content %}
{{ content }}
{% endblock %}
</article>

15
templates/entity-embed-container.html.twig

@ -0,0 +1,15 @@
{#
/**
* @file
* Default theme implementation of a container used to wrap embedded entities.
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - children: The rendered child elements of the container.
*
* @see template_preprocess_entity_embed_container()
*
* @ingroup themeable
*/
#}
<article{{ attributes }}>{{ children }}</article>

7
templates/views/views-view-fields--recent-articles-masonry.html.twig

@ -8,7 +8,7 @@
{% set _icon_ = 'fa-volume-up' %} {% set _icon_ = 'fa-volume-up' %}
{% set _color_ = 'red' %} {% set _color_ = 'red' %}
{% elseif fields.field_article_type.content|striptags|trim == "Blog post" %} {% elseif fields.field_article_type.content|striptags|trim == "Blog post" %}
{% set _icon_ = 'fa-volume-up' %} {% set _icon_ = 'fa-rss' %}
{% set _color_ = 'green' %} {% set _color_ = 'green' %}
{% elseif fields.field_article_type.content|striptags|trim == "Creative writing" %} {% elseif fields.field_article_type.content|striptags|trim == "Creative writing" %}
{% set _icon_ = 'fa-pencil-square-o' %} {% set _icon_ = 'fa-pencil-square-o' %}
@ -34,6 +34,11 @@
</span> </span>
<div class="teaser-card__category"> <div class="teaser-card__category">
{{ fields.field_article_type.content }} {{ fields.field_article_type.content }}
{% if fields.field_article_peer_reviewed.content |striptags|trim == "Yes" %}
<span class="peer-reviewed">
- peer reviewed
</span>
{% endif %}
</div> </div>
<div class="teaser-card__body card-body"> <div class="teaser-card__body card-body">
<p class="teaser-card__title"> {{ fields.title.content }} </p> <p class="teaser-card__title"> {{ fields.title.content }} </p>

Loading…
Cancel
Save