Add blog chooser and work chooser blocks to the standard page (#290)

* Add blog chooser and work chooser blocks to the standard page

Author: helenb

tbx/core/blocks.py

@@ -440,12 +440,24 @@ class BlogChooserBlock(blocks.StructBlock):
         max_num=3,
     )
 
+    def get_context(self, value, parent_context=None):
+        context = super().get_context(value, parent_context=parent_context)
+        context["is_standard_page"] = False
+        return context
+
     class Meta:
         icon = "link"
         template = "patterns/molecules/streamfield/blocks/blog_chooser_block.html"
         group = "Custom"
 
 
+class BlogChooserStandardPageBlock(BlogChooserBlock):
+    def get_context(self, value, parent_context=None):
+        context = super().get_context(value, parent_context=parent_context)
+        context["is_standard_page"] = True
+        return context
+
+
 class WorkChooserBlock(blocks.StructBlock):
     featured_work_heading = blocks.CharBlock(max_length=255)
     work_pages = blocks.ListBlock(
@@ -481,6 +493,7 @@ def get_context(self, value, parent_context=None):
         context["work_pages"] = [
             work_pages[_id] for _id in work_page_ids if _id in work_pages
         ]
+        context["is_standard_page"] = False
         return context
 
     class Meta:
@@ -489,6 +502,13 @@ class Meta:
         group = "Custom"
 
 
+class WorkChooserStandardPageBlock(WorkChooserBlock):
+    def get_context(self, value, parent_context=None):
+        context = super().get_context(value, parent_context=parent_context)
+        context["is_standard_page"] = True
+        return context
+
+
 class EventLinkStructValue(ButtonLinkStructValue):
     def get_button_link_block(self):
         return self.get("url")[0]
@@ -918,6 +938,8 @@ class Meta:
 
 class StandardPageStoryBlock(StoryBlock):
     promo = PromoBlock()
+    blog_chooser = BlogChooserStandardPageBlock()
+    work_chooser = WorkChooserStandardPageBlock()
 
 
 class HomePageStoryBlock(blocks.StreamBlock):

tbx/project_styleguide/templates/patterns/molecules/streamfield/blocks/blog_chooser_block.html

@@ -1,6 +1,10 @@
 {% load wagtailcore_tags %}
 
-{% include "patterns/atoms/motif-heading/motif-heading.html" with heading_level=2 heading=value.featured_blog_heading classes="motif-heading--two motif-heading--static  motif-heading--half-width   section-title--related-posts" %}
+{% if is_standard_page %}
+    <h2 class="heading heading--two-b grid__heading mb-spacerMedium">{{ value.featured_blog_heading }}</h2>
+{% else %}
+    {% include "patterns/atoms/motif-heading/motif-heading.html" with heading_level=2 heading=value.featured_blog_heading classes="motif-heading--two motif-heading--static  motif-heading--half-width   section-title--related-posts" %}
+{% endif %}
 
 <ul class="grid__related-posts streamfield__related-posts mb-spacerMedium lg:mb-spacerLarge">
     {% for blog_page in value.blog_pages %}

tbx/project_styleguide/templates/patterns/molecules/streamfield/blocks/work_chooser_block.html

@@ -1,7 +1,11 @@
 {% load wagtailcore_tags %}
 
 {% if work_pages %}
-    {% include "patterns/atoms/motif-heading/motif-heading.html" with heading_level=2 heading=value.featured_work_heading classes="motif-heading--two motif-heading--static  motif-heading--half-width section-title--related-posts" %}
+    {% if is_standard_page %}
+        <h2 class="heading heading--two-b grid__heading mb-spacerMedium">{{ value.featured_work_heading }}</h2>
+    {% else %}
+        {% include "patterns/atoms/motif-heading/motif-heading.html" with heading_level=2 heading=value.featured_work_heading classes="motif-heading--two motif-heading--static  motif-heading--half-width section-title--related-posts" %}
+    {% endif %}
 
     <ul class="grid__related-posts streamfield__related-posts mb-spacerMedium lg:mb-spacerLarge">
         {% for work_page in work_pages %}

tbx/static_src/sass/components/_grid.scss

@@ -319,6 +319,17 @@
         grid-column: 5 / span 1;
     }
 
+    // standard page adjustments for blog chooser and work chooser
+    .template-standard-page & {
+        &__related-posts {
+            grid-column: 2 / span 4;
+
+            @include media-query(large) {
+                grid-column: 4 / span 7;
+            }
+        }
+    }
+
     // Move everything over by 1 column on the blog page and work pages
     .template-blog-page &,
     .template-work-page & {