mg/bbc-young-reporter
1
0 Fork 0
mirror of https://github.com/mgrove36/bbc-young-reporter.git synced 2026-11-01 14:53:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update carousel to show all appropriate articles

Browse Source 
Ensure that if articles are written by more than one author, both 
authors are compared to each article individually
This commit is contained in:
Matthew Grove committed 2019-03-06 06:39:16 +00:00
1 parent b94c4ba3aa
commit 11ebbc1cb1
2 files changed
+44 -38
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

_includes/article-carousel.html
+42 -36
View File
@@ -2,49 +2,55 @@
{% assign article_list_displayed = false %}
{% for article in site.categories.articles %}
{% if article.url != page.url %}
{% for author in article.authors %}
{% for current_author in page.authors %}
{% if author == current_author %}
{% if article_list_displayed == false %}
<h2 class="mdc-typography--headline5">
{% if page.authors.first %}
Other Articles By These Authors
{% else %}
Other Articles By This Author
{% endif %}
</h2>
<!-- define carousel -->
<div class="carousel">
{% assign article_list_displayed = true %}
{% assign authors = article.authors | split: ", " %}
{% for author in authors %}
{% if article.date | date: "%Y" == page.date | date: "%Y" %}
{% assign current_authors = page.authors | split: ", " %}
{% for current_author in current_authors %}
{% if author == current_author %}
{% if article_list_displayed == false %}
<h2 class="mdc-typography--headline5">
{% if current_authors.first %}
Other Articles By These Authors
{% else %}
Other Articles By This Author
{% endif %}
<!-- display article -->
<div class="mdc-card carousel-item">
<div class="mdc-card__media mdc-card__media--16-9 {{ article.url | relative_url | replace: '/', '-' | replace: '.', '-' }}"></div>
<div class="mdc-card-content">
<h2 class="mdc-typography--headline6">{{ article.title }}</h2>
<h3 class="mdc-typography--subtitle2">
<time class="timeago" datetime="{{ article.date | date: '%Y-%m-%d' }}T{{ article.date | date: '%H:%M:%S' }}">{{ article.date | date: '%A %e %B %Y' }}</time>
| by {{ article.authors }}
</h3>
</h2>
<!-- define carousel -->
<div class="carousel">
{% assign article_list_displayed = true %}
{% endif %}
<!-- display article -->
<div class="mdc-card carousel-item">
<div class="mdc-card__media mdc-card__media--16-9 {{ article.url | relative_url | replace: '/', '-' | replace: '.', '-' }}"></div>
<div class="mdc-card-content">
<h2 class="mdc-typography--headline6">{{ article.title }}</h2>
<h3 class="mdc-typography--subtitle2">
<time class="timeago" datetime="{{ article.date | date: '%Y-%m-%d' }}T{{ article.date | date: '%H:%M:%S' }}">{{ article.date | date: '%A %e %B %Y' }}</time>
| by {{ article.authors }}
</h3>
</div>
<div class="mdc-card__actions">
<div class="mdc-card__action-buttons">
<button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='{{ article.url | relative_url }}';">Read</button>
</div>
<div class="mdc-card__actions">
<div class="mdc-card__action-buttons">
<button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='{{ article.url | relative_url }}';">Read</button>
</div>
</div>
</div>
<style>
.{{ article.url | relative_url | replace: '/', '-' | replace: '.', '-' }} {
background-image: url("/images/{{ article.url | relative_url | remove: '.html' | replace: '/', '-' | remove: '-articles-' }}--cover.jpg");
}
</style>
</div>
{% break %}
<style>
.{{ article.url | relative_url | replace: '/', '-' | replace: '.', '-' }} {
background-image: url("/images/{{ article.url | relative_url | remove: '.html' | replace: '/', '-' | remove: '-articles-' }}--cover.jpg");
}
</style>
</div>
{% break %}
{% endif %}
{% endfor %}
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% if article_list_displayed == true %}
<!-- close carousel -->
</div>
{% endif %}
{% endif %}