From badc88966b4c47fb5bd1260c5780c49b3408cf11 Mon Sep 17 00:00:00 2001 From: OndraRehounek <ondra.rehounek@seznam.cz> Date: Mon, 29 Aug 2022 12:22:37 +0200 Subject: [PATCH] main: codestyle fixes --- main/templates/main/main_articles_page.html | 79 ++++++++++----------- 1 file changed, 39 insertions(+), 40 deletions(-) diff --git a/main/templates/main/main_articles_page.html b/main/templates/main/main_articles_page.html index 27ec6b1c..863661a7 100644 --- a/main/templates/main/main_articles_page.html +++ b/main/templates/main/main_articles_page.html @@ -18,50 +18,49 @@ <div class="grid-container article-section"> <div class="grid-full mb-8"> - <div id="searchResultWrapper"> - {% include 'main/blocks/articles_block.html' with article_data_list=article_data_list %} - </div> - {% if show_next_articles %} + <div id="searchResultWrapper"> + {% include 'main/blocks/articles_block.html' with article_data_list=article_data_list %} + </div> + {% if show_next_articles %} <div class="text-center"> - <a - onclick="showMoreArticles(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 w-32 lg:text-base"> - Zobrazit další - </span> - <span class="btn text-sm bg-white text-black w-32 lg:text-base"> - Zobrazit další - </span> - </a> + <a + onclick="showMoreArticles(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 w-32 lg:text-base"> + Zobrazit další + </span> + <span class="btn text-sm bg-white text-black w-32 lg:text-base"> + Zobrazit další + </span> + </a> + </div> </div> - </div> - {% endif %} + {% endif %} </div> </main> - <script type="text/javascript"> - function showMoreArticles(event, article) { - event.preventDefault() - let btn = article; - let searchResultWrapper = document.getElementById('searchResultWrapper'); - let url = article.getAttribute('data-url') + article.getAttribute('data-months') - fetch(url, { - method: "GET", - headers: { - "X-Requested-With": "XMLHttpRequest", - }, - }).then((response) => response.json()) - .then((data) => { - if (data.last_article) - btn.hide(); - searchResultWrapper.innerHTML = data.html; - let dataMonths = parseInt(article.getAttribute('data-months')) + 1 - article.setAttribute('data-months', dataMonths) - }); - } - </script> + <script type="text/javascript"> + async function showMoreArticles(event, btn) { + event.preventDefault() + + const searchResultWrapper = document.getElementById('searchResultWrapper') + 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() + + if (data.last_article) { btn.hide() } + + searchResultWrapper.innerHTML = data.html + btn.setAttribute('data-months', parseInt(btn.getAttribute('data-months')) + 1) + } + </script> {% endblock content %} -- GitLab