main: codestyle fixes

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 %}