wagtail-cjkcms 25.5.3__tar.gz → 25.8.2__tar.gz

{wagtail_cjkcms-25.5.3/wagtail_cjkcms.egg-info → wagtail_cjkcms-25.8.2}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: wagtail-cjkcms
-Version: 25.5.3
+Version: 25.8.2
 Summary: Wagtail Content Management System, installable as a Django app into any Wagtail 4.1.x/5.x/6.x site.
 Author-email: Grzegorz Krol <gk@cjk.pl>
 License: BSD-3-Clause

{wagtail_cjkcms-25.5.3 → wagtail_cjkcms-25.8.2}/cjkcms/__init__.py

@@ -1,4 +1,4 @@
-VERSION = (25, 5, 3, "")
+VERSION = (25, 8, 2, "")
 
 __version_info__ = VERSION
 __version__ = ".".join(map(str, VERSION[:3])) + (f"-{VERSION[3]}" if VERSION[3] else "")

{wagtail_cjkcms-25.5.3 → wagtail_cjkcms-25.8.2}/cjkcms/blocks/__init__.py

@@ -32,10 +32,12 @@ from .content_blocks import (  # noqa
     PriceListBlock,
     ReusableContentBlock,
     HighlightBlock,
+    IconWithTextBlock,
 )
 from .content.events import PublicEventBlock, EventCalendarBlock
 from .content.countdown import CountdownBlock
 from .content.multistep import MultiStepInstructionsBlock
+from .content.steps import StepsBlock
 from .layout_blocks import CardGridBlock, GridBlock, HeroBlock
 from cjkcms.settings import cms_settings
 
@@ -79,6 +81,8 @@ CONTENT_STREAMBLOCKS = HTML_STREAMBLOCKS + [
     ("reusable_content", ReusableContentBlock()),
     ("event_calendar", EventCalendarBlock()),
     ("highlight", HighlightBlock()),
+    ("icon_with_text", IconWithTextBlock()),
+    ("steps", StepsBlock()),
     ("countdown", CountdownBlock()),
     ("multistep_instructions", MultiStepInstructionsBlock()),
 ]

{wagtail_cjkcms-25.5.3 → wagtail_cjkcms-25.8.2}/cjkcms/blocks/content/multistep.py

@@ -3,7 +3,6 @@ from wagtail.blocks import StructBlock, StreamBlock
 from cjkcms.blocks.html_blocks import ButtonBlock
 from cjkcms.blocks.base_blocks import BaseBlock
 from cjkcms.settings import cms_settings
-from django.utils.translation import gettext_lazy as _
 
 
 class BootstrapColorChoiceBlock(blocks.ChoiceBlock):

wagtail_cjkcms-25.8.2/cjkcms/blocks/content/steps.py

@@ -0,0 +1,83 @@
+from django.utils.translation import gettext_lazy as _
+from wagtail import blocks
+
+from cjkcms.blocks.base_blocks import BaseBlock
+
+
+class StepItemBlock(blocks.StructBlock):
+    """A single step: icon and title (caption)."""
+
+    icon = blocks.CharBlock(required=True, label=_("Icon"))
+    title = blocks.CharBlock(required=True, max_length=255, label=_("Title"))
+    is_active = blocks.BooleanBlock(
+        required=False,
+        default=False,
+        label=_("Active"),
+        help_text=_("If active, the step will be highlighted."),
+    )
+
+    class Meta:
+        icon = "minus"
+        label = _("Step Item")
+        label_format = _("Step: {title}")
+
+
+class StepsColorSettingsBlock(blocks.StructBlock):
+    """
+    Color settings for the steps block.
+    """
+
+    icon_color = blocks.CharBlock(
+        required=False,
+        max_length=255,
+        label=_("Icon color"),
+    )
+    icon_border_color = blocks.CharBlock(
+        required=False,
+        max_length=255,
+        label=_("Icon border color"),
+    )
+    icon_background_color = blocks.CharBlock(
+        required=False,
+        max_length=255,
+        label=_("Icon background color"),
+    )
+
+    active_icon_color = blocks.CharBlock(
+        required=False,
+        max_length=255,
+        label=_("Active icon color"),
+    )
+    active_icon_border_color = blocks.CharBlock(
+        required=False,
+        max_length=255,
+        label=_("Active icon border color"),
+    )
+    active_icon_background_color = blocks.CharBlock(
+        required=False,
+        max_length=255,
+        label=_("Active icon background color"),
+    )
+
+    line_color = blocks.CharBlock(
+        required=False,
+        max_length=255,
+        label=_("Connector line color"),
+    )
+
+
+class StepsBlock(BaseBlock):
+    """Horizontal steps with connecting line."""
+
+    items = blocks.ListBlock(StepItemBlock(), label=_("Steps"))
+    color_settings = StepsColorSettingsBlock(
+        required=False,
+        label=_("Color settings"),
+        help_text=_("Hex/RGBA/CSS color. Leave blank to use default styles."),
+    )
+
+    class Meta:
+        icon = "list-ol"
+        label = _("Steps")
+        label_format = _("Steps: {items}")
+        template = "cjkcms/blocks/steps_block.html"

{wagtail_cjkcms-25.5.3 → wagtail_cjkcms-25.8.2}/cjkcms/blocks/content_blocks.py

@@ -396,3 +396,51 @@ class HighlightBlock(BaseBlock):
         label = _("Highlight")
         label_format = _("Highlight")
         template = "cjkcms/blocks/highlight_block.html"
+
+
+class IconWithTextBlock(BaseBlock):
+    """Configurable block for an icon with optional statistic value, title and text.
+
+    Two layouts are supported:
+    - "stat": stacked, suitable for statistics (icon, big number, label/text)
+    - "media": icon on the left, content on the right (title, text)
+    """
+
+    icon = blocks.CharBlock(
+        required=True,
+        label=_("Icon"),
+    )
+    title = blocks.CharBlock(
+        required=False,
+        max_length=255,
+        label=_("Title"),
+    )
+    text = blocks.CharBlock(
+        required=False,
+        max_length=255,
+        label=_("Text"),
+    )
+    icon_color = blocks.CharBlock(
+        required=False,
+        max_length=255,
+        label=_("Icon color"),
+        help_text=_("Hex/RGBA/CSS color. Leave blank to use default styles."),
+    )
+    icon_background_color = blocks.CharBlock(
+        required=False,
+        max_length=255,
+        label=_("Icon background color"),
+        help_text=_("Hex/RGBA/CSS color. Leave blank to use default styles."),
+    )
+    layout = blocks.ChoiceBlock(
+        choices=[("horizontal", _("Horizontal")), ("vertical", _("Vertical"))],
+        default="horizontal",
+        required=False,
+        label=_("Layout"),
+    )
+
+    class Meta:
+        icon = "info-circle"
+        label = _("Icon with Text")
+        label_format = _("Icon with Text: {title}")
+        template = "cjkcms/blocks/icon_text_block.html"

{wagtail_cjkcms-25.5.3 → wagtail_cjkcms-25.8.2}/cjkcms/project_template/basic/requirements.txt

@@ -1,4 +1,4 @@
 wagtail-cjkcms=={{cjkcms_version.0}}.{{cjkcms_version.1}}.*
 
 # To use with PostgreSQL, uncomment the line below:
-#psycopg2
+#psycopg

{wagtail_cjkcms-25.5.3 → wagtail_cjkcms-25.8.2}/cjkcms/project_template/webpack/requirements.txt

@@ -2,7 +2,4 @@ wagtail-cjkcms=={{cjkcms_version.0}}.{{cjkcms_version.1}}.*
 python-webpack-boilerplate
 
 # To use with PostgreSQL, uncomment the line below:
-#psycopg2
-#
-#or for psycopg3: 
-#psycopg[binary]
+#psycopg

{wagtail_cjkcms-25.5.3 → wagtail_cjkcms-25.8.2}/cjkcms/templates/cjkcms/blocks/hero_block.html

@@ -5,10 +5,15 @@
 {% endif %}
 
 {% image self.background_image max-2000x2000 as background_image %}
-<div class="hero-bg {% if self.is_parallax %}parallax{% endif %} {% if self.tile_image %}tile{% endif %} {{self.settings.custom_css_class}}"
+<div class="hero-bg position-relative {% if self.is_parallax %}parallax{% endif %} {% if self.tile_image %}tile{% endif %} {{self.settings.custom_css_class}}"
     style="{% if self.background_color %}background-color:{{self.background_color}};{% endif %}{% if background_image %}background-image:url({{background_image.url}});{% endif %}"
     {% if self.settings.custom_id %}id="{{self.settings.custom_id}}"{% endif %}>
-    <div class="hero-fg" style="{% if self.foreground_color %}color:{{self.foreground_color}};{% endif %}">
+
+    {% if self.background_color and background_image %}
+        <div class="position-absolute top-0 start-0 w-100 h-100" style="background-color: {{self.background_color}};" aria-hidden="true"></div>
+    {% endif %}
+
+    <div class="hero-fg position-relative" style="{% if self.foreground_color %}color:{{self.foreground_color}};{% endif %}">
         {% include_block self.content %}
     </div>
 </div>

wagtail_cjkcms-25.8.2/cjkcms/templates/cjkcms/blocks/icon_text_block.html

@@ -0,0 +1,38 @@
+{% load wagtailcore_tags %}
+
+<style scoped>
+  {% if self.icon_background_color %}
+    .icon-text-{{block.id}} .icon-bg {
+      background: {{ self.icon_background_color }} !important;
+    }
+  {% endif %}
+  {% if self.icon_color %}
+    .icon-text-{{block.id}} .icon-color {
+      color: {{ self.icon_color }} !important;
+    }
+  {% endif %}
+</style>
+
+{% if self.layout == "horizontal" %}
+  <div class="icon-text-{{block.id}} d-flex align-items-start gap-3 {{ self.settings.custom_css_class }}" 
+    {% if self.settings.custom_id %}id="{{ self.settings.custom_id }}"{% endif %}
+  >
+    <div class="rounded d-inline-flex align-items-center justify-content-center p-3 icon-bg" style="aspect-ratio: 1/1;">
+      {% if self.icon %}<i class="{{ self.icon }} fs-1 fa-fw icon-color"></i>{% endif %}
+    </div>
+    {% if self.title %}<h3 class="fw-semibold fs-2 mb-0">{{ self.title }}</h3>{% endif %}
+    {% if self.text %}<p class="fs-5 fw-lighter mb-0">{{ self.text }}</p>{% endif %}
+  </div>
+{% else %}
+  <div class="icon-text-{{block.id}} text-center {{ self.settings.custom_css_class }}"
+    {% if self.settings.custom_id %}id="{{ self.settings.custom_id }}"{% endif %}
+  >
+    <div class="mx-auto mb-2 rounded d-inline-flex align-items-center justify-content-center p-3 bg-primary icon-bg" style="aspect-ratio: 1/1;">
+      {% if self.icon %}<i class="{{ self.icon }} fs-1 fa-fw text-white icon-color"></i>{% endif %}
+    </div>
+    {% if self.title %}<h3 class="fs-3 fw-bold lh-1 mb-0">{{ self.title }}</h3>{% endif %}
+    {% if self.text %}<p class="fs-6 fw-lighter mb-0">{{ self.text }}</p>{% endif %}
+  </div>
+{% endif %}
+
+

wagtail_cjkcms-25.8.2/cjkcms/templates/cjkcms/blocks/steps_block.html

@@ -0,0 +1,130 @@
+{% load wagtailcore_tags %}
+
+<style>
+  .steps-container {
+    flex-direction: column;
+    width: fit-content;
+  }
+
+  .connecting-line {
+    width: 6px;
+    height: 50%;
+    background: {{ self.color_settings.line_color|default:'#F3F3F3' }};
+  }
+
+  .step-item {
+    display: flex;
+  }
+
+  .step-item-content {
+    display: flex;
+    flex-direction: column-reverse;
+    justify-content: center;
+  }
+  
+  .connecting-line.before {
+    left: calc(50% - 3px);
+    top: 0;
+  }
+
+  @media (min-width: 768px) {
+    .steps-container {
+      flex-direction: row;
+      width: auto;
+    }
+
+    .connecting-line {
+      height: 6px;
+      top: calc(50% - 3px);
+      width: 50%;
+    }
+
+    .step-item {
+      flex-direction: column;
+      flex: 1;
+    }
+
+    .step-item-content {
+      text-align: center;
+      flex-direction: column;
+    }
+
+    .connecting-line.after {
+      left: 50%;
+    }
+
+    .connecting-line.before {
+      left: 0;
+      top: auto;
+    }
+  }
+
+  /* Icon Color Settings */
+  {% if self.color_settings.icon_background_color %}
+    .steps-container-{{block.id}} .icon-bg:not(.active) {
+      background: {{ self.color_settings.icon_background_color }} !important;
+    }
+  {% endif %}
+  {% if self.color_settings.icon_border_color %}
+    .steps-container-{{block.id}} .icon-border:not(.active) {
+      border: 2px solid {{ self.color_settings.icon_border_color }} !important;
+    }
+  {% endif %}
+  {% if self.color_settings.icon_color %}
+    .steps-container-{{block.id}} .icon-color:not(.active) {
+      color: {{ self.color_settings.icon_color }} !important;
+    }
+  {% endif %}
+  /* Active Icon Color Settings */
+  {% if self.color_settings.active_icon_background_color %}
+    .steps-container-{{block.id}} .icon-bg.active {
+      background: {{ self.color_settings.active_icon_background_color }} !important;
+    }
+  {% endif %}
+  {% if self.color_settings.active_icon_border_color %}
+    .steps-container-{{block.id}} .icon-border.active {
+      border: 2px solid {{ self.color_settings.active_icon_border_color }} !important;
+    }
+  {% endif %}
+  {% if self.color_settings.active_icon_color %}
+    .steps-container-{{block.id}} .icon-color.active {
+      color: {{ self.color_settings.active_icon_color }} !important;
+    }
+  {% endif %}
+</style>
+
+<section class="position-relative fw-lighter {{ self.settings.custom_css_class }}" {% if self.settings.custom_id %}id="{{ self.settings.custom_id }}"{% endif %}>
+
+  <div class="container">
+    <ol class="steps-container-{{block.id}} d-flex ms-3 ms-lg-0 list-unstyled">
+      {% for item in self.items %}
+          <li class="step-item">
+
+            <div class="d-flex align-items-center justify-content-center position-relative">
+              {% if not forloop.first %}
+                <div class="connecting-line before position-absolute" aria-hidden="true"></div>
+              {% endif %}
+              {% if not forloop.last %}
+                <div class="connecting-line after d-none d-md-block position-absolute" aria-hidden="true"></div>
+              {% endif %}
+              <div class="rounded d-inline-flex align-items-center justify-content-center p-3 position-relative
+                  {% if item.is_active %}active bg-primary text-white{% else %}bg-white text-primary{% endif %} border border-2 border-primary icon-bg icon-border icon-color
+                  {% if not forloop.first %}mt-5 mt-md-0{% endif %}"
+                  style="aspect-ratio: 1/1;"
+              >
+                <i class="{{ item.icon }} fs-1 fa-fw" aria-label="{{ item.title }}" role="img"></i>
+              </div>
+            </div>
+
+            <div class="step-item-content ms-3 ms-md-0 {% if not forloop.first %}mt-5 mt-md-0{% endif %}">
+              <div class="mt-md-2">Step {{ forloop.counter }}</div>
+              <p class="fs-5 mb-0">{{ item.title }}</p>
+            </div>
+
+          </li>
+      {% endfor %}
+    </ol>
+  </div>
+</section>
+
+

{wagtail_cjkcms-25.5.3 → wagtail_cjkcms-25.8.2/wagtail_cjkcms.egg-info}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: wagtail-cjkcms
-Version: 25.5.3
+Version: 25.8.2
 Summary: Wagtail Content Management System, installable as a Django app into any Wagtail 4.1.x/5.x/6.x site.
 Author-email: Grzegorz Krol <gk@cjk.pl>
 License: BSD-3-Clause

{wagtail_cjkcms-25.5.3 → wagtail_cjkcms-25.8.2}/wagtail_cjkcms.egg-info/SOURCES.txt

@@ -31,6 +31,7 @@ cjkcms/blocks/content/__init__.py
 cjkcms/blocks/content/countdown.py
 cjkcms/blocks/content/events.py
 cjkcms/blocks/content/multistep.py
+cjkcms/blocks/content/steps.py
 cjkcms/draftail/__init__.py
 cjkcms/draftail/draftail_extensions.py
 cjkcms/finders/__init__.py
@@ -41,6 +42,8 @@ cjkcms/management/commands/import-csv.py
 cjkcms/management/commands/init-collections.py
 cjkcms/management/commands/init-navbar.py
 cjkcms/management/commands/init-website.py
+cjkcms/media/images/test.original.png
+cjkcms/media/original_images/test.png
 cjkcms/migrations/0001_initial.py
 cjkcms/migrations/0002_alter_body_to_cjkcmsstreamfield.py
 cjkcms/migrations/0003_alter_footer_content_alter_navbar_menu_items.py
@@ -225,6 +228,7 @@ cjkcms/templates/cjkcms/blocks/h2_block.html
 cjkcms/templates/cjkcms/blocks/h3_block.html
 cjkcms/templates/cjkcms/blocks/hero_block.html
 cjkcms/templates/cjkcms/blocks/highlight_block.html
+cjkcms/templates/cjkcms/blocks/icon_text_block.html
 cjkcms/templates/cjkcms/blocks/image_block.html
 cjkcms/templates/cjkcms/blocks/image_gallery_block.html
 cjkcms/templates/cjkcms/blocks/image_link_block.html
@@ -248,6 +252,7 @@ cjkcms/templates/cjkcms/blocks/quote_block_leftbar.html
 cjkcms/templates/cjkcms/blocks/quote_block_start_end_quote.html
 cjkcms/templates/cjkcms/blocks/reusable_content_block.html
 cjkcms/templates/cjkcms/blocks/rich_text_block.html
+cjkcms/templates/cjkcms/blocks/steps_block.html
 cjkcms/templates/cjkcms/blocks/table_block.html
 cjkcms/templates/cjkcms/cookieconsent/languages.html
 cjkcms/templates/cjkcms/formfields/date.html
@@ -345,22 +350,6 @@ cjkcms/tests/test_urls.py
 cjkcms/tests/test_utils.py
 cjkcms/tests/test_webpage.py
 cjkcms/tests/urls.py
-cjkcms/tests/media/images/test.original.png
-cjkcms/tests/media/images/test_3ZB0HiN.original.png
-cjkcms/tests/media/images/test_6mZL9NZ.original.png
-cjkcms/tests/media/images/test_OSPIkp8.original.png
-cjkcms/tests/media/images/test_YBCJmYS.original.png
-cjkcms/tests/media/images/test_q0QJ4UA.original.png
-cjkcms/tests/media/images/test_vMIUDCh.original.png
-cjkcms/tests/media/images/test_wMRIuGx.original.png
-cjkcms/tests/media/original_images/test.png
-cjkcms/tests/media/original_images/test_3ZB0HiN.png
-cjkcms/tests/media/original_images/test_6mZL9NZ.png
-cjkcms/tests/media/original_images/test_OSPIkp8.png
-cjkcms/tests/media/original_images/test_YBCJmYS.png
-cjkcms/tests/media/original_images/test_q0QJ4UA.png
-cjkcms/tests/media/original_images/test_vMIUDCh.png
-cjkcms/tests/media/original_images/test_wMRIuGx.png
 cjkcms/tests/testapp/__init__.py
 cjkcms/tests/testapp/apps.py
 cjkcms/tests/testapp/models.py