Feature/timeline conversion2

CHANGELOG.md

@@ -6,6 +6,16 @@ Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
 
+* [PR-611](https://github.com/itk-dev/deltag.aarhus.dk/pull/611)
+  Added windowed dot navigation on mobile horizontal timeline view
+* [PR-610](https://github.com/itk-dev/deltag.aarhus.dk/pull/610)
+  Added hover effect to reveal accent colors on upcoming timeline cards
+* [PR-593](https://github.com/itk-dev/deltag.aarhus.dk/pull/593)
+  * Add project timeline
+  * Add project reference fields to several node types to display on timeline
+  * Add paragraph for adding custom elements to timeline
+  * Add CLAUDE.md file to project
+
 ## [4.15.0] - 2026-02-25
 
 * [PR-590](https://github.com/itk-dev/deltag.aarhus.dk/pull/590)
@@ -37,6 +47,13 @@ Versioning](https://semver.org/spec/v2.0.0.html).
 * [PR-591](https://github.com/itk-dev/deltag.aarhus.dk/pull/591)
   * Cleaned up local OIDC setup
   * Added test server OIDC setup
+<<<<<<< HEAD
+* [PR-590](https://github.com/itk-dev/deltag.aarhus.dk/pull/590)
+  Deleted old timeline.
+=======
+
+>>>>>>> develop
+
 * [PR-587](https://github.com/itk-dev/deltag.aarhus.dk/pull/587)
   Cleaned up translations
 * [PR-586](https://github.com/itk-dev/hoeringsportal/pull/586)

CLAUDE.md

@@ -0,0 +1,160 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Project Overview
+
+Høringsportal (deltag.aarhus.dk) is a Drupal 10 civic engagement platform for Aarhus municipality.
+It enables citizens to participate in public hearings, submit citizen proposals, attend public meetings,
+and engage with local projects.
+
+## Development Commands
+
+This project uses [Task](https://taskfile.dev/) for all development workflows. Run `task` to see available commands.
+
+### Essential Commands
+
+```bash
+# Initial setup (resets database)
+task site-install
+
+# Update existing installation
+task site-update
+
+# Build theme assets
+task assets-build
+
+# Watch for changes during development
+task assets-watch
+
+# Load test fixtures
+task fixtures:load
+
+# Run Drush commands
+task drush -- <command>
+
+# Access container
+task compose -- exec phpfpm bash
+```
+
+### Code Quality
+
+```bash
+# Apply all coding standards (PHP, JS, CSS, Twig, YAML, Markdown)
+task coding-standards:apply
+
+# Check all coding standards
+task coding-standards:check
+
+# Static analysis (PHPStan)
+task code-analysis
+
+# Individual checks
+task coding-standards:php:check
+task coding-standards:twig:check
+task coding-standards:javascript:check
+task coding-standards:styles:check
+```
+
+### Testing
+
+Playwright tests are located in `playwright/` directory:
+
+```bash
+docker compose --profile test run --rm playwright npx playwright test
+```
+
+## Architecture
+
+### Directory Structure
+
+- `web/modules/custom/` - Custom Drupal modules
+- `web/themes/custom/hoeringsportal/` - Main theme (Bootstrap 5, Webpack Encore)
+- `web/themes/custom/hoeringsportal_admin/` - Admin theme
+- `config/sync/` - Drupal configuration
+
+### Core Custom Modules
+
+- **hoeringsportal_hearing** - Hearing (høring) content type and functionality
+- **hoeringsportal_citizen_proposal** - Citizen proposal system with OpenID Connect authentication
+- **hoeringsportal_public_meeting** - Public meetings with Pretix integration for ticketing
+- **hoeringsportal_activity** - Extends public meetings to include other activity types
+- **hoeringsportal_project** - Project content type for civic engagement projects
+- **hoeringsportal_deskpro** - Deskpro helpdesk integration for hearing replies
+- **hoeringsportal_data** - Data helpers and API endpoints
+- **hoeringsportal_dialogue** - Dialogue/discussion features with comments
+- **hoeringsportal_anonymous_edit** - Allow anonymous users to edit their submissions
+- **hoeringsportal_openid_connect** - OpenID Connect authentication customizations
+
+### External Integrations
+
+- **Pretix** - Event ticketing for public meetings (docker-compose.pretix.yml)
+- **Deskpro** - Helpdesk for hearing submissions
+- **OpenID Connect** - Citizen authentication (docker-compose.oidc.yml)
+- **ClamAV** - Virus scanning for uploads
+- **Serviceplatformen** - Danish government services integration
+
+### Theme Architecture
+
+The theme uses Webpack Encore for asset building:
+
+```bash
+# Theme location
+web/themes/custom/hoeringsportal/
+
+# Build commands
+npm install --prefix web/themes/custom/hoeringsportal
+npm run build --prefix web/themes/custom/hoeringsportal
+```
+
+CSS uses SCSS with Bootstrap 5 and CSS custom properties for color management.
+
+## Coding Standards
+
+- PHP follows Drupal coding standards (phpcs.xml.dist)
+- PHPStan level 0 for custom modules, level 9 for hoeringsportal_audit_log
+- Twig uses twig-cs-fixer
+- JavaScript and CSS use Prettier
+- YAML uses Prettier
+
+## Docker Services
+
+Primary services (docker-compose.yml):
+
+- phpfpm (PHP 8.3)
+- nginx
+- mariadb
+- memcached
+- mail (Mailpit)
+
+Optional profiles:
+
+- `pretix` - Event ticketing system
+- `test` - Playwright testing
+- `dev` - Code quality tools (markdownlint, prettier)
+
+Start optional services:
+
+```bash
+PROFILES=pretix task compose -- up --detach
+```
+
+## Configuration
+
+Local settings go in `web/sites/default/settings.local.php`.
+Environment variables can be set in `.env.local`.
+
+Key settings:
+
+- `TASK_DOCKER_COMPOSE_PROFILES` - Docker profiles to auto-start
+- `TASK_ASSETS_SKIP_BUILD` - Skip asset building on site-update
+
+## Translations
+
+Import custom translations:
+
+```bash
+task translations:import
+```
+
+Translation files are in `translations/` and managed via Drush locale commands.

Taskfile.yml

@@ -26,9 +26,9 @@ includes:
         - hoeringsportal_hearing
         # - hoeringsportal_misc
         # - hoeringsportal_openid_connect
-        # - hoeringsportal_project
+        - hoeringsportal_project
         - hoeringsportal_public_meeting
-        - hoeringsportal_quicklinks
+        # - hoeringsportal_quicklinks
         # - hoeringsportal_test_delta_sync_fixtures
 
         - itk_admin

config/sync/core.entity_form_display.node.course.default.yml

@@ -12,9 +12,11 @@ dependencies:
     - field.field.node.course.field_content_state
     - field.field.node.course.field_department
     - field.field.node.course.field_first_meeting_time
+    - field.field.node.course.field_hide_in_timeline
     - field.field.node.course.field_hide_time
     - field.field.node.course.field_last_meeting_time
     - field.field.node.course.field_map
+    - field.field.node.course.field_project_reference
     - field.field.node.course.field_teaser
     - field.field.node.course.field_top_images
     - field.field.node.course.field_type
@@ -32,13 +34,14 @@ third_party_settings:
         - field_first_meeting_time
         - field_last_meeting_time
         - field_hide_time
+        - group_project_reference
         - field_department
         - field_type
         - field_area
       label: Informationer
       region: content
       parent_name: ''
-      weight: 8
+      weight: 7
       format_type: details
       format_settings:
         classes: ''
@@ -55,7 +58,24 @@ third_party_settings:
       label: Lokation
       region: content
       parent_name: ''
-      weight: 3
+      weight: 4
+      format_type: details
+      format_settings:
+        classes: ''
+        show_empty_fields: false
+        id: ''
+        label_as_html: false
+        open: true
+        description: ''
+        required_fields: false
+    group_project_reference:
+      children:
+        - field_project_reference
+        - field_hide_in_timeline
+      label: 'Projekt reference'
+      region: hidden
+      parent_name: group_information
+      weight: 14
       format_type: details
       format_settings:
         classes: ''
@@ -94,13 +114,13 @@ content:
     third_party_settings: {  }
   field_area:
     type: options_buttons
-    weight: 16
+    weight: 17
     region: content
     settings: {  }
     third_party_settings: {  }
   field_content_sections:
     type: paragraphs
-    weight: 6
+    weight: 5
     region: content
     settings:
       title: Paragraph
@@ -120,7 +140,7 @@ content:
     third_party_settings: {  }
   field_department:
     type: options_buttons
-    weight: 14
+    weight: 15
     region: content
     settings: {  }
     third_party_settings: {  }
@@ -130,6 +150,13 @@ content:
     region: content
     settings: {  }
     third_party_settings: {  }
+  field_hide_in_timeline:
+    type: boolean_checkbox
+    weight: 10
+    region: content
+    settings:
+      display_label: true
+    third_party_settings: {  }
   field_hide_time:
     type: boolean_checkbox
     weight: 13
@@ -145,17 +172,27 @@ content:
     third_party_settings: {  }
   field_map:
     type: hoeringsportal_data_map_default
-    weight: 7
+    weight: 6
     region: content
     settings:
       available_types:
         point: point
         localplanids: 0
         localplanids_node: 0
     third_party_settings: {  }
+  field_project_reference:
+    type: entity_reference_autocomplete
+    weight: 9
+    region: content
+    settings:
+      match_operator: CONTAINS
+      match_limit: 10
+      size: 60
+      placeholder: ''
+    third_party_settings: {  }
   field_teaser:
     type: string_textarea
-    weight: 2
+    weight: 3
     region: content
     settings:
       rows: 5
@@ -178,13 +215,13 @@ content:
     third_party_settings: {  }
   field_type:
     type: options_buttons
-    weight: 15
+    weight: 16
     region: content
     settings: {  }
     third_party_settings: {  }
   status:
     type: boolean_checkbox
-    weight: 9
+    weight: 8
     region: content
     settings:
       display_label: true