From f00bda83370a936f02f8ead172f407cca38bf963 Mon Sep 17 00:00:00 2001 From: Rob Drew Date: Fri, 16 Nov 2018 09:18:59 -0400 Subject: [PATCH 1/2] templates --- .../article_pages/article--hero.html.twig | 2 ++ .../article_pages/article--hero.html.twig.bk | 34 +++++++++++++++++++ .../node--journal-article--full.html.twig | 2 +- 3 files changed, 37 insertions(+), 1 deletion(-) create mode 100644 templates/article_pages/article--hero.html.twig.bk diff --git a/templates/article_pages/article--hero.html.twig b/templates/article_pages/article--hero.html.twig index 0a40540..e878632 100644 --- a/templates/article_pages/article--hero.html.twig +++ b/templates/article_pages/article--hero.html.twig @@ -6,9 +6,11 @@ {% block title_area %} {{ title_prefix }} + {{ label }} + {{ label }} diff --git a/templates/article_pages/article--hero.html.twig.bk b/templates/article_pages/article--hero.html.twig.bk new file mode 100644 index 0000000..e878632 --- /dev/null +++ b/templates/article_pages/article--hero.html.twig.bk @@ -0,0 +1,34 @@ +{% 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 pubDate = content.field_publication_date_electroni|field_value %} +
+
+ + {% block title_area %} + {{ title_prefix }} + + + {{ label }} + + + + {{ label }} + + {{ title_suffix }} + {% endblock %} +
+
+
+ + {{ content.field_authors_and_affiliations|without('label') }} +
+
+
+
{{ articleType}}
+
+ {{pubDate}}
+
+
+
+ +
diff --git a/templates/article_pages/node--journal-article--full.html.twig b/templates/article_pages/node--journal-article--full.html.twig index 977424c..d614e36 100644 --- a/templates/article_pages/node--journal-article--full.html.twig +++ b/templates/article_pages/node--journal-article--full.html.twig @@ -1,7 +1,7 @@ {#{{ kint(node) }}#} {% set toc = drupal_entity('block', 'tableofcontents', check_access=false) %} {% set tabs = drupal_block('local_tasks_block') %} -{{dump(toc|render|striptags|trim)}} +{#{{dump(toc|render|striptags|trim)}}#} {% set classes = [ 'node', From d9c644f3d00adea55228dd8364f64063888059e5 Mon Sep 17 00:00:00 2001 From: Rob Drew Date: Thu, 14 Feb 2019 15:02:47 -0400 Subject: [PATCH 2/2] templates --- .../article_pages/article--hero.html.twig | 36 +++++++- ...--journal-article--search-result.html.twig | 62 +++++++++++++ templates/bibcite-footnote-list.html.twig | 33 +++++++ .../embedded_slider/node--image-set.html.twig | 87 +++++++++++++++++++ templates/entity-embed-container.html.twig | 15 ++++ ...-fields--recent-articles-masonry.html.twig | 7 +- 6 files changed, 237 insertions(+), 3 deletions(-) create mode 100644 templates/article_pages/node--journal-article--search-result.html.twig create mode 100644 templates/bibcite-footnote-list.html.twig create mode 100644 templates/embedded_slider/node--image-set.html.twig create mode 100644 templates/entity-embed-container.html.twig diff --git a/templates/article_pages/article--hero.html.twig b/templates/article_pages/article--hero.html.twig index 8ef22d1..372f08a 100644 --- a/templates/article_pages/article--hero.html.twig +++ b/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 articleType = content.field_article_type|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 %} + + + +
{% block title_area %} {{ title_prefix }} - + {{ label }} @@ -24,7 +55,8 @@
-
{{ articleType}}
+
{{ articleType}}
+
{{ content.field_article_type|field_value }}
{{pubDate}}
diff --git a/templates/article_pages/node--journal-article--search-result.html.twig b/templates/article_pages/node--journal-article--search-result.html.twig new file mode 100644 index 0000000..64bc941 --- /dev/null +++ b/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' %}#} +
+
+
+
+ + + + {#admin tabs#} +
+ {% block node_side %} + {% endblock %} + + + + {#{% if toc is defined %}#} + {#{{ toc }}#} + {#{% endif %}#} + {#start of article #} + + + {{ tabs }} + {% block header_top %} + {% endblock %} + + + + {#main content#} + {% block content %} + {{ content|without( 'field_article_highlight_image', 'field_authors_and_affiliations' )}} + {% endblock %} + {% block content_bottom %} + {% endblock %} +
+
+ + +
+
+
+ + + diff --git a/templates/bibcite-footnote-list.html.twig b/templates/bibcite-footnote-list.html.twig new file mode 100644 index 0000000..7d5451a --- /dev/null +++ b/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" %} + + {{ notes }} + {{ references }} + + {% elseif notes['#title'] == "Works Cited" %} + + {{ notes }} + {{ references }} + + {% else %} + + {{ notes }} + {{ references }} + + {% endif %} diff --git a/templates/embedded_slider/node--image-set.html.twig b/templates/embedded_slider/node--image-set.html.twig new file mode 100644 index 0000000..a76b556 --- /dev/null +++ b/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') }} + + {% block content %} + {{ content }} + {% endblock %} + diff --git a/templates/entity-embed-container.html.twig b/templates/entity-embed-container.html.twig new file mode 100644 index 0000000..43fedc7 --- /dev/null +++ b/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 + */ +#} +{{ children }} diff --git a/templates/views/views-view-fields--recent-articles-masonry.html.twig b/templates/views/views-view-fields--recent-articles-masonry.html.twig index 1a00668..ba26298 100644 --- a/templates/views/views-view-fields--recent-articles-masonry.html.twig +++ b/templates/views/views-view-fields--recent-articles-masonry.html.twig @@ -8,7 +8,7 @@ {% set _icon_ = 'fa-volume-up' %} {% set _color_ = 'red' %} {% elseif fields.field_article_type.content|striptags|trim == "Blog post" %} - {% set _icon_ = 'fa-volume-up' %} + {% set _icon_ = 'fa-rss' %} {% set _color_ = 'green' %} {% elseif fields.field_article_type.content|striptags|trim == "Creative writing" %} {% set _icon_ = 'fa-pencil-square-o' %} @@ -34,6 +34,11 @@
{{ fields.field_article_type.content }} +{% if fields.field_article_peer_reviewed.content |striptags|trim == "Yes" %} + + - peer reviewed + +{% endif %}

{{ fields.title.content }}