Skip to content
Snippets Groups Projects
Commit 765230de authored by OndraRehounek's avatar OndraRehounek
Browse files

main: fix codestyle a text

parent afae91bd
No related branches found
No related tags found
2 merge requests!607Pirati.cz,!575Feature/pirati cz
Pipeline #9593 passed
Stage: build
Hide whitespace changes
Inline Side-by-side
main/templates/main/main_articles_page.html
+ 112
− 112
View file @ 765230de
......@@ -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 %}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment

Pirátský GitLab - Home of the CopyLeft