diff --git a/main/templates/main/main_articles_page.html b/main/templates/main/main_articles_page.html
index c9f57102479321ea54a0ca53cfcf2ba82180b7a8..e55ddc9fd9537f6c8198e45a3ec36e5bee67d898 100644
--- a/main/templates/main/main_articles_page.html
+++ b/main/templates/main/main_articles_page.html
@@ -2,126 +2,126 @@
{% load wagtailcore_tags wagtailimages_tags shared_filters %}
{% block content %}
- {% include 'main/includes/layout/simple_page_header.html' %}
+ {% include 'main/includes/layout/simple_page_header.html' %}
- <main role="main">
- <div class="grid-container mb-2 xl:mb-12">
- <div class="grid-content leading-6">
- <h2 class="head-xl mb-2">
- {{ page.perex }}
- </h2>
- <h2 class="head-xl mb-2">
- Projděte si archiv tiskových zpráv a souhrn našich nejvýraznějších aktivit
- </h2>
+ <main role="main">
+ <div class="grid-container mb-2 xl:mb-12">
+ <div class="grid-content leading-6">
+ <h2 class="head-xl mb-2">
+ {{ page.perex }}
+ </h2>
+ <h2 class="head-xl mb-2">
+ Projděte si archiv tiskových zpráv a souhrn našich nejvýraznějších aktivit
+ </h2>
+ </div>
+ </div>
+ <div class="__js-root">
+ <ui-view-provider :initial="{timeline: true, articles: false}" :sync-location="true"
+ v-slot="{ isCurrentView, toggleView }">
+ <div class="grid-container article-section mb-8">
+ <div class="grid-full">
+ <div class="flex justify-center">
+ <div class="switch">
+ <a @click="toggleView('timeline')" class="switch__item"
+ :class="{'switch__item--active': isCurrentView('timeline')}">Aktuality</a>
+ <a @click="toggleView('articles')" class="switch__item"
+ :class="{'switch__item--active': isCurrentView('articles')}">Tiskové zprávy</a>
+ </div>
</div>
+ </div>
</div>
- <div class="__js-root">
- <ui-view-provider :initial="{timeline: true, articles: false}" :sync-location="true"
- v-slot="{ isCurrentView, toggleView }">
- <div class="grid-container article-section mb-8">
- <div class="grid-full">
- <div class="flex justify-center">
- <div class="switch">
- <a @click="toggleView('timeline')" class="switch__item"
- :class="{'switch__item--active': isCurrentView('timeline')}">Poslanecká sněmovna</a>
- <a @click="toggleView('articles')" class="switch__item"
- :class="{'switch__item--active': isCurrentView('articles')}">Vláda</a>
- </div>
- </div>
- </div>
+ <template v-if="isCurrentView('timeline')">
+ <div class="mt-20">
+ <div class="grid-container article-section">
+ <div class="grid-full mb-8">
+ <div id="showMoreTimelineResultsWrapper">
+ {% include 'main/blocks/articles_timeline_block.html' with article_data_list=article_timeline_list %}
</div>
- <template v-if="isCurrentView('timeline')">
- <div class="mt-20">
- <div class="grid-container article-section">
- <div class="grid-full mb-8">
- <div id="showMoreTimelineResultsWrapper">
- {% include 'main/blocks/articles_timeline_block.html' with article_data_list=article_timeline_list %}
- </div>
- </div>
- <div class="flex justify-center">
- <a
- onclick="showMoreTimelineArticles(event, this)"
- href="#"
- data-url="{{ page_url }}?months="
- data-months="2"
- class="btn btn__slide__wrap"
- >
- <span class="btn text-sm bg-black text-white px-1 lg:text-base">
- Zobrazit další
- </span>
- <span class="btn text-sm bg-white text-black px-1 lg:text-base">
- Zobrazit další
- </span>
- </a>
- </div>
- </div>
- </div>
- </template>
- <template v-if="isCurrentView('articles')">
- <section class="grid-container mb-3 justify-start xl:mb-14">
- <div class="grid-content-with-right-side">
- <div class="leading-6">
- <h2 class="head-4xl mb-5 xl:hidden">
- Články
- </h2>
- <div id="searchArticleResultWrapper">
- {% include 'main/includes/person_article_preview.html' with article_data_list=article_article_list %}
- </div>
- <div class="flex justify-center">
- <a
- onclick="showMoreArticles(event, this)"
- href="#"
- data-url="{{ page_url }}?page="
- data-page="2"
- class="btn btn__slide__wrap"
- >
- <span class="btn text-sm bg-black text-white px-1 lg:text-base">
- Zobrazit další
- </span>
- <span class="btn text-sm bg-white text-black px-1 lg:text-base">
- Zobrazit další
- </span>
- </a>
- </div>
- </div>
- </div>
- </section>
- </template>
- </ui-view-provider>
- </div>
- </main>
+ </div>
+ <div class="flex justify-center">
+ <a
+ onclick="showMoreTimelineArticles(event, this)"
+ href="#"
+ data-url="{{ page_url }}?months="
+ data-months="2"
+ class="btn btn__slide__wrap"
+ >
+ <span class="btn text-sm bg-black text-white px-1 lg:text-base">
+ Zobrazit další
+ </span>
+ <span class="btn text-sm bg-white text-black px-1 lg:text-base">
+ Zobrazit další
+ </span>
+ </a>
+ </div>
+ </div>
+ </div>
+ </template>
+ <template v-if="isCurrentView('articles')">
+ <section class="grid-container mb-3 justify-start xl:mb-14">
+ <div class="grid-content-with-right-side">
+ <div class="leading-6">
+ <h2 class="head-4xl mb-5 xl:hidden">
+ Články
+ </h2>
+ <div id="searchArticleResultWrapper">
+ {% include 'main/includes/person_article_preview.html' with article_data_list=article_article_list %}
+ </div>
+ <div class="flex justify-center">
+ <a
+ onclick="showMoreArticles(event, this)"
+ href="#"
+ data-url="{{ page_url }}?page="
+ data-page="2"
+ class="btn btn__slide__wrap"
+ >
+ <span class="btn text-sm bg-black text-white px-1 lg:text-base">
+ Zobrazit další
+ </span>
+ <span class="btn text-sm bg-white text-black px-1 lg:text-base">
+ Zobrazit další
+ </span>
+ </a>
+ </div>
+ </div>
+ </div>
+ </section>
+ </template>
+ </ui-view-provider>
+ </div>
+ </main>
- <script type="text/javascript">
- async function showMoreTimelineArticles(event, btn) {
- event.preventDefault()
+ <script type="text/javascript">
+ async function showMoreTimelineArticles(event, btn) {
+ event.preventDefault()
- const showMoreTimelineResultsWrapper = document.getElementById('showMoreTimelineResultsWrapper')
- const url = btn.getAttribute('data-url') + btn.getAttribute('data-months')
+ const showMoreTimelineResultsWrapper = document.getElementById('showMoreTimelineResultsWrapper')
+ const url = btn.getAttribute('data-url') + btn.getAttribute('data-months')
- const response = await fetch(url, {
- method: "GET",
- headers: {"X-Requested-With": "XMLHttpRequest"},
- })
- const data = await response.json()
- showMoreTimelineResultsWrapper.innerHTML = data.html
- btn.setAttribute('data-months', parseInt(btn.getAttribute('data-months')) + 1)
- }
+ const response = await fetch(url, {
+ method: "GET",
+ headers: {"X-Requested-With": "XMLHttpRequest"},
+ })
+ const data = await response.json()
+ showMoreTimelineResultsWrapper.innerHTML = data.html
+ btn.setAttribute('data-months', parseInt(btn.getAttribute('data-months')) + 1)
+ }
- async function showMoreArticles(event, btn) {
- event.preventDefault()
+ async function showMoreArticles(event, btn) {
+ event.preventDefault()
- let searchArticleResultWrapper = document.getElementById('searchArticleResultWrapper');
- let url = btn.getAttribute('data-url') + btn.getAttribute('data-page')
+ let searchArticleResultWrapper = document.getElementById('searchArticleResultWrapper')
+ let url = btn.getAttribute('data-url') + btn.getAttribute('data-page')
- const response = await fetch(url, {
- method: "GET",
- headers: {"X-Requested-With": "XMLHttpRequest"},
- })
- const data = await response.json()
- searchArticleResultWrapper.innerHTML += data.html;
- if (btn.getAttribute('data-page') === data.last_page)
- btn.hide();
- btn.setAttribute('data-page', parseInt(btn.getAttribute('data-page')) + 1)
- }
- </script>
+ const response = await fetch(url, {
+ method: "GET",
+ headers: {"X-Requested-With": "XMLHttpRequest"},
+ })
+ const data = await response.json()
+ searchArticleResultWrapper.innerHTML += data.html;
+ if (btn.getAttribute('data-page') === data.last_page)
+ btn.hide();
+ btn.setAttribute('data-page', parseInt(btn.getAttribute('data-page')) + 1)
+ }
+ </script>
{% endblock content %}