main: fix codestyle etc.

main/models.py

@@ -200,14 +200,44 @@ class MainWorkPage(ExtendedMetadataPageMixin, SubpageMixin, MetadataPageMixin, P
     class Meta:
         verbose_name = "Piráti pracují"
 
-    def get_context(self, request, *args, **kwargs):
-        ctx = super().get_context(request, args, kwargs)
+    def get_article_data_list(self):
         last_month = timezone.now().today().replace(day=1) - timedelta(days=1)
         first_day_of_last_month = last_month.replace(day=1)
-        article_qs = MainArticlePage.objects.filter(date__gt=first_day_of_last_month)
-        # article_data_list =
+
+        sorted_article_qs = MainArticlePage.objects.filter(
+            date__gt=first_day_of_last_month
+        ).order_by("-date")
+
+        article_data_list = []
+
+        current_month_data = self.get_empty_month_data(timezone.now().date())
+
+        for idx, article in enumerate(sorted_article_qs):
+            if article.date.month != current_month_data["month_text"]:
+                article_data_list.append(current_month_data)  # append completed month
+                current_month_data = self.get_empty_month_data(article.date)
+
+            current_column = "left_column" if idx % 2 else "right_column"
+            current_month_data[current_column].append(article)
+
+        article_data_list.append(current_month_data)  # last iteration
+
+        return article_data_list
+
+    def get_context(self, request, *args, **kwargs):
+        ctx = super().get_context(request, args, kwargs)
+        ctx["article_data_list"] = self.get_article_data_list()
         return ctx
 
+    @staticmethod
+    def get_empty_month_data(date_obj):
+        return {
+            "month_number": date_obj.month,
+            "month_text": date_obj.strftime("%B"),
+            "left_column": [],
+            "right_column": [],
+        }
+
 
 class MainArticleTag(TaggedItemBase):
     content_object = ParentalKey("main.MainArticlePage", on_delete=models.CASCADE)

main/templates/main/main_work_page.html

 {% extends "main/base.html" %}
 {% load wagtailcore_tags wagtailimages_tags shared_filters %}
 
-{% block content %}{% endblock content %}
+{% block content %}
+  <main role="main">
+    <div class="grid-container mb-2 xl:mb-12">
+      <div class="grid-left-side">
+        TODO menu
+      </div>
+      <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="grid-container article-section">
+      <div class="grid-full mb-8">
+        <div class="mb-4">
+        <h3 class="head-7xl mb-4 xl:hidden">Červenec</h3>
+        <div class="flex flex-col justify-between xl:flex-row">
+          <div class="xl:pt-8">
+            {{> molecules-work-article-preview }}
+            {{> molecules-work-article-preview }}
+          </div>
+          <div class="relative border border-violet-400 mx-8 hidden xl:block">
+            <div class="absolute bg-violet-400  p-1 text-white font-bold" style="transform: translateX(-50%); top: -1rem">
+              Červenec
+            </div>
+          </div>
+          <div class="xl:pt-14">
+            {{> molecules-work-article-preview }}
+            {{> molecules-work-article-preview }}
+          </div>
+        </div>
+        </div>
+        <div class="mb-4">
+        <h3 class="head-7xl mb-4 xl:hidden">Srpen</h3>
+        <div class="flex flex-col justify-between xl:flex-row">
+          <div class="xl:pt-8">
+            {{> molecules-work-article-preview }}
+            {{> molecules-work-article-preview }}
+          </div>
+          <div class="relative border border-violet-400 mx-8 hidden xl:block">
+            <div class="absolute bg-violet-400  p-1 text-white font-bold" style="transform: translateX(-50%); top: -1rem">
+              Srpen
+            </div>
+          </div>
+          <div class="xl:pt-14">
+            {{> molecules-work-article-preview }}
+            {{> molecules-work-article-preview }}
+          </div>
+        </div>
+        </div>
+        <div class="flex justify-center">
+          {{> atoms-button-animated(btn-text: "Zobrazit další", classes-btn-hidden: "bg-black") }}
+        </div>
+      </div>
+    </div>
+  </main>
+  {% for month_article_data in article_data_list %}
+    {{ month_article_data.month_text }}
+    {{ month_article_data.left_column }}
+    {{ month_article_data.right_column }}
+  {% endfor %}
+{% endblock content %}