From 164f0dc31c2fe224eed2139d0ba8f13f2ba39790 Mon Sep 17 00:00:00 2001 From: rdrew Date: Mon, 6 Apr 2020 14:15:05 -0300 Subject: [PATCH] templates --- css_overrides.css | 7 + lmmi_journal.info.yml | 6 +- ...int--node--journal-article--full.html.twig | 61 +++++++++ ...rint--node--journal-article--pdf.html.twig | 61 +++++++++ ...ity-print--node--journal-article.html.twig | 61 +++++++++ .../{ => junk}/article--hero.html.twig.bk | 41 +++++- .../node--journal-article.html.twig.xx | 0 ...node--journal-article--full.html.twig.old} | 0 .../node--journal-article--pdf.html.twig | 62 +++++++++ .../node--journal-article.html.twig | 10 +- .../node--journal-article.html.twig.old | 127 ++++++++++++++++++ templates/entity-print--node--page.html.twig | 127 ++++++++++++++++++ templates/node.html.twig | 127 ++++++++++++++++++ 13 files changed, 680 insertions(+), 10 deletions(-) create mode 100644 templates/article_pages/entity-print--node--journal-article--full.html.twig create mode 100644 templates/article_pages/entity-print--node--journal-article--pdf.html.twig create mode 100644 templates/article_pages/entity-print--node--journal-article.html.twig rename templates/article_pages/{ => junk}/article--hero.html.twig.bk (50%) rename templates/article_pages/{ => junk}/node--journal-article.html.twig.xx (100%) rename templates/article_pages/{node--journal-article--full.html.twig => node--journal-article--full.html.twig.old} (100%) create mode 100644 templates/article_pages/node--journal-article--pdf.html.twig create mode 100644 templates/article_pages/node--journal-article.html.twig.old create mode 100644 templates/entity-print--node--page.html.twig create mode 100644 templates/node.html.twig diff --git a/css_overrides.css b/css_overrides.css index ed9058a..976dfed 100644 --- a/css_overrides.css +++ b/css_overrides.css @@ -17,6 +17,13 @@ p.firstlineindent { text-indent: 2em; } +/* class to create a hanging paragraph */ + +p.hangingindent { + padding-left: 2em ; + text-indent: -2em ; +} + /* Works Cited styling */ /* add italics to journal titles */ diff --git a/lmmi_journal.info.yml b/lmmi_journal.info.yml index b69e9ca..ba7bb6f 100644 --- a/lmmi_journal.info.yml +++ b/lmmi_journal.info.yml @@ -10,8 +10,10 @@ libraries: - lmmi_journal/global-scripts - lmmi_journal/fonts -stylesheets-remove: core/themes/stable/css/views/views.module.css -stylesheets-remove: themes/custom/magazineplus_lmmi_journal/css/base/elements.css +stylesheets-remove: + - core/themes/stable/css/views/views.module.css + - themes/custom/magazineplus_lmmi_journal/css/base/elements.css + - core/assets/vendor/jquery.ui/themes/base/theme.css # Regions regions: diff --git a/templates/article_pages/entity-print--node--journal-article--full.html.twig b/templates/article_pages/entity-print--node--journal-article--full.html.twig new file mode 100644 index 0000000..6a4d1a2 --- /dev/null +++ b/templates/article_pages/entity-print--node--journal-article--full.html.twig @@ -0,0 +1,61 @@ +{#{{ kint(node) }}#} +{% set toc = drupal_entity('block', 'tableofcontents', check_access=false) %} +{% set tabs = drupal_block('local_tasks_block') %} +{#{{dump(toc|render|striptags|trim)}}#} +{% + 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#} +
+
+
+
+ + + + {#admin tabs#} +
+ {% block node_side %} + {% endblock %} + + + + {% if toc is not empty %} + {{ 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/article_pages/entity-print--node--journal-article--pdf.html.twig b/templates/article_pages/entity-print--node--journal-article--pdf.html.twig new file mode 100644 index 0000000..6a4d1a2 --- /dev/null +++ b/templates/article_pages/entity-print--node--journal-article--pdf.html.twig @@ -0,0 +1,61 @@ +{#{{ kint(node) }}#} +{% set toc = drupal_entity('block', 'tableofcontents', check_access=false) %} +{% set tabs = drupal_block('local_tasks_block') %} +{#{{dump(toc|render|striptags|trim)}}#} +{% + 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#} +
+
+
+
+ + + + {#admin tabs#} +
+ {% block node_side %} + {% endblock %} + + + + {% if toc is not empty %} + {{ 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/article_pages/entity-print--node--journal-article.html.twig b/templates/article_pages/entity-print--node--journal-article.html.twig new file mode 100644 index 0000000..6a4d1a2 --- /dev/null +++ b/templates/article_pages/entity-print--node--journal-article.html.twig @@ -0,0 +1,61 @@ +{#{{ kint(node) }}#} +{% set toc = drupal_entity('block', 'tableofcontents', check_access=false) %} +{% set tabs = drupal_block('local_tasks_block') %} +{#{{dump(toc|render|striptags|trim)}}#} +{% + 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#} +
+
+
+
+ + + + {#admin tabs#} +
+ {% block node_side %} + {% endblock %} + + + + {% if toc is not empty %} + {{ 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/article_pages/article--hero.html.twig.bk b/templates/article_pages/junk/article--hero.html.twig.bk similarity index 50% rename from templates/article_pages/article--hero.html.twig.bk rename to templates/article_pages/junk/article--hero.html.twig.bk index e878632..49debee 100644 --- a/templates/article_pages/article--hero.html.twig.bk +++ b/templates/article_pages/junk/article--hero.html.twig.bk @@ -1,12 +1,46 @@ {% 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 == "Peer-reviewed 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 %} + + + +
-
{{ articleType}}
+ {#
{{ articleType}}
#} +
{{ content.field_article_type|field_value }}
diff --git a/templates/article_pages/node--journal-article.html.twig.xx b/templates/article_pages/junk/node--journal-article.html.twig.xx similarity index 100% rename from templates/article_pages/node--journal-article.html.twig.xx rename to templates/article_pages/junk/node--journal-article.html.twig.xx diff --git a/templates/article_pages/node--journal-article--full.html.twig b/templates/article_pages/node--journal-article--full.html.twig.old similarity index 100% rename from templates/article_pages/node--journal-article--full.html.twig rename to templates/article_pages/node--journal-article--full.html.twig.old diff --git a/templates/article_pages/node--journal-article--pdf.html.twig b/templates/article_pages/node--journal-article--pdf.html.twig new file mode 100644 index 0000000..d614e36 --- /dev/null +++ b/templates/article_pages/node--journal-article--pdf.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|render|striptags|trim)}}#} +{% + 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 not empty %} + {{ 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/article_pages/node--journal-article.html.twig b/templates/article_pages/node--journal-article.html.twig index cabff72..d614e36 100644 --- a/templates/article_pages/node--journal-article.html.twig +++ b/templates/article_pages/node--journal-article.html.twig @@ -1,7 +1,7 @@ {#{{ kint(node) }}#} -{#{% set toc = drupal_entity('block', 'tableofcontents', check_access=false) %}#} +{% set toc = drupal_entity('block', 'tableofcontents', check_access=false) %} {% set tabs = drupal_block('local_tasks_block') %} -{#{{dump(toc)}}#} +{#{{dump(toc|render|striptags|trim)}}#} {% set classes = [ 'node', @@ -32,9 +32,9 @@ - {#{% if toc is defined %}#} - {#{{ toc }}#} - {#{% endif %}#} + {% if toc is not empty %} + {{ toc }} + {% endif %} {#start of article #} diff --git a/templates/article_pages/node--journal-article.html.twig.old b/templates/article_pages/node--journal-article.html.twig.old new file mode 100644 index 0000000..96b9595 --- /dev/null +++ b/templates/article_pages/node--journal-article.html.twig.old @@ -0,0 +1,127 @@ +{# +/** + * @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('classy/node') }} +{{ attach_library('magazineplus/node') }} + +
+ {% block node_side %} + {% endblock %} + + {% block header_top %} + {% endblock %} +
+ {% block title_area %} + {{ title_prefix }} + {% if not page %} + + {{ label }} + + {% else %} + + {{ label }} + + {% endif %} + {{ title_suffix }} + {% endblock %} + {% block meta_area %} + {% if display_submitted %} +
+ {{ author_picture }} + + {% trans %} + {{ author_name }} on + + {% endtrans %} + + {{ metadata }} +
+ {% endif %} + {% endblock %} +
+ {% block content %} + {{ content }} + {% endblock %} + {% block content_bottom %} + {% endblock %} +
+ + diff --git a/templates/entity-print--node--page.html.twig b/templates/entity-print--node--page.html.twig new file mode 100644 index 0000000..96b9595 --- /dev/null +++ b/templates/entity-print--node--page.html.twig @@ -0,0 +1,127 @@ +{# +/** + * @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('classy/node') }} +{{ attach_library('magazineplus/node') }} + +
+ {% block node_side %} + {% endblock %} + + {% block header_top %} + {% endblock %} +
+ {% block title_area %} + {{ title_prefix }} + {% if not page %} + + {{ label }} + + {% else %} + + {{ label }} + + {% endif %} + {{ title_suffix }} + {% endblock %} + {% block meta_area %} + {% if display_submitted %} +
+ {{ author_picture }} + + {% trans %} + {{ author_name }} on + + {% endtrans %} + + {{ metadata }} +
+ {% endif %} + {% endblock %} +
+ {% block content %} + {{ content }} + {% endblock %} + {% block content_bottom %} + {% endblock %} +
+ + diff --git a/templates/node.html.twig b/templates/node.html.twig new file mode 100644 index 0000000..96b9595 --- /dev/null +++ b/templates/node.html.twig @@ -0,0 +1,127 @@ +{# +/** + * @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('classy/node') }} +{{ attach_library('magazineplus/node') }} + +
+ {% block node_side %} + {% endblock %} + + {% block header_top %} + {% endblock %} +
+ {% block title_area %} + {{ title_prefix }} + {% if not page %} + + {{ label }} + + {% else %} + + {{ label }} + + {% endif %} + {{ title_suffix }} + {% endblock %} + {% block meta_area %} + {% if display_submitted %} +
+ {{ author_picture }} + + {% trans %} + {{ author_name }} on + + {% endtrans %} + + {{ metadata }} +
+ {% endif %} + {% endblock %} +
+ {% block content %} + {{ content }} + {% endblock %} + {% block content_bottom %} + {% endblock %} +
+ +