From 7c96a29982afdcf11984f4ecc30824e8ab8c7243 Mon Sep 17 00:00:00 2001
From: Manuel Meister <news.manuelsworld@gmail.com>
Date: Sat, 17 Aug 2024 21:13:41 +0200
Subject: [PATCH] Refactor story page to summary page

---
 common/locales/de.json                        |   10 +-
 common/locales/en.json                        |    6 +-
 common/locales/fr.json                        |    6 +-
 common/locales/it.json                        |    6 +-
 .../components/print/PrintConfigurator.vue    |    9 +-
 .../print/__tests__/repairPrintConfig.spec.js |   67 +-
 .../components/print/config/StoryConfig.vue   |   58 -
 .../components/print/config/SummaryConfig.vue |   95 ++
 frontend/src/locales/de.json                  |    8 +-
 frontend/src/locales/en.json                  |    6 +-
 frontend/src/locales/fr.json                  |    4 +-
 frontend/src/locales/it.json                  |    4 +-
 frontend/src/locales/rm.json                  |    2 +-
 pdf/src/CampPrint.vue                         |    4 +-
 pdf/src/campPrint/story/StoryPeriod.vue       |   35 -
 .../{story/Story.vue => summary/Summary.vue}  |   14 +-
 .../StoryDay.vue => summary/SummaryDay.vue}   |   43 +-
 pdf/src/campPrint/summary/SummaryPeriod.vue   |   59 +
 .../tableOfContents/TableOfContents.vue       |    4 +-
 .../entry/{Story.vue => Summary.vue}          |   11 +-
 .../story_overview.spec.json.snap             | 1187 +----------------
 .../Toc/{TocStory.vue => TocSummary.vue}      |    8 +-
 .../config/{Story.vue => Summary.vue}         |    6 +-
 print/components/config/Toc.vue               |   19 +-
 .../StoryDay.vue => summary/SummaryDay.vue}   |   43 +-
 .../SummaryPeriod.vue}                        |   28 +-
 26 files changed, 359 insertions(+), 1383 deletions(-)
 delete mode 100644 frontend/src/components/print/config/StoryConfig.vue
 create mode 100644 frontend/src/components/print/config/SummaryConfig.vue
 delete mode 100644 pdf/src/campPrint/story/StoryPeriod.vue
 rename pdf/src/campPrint/{story/Story.vue => summary/Summary.vue} (59%)
 rename pdf/src/campPrint/{story/StoryDay.vue => summary/SummaryDay.vue} (62%)
 create mode 100644 pdf/src/campPrint/summary/SummaryPeriod.vue
 rename pdf/src/campPrint/tableOfContents/entry/{Story.vue => Summary.vue} (56%)
 rename print/components/Toc/{TocStory.vue => TocSummary.vue} (78%)
 rename print/components/config/{Story.vue => Summary.vue} (87%)
 rename print/components/{story/StoryDay.vue => summary/SummaryDay.vue} (62%)
 rename print/components/{story/StoryPeriod.vue => summary/SummaryPeriod.vue} (56%)

diff --git a/common/locales/de.json b/common/locales/de.json
index c8f3f1d83fc..43b551bf2f3 100644
--- a/common/locales/de.json
+++ b/common/locales/de.json
@@ -1,8 +1,8 @@
 {
   "components": {
-    "story": {
-      "storyDay": {
-        "noStory": "Die Blöcke an diesem Tag enthalten keinen roten Faden."
+    "summary": {
+      "summaryDay": {
+        "noContent": "Die Blöcke an diesem Tag enthalten keine '{contentType}' Inhalte."
       }
     }
   },
@@ -259,8 +259,8 @@
     "program": {
       "title": "Detailprogramm"
     },
-    "story": {
-      "title": "Roter Faden"
+    "summary": {
+      "title": "Zusammenfassung"
     },
     "toc": {
       "title": "Inhaltsverzeichnis"
diff --git a/common/locales/en.json b/common/locales/en.json
index 1093dd758cc..a8d75e79583 100644
--- a/common/locales/en.json
+++ b/common/locales/en.json
@@ -2,7 +2,7 @@
   "components": {
     "story": {
       "storyDay": {
-        "noStory": "The activities on this day do not contain any story content."
+        "noStory": "The activities on this day do not contain any {contentType} content."
       }
     }
   },
@@ -266,8 +266,8 @@
     "program": {
       "title": "Program"
     },
-    "story": {
-      "title": "Storyline"
+    "summary": {
+      "title": "Summary"
     },
     "toc": {
       "title": "Table of contents"
diff --git a/common/locales/fr.json b/common/locales/fr.json
index db1a1a74a49..eed6db55e30 100644
--- a/common/locales/fr.json
+++ b/common/locales/fr.json
@@ -2,7 +2,7 @@
   "components": {
     "story": {
       "storyDay": {
-        "noStory": "Aucun file rouge trouvé ce jour-là..."
+        "noStory": "Aucun {contentType} trouvé ce jour-là..."
       }
     }
   },
@@ -246,8 +246,8 @@
     "program": {
       "title": "Programme"
     },
-    "story": {
-      "title": "Histoire"
+    "summary": {
+      "title": "Résumé"
     },
     "toc": {
       "title": "Table des matières"
diff --git a/common/locales/it.json b/common/locales/it.json
index f7ea5a40545..3fa0b5a1bcd 100644
--- a/common/locales/it.json
+++ b/common/locales/it.json
@@ -2,7 +2,7 @@
   "components": {
     "story": {
       "storyDay": {
-        "noStory": "Nessun contenuto di storia trovato in questo giorno..."
+        "noStory": "Nessun contenuto '{contentType}' trovato in questo giorno..."
       }
     }
   },
@@ -230,8 +230,8 @@
     "program": {
       "title": "Programma"
     },
-    "story": {
-      "title": "Trama"
+    "summary": {
+      "title": "Sommario"
     },
     "toc": {
       "title": "Indice dei contenuti"
diff --git a/frontend/src/components/print/PrintConfigurator.vue b/frontend/src/components/print/PrintConfigurator.vue
index 60863f5764a..8fe30f790b7 100644
--- a/frontend/src/components/print/PrintConfigurator.vue
+++ b/frontend/src/components/print/PrintConfigurator.vue
@@ -100,7 +100,7 @@ import PrintPreviewNuxt from './print-nuxt/PrintPreviewNuxt.vue'
 import Draggable from 'vuedraggable'
 import CoverConfig from './config/CoverConfig.vue'
 import PicassoConfig from './config/PicassoConfig.vue'
-import StoryConfig from './config/StoryConfig.vue'
+import SummaryConfig from './config/SummaryConfig.vue'
 import ProgramConfig from './config/ProgramConfig.vue'
 import ActivityConfig from './config/ActivityConfig.vue'
 import TocConfig from './config/TocConfig.vue'
@@ -125,7 +125,7 @@ export default {
     PrintPreviewNuxt,
     CoverConfig,
     PicassoConfig,
-    StoryConfig,
+    SummaryConfig,
     ProgramConfig,
     ActivityConfig,
     TocConfig,
@@ -141,7 +141,7 @@ export default {
       contentComponents: {
         Cover: CoverConfig,
         Picasso: PicassoConfig,
-        Story: StoryConfig,
+        Summary: SummaryConfig,
         Program: ProgramConfig,
         Activity: ActivityConfig,
         Toc: TocConfig,
@@ -205,9 +205,10 @@ export default {
 
       this.camp.periods().items.forEach((period) => {
         contents.push({
-          type: 'Story',
+          type: 'Summary',
           options: {
             periods: [period._meta.self],
+            contentType: 'Storycontext',
           },
         })
         contents.push({
diff --git a/frontend/src/components/print/__tests__/repairPrintConfig.spec.js b/frontend/src/components/print/__tests__/repairPrintConfig.spec.js
index 54c598658b1..92e27a4cbfe 100644
--- a/frontend/src/components/print/__tests__/repairPrintConfig.spec.js
+++ b/frontend/src/components/print/__tests__/repairPrintConfig.spec.js
@@ -3,7 +3,7 @@ import PicassoConfig from '../config/PicassoConfig.vue'
 import ActivityConfig from '../config/ActivityConfig.vue'
 import CoverConfig from '../config/CoverConfig.vue'
 import ProgramConfig from '../config/ProgramConfig.vue'
-import StoryConfig from '../config/StoryConfig.vue'
+import SummaryConfig from '../config/SummaryConfig.vue'
 import TocConfig from '../config/TocConfig.vue'
 
 describe('repairConfig', () => {
@@ -25,7 +25,7 @@ describe('repairConfig', () => {
       CoverConfig,
       PicassoConfig,
       ProgramConfig,
-      StoryConfig,
+      SummaryConfig,
       TocConfig,
     ].map((component) => [component.name.replace(/Config$/, ''), component.repairConfig])
   )
@@ -817,14 +817,14 @@ describe('repairConfig', () => {
     })
   })
 
-  describe('story', () => {
+  describe('summary', () => {
     test('adds missing options', async () => {
       // given
       const config = {
         camp: '/camps/1a2b3c4d',
         contents: [
           {
-            type: 'Story',
+            type: 'Summary',
           },
         ],
         documentName: 'test camp',
@@ -839,8 +839,8 @@ describe('repairConfig', () => {
         camp: '/camps/1a2b3c4d',
         contents: [
           {
-            type: 'Story',
-            options: { periods: [] },
+            type: 'Summary',
+            options: { periods: [], contentType: 'Storycontext' },
           },
         ],
         documentName: 'test camp',
@@ -854,8 +854,8 @@ describe('repairConfig', () => {
         camp: '/camps/1a2b3c4d',
         contents: [
           {
-            type: 'Story',
-            options: { periods: [] },
+            type: 'Summary',
+            options: { periods: [], contentType: 'Storycontext' },
           },
         ],
         documentName: 'test camp',
@@ -870,8 +870,8 @@ describe('repairConfig', () => {
         camp: '/camps/1a2b3c4d',
         contents: [
           {
-            type: 'Story',
-            options: { periods: [] },
+            type: 'Summary',
+            options: { periods: [], contentType: 'Storycontext' },
           },
         ],
         documentName: 'test camp',
@@ -885,9 +885,10 @@ describe('repairConfig', () => {
         camp: '/camps/1a2b3c4d',
         contents: [
           {
-            type: 'Story',
+            type: 'Summary',
             options: {
               periods: ['/periods/11112222', '/periods/1a2b3c4d'],
+              contentType: 'Storycontext',
             },
           },
         ],
@@ -903,8 +904,48 @@ describe('repairConfig', () => {
         camp: '/camps/1a2b3c4d',
         contents: [
           {
-            type: 'Story',
-            options: { periods: ['/periods/1a2b3c4d'] },
+            type: 'Summary',
+            options: {
+              periods: ['/periods/1a2b3c4d'],
+              contentType: 'Storycontext',
+            },
+          },
+        ],
+        documentName: 'test camp',
+        language: 'en-GB',
+      })
+    })
+
+    test('uses known contentType', async () => {
+      // given
+      const config = {
+        camp: '/camps/1a2b3c4d',
+        contents: [
+          {
+            type: 'Summary',
+            options: {
+              periods: ['/periods/1a2b3c4d'],
+              contentType: 'Storyboard',
+            },
+          },
+        ],
+        documentName: 'test camp',
+        language: 'en-GB',
+      }
+
+      // when
+      const result = repairConfig(config, ...args)
+
+      // then
+      expect(result).toEqual({
+        camp: '/camps/1a2b3c4d',
+        contents: [
+          {
+            type: 'Summary',
+            options: {
+              periods: ['/periods/1a2b3c4d'],
+              contentType: 'Storycontext',
+            },
           },
         ],
         documentName: 'test camp',
diff --git a/frontend/src/components/print/config/StoryConfig.vue b/frontend/src/components/print/config/StoryConfig.vue
deleted file mode 100644
index 6576b5cc6cc..00000000000
--- a/frontend/src/components/print/config/StoryConfig.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<template>
-  <div>
-    <e-select
-      v-model="options.periods"
-      :items="periods"
-      :label="$tc('components.print.config.storyConfig.periods')"
-      multiple
-      :filled="false"
-      @input="$emit('input')"
-    />
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'StoryConfig',
-  props: {
-    value: { type: Object, required: true },
-    camp: { type: Object, required: true },
-  },
-  data() {
-    return {}
-  },
-  computed: {
-    options: {
-      get() {
-        return this.value
-      },
-      set(v) {
-        this.$emit('input', v)
-      },
-    },
-    periods() {
-      return this.camp.periods().items.map((p) => ({
-        value: p._meta.self,
-        text: p.description,
-      }))
-    },
-  },
-  defaultOptions() {
-    return {
-      periods: [],
-    }
-  },
-  design: {
-    multiple: false,
-  },
-  repairConfig(config, camp) {
-    if (!config.options) config.options = {}
-    if (!config.options.periods) config.options.periods = []
-    const knownPeriods = camp.periods().items.map((p) => p._meta.self)
-    config.options.periods = config.options.periods.filter((period) => {
-      return knownPeriods.includes(period)
-    })
-    return config
-  },
-}
-</script>
diff --git a/frontend/src/components/print/config/SummaryConfig.vue b/frontend/src/components/print/config/SummaryConfig.vue
new file mode 100644
index 00000000000..637bbb4eb9b
--- /dev/null
+++ b/frontend/src/components/print/config/SummaryConfig.vue
@@ -0,0 +1,95 @@
+<template>
+  <div>
+    <e-select
+      v-model="options.periods"
+      :items="periods"
+      :label="$tc('components.print.config.summaryConfig.periods')"
+      multiple
+      :filled="false"
+      @input="$emit('input')"
+    />
+    <e-select
+      v-model="options.contentType"
+      :items="translatedContentTypes"
+      :label="$tc('components.print.config.summaryConfig.contentType')"
+      :filled="false"
+      @input="$emit('input')"
+    />
+    <e-text-field
+      v-model="options.filter"
+      :label="$tc('components.print.config.summaryConfig.instanceNameFilter')"
+      :filled="false"
+      clearable
+      @input="$emit('input')"
+    />
+  </div>
+</template>
+
+<script>
+import camelCase from 'lodash/camelCase.js'
+
+const SUMMARY_CONTENTTYPES = [
+  'Storycontext',
+  'Notes',
+  'SafetyConcept',
+  'LearningObjectives',
+  'LearningTopics',
+]
+
+export default {
+  name: 'SummaryConfig',
+  props: {
+    value: { type: Object, required: true },
+    camp: { type: Object, required: true },
+  },
+  data() {
+    return {
+      contentTypes: SUMMARY_CONTENTTYPES,
+    }
+  },
+  computed: {
+    translatedContentTypes() {
+      return this.contentTypes.map((contentType) => ({
+        text: this.$tc(`contentNode.${camelCase(contentType)}.name`),
+        value: contentType,
+      }))
+    },
+    options: {
+      get() {
+        return this.value
+      },
+      set(v) {
+        this.$emit('input', v)
+      },
+    },
+    periods() {
+      return this.camp.periods().items.map((p) => ({
+        value: p._meta.self,
+        text: p.description,
+      }))
+    },
+  },
+  defaultOptions() {
+    return {
+      periods: [],
+      contentType: 'Storycontext',
+    }
+  },
+  design: {
+    multiple: false,
+  },
+  repairConfig(config, camp) {
+    if (!config.options) config.options = {}
+    if (!config.options.periods) config.options.periods = []
+    if (!config.options.contentType) config.options.contentType = 'Storycontext'
+    const knownPeriods = camp.periods().items.map((p) => p._meta.self)
+    config.options.periods = config.options.periods.filter((period) => {
+      return knownPeriods.includes(period)
+    })
+    if (!SUMMARY_CONTENTTYPES.includes(config.options.contentType)) {
+      config.options.contentType = 'Storycontext'
+    }
+    return config
+  },
+}
+</script>
diff --git a/frontend/src/locales/de.json b/frontend/src/locales/de.json
index 4a33fba56d7..4e5cf98a0c1 100644
--- a/frontend/src/locales/de.json
+++ b/frontend/src/locales/de.json
@@ -316,7 +316,9 @@
           "dayOverview": "Tagesübersicht",
           "periods": "Lagerabschnitt(e)"
         },
-        "storyConfig": {
+        "summaryConfig": {
+          "contentType": "Blockinhalt",
+          "instanceNameFilter": "Instanznamenfilter",
           "periods": "Lagerabschnitt(e)"
         }
       },
@@ -353,7 +355,7 @@
           "Cover": "Titelseite",
           "Picasso": "Grobprogramm",
           "Program": "Detailprogramm",
-          "Story": "Roter Faden",
+          "Summary": "Zusammenfassung",
           "Toc": "Inhaltsverzeichnis"
         }
       },
@@ -575,8 +577,8 @@
         "loginCallback": {
           "loginInProgress": "Du wirst eingeloggt"
         },
-        "or": "oder mit",
         "notActivated": "Nicht aktiviert?",
+        "or": "oder mit",
         "password": "Passwort",
         "passwordForgotten": "Passwort vergessen?",
         "provider": {
diff --git a/frontend/src/locales/en.json b/frontend/src/locales/en.json
index 21d2cf0f4f8..04cb16264ac 100644
--- a/frontend/src/locales/en.json
+++ b/frontend/src/locales/en.json
@@ -316,7 +316,9 @@
           "dayOverview": "print day overview",
           "periods": "Period(s)"
         },
-        "storyConfig": {
+        "summaryConfig": {
+          "contentType": "Content type",
+          "instanceNameFilter": "Instancename filter",
           "periods": "Period(s)"
         }
       },
@@ -353,7 +355,7 @@
           "Cover": "Cover page",
           "Picasso": "Picasso",
           "Program": "Program",
-          "Story": "Story summary",
+          "Summary": "Summary",
           "Toc": "Table of contents"
         }
       },
diff --git a/frontend/src/locales/fr.json b/frontend/src/locales/fr.json
index 996d2aa0be4..1756cff6928 100644
--- a/frontend/src/locales/fr.json
+++ b/frontend/src/locales/fr.json
@@ -296,7 +296,7 @@
           "dayOverview": "Aperçu des jours",
           "periods": "Période(s) du camp"
         },
-        "storyConfig": {
+        "summaryConfig": {
           "periods": "Période(s) du camp"
         }
       },
@@ -333,7 +333,7 @@
           "Cover": "Page de couverture",
           "Picasso": "Picasso",
           "Program": "Programme",
-          "Story": "Histoire",
+          "Summary": "Résumé",
           "Toc": "Table des matières"
         }
       },
diff --git a/frontend/src/locales/it.json b/frontend/src/locales/it.json
index db1a87d3a66..a2ae3aa9c7d 100644
--- a/frontend/src/locales/it.json
+++ b/frontend/src/locales/it.json
@@ -288,7 +288,7 @@
           "dayOverview": "Panoramica della giornata di stampa",
           "periods": "Sezione/i portante/i"
         },
-        "storyConfig": {
+        "summaryConfig": {
           "periods": "Sezione/i portante/i"
         }
       },
@@ -325,7 +325,7 @@
           "Cover": "Pagina di copertina",
           "Picasso": "Picasso",
           "Program": "Programma",
-          "Story": "Riassunto della storia",
+          "Story": "Riassunto",
           "Toc": "Indice dei contenuti"
         }
       },
diff --git a/frontend/src/locales/rm.json b/frontend/src/locales/rm.json
index d50c5de283b..160011891a9 100644
--- a/frontend/src/locales/rm.json
+++ b/frontend/src/locales/rm.json
@@ -289,7 +289,7 @@
           "Cover": "Pagina da titel",
           "Picasso": "Program general",
           "Program": "Program en detagl",
-          "Story": "Fil cotschen",
+          "Summary": "Riassunto",
           "Toc": "Tavla da cuntegn"
         }
       },
diff --git a/pdf/src/CampPrint.vue b/pdf/src/CampPrint.vue
index 6e35c5c6fc8..9694149b291 100644
--- a/pdf/src/CampPrint.vue
+++ b/pdf/src/CampPrint.vue
@@ -22,7 +22,7 @@ import InterDisplayBoldItalic from '@/assets/fonts/Inter/InterDisplay-BoldItalic
 import Cover from '@/campPrint/cover/Cover.vue'
 import TableOfContents from '@/campPrint/tableOfContents/TableOfContents.vue'
 import Picasso from '@/campPrint/picasso/Picasso.vue'
-import Story from '@/campPrint/story/Story.vue'
+import Summary from '@/campPrint/summary/Summary.vue'
 import Program from '@/campPrint/program/Program.vue'
 import Activity from '@/campPrint/activity/Activity.vue'
 import { wordHyphenation } from '@react-pdf/textkit'
@@ -43,7 +43,7 @@ export default {
         Picasso,
         Program,
         Activity,
-        Story,
+        Summary,
       }
     },
   },
diff --git a/pdf/src/campPrint/story/StoryPeriod.vue b/pdf/src/campPrint/story/StoryPeriod.vue
deleted file mode 100644
index 5389c95f913..00000000000
--- a/pdf/src/campPrint/story/StoryPeriod.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<template>
-  <Text
-    :id="`${id}-${period.id}`"
-    :bookmark="{ title: $tc('print.story.title') + ': ' + period.description, fit: true }"
-    class="story-period-title"
-    >{{ $tc('print.story.title') }}: {{ period.description }}</Text
-  >
-  <StoryDay v-for="day in days" :id="id" :period="period" :day="day" />
-</template>
-<script>
-import PdfComponent from '@/PdfComponent.js'
-import StoryDay from './StoryDay.vue'
-import sortBy from 'lodash/sortBy.js'
-
-export default {
-  name: 'StoryPeriod',
-  components: { StoryDay },
-  extends: PdfComponent,
-  props: {
-    period: { type: Object, required: true },
-  },
-  computed: {
-    days() {
-      return sortBy(this.period.days().items, (day) => this.$date.utc(day.start).unix())
-    },
-  },
-}
-</script>
-<pdf-style>
-.story-period-title {
-  font-size: 10pt;
-  font-weight: bold;
-  text-align: center;
-}
-</pdf-style>
diff --git a/pdf/src/campPrint/story/Story.vue b/pdf/src/campPrint/summary/Summary.vue
similarity index 59%
rename from pdf/src/campPrint/story/Story.vue
rename to pdf/src/campPrint/summary/Summary.vue
index 30573dce910..13298f604f0 100644
--- a/pdf/src/campPrint/story/Story.vue
+++ b/pdf/src/campPrint/summary/Summary.vue
@@ -1,15 +1,21 @@
 <template>
   <Page :id="id" class="page">
-    <StoryPeriod v-for="period in periods" :id="id" :period="period" />
+    <SummaryPeriod
+      v-for="period in periods"
+      :id="id"
+      :period="period"
+      :content-type="content.options.contentType"
+      :filter="content.options.filter ?? ''"
+    />
   </Page>
 </template>
 <script>
 import PdfComponent from '@/PdfComponent.js'
-import StoryPeriod from './StoryPeriod.vue'
+import SummaryPeriod from './SummaryPeriod.vue'
 
 export default {
-  name: 'Story',
-  components: { StoryPeriod },
+  name: 'Summary',
+  components: { SummaryPeriod },
   extends: PdfComponent,
   props: {
     content: { type: Object, required: true },
diff --git a/pdf/src/campPrint/story/StoryDay.vue b/pdf/src/campPrint/summary/SummaryDay.vue
similarity index 62%
rename from pdf/src/campPrint/story/StoryDay.vue
rename to pdf/src/campPrint/summary/SummaryDay.vue
index e3645d5c08c..89c54e00671 100644
--- a/pdf/src/campPrint/story/StoryDay.vue
+++ b/pdf/src/campPrint/summary/SummaryDay.vue
@@ -1,11 +1,11 @@
 <template>
-  <View :id="`${id}-${period.id}-${day.id}`" class="story-day-title-container">
-    <Text class="story-day-title">{{ $tc('entity.day.name') }} {{ day.number }}</Text>
-    <Text class="story-day-date">{{ date }}</Text>
+  <View :id="`${id}-${period.id}-${day.id}`" class="summary-day-title-container">
+    <Text class="summary-day-title">{{ $tc('entity.day.name') }} {{ day.number }}</Text>
+    <Text class="summary-day-date">{{ date }}</Text>
   </View>
-  <template v-for="{ scheduleEntry, storyChapters } in entriesWithStory">
-    <template v-for="chapter in storyChapters">
-      <View class="story-chapter-title" :min-presence-ahead="30">
+  <template v-for="{ scheduleEntry, contentNodes } in entriesWithContentNodes">
+    <template v-for="chapter in contentNodes">
+      <View class="summary-chapter-title" :min-presence-ahead="30">
         <CategoryLabel
           :category="scheduleEntry.activity().category()"
           style="font-size: 10pt"
@@ -26,14 +26,17 @@ import { dateLong } from '../../../common/helpers/dateHelperUTCFormatted.js'
 import CategoryLabel from '../CategoryLabel.vue'
 import RichText from '../RichText.vue'
 import { isEmptyHtml } from '../helpers.js'
+import camelCase from 'lodash/camelCase.js'
 
 export default {
-  name: 'StoryDay',
+  name: 'SummaryDay',
   components: { RichText, CategoryLabel },
   extends: PdfComponent,
   props: {
     period: { type: Object, required: true },
     day: { type: Object, required: true },
+    contentType: { type: String, required: true },
+    filter: { type: String, default: '' },
   },
   computed: {
     date() {
@@ -47,14 +50,20 @@ export default {
     entries() {
       return this.scheduleEntries.map((scheduleEntry) => ({
         scheduleEntry,
-        storyChapters: this.period
+        contentNodes: this.period
           .contentNodes()
           .items.filter(
             (contentNode) =>
-              contentNode.contentTypeName === 'Storycontext' &&
+              contentNode.contentTypeName === this.contentType &&
               contentNode.root()._meta.self ===
-                scheduleEntry.activity().rootContentNode()._meta.self &&
-              !isEmptyHtml(contentNode.data.html)
+              scheduleEntry.activity().rootContentNode()._meta.self &&
+              !isEmptyHtml(contentNode.data.html) &&
+              (!this.filter || contentNode.instanceName
+                  ?.toLowerCase()
+                  .includes(this.filter.toLowerCase()) ||
+                this.$tc(`contentNode.${camelCase(this.contentType)}.name`)
+                  .toLowerCase()
+                  .includes(this.filter.toLowerCase()))
           )
           .map((chapter) => ({
             ...chapter,
@@ -62,8 +71,8 @@ export default {
           })),
       }))
     },
-    entriesWithStory() {
-      return this.entries.filter(({ storyChapters }) => storyChapters.length)
+    entriesWithContentNodes() {
+      return this.entries.filter(({ contentNodes }) => contentNodes.length)
     },
   },
   methods: {
@@ -77,7 +86,7 @@ export default {
 }
 </script>
 <pdf-style>
-.story-day-title-container {
+.summary-day-title-container {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -86,15 +95,15 @@ export default {
   padding-bottom: 2pt;
   margin-bottom: 1pt;
 }
-.story-day-title {
+.summary-day-title {
   font-size: 14;
   font-weight: semibold;
   margin: 10pt 0 3pt;
 }
-.story-day-date {
+.summary-day-date {
   font-size: 11pt;
 }
-.story-chapter-title {
+.summary-chapter-title {
   display: flex;
   flex-direction: row;
   align-items: center;
diff --git a/pdf/src/campPrint/summary/SummaryPeriod.vue b/pdf/src/campPrint/summary/SummaryPeriod.vue
new file mode 100644
index 00000000000..405643279ce
--- /dev/null
+++ b/pdf/src/campPrint/summary/SummaryPeriod.vue
@@ -0,0 +1,59 @@
+<template>
+  <Text
+    :id="`${id}-${period.id}`"
+    :bookmark="{
+      title:
+        $tc('print.summary.title') +
+        ' ' +
+        translatedContentNode +
+        (filter ? ` '${filter}'` : '') +
+        ': ' +
+        period.description,
+      fit: true,
+    }"
+    class="summary-period-title"
+    >{{ $tc('print.summary.title') }} {{ translatedContentNode
+    }}<template v-if="filter"> "{{ filter }}"</template>: {{ period.description }}</Text
+  >
+  <SummaryDay
+    v-for="day in days"
+    :id="id"
+    :period="period"
+    :day="day"
+    :content-type="contentType"
+    :filter="filter"
+  />
+</template>
+<script>
+import PdfComponent from '@/PdfComponent.js'
+import SummaryDay from './SummaryDay.vue'
+import sortBy from 'lodash/sortBy.js'
+import camelCase from 'lodash/camelCase.js'
+
+export default {
+  name: 'SummaryPeriod',
+  methods: { camelCase },
+  components: { SummaryDay },
+  extends: PdfComponent,
+  props: {
+    period: { type: Object, required: true },
+    contentType: { type: String, required: true },
+    filter: { type: String, default: '' },
+  },
+  computed: {
+    days() {
+      return sortBy(this.period.days().items, (day) => this.$date.utc(day.start).unix())
+    },
+    translatedContentNode() {
+      return this.$tc(`contentNode.${camelCase(this.contentType)}.name`)
+    },
+  },
+}
+</script>
+<pdf-style>
+.summary-period-title {
+  font-size: 10pt;
+  font-weight: bold;
+  text-align: center;
+}
+</pdf-style>
diff --git a/pdf/src/campPrint/tableOfContents/TableOfContents.vue b/pdf/src/campPrint/tableOfContents/TableOfContents.vue
index cbe37ffab34..17a852a3cd8 100644
--- a/pdf/src/campPrint/tableOfContents/TableOfContents.vue
+++ b/pdf/src/campPrint/tableOfContents/TableOfContents.vue
@@ -23,7 +23,7 @@ import Toc from './entry/Toc.vue'
 import Picasso from './entry/Picasso.vue'
 import Program from './entry/Program.vue'
 import Activity from './entry/Activity.vue'
-import Story from './entry/Story.vue'
+import Summary from './entry/Summary.vue'
 
 export default {
   name: 'Cover',
@@ -40,7 +40,7 @@ export default {
         Picasso,
         Program,
         Activity,
-        Story,
+        Summary,
       }
     },
   },
diff --git a/pdf/src/campPrint/tableOfContents/entry/Story.vue b/pdf/src/campPrint/tableOfContents/entry/Summary.vue
similarity index 56%
rename from pdf/src/campPrint/tableOfContents/entry/Story.vue
rename to pdf/src/campPrint/tableOfContents/entry/Summary.vue
index a205af4c879..9898ae563b0 100644
--- a/pdf/src/campPrint/tableOfContents/entry/Story.vue
+++ b/pdf/src/campPrint/tableOfContents/entry/Summary.vue
@@ -1,13 +1,20 @@
 <template>
   <Link v-for="period in periods" class="toc-entry" :href="`#${id}-${period.id}`">
-    <Text>{{ $tc('print.story.title') }}: {{ period.description }}</Text>
+    <Text
+      >{{ $tc('print.summary.title') }}
+      {{ $tc(`contentNode.${camelCase(entry.options.contentType)}.name`)
+      }}<template v-if="entry.options.filter"> "{{ entry.options.filter }}"</template>:
+      {{ period.description }}</Text
+    >
   </Link>
 </template>
 <script>
 import PdfComponent from '@/PdfComponent.js'
+import camelCase from 'lodash/camelCase.js'
 
 export default {
-  name: 'Story',
+  name: 'Summary',
+  methods: { camelCase },
   extends: PdfComponent,
   props: {
     entry: { type: Object, required: true },
diff --git a/pdf/src/renderer/__tests__/__snapshots__/story_overview.spec.json.snap b/pdf/src/renderer/__tests__/__snapshots__/story_overview.spec.json.snap
index cc45d81b2c9..ffcc77a4fd8 100644
--- a/pdf/src/renderer/__tests__/__snapshots__/story_overview.spec.json.snap
+++ b/pdf/src/renderer/__tests__/__snapshots__/story_overview.spec.json.snap
@@ -1,1191 +1,6 @@
 {
   "box": {},
-  "children": [
-    {
-      "box": {},
-      "children": [
-        {
-          "box": {},
-          "children": [
-            {
-              "parent": [Circular],
-              "type": "TEXT_INSTANCE",
-              "value": "Storyline: Hauptlager",
-            },
-          ],
-          "parent": [Circular],
-          "props": {
-            "bookmark": {
-              "fit": true,
-              "title": "Storyline: Hauptlager",
-            },
-            "class": "story-period-title",
-            "id": "entry-0-16b2fcffdd8e",
-          },
-          "style": {
-            "fontSize": "10pt",
-            "fontWeight": "bold",
-            "textAlign": "center",
-          },
-          "type": "TEXT",
-        },
-        {
-          "box": {},
-          "children": [
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "Day 1",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "class": "story-day-title",
-              },
-              "style": {
-                "fontSize": "14",
-                "fontWeight": "semibold",
-                "margin": "10pt 0 3pt",
-              },
-              "type": "TEXT",
-            },
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "Fr 05/10/2024",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "class": "story-day-date",
-              },
-              "style": {
-                "fontSize": "11pt",
-              },
-              "type": "TEXT",
-            },
-          ],
-          "parent": [Circular],
-          "props": {
-            "class": "story-day-title-container",
-            "id": "entry-0-16b2fcffdd8e-f036e9302f67",
-          },
-          "style": {
-            "alignItems": "baseline",
-            "borderBottom": "2pt solid #aaaaaa",
-            "display": "flex",
-            "flexDirection": "row",
-            "justifyContent": "space-between",
-            "marginBottom": "1pt",
-            "paddingBottom": "2pt",
-          },
-          "type": "VIEW",
-        },
-        {
-          "box": {},
-          "children": [
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "LS",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "class": "category-label",
-                "style": {
-                  "backgroundColor": "#4DBB52",
-                  "color": "#000",
-                  "font-size": "10pt",
-                },
-              },
-              "style": {
-                "alignSelf": "center",
-                "backgroundColor": "#4DBB52",
-                "borderRadius": "50%",
-                "color": "#000",
-                "fontSize": "10pt",
-                "lineHeight": "1",
-                "padding": "2pt 8pt 4pt",
-              },
-              "type": "TEXT",
-            },
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "1.1 Stadt Game 🐭",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "id": "entry-0-16b2fcffdd8e-4bc1873a73f2",
-                "style": {
-                  "margin": "0 3pt",
-                },
-              },
-              "style": {
-                "margin": "0 3pt",
-              },
-              "type": "TEXT",
-            },
-          ],
-          "parent": [Circular],
-          "props": {
-            "class": "story-chapter-title",
-            "minPresenceAhead": 30,
-          },
-          "style": {
-            "alignItems": "center",
-            "display": "flex",
-            "flexDirection": "row",
-            "fontWeight": "bold",
-            "margin": "10pt 0 4.5pt",
-          },
-          "type": "VIEW",
-        },
-        {
-          "box": {},
-          "children": [
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "Unsere Flugtickets sind davongeflogen (Wind) wir müssen sie wieder einsammeln",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "class": "p",
-              },
-              "style": {
-                "marginBottom": "2pt",
-              },
-              "type": "TEXT",
-            },
-          ],
-          "parent": [Circular],
-          "props": {
-            "style": {
-              "line-height": "1.6",
-            },
-          },
-          "style": {
-            "lineHeight": "1.6",
-          },
-          "type": "VIEW",
-        },
-        {
-          "box": {},
-          "children": [
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "LP",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "class": "category-label",
-                "style": {
-                  "backgroundColor": "#90B7E4",
-                  "color": "#000",
-                  "font-size": "10pt",
-                },
-              },
-              "style": {
-                "alignSelf": "center",
-                "backgroundColor": "#90B7E4",
-                "borderRadius": "50%",
-                "color": "#000",
-                "fontSize": "10pt",
-                "lineHeight": "1",
-                "padding": "2pt 8pt 4pt",
-              },
-              "type": "TEXT",
-            },
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "1.4 Takeoff",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "id": "entry-0-16b2fcffdd8e-b12d0af13de0",
-                "style": {
-                  "margin": "0 3pt",
-                },
-              },
-              "style": {
-                "margin": "0 3pt",
-              },
-              "type": "TEXT",
-            },
-          ],
-          "parent": [Circular],
-          "props": {
-            "class": "story-chapter-title",
-            "minPresenceAhead": 30,
-          },
-          "style": {
-            "alignItems": "center",
-            "display": "flex",
-            "flexDirection": "row",
-            "fontWeight": "bold",
-            "margin": "10pt 0 4.5pt",
-          },
-          "type": "VIEW",
-        },
-        {
-          "box": {},
-          "children": [
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "Wir fliegen Ab. Die Flugbegleiter erklären uns wie wir in Notfallsituationen handeln müssen.",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "class": "p",
-              },
-              "style": {
-                "marginBottom": "2pt",
-              },
-              "type": "TEXT",
-            },
-          ],
-          "parent": [Circular],
-          "props": {
-            "style": {
-              "line-height": "1.6",
-            },
-          },
-          "style": {
-            "lineHeight": "1.6",
-          },
-          "type": "VIEW",
-        },
-        {
-          "box": {},
-          "children": [
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "LP",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "class": "category-label",
-                "style": {
-                  "backgroundColor": "#90B7E4",
-                  "color": "#000",
-                  "font-size": "10pt",
-                },
-              },
-              "style": {
-                "alignSelf": "center",
-                "backgroundColor": "#90B7E4",
-                "borderRadius": "50%",
-                "color": "#000",
-                "fontSize": "10pt",
-                "lineHeight": "1",
-                "padding": "2pt 8pt 4pt",
-              },
-              "type": "TEXT",
-            },
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "1.5 Flugzeugabsturz",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "id": "entry-0-16b2fcffdd8e-4b4f2d67ee32",
-                "style": {
-                  "margin": "0 3pt",
-                },
-              },
-              "style": {
-                "margin": "0 3pt",
-              },
-              "type": "TEXT",
-            },
-          ],
-          "parent": [Circular],
-          "props": {
-            "class": "story-chapter-title",
-            "minPresenceAhead": 30,
-          },
-          "style": {
-            "alignItems": "center",
-            "display": "flex",
-            "flexDirection": "row",
-            "fontWeight": "bold",
-            "margin": "10pt 0 4.5pt",
-          },
-          "type": "VIEW",
-        },
-        {
-          "box": {},
-          "children": [
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "Wir stürzen ab. Der Pilot verlässt das Flugzeug früher, weil die Steuerung nicht mehr funktioniert und er der Meinung ist, dass wir in die Insel stürzen würden und er nicht sterben will. oder so ähnlch de Pilot isch denn eifach verscholle",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "class": "p",
-              },
-              "style": {
-                "marginBottom": "2pt",
-              },
-              "type": "TEXT",
-            },
-          ],
-          "parent": [Circular],
-          "props": {
-            "style": {
-              "line-height": "1.6",
-            },
-          },
-          "style": {
-            "lineHeight": "1.6",
-          },
-          "type": "VIEW",
-        },
-        {
-          "box": {},
-          "children": [
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "Day 2",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "class": "story-day-title",
-              },
-              "style": {
-                "fontSize": "14",
-                "fontWeight": "semibold",
-                "margin": "10pt 0 3pt",
-              },
-              "type": "TEXT",
-            },
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "Sa 05/11/2024",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "class": "story-day-date",
-              },
-              "style": {
-                "fontSize": "11pt",
-              },
-              "type": "TEXT",
-            },
-          ],
-          "parent": [Circular],
-          "props": {
-            "class": "story-day-title-container",
-            "id": "entry-0-16b2fcffdd8e-f036e9302f68",
-          },
-          "style": {
-            "alignItems": "baseline",
-            "borderBottom": "2pt solid #aaaaaa",
-            "display": "flex",
-            "flexDirection": "row",
-            "justifyContent": "space-between",
-            "marginBottom": "1pt",
-            "paddingBottom": "2pt",
-          },
-          "type": "VIEW",
-        },
-        {
-          "box": {},
-          "children": [
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "LS",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "class": "category-label",
-                "style": {
-                  "backgroundColor": "#4DBB52",
-                  "color": "#000",
-                  "font-size": "10pt",
-                },
-              },
-              "style": {
-                "alignSelf": "center",
-                "backgroundColor": "#4DBB52",
-                "borderRadius": "50%",
-                "color": "#000",
-                "fontSize": "10pt",
-                "lineHeight": "1",
-                "padding": "2pt 8pt 4pt",
-              },
-              "type": "TEXT",
-            },
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "2.4 Insel erkunden",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "id": "entry-0-16b2fcffdd8e-46cad2b11017",
-                "style": {
-                  "margin": "0 3pt",
-                },
-              },
-              "style": {
-                "margin": "0 3pt",
-              },
-              "type": "TEXT",
-            },
-          ],
-          "parent": [Circular],
-          "props": {
-            "class": "story-chapter-title",
-            "minPresenceAhead": 30,
-          },
-          "style": {
-            "alignItems": "center",
-            "display": "flex",
-            "flexDirection": "row",
-            "fontWeight": "bold",
-            "margin": "10pt 0 4.5pt",
-          },
-          "type": "VIEW",
-        },
-        {
-          "box": {},
-          "children": [
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "Wir müssen die Insel erkunden",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "class": "p",
-              },
-              "style": {
-                "marginBottom": "2pt",
-              },
-              "type": "TEXT",
-            },
-          ],
-          "parent": [Circular],
-          "props": {
-            "style": {
-              "line-height": "1.6",
-            },
-          },
-          "style": {
-            "lineHeight": "1.6",
-          },
-          "type": "VIEW",
-        },
-        {
-          "box": {},
-          "children": [
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "LS",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "class": "category-label",
-                "style": {
-                  "backgroundColor": "#4DBB52",
-                  "color": "#000",
-                  "font-size": "10pt",
-                },
-              },
-              "style": {
-                "alignSelf": "center",
-                "backgroundColor": "#4DBB52",
-                "borderRadius": "50%",
-                "color": "#000",
-                "fontSize": "10pt",
-                "lineHeight": "1",
-                "padding": "2pt 8pt 4pt",
-              },
-              "type": "TEXT",
-            },
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "2.6 Angriff der Aborigines",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "id": "entry-0-16b2fcffdd8e-9c5b963da5e1",
-                "style": {
-                  "margin": "0 3pt",
-                },
-              },
-              "style": {
-                "margin": "0 3pt",
-              },
-              "type": "TEXT",
-            },
-          ],
-          "parent": [Circular],
-          "props": {
-            "class": "story-chapter-title",
-            "minPresenceAhead": 30,
-          },
-          "style": {
-            "alignItems": "center",
-            "display": "flex",
-            "flexDirection": "row",
-            "fontWeight": "bold",
-            "margin": "10pt 0 4.5pt",
-          },
-          "type": "VIEW",
-        },
-        {
-          "box": {},
-          "children": [
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "Die eingeborenen greifen uns an und klauen uns unser essen.",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "class": "p",
-              },
-              "style": {
-                "marginBottom": "2pt",
-              },
-              "type": "TEXT",
-            },
-          ],
-          "parent": [Circular],
-          "props": {
-            "style": {
-              "line-height": "1.6",
-            },
-          },
-          "style": {
-            "lineHeight": "1.6",
-          },
-          "type": "VIEW",
-        },
-        {
-          "box": {},
-          "children": [
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "LP",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "class": "category-label",
-                "style": {
-                  "backgroundColor": "#90B7E4",
-                  "color": "#000",
-                  "font-size": "10pt",
-                },
-              },
-              "style": {
-                "alignSelf": "center",
-                "backgroundColor": "#90B7E4",
-                "borderRadius": "50%",
-                "color": "#000",
-                "fontSize": "10pt",
-                "lineHeight": "1",
-                "padding": "2pt 8pt 4pt",
-              },
-              "type": "TEXT",
-            },
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "2.7 Pfadiversprechen",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "id": "entry-0-16b2fcffdd8e-f2923b997126",
-                "style": {
-                  "margin": "0 3pt",
-                },
-              },
-              "style": {
-                "margin": "0 3pt",
-              },
-              "type": "TEXT",
-            },
-          ],
-          "parent": [Circular],
-          "props": {
-            "class": "story-chapter-title",
-            "minPresenceAhead": 30,
-          },
-          "style": {
-            "alignItems": "center",
-            "display": "flex",
-            "flexDirection": "row",
-            "fontWeight": "bold",
-            "margin": "10pt 0 4.5pt",
-          },
-          "type": "VIEW",
-        },
-        {
-          "box": {},
-          "children": [
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "Pfadigesetzt und Pfadiversprechen durch verschiedene Methoden lernen",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "class": "p",
-              },
-              "style": {
-                "marginBottom": "2pt",
-              },
-              "type": "TEXT",
-            },
-          ],
-          "parent": [Circular],
-          "props": {
-            "style": {
-              "line-height": "1.6",
-            },
-          },
-          "style": {
-            "lineHeight": "1.6",
-          },
-          "type": "VIEW",
-        },
-        {
-          "box": {},
-          "children": [
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "LP",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "class": "category-label",
-                "style": {
-                  "backgroundColor": "#90B7E4",
-                  "color": "#000",
-                  "font-size": "10pt",
-                },
-              },
-              "style": {
-                "alignSelf": "center",
-                "backgroundColor": "#90B7E4",
-                "borderRadius": "50%",
-                "color": "#000",
-                "fontSize": "10pt",
-                "lineHeight": "1",
-                "padding": "2pt 8pt 4pt",
-              },
-              "type": "TEXT",
-            },
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "2.9 Essen zurückerobern",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "id": "entry-0-16b2fcffdd8e-3da4545af722",
-                "style": {
-                  "margin": "0 3pt",
-                },
-              },
-              "style": {
-                "margin": "0 3pt",
-              },
-              "type": "TEXT",
-            },
-          ],
-          "parent": [Circular],
-          "props": {
-            "class": "story-chapter-title",
-            "minPresenceAhead": 30,
-          },
-          "style": {
-            "alignItems": "center",
-            "display": "flex",
-            "flexDirection": "row",
-            "fontWeight": "bold",
-            "margin": "10pt 0 4.5pt",
-          },
-          "type": "VIEW",
-        },
-        {
-          "box": {},
-          "children": [
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "wir müssen uns unser Essen zurückholen (evtl. Lasergame oder suscht was Geils)",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "class": "p",
-              },
-              "style": {
-                "marginBottom": "2pt",
-              },
-              "type": "TEXT",
-            },
-          ],
-          "parent": [Circular],
-          "props": {
-            "style": {
-              "line-height": "1.6",
-            },
-          },
-          "style": {
-            "lineHeight": "1.6",
-          },
-          "type": "VIEW",
-        },
-        {
-          "box": {},
-          "children": [
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "Day 3",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "class": "story-day-title",
-              },
-              "style": {
-                "fontSize": "14",
-                "fontWeight": "semibold",
-                "margin": "10pt 0 3pt",
-              },
-              "type": "TEXT",
-            },
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "Su 05/12/2024",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "class": "story-day-date",
-              },
-              "style": {
-                "fontSize": "11pt",
-              },
-              "type": "TEXT",
-            },
-          ],
-          "parent": [Circular],
-          "props": {
-            "class": "story-day-title-container",
-            "id": "entry-0-16b2fcffdd8e-f036e9302f69",
-          },
-          "style": {
-            "alignItems": "baseline",
-            "borderBottom": "2pt solid #aaaaaa",
-            "display": "flex",
-            "flexDirection": "row",
-            "justifyContent": "space-between",
-            "marginBottom": "1pt",
-            "paddingBottom": "2pt",
-          },
-          "type": "VIEW",
-        },
-        {
-          "box": {},
-          "children": [
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "LP",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "class": "category-label",
-                "style": {
-                  "backgroundColor": "#90B7E4",
-                  "color": "#000",
-                  "font-size": "10pt",
-                },
-              },
-              "style": {
-                "alignSelf": "center",
-                "backgroundColor": "#90B7E4",
-                "borderRadius": "50%",
-                "color": "#000",
-                "fontSize": "10pt",
-                "lineHeight": "1",
-                "padding": "2pt 8pt 4pt",
-              },
-              "type": "TEXT",
-            },
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "3.3 Atelier",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "id": "entry-0-16b2fcffdd8e-69226b3e49d7",
-                "style": {
-                  "margin": "0 3pt",
-                },
-              },
-              "style": {
-                "margin": "0 3pt",
-              },
-              "type": "TEXT",
-            },
-          ],
-          "parent": [Circular],
-          "props": {
-            "class": "story-chapter-title",
-            "minPresenceAhead": 30,
-          },
-          "style": {
-            "alignItems": "center",
-            "display": "flex",
-            "flexDirection": "row",
-            "fontWeight": "bold",
-            "margin": "10pt 0 4.5pt",
-          },
-          "type": "VIEW",
-        },
-        {
-          "box": {},
-          "children": [
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "Was könnte man machen um Rettung zu holen? Blubb meint wir sollten warten bis wir gerettet werden und uns ein wenig die Zeit vertreiben",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "class": "p",
-              },
-              "style": {
-                "marginBottom": "2pt",
-              },
-              "type": "TEXT",
-            },
-          ],
-          "parent": [Circular],
-          "props": {
-            "style": {
-              "line-height": "1.6",
-            },
-          },
-          "style": {
-            "lineHeight": "1.6",
-          },
-          "type": "VIEW",
-        },
-        {
-          "box": {},
-          "children": [
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "LS",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "class": "category-label",
-                "style": {
-                  "backgroundColor": "#4DBB52",
-                  "color": "#000",
-                  "font-size": "10pt",
-                },
-              },
-              "style": {
-                "alignSelf": "center",
-                "backgroundColor": "#4DBB52",
-                "borderRadius": "50%",
-                "color": "#000",
-                "fontSize": "10pt",
-                "lineHeight": "1",
-                "padding": "2pt 8pt 4pt",
-              },
-              "type": "TEXT",
-            },
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "3.5 Abschluss geländegame",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "id": "entry-0-16b2fcffdd8e-501abe71a6ab",
-                "style": {
-                  "margin": "0 3pt",
-                },
-              },
-              "style": {
-                "margin": "0 3pt",
-              },
-              "type": "TEXT",
-            },
-          ],
-          "parent": [Circular],
-          "props": {
-            "class": "story-chapter-title",
-            "minPresenceAhead": 30,
-          },
-          "style": {
-            "alignItems": "center",
-            "display": "flex",
-            "flexDirection": "row",
-            "fontWeight": "bold",
-            "margin": "10pt 0 4.5pt",
-          },
-          "type": "VIEW",
-        },
-        {
-          "box": {},
-          "children": [
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "Plottwist der Pilot hat sich zum Anführer der eingeborenen hochgekämpft. und wir müssen ein Notsignal senden",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "class": "p",
-              },
-              "style": {
-                "marginBottom": "2pt",
-              },
-              "type": "TEXT",
-            },
-          ],
-          "parent": [Circular],
-          "props": {
-            "style": {
-              "line-height": "1.6",
-            },
-          },
-          "style": {
-            "lineHeight": "1.6",
-          },
-          "type": "VIEW",
-        },
-        {
-          "box": {},
-          "children": [
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "Day 4",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "class": "story-day-title",
-              },
-              "style": {
-                "fontSize": "14",
-                "fontWeight": "semibold",
-                "margin": "10pt 0 3pt",
-              },
-              "type": "TEXT",
-            },
-            {
-              "box": {},
-              "children": [
-                {
-                  "parent": [Circular],
-                  "type": "TEXT_INSTANCE",
-                  "value": "Mo 05/13/2024",
-                },
-              ],
-              "parent": [Circular],
-              "props": {
-                "class": "story-day-date",
-              },
-              "style": {
-                "fontSize": "11pt",
-              },
-              "type": "TEXT",
-            },
-          ],
-          "parent": [Circular],
-          "props": {
-            "class": "story-day-title-container",
-            "id": "entry-0-16b2fcffdd8e-f036e9302f70",
-          },
-          "style": {
-            "alignItems": "baseline",
-            "borderBottom": "2pt solid #aaaaaa",
-            "display": "flex",
-            "flexDirection": "row",
-            "justifyContent": "space-between",
-            "marginBottom": "1pt",
-            "paddingBottom": "2pt",
-          },
-          "type": "VIEW",
-        },
-      ],
-      "parent": [Circular],
-      "props": {
-        "class": "page",
-        "id": "entry-0",
-      },
-      "style": {
-        "display": "flex",
-        "flexDirection": "column",
-        "fontFamily": "InterDisplay",
-        "fontSize": "12",
-        "padding": "30",
-      },
-      "type": "PAGE",
-    },
-  ],
+  "children": [],
   "parent": null,
   "props": {
     "locale": "de",
diff --git a/print/components/Toc/TocStory.vue b/print/components/Toc/TocSummary.vue
similarity index 78%
rename from print/components/Toc/TocStory.vue
rename to print/components/Toc/TocSummary.vue
index e02afb56987..dafe889b883 100644
--- a/print/components/Toc/TocStory.vue
+++ b/print/components/Toc/TocSummary.vue
@@ -1,7 +1,9 @@
 <template>
   <li>
     <div class="toc-element-level-1">
-      {{ $t('print.story.title') }}
+      {{ $t('print.summary.title') }}
+      {{ $t(`contentNode.${camelCase(options.contentType)}.name`)
+      }}<template v-if="options.filter"> "{{ options.filter }}"</template>
     </div>
     <ul>
       <generic-error-message v-if="error" :error="error" />
@@ -17,6 +19,8 @@
 </template>
 
 <script setup>
+import camelCase from 'lodash/camelCase.js'
+
 const props = defineProps({
   options: { type: Object, required: false, default: null },
   camp: { type: Object, required: true },
@@ -26,7 +30,7 @@ const props = defineProps({
 const { $api } = useNuxtApp()
 
 const { data: periods, error } = await useAsyncData(
-  `TocStory-${props.index}`,
+  `TocSummary-${props.index}`,
   async () => {
     await props.camp.periods().$loadItems()
 
diff --git a/print/components/config/Story.vue b/print/components/config/Summary.vue
similarity index 87%
rename from print/components/config/Story.vue
rename to print/components/config/Summary.vue
index fec2e004eac..27cbaf22973 100644
--- a/print/components/config/Story.vue
+++ b/print/components/config/Summary.vue
@@ -1,12 +1,14 @@
 <template>
   <div>
     <generic-error-message v-if="error" :error="error" />
-    <story-period
+    <summary-period
       v-for="period in periods"
       :key="period._meta.self"
       :period="period"
       :camp="camp"
       :index="index"
+      :content-type="options.contentType"
+      :filter="options.filter"
     />
   </div>
 </template>
@@ -22,7 +24,7 @@ const props = defineProps({
 const { $api } = useNuxtApp()
 
 const { data: periods, error } = await useAsyncData(
-  `config/Story-${props.index}`,
+  `config/Summary-${props.index}`,
   async () => {
     await Promise.all([
       $api.get().contentTypes().$loadItems(),
diff --git a/print/components/config/Toc.vue b/print/components/config/Toc.vue
index 1d20f8f2b00..1b1985b46bf 100644
--- a/print/components/config/Toc.vue
+++ b/print/components/config/Toc.vue
@@ -4,16 +4,15 @@
       {{ $t('print.toc.title') }}
     </h1>
     <ul class="toc">
-      <!-- eslint-disable-next-line vue/no-v-for-template-key -->
-      <template v-for="(content, idx) in config.contents" :key="idx">
-        <component
-          :is="'Toc' + content.type"
-          :options="content.options"
-          :camp="camp"
-          :config="config"
-          :index="idx"
-        />
-      </template>
+      <component
+        v-for="(content, idx) in config.contents"
+        :key="idx"
+        :is="'Toc' + content.type"
+        :options="content.options"
+        :camp="camp"
+        :config="config"
+        :index="idx"
+      />
     </ul>
   </div>
 </template>
diff --git a/print/components/story/StoryDay.vue b/print/components/summary/SummaryDay.vue
similarity index 62%
rename from print/components/story/StoryDay.vue
rename to print/components/summary/SummaryDay.vue
index 3b7f8f90ab8..66b9f20c91c 100644
--- a/print/components/story/StoryDay.vue
+++ b/print/components/summary/SummaryDay.vue
@@ -11,10 +11,14 @@
       </h2>
     </div>
 
-    <template v-if="entriesWithStory.length">
+    <template v-if="entriesWithContentNode.length">
       <!-- eslint-disable-next-line vue/no-v-for-template-key -->
-      <template v-for="{ scheduleEntry, storyChapters } in entriesWithStory">
-        <div v-for="chapter in storyChapters" :key="chapter._meta.self" class="tw-mb-3">
+      <template v-for="{ scheduleEntry, contentNodes } in entriesWithContentNode">
+        <div
+          v-for="contentNode in contentNodes"
+          :key="contentNode._meta.self"
+          class="tw-mb-3"
+        >
           <h4
             class="tw-text-lg tw-font-semibold tw-break-after-avoid tw-flex tw-align-baseline tw-gap-2"
           >
@@ -24,17 +28,21 @@
             </span>
 
             <span>{{ scheduleEntry.activity().title }}</span>
-            <template v-if="chapter.instanceName">
-              - {{ chapter.instanceName }}
+            <template v-if="contentNode.instanceName">
+              - {{ contentNode.instanceName }}
             </template>
           </h4>
 
-          <rich-text :rich-text="chapter.data.html" />
+          <rich-text :rich-text="contentNode.data.html" />
         </div>
       </template>
     </template>
     <p v-else>
-      {{ $t('components.story.storyDay.noStory') }}
+      {{
+        $t('components.summary.summaryDay.noContent', {
+          contentType: $t(`contentNode.${camelCase(contentType)}.name`),
+        })
+      }}
     </p>
   </div>
 </template>
@@ -43,6 +51,7 @@
 import CategoryLabel from '@/components/generic/CategoryLabel.vue'
 import RichText from '@/components/generic/RichText.vue'
 import { dateHelperUTCFormatted } from '@/mixins/dateHelperUTCFormatted.js'
+import camelCase from 'lodash/camelCase.js'
 
 function isEmptyHtml(html) {
   if (html === null) {
@@ -58,7 +67,9 @@ export default {
   props: {
     day: { type: Object, required: true },
     index: { type: Number, required: true },
-    periodStoryChapters: { type: Array, required: true },
+    allContentNodes: { type: Array, required: true },
+    contentType: { type: String, required: true },
+    filter: { type: String, default: '' },
   },
   computed: {
     // returns scheduleEntries of current day without the need for an additional API call
@@ -74,17 +85,25 @@ export default {
     entries() {
       return this.scheduleEntries.map((scheduleEntry) => ({
         scheduleEntry,
-        storyChapters: this.periodStoryChapters.filter(
+        contentNodes: this.allContentNodes.filter(
           (contentNode) =>
             contentNode.root()._meta.self ===
               scheduleEntry.activity().rootContentNode()._meta.self &&
-            !isEmptyHtml(contentNode.data.html)
+            !isEmptyHtml(contentNode.data.html) &&
+            (!this.filter ||
+              contentNode.instanceName
+                ?.toLowerCase()
+                .includes(this.filter.toLowerCase()) ||
+              this.$t(`contentNode.${camelCase(this.contentType)}.name`)
+                .toLowerCase()
+                .includes(this.filter.toLowerCase()))
         ),
       }))
     },
-    entriesWithStory() {
-      return this.entries.filter(({ storyChapters }) => storyChapters.length)
+    entriesWithContentNode() {
+      return this.entries.filter(({ contentNodes }) => contentNodes.length)
     },
   },
+  methods: { camelCase },
 }
 </script>
diff --git a/print/components/story/StoryPeriod.vue b/print/components/summary/SummaryPeriod.vue
similarity index 56%
rename from print/components/story/StoryPeriod.vue
rename to print/components/summary/SummaryPeriod.vue
index 0f8f65f0bed..ee09132489b 100644
--- a/print/components/story/StoryPeriod.vue
+++ b/print/components/summary/SummaryPeriod.vue
@@ -4,21 +4,27 @@
       :id="`content_${index}_period_${period.id}`"
       class="tw-text-center tw-font-semibold tw-mb-6"
     >
-      {{ $t('print.story.title') }}: {{ period.description }}
+      {{ $t('print.summary.title') }}
+      {{ $t(`contentNode.${camelCase(contentType)}.name`) }}<template v-if="filter"> "{{ filter }}"</template>:
+      {{ period.description }}
     </h1>
 
     <generic-error-message v-if="error" :error="error" />
-    <story-day
+    <summary-day
       v-for="day in data.days"
       :key="day._meta.self"
       :index="index"
       :day="day"
-      :period-story-chapters="data.periodStoryChapters"
+      :all-content-nodes="data.contentNodes"
+      :content-type="contentType"
+      :filter="filter"
     />
   </div>
 </template>
 
 <script setup>
+import camelCase from 'lodash/camelCase.js'
+
 const props = defineProps({
   camp: { type: Object, required: true },
   period: {
@@ -26,23 +32,25 @@ const props = defineProps({
     required: true,
   },
   index: { type: Number, required: true },
+  contentType: { type: String, default: 'Storycontext' },
+  filter: { type: String, default: '' },
 })
 
 const { $api } = useNuxtApp()
 
 const { data, error } = await useAsyncData(
-  `StoryPeriod-${props.period._meta.self}`,
+  `SummaryPeriod-${props.period._meta.self}`,
   async () => {
-    const contentTypeStorycontext = (
-      await $api.get().contentTypes().$loadItems()
-    ).items.find((contentType) => contentType.name === 'Storycontext')
+    const contentType = (await $api.get().contentTypes().$loadItems()).items.find(
+      (contentType) => contentType.name === props.contentType
+    )
 
-    const [periodStoryChapters] = await Promise.all([
+    const [contentNodes] = await Promise.all([
       $api
         .get()
         .contentNodes({
           period: props.period._meta.self,
-          contentType: contentTypeStorycontext._meta.self,
+          contentType: contentType._meta.self,
         })
         .$loadItems(),
       props.period.days().$loadItems(),
@@ -52,7 +60,7 @@ const { data, error } = await useAsyncData(
 
     return {
       days: props.period.days().items,
-      periodStoryChapters: periodStoryChapters.items,
+      contentNodes: contentNodes.items,
     }
   }
 )