Skip to content

Commit 3d2f4ca

Browse files
marcoaciernomarcoacierno
committed
coommunitises
1 parent 08c7e03 commit 3d2f4ca

6 files changed

Lines changed: 194 additions & 0 deletions

File tree

‎backend/api/cms/page/blocks/communities_section.py‎

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
from typing import Self
2+
import strawberry
3+
from api.cms.page.registry import register_page_block
4+
5+
6+
@strawberry.type
7+
class Community:
8+
name: str
9+
description: str
10+
logo: str | None
11+
banner_photo: str | None
12+
banner_background_color: str | None
13+
14+
mastodon_url: str | None
15+
facebook_url: str | None
16+
instagram_url: str | None
17+
linkedin_url: str | None
18+
twitter_url: str | None
19+
20+
@classmethod
21+
def from_block(cls, block) -> Self:
22+
logo_url = None
23+
if block["logo"]:
24+
logo_url = block["logo"].get_rendition("width-300|jpegquality-60").full_url
25+
26+
banner_photo_url = None
27+
if block["banner_photo"]:
28+
banner_photo_url = (
29+
block["banner_photo"].get_rendition("width-300|jpegquality-60").full_url
30+
)
31+
32+
return cls(
33+
name=block["name"],
34+
description=block["description"],
35+
logo=logo_url,
36+
banner_photo=banner_photo_url,
37+
banner_background_color=block["banner_background_color"],
38+
mastodon_url=block["mastodon_url"],
39+
facebook_url=block["facebook_url"],
40+
instagram_url=block["instagram_url"],
41+
linkedin_url=block["linkedin_url"],
42+
twitter_url=block["twitter_url"],
43+
)
44+
45+
46+
@register_page_block()
47+
@strawberry.type
48+
class CommunitiesSection:
49+
id: strawberry.ID
50+
title: str
51+
communities: list[Community]
52+
53+
@classmethod
54+
def from_block(cls, block) -> Self:
55+
return cls(
56+
id=block.id,
57+
title=block.value["title"],
58+
communities=[
59+
Community.from_block(community)
60+
for community in block.value["communities"]
61+
],
62+
)

‎backend/cms/components/page/blocks/communities_section.py‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
from wagtail.images.blocks import ImageChooserBlock
2+
from wagtail import blocks
3+
4+
5+
class Community(blocks.StructBlock):
6+
name = blocks.CharBlock(required=True)
7+
description = blocks.RichTextBlock(required=True)
8+
logo = ImageChooserBlock(required=True)
9+
banner_photo = ImageChooserBlock(required=False)
10+
banner_background_color = blocks.CharBlock(required=False)
11+
12+
mastodon_url = blocks.URLBlock(required=False)
13+
facebook_url = blocks.URLBlock(required=False)
14+
instagram_url = blocks.URLBlock(required=False)
15+
linkedin_url = blocks.URLBlock(required=False)
16+
twitter_url = blocks.URLBlock(required=False)
17+
18+
19+
class CommunitiesSection(blocks.StructBlock):
20+
title = blocks.CharBlock(required=True)
21+
communities = blocks.ListBlock(Community)
22+
23+
class Meta:
24+
label = "Communities Section"
25+
icon = "crosshairs"

‎backend/cms/components/page/models.py‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
from cms.components.page.blocks.communities_section import CommunitiesSection
12
from cms.components.page.blocks.dynamic_content_display_section import (
23
DynamicContentDisplaySection,
34
)
@@ -41,6 +42,7 @@ class BodyBlock(blocks.StreamBlock):
4142
live_streaming_section = LiveStreamingSection()
4243
homepage_hero = HomepageHero()
4344
dynamic_content_display_section = DynamicContentDisplaySection()
45+
communities_section = CommunitiesSection()
4446

4547

4648
class GenericPage(CustomHeadlessMixin, Page):

‎frontend/src/components/blocks-renderer/index.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ import { TextSection } from "~/components/blocks/text-section";
55
import type { Block } from "~/types";
66

77
import { CheckoutSection } from "../blocks/checkout-section";
8+
import { CommunitiesSection } from "../blocks/communities-section";
89
import { DynamicContentDisplaySection } from "../blocks/dynamic-content-display-section";
910
import { HomeIntroSection } from "../blocks/home-intro-section";
1011
import { HomepageHero } from "../blocks/homepage-hero";
@@ -38,6 +39,7 @@ const REGISTRY: Registry = {
3839
LiveStreamingSection,
3940
HomepageHero,
4041
DynamicContentDisplaySection,
42+
CommunitiesSection,
4143
};
4244

4345
type Props = {

‎frontend/src/components/blocks/communities-section.tsx‎

Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
import {
2+
CardPart,
3+
Grid,
4+
Heading,
5+
MultiplePartsCard,
6+
MultiplePartsCardCollection,
7+
SocialLinks,
8+
Spacer,
9+
StyledHTMLText,
10+
Text,
11+
VerticalStack,
12+
} from "@python-italia/pycon-styleguide";
13+
import { Section } from "@python-italia/pycon-styleguide";
14+
import type { Community } from "~/types";
15+
16+
type Props = {
17+
title: string;
18+
communities: Community[];
19+
};
20+
21+
export const CommunitiesSection = ({ title, communities }: Props) => {
22+
return (
23+
<Section>
24+
<Grid cols={3} mdCols={2}>
25+
{communities.map((community) => {
26+
const socialLinks = [];
27+
if (community.mastodonUrl) {
28+
socialLinks.push({
29+
icon: "mastodon",
30+
link: community.mastodonUrl,
31+
});
32+
}
33+
if (community.facebookUrl) {
34+
socialLinks.push({
35+
icon: "facebook",
36+
link: community.facebookUrl,
37+
});
38+
}
39+
if (community.instagramUrl) {
40+
socialLinks.push({
41+
icon: "instagram",
42+
link: community.instagramUrl,
43+
});
44+
}
45+
if (community.linkedinUrl) {
46+
socialLinks.push({
47+
icon: "linkedin",
48+
link: community.linkedinUrl,
49+
});
50+
}
51+
if (community.twitterUrl) {
52+
socialLinks.push({
53+
icon: "twitter",
54+
link: community.twitterUrl,
55+
});
56+
}
57+
58+
return (
59+
<MultiplePartsCard>
60+
<CardPart>
61+
<Heading size={4}>{community.name}</Heading>
62+
</CardPart>
63+
<CardPart background="milk">
64+
{community.logo && (
65+
<>
66+
<VerticalStack alignItems="center" gap="small">
67+
<img src={community.logo} alt={community.name} />
68+
</VerticalStack>
69+
<Spacer size="small" />
70+
</>
71+
)}
72+
73+
<StyledHTMLText text={community.description} baseTextSize={2} />
74+
</CardPart>
75+
<CardPart background="milk">
76+
<VerticalStack alignItems="center" gap="small">
77+
<SocialLinks hoverColor="green" socials={socialLinks} />
78+
</VerticalStack>
79+
</CardPart>
80+
</MultiplePartsCard>
81+
);
82+
})}
83+
</Grid>
84+
</Section>
85+
);
86+
};

‎frontend/src/pages/schedule/fragments/blocks.graphql‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -135,6 +135,23 @@ fragment Blocks on Block {
135135
id
136136
source
137137
}
138+
139+
... on CommunitiesSection {
140+
id
141+
title
142+
communities {
143+
name
144+
description
145+
logo
146+
bannerPhoto
147+
bannerBackgroundColor
148+
mastodonUrl
149+
facebookUrl
150+
instagramUrl
151+
linkedinUrl
152+
twitterUrl
153+
}
154+
}
138155
}
139156

140157
fragment CTAInfo on CTA {

0 commit comments

Comments
 (0)