diff --git a/main/templates/main/main_articles_page.html b/main/templates/main/main_articles_page.html index 27ec6b1c4c49130e1fbca567c9ca798e3a2bc27a..863661a7912957e8d44b8ff500549df7b5d7023f 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 %}