Combined News and Projects page

design: https://www.figma.com/design/r70uiNY9uyCGZwAV0ueaX3/FGZ—dev-copy?node-id=17301-29379&t=Z3kkN4h2V2cOXxK5-0 – coppied by developers@oneline.ch from https://www.figma.com/design/j33qllQlJ7arNkKQJV7mbR/FGZ-Design-1-Desktop?node-id=1-1814&t=Fe9UmkVuXrG4ABGg-0 . Copy contains English comments

Displaying posts

01

When the user opens the submenu Aktuell => News

Then the user should be directed to https://fgzzh.ch/news-und-projekte

image-20250723-105834.png

02

 When the user visits the combined page

 Then all posts with category "News" or "Projekte" should be displayed

And the posts should be sorted in descending order by publication date

And even if a filter is active, the sorting remains chronological

And there are 3 filters on the page: Bauvorhaben, Mitwirkung, Nachhaltigkeit

03

Given a post without a teaser image

Then the tile should be displayed with a green background

image-20250723-105816.png

 Filtering by "Bauvorhaben"

04

When the user clicks on the "Bauvorhaben" filter

Then posts with the "Alle Bauvorhaben" tag should be shown

And a dropdown should expand with options:

  1. Neubau Grossalbis

  2. Neubau Rossweidli

  3. Sanierung Arbeital II

etc

05

When the user clicks on "Neubau Grossalbis"

Then the user is redirected to https://fgzzh.ch/news-und-projekte/neubau-grossalbis

And only posts tagged with "Neubau Grossalbis" are displayed

And the post tiles show label "Neubau Grossalbis" (not Bauvorhaben)

And the page title, filter name, and tag label match: "Neubau Grossalbis"

And the teaser text (from Stage Description) appears under the headline (5)

image-20250723-110505.png

06

Given a post tagged with "Bauvorhaben" and "Neubau Grossalbis"

When viewing on the main page

Then the label is "Bauvorhaben"

When viewing on the subpage

Then the label is "Neubau Grossalbis"

07

    Given a pinned post exists for Neubau Grossalbis (3)

    Then it does not appear on the overview page

    And it appears only on the Etappe page

Structure & layout of pinned post

08

Then the pinned post should include:

  1. Custom title

  2. content

    1. description – max 4 lines

    2. links

      1. The left-hand column shows the maximum number of links per column: 4 links with 1 line each

      2. In the right-hand column you can see an example with a two-line naming for a link / document.

      3. PDFs are also integrated with the arrow icon, analogous to links. If a PDF is stored, this is taken into account by the FGZ in the naming: PDF …

      4. PDF download: PDF opens in new window, with download option

      5. Link: Navigation to the article

image-20250723-105901.pngimage-20250723-105955.png

09

On desktop:

The width should equal two regular post tiles

The height should equal one regular post

On mobile:

The height should be dynamic based on content

image-20250723-110105.png

Filtering by Mitwirkung

10

When the user clicks on the "Mitwirkung" filter

    Then a dropdown with filters should appear:

  • AktionNaturReich

  • Freizeit

11

When the user clicks on the "Alle Mitwirkung" filter

Then posts with the "Mitwirkung" tag should be shown

12

 When the user clicks on "AktionNaturReich"

    Then the filtered results should be displayed on the same page

    And all post labels should show "AktionNaturReich"

Filtering by Nachhaltigkeit

13

When the user clicks on the "Nachhaltigkeit" filter

Then posts from the "Nachhaltigkeit" category should be displayed

Comments

Leave a Reply