This commit introduces the AboutUsPage model for managing content like company mission, vision, history, team, and additional content using Wagtail StreamFields. A corresponding template is provided for rendering the page. Required dependencies, including crispy-bootstrap3 and django-recaptcha, are also added to the project.main
parent
79da93e56e
commit
d57901962e
@ -0,0 +1,37 @@ |
||||
# Generated by Django 5.2 on 2025-04-29 12:32 |
||||
|
||||
import django.db.models.deletion |
||||
import wagtail.fields |
||||
from django.db import migrations, models |
||||
|
||||
|
||||
class Migration(migrations.Migration): |
||||
|
||||
dependencies = [ |
||||
('core', '0011_alter_contactformfield_choices_and_more'), |
||||
('wagtailcore', '0094_alter_page_locale'), |
||||
] |
||||
|
||||
operations = [ |
||||
migrations.CreateModel( |
||||
name='AboutUsPage', |
||||
fields=[ |
||||
('page_ptr', models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.CASCADE, parent_link=True, primary_key=True, serialize=False, to='wagtailcore.page')), |
||||
('company_intro', wagtail.fields.RichTextField(blank=True, help_text='Introductory text about the company')), |
||||
('mission_title', models.CharField(blank=True, max_length=255)), |
||||
('mission_text', wagtail.fields.RichTextField(blank=True)), |
||||
('vision_title', models.CharField(blank=True, max_length=255)), |
||||
('vision_text', wagtail.fields.RichTextField(blank=True)), |
||||
('history_title', models.CharField(blank=True, max_length=255)), |
||||
('history_text', wagtail.fields.RichTextField(blank=True)), |
||||
('team_title', models.CharField(blank=True, max_length=255)), |
||||
('team_intro', wagtail.fields.RichTextField(blank=True)), |
||||
('team_members', wagtail.fields.StreamField([('team_member', 5)], blank=True, block_lookup={0: ('wagtail.blocks.CharBlock', (), {'max_length': 255}), 1: ('wagtail.images.blocks.ImageChooserBlock', (), {'required': False}), 2: ('wagtail.blocks.RichTextBlock', (), {'required': False}), 3: ('wagtail.blocks.EmailBlock', (), {'required': False}), 4: ('wagtail.blocks.URLBlock', (), {'required': False}), 5: ('wagtail.blocks.StructBlock', [[('name', 0), ('position', 0), ('photo', 1), ('bio', 2), ('email', 3), ('linkedin', 4), ('xing', 4)]], {})}, null=True)), |
||||
('additional_content', wagtail.fields.StreamField([('heading', 0), ('paragraph', 1), ('image', 2), ('quote', 5)], blank=True, block_lookup={0: ('wagtail.blocks.CharBlock', (), {'form_classname': 'full title'}), 1: ('wagtail.blocks.RichTextBlock', (), {}), 2: ('wagtail.images.blocks.ImageChooserBlock', (), {}), 3: ('wagtail.blocks.TextBlock', (), {}), 4: ('wagtail.blocks.CharBlock', (), {'required': False}), 5: ('wagtail.blocks.StructBlock', [[('quote', 3), ('attribution', 4)]], {})}, null=True)), |
||||
], |
||||
options={ |
||||
'abstract': False, |
||||
}, |
||||
bases=('wagtailcore.page',), |
||||
), |
||||
] |
||||
@ -0,0 +1,108 @@ |
||||
{% extends "core/base.html" %} |
||||
{% load core_tags menu_tags static wagtailuserbar wagtailcore_tags wagtailimages_tags %} |
||||
|
||||
{% block content %} |
||||
<div class="container content"> |
||||
<!-- Company Introduction --> |
||||
<div class="row margin-bottom-30"> |
||||
<div class="col-md-12"> |
||||
{{ self.company_intro|richtext }} |
||||
</div> |
||||
</div> |
||||
|
||||
<!-- Mission and Vision --> |
||||
{% if self.mission_title or self.vision_title %} |
||||
<div class="row margin-bottom-30"> |
||||
{% if self.mission_title %} |
||||
<div class="col-md-6 md-margin-bottom-30"> |
||||
<div class="headline"><h2>{{ self.mission_title }}</h2></div> |
||||
{{ self.mission_text|richtext }} |
||||
</div> |
||||
{% endif %} |
||||
|
||||
{% if self.vision_title %} |
||||
<div class="col-md-6"> |
||||
<div class="headline"><h2>{{ self.vision_title }}</h2></div> |
||||
{{ self.vision_text|richtext }} |
||||
</div> |
||||
{% endif %} |
||||
</div> |
||||
{% endif %} |
||||
|
||||
<!-- Company History --> |
||||
{% if self.history_title %} |
||||
<div class="row margin-bottom-30"> |
||||
<div class="col-md-12"> |
||||
<div class="headline"><h2>{{ self.history_title }}</h2></div> |
||||
{{ self.history_text|richtext }} |
||||
</div> |
||||
</div> |
||||
{% endif %} |
||||
|
||||
<!-- Team Members --> |
||||
{% if self.team_title %} |
||||
<div class="row margin-bottom-30"> |
||||
<div class="col-md-12"> |
||||
<div class="headline"><h2>{{ self.team_title }}</h2></div> |
||||
{{ self.team_intro|richtext }} |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="row team-v1 margin-bottom-40"> |
||||
{% for block in self.team_members %} |
||||
{% if block.block_type == 'team_member' %} |
||||
<div class="col-md-4 md-margin-bottom-30"> |
||||
<div class="team-img"> |
||||
{% if block.value.photo %} |
||||
{% image block.value.photo width-400 as team_photo %} |
||||
<img class="img-responsive" src="{{ team_photo.url }}" alt="{{ block.value.name }}"> |
||||
{% endif %} |
||||
<ul> |
||||
{% if block.value.email %} |
||||
<li><a href="mailto:{{ block.value.email }}"><i class="fa fa-envelope"></i></a></li> |
||||
{% endif %} |
||||
{% if block.value.linkedin %} |
||||
<li><a href="{{ block.value.linkedin }}" target="_blank"><i class="fa fa-linkedin"></i></a></li> |
||||
{% endif %} |
||||
{% if block.value.xing %} |
||||
<li><a href="{{ block.value.xing }}" target="_blank"><i class="fa fa-xing"></i></a></li> |
||||
{% endif %} |
||||
</ul> |
||||
</div> |
||||
<h3>{{ block.value.name }}</h3> |
||||
<h4>{{ block.value.position }}</h4> |
||||
{% if block.value.bio %} |
||||
<p>{{ block.value.bio|richtext }}</p> |
||||
{% endif %} |
||||
</div> |
||||
{% endif %} |
||||
{% endfor %} |
||||
</div> |
||||
{% endif %} |
||||
|
||||
<!-- Additional Content --> |
||||
{% if self.additional_content %} |
||||
<div class="row margin-bottom-30"> |
||||
<div class="col-md-12"> |
||||
{% for block in self.additional_content %} |
||||
{% if block.block_type == 'heading' %} |
||||
<div class="headline"><h2>{{ block.value }}</h2></div> |
||||
{% elif block.block_type == 'paragraph' %} |
||||
{{ block.value|richtext }} |
||||
{% elif block.block_type == 'image' %} |
||||
{% image block.value width-800 as content_image %} |
||||
<img class="img-responsive margin-bottom-20" src="{{ content_image.url }}" alt=""> |
||||
{% elif block.block_type == 'quote' %} |
||||
<blockquote> |
||||
<p>{{ block.value.quote }}</p> |
||||
{% if block.value.attribution %} |
||||
<small>{{ block.value.attribution }}</small> |
||||
{% endif %} |
||||
</blockquote> |
||||
{% endif %} |
||||
{% endfor %} |
||||
</div> |
||||
</div> |
||||
{% endif %} |
||||
</div> |
||||
{% endblock content %} |
||||
Loading…
Reference in new issue