From f530974b33f8e34729b411f8b141025e2a3749e7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michaela=20Br=C3=BCckner?= <brueckner@data-quest.de>
Date: Mon, 16 Feb 2026 13:50:05 +0100
Subject: re #6193

---
 app/controllers/questionnaire.php                  |  2 +-
 app/views/questionnaire/answer.php                 | 25 ++++++
 lib/models/Pagebreak.php                           | 94 ++++++++++++++++++++++
 .../assets/stylesheets/scss/questionnaire.scss     |  1 +
 .../apps/questionnaires/QuestionnaireAnswer.vue    | 81 ++++++++++++++-----
 .../questionnaires/AutomatedDataAnswer.vue         | 16 ++++
 .../components/questionnaires/BlankLineEdit.vue    |  8 --
 .../components/questionnaires/BlankLineView.vue    | 11 +++
 .../vue/components/questionnaires/DividerEdit.vue  |  8 --
 .../vue/components/questionnaires/DividerView.vue  | 11 +++
 .../components/questionnaires/FreetextAnswer.vue   | 16 ++++
 .../vue/components/questionnaires/HeadlineEdit.vue |  8 --
 .../vue/components/questionnaires/HeadlineView.vue | 14 ++++
 .../vue/components/questionnaires/LikertAnswer.vue | 16 ++++
 .../components/questionnaires/PagebreakEdit.vue    | 18 +++++
 .../components/questionnaires/PagebreakView.vue    | 11 +++
 .../questionnaires/QuestionnaireInfoView.vue       | 11 +++
 .../components/questionnaires/RangescaleAnswer.vue | 16 ++++
 .../vue/components/questionnaires/VoteAnswer.vue   | 28 +++++--
 19 files changed, 343 insertions(+), 52 deletions(-)
 create mode 100644 lib/models/Pagebreak.php
 create mode 100644 resources/vue/components/questionnaires/AutomatedDataAnswer.vue
 create mode 100644 resources/vue/components/questionnaires/BlankLineView.vue
 create mode 100644 resources/vue/components/questionnaires/DividerView.vue
 create mode 100644 resources/vue/components/questionnaires/FreetextAnswer.vue
 create mode 100644 resources/vue/components/questionnaires/HeadlineView.vue
 create mode 100644 resources/vue/components/questionnaires/LikertAnswer.vue
 create mode 100644 resources/vue/components/questionnaires/PagebreakEdit.vue
 create mode 100644 resources/vue/components/questionnaires/PagebreakView.vue
 create mode 100644 resources/vue/components/questionnaires/QuestionnaireInfoView.vue
 create mode 100644 resources/vue/components/questionnaires/RangescaleAnswer.vue

diff --git a/app/controllers/questionnaire.php b/app/controllers/questionnaire.php
index 981650c..e8f1902 100644
--- a/app/controllers/questionnaire.php
+++ b/app/controllers/questionnaire.php
@@ -22,7 +22,7 @@ class QuestionnaireController extends AuthenticatedController
         class_exists('Headline');
         class_exists('Divider');
         class_exists('BlankLine');
-        // TODO load more classes for more question types
+        class_exists('Pagebreak');
         PageLayout::setHelpKeyword('Basis/Votings');
     }
 
diff --git a/app/views/questionnaire/answer.php b/app/views/questionnaire/answer.php
index 78386e1..80e20d4 100644
--- a/app/views/questionnaire/answer.php
+++ b/app/views/questionnaire/answer.php
@@ -47,3 +47,28 @@ $questionnaire_data = [
 ?>
 <?= Studip\VueApp::create('questionnaires/QuestionnaireAnswer')
     ->withProps(['questionnaireData' => $questionnaire_data]) ?>
+
+<!-- TODO check why footer buttons don't work in template -->
+<div data-dialog-button style="text-align: center;">
+    <? if ($questionnaire->isAnswerable()) : ?>
+        <?= \Studip\Button::create(_("Speichern"), 'questionnaire_answer', ['onClick' => "return STUDIP.Questionnaire.beforeAnswer.call(this);"]) ?>
+    <? endif ?>
+    <? if ($questionnaire->resultsVisible()) : ?>
+        <?= \Studip\LinkButton::create(_("Ergebnisse anzeigen"), URLHelper::getURL("dispatch.php/questionnaire/evaluate/".$questionnaire->getId()), ['data-dialog' => '']) ?>
+    <? endif ?>
+    <? if ($questionnaire->isEditable() && (!$questionnaire->isRunning() || !$questionnaire->countAnswers())) : ?>
+        <?= \Studip\LinkButton::create(_("Bearbeiten"), URLHelper::getURL("dispatch.php/questionnaire/edit/".$questionnaire->getId()), ['data-dialog' => '']) ?>
+    <? endif ?>
+    <? if ($questionnaire->isEditable()) : ?>
+        <?= \Studip\LinkButton::create(_("Kontext auswählen"), URLHelper::getURL("dispatch.php/questionnaire/context/".$questionnaire->getId(), ['range_type' => $range_type, 'range_id' => $range_id]), ['data-dialog' => '']) ?>
+    <? endif ?>
+    <? if ($questionnaire->isCopyable()) : ?>
+        <?= \Studip\LinkButton::create(_("Kopieren"), URLHelper::getURL("dispatch.php/questionnaire/copy/".$questionnaire->getId()), ['data-dialog' => '']) ?>
+    <? endif ?>
+    <? if ($questionnaire->isEditable() && (!$questionnaire->isRunning())) : ?>
+        <?= \Studip\LinkButton::create(_("Starten"), URLHelper::getURL("dispatch.php/questionnaire/start/".$questionnaire->getId(), in_array($range_type, ['course', 'insitute']) ? ['redirect' => $range_type . "/overview"] : [])) ?>
+    <? endif ?>
+    <? if ($questionnaire->isEditable() && $questionnaire->isRunning()) : ?>
+        <?= \Studip\LinkButton::create(_("Beenden"), URLHelper::getURL("dispatch.php/questionnaire/stop/".$questionnaire->getId(), in_array($range_type, ['course', 'insitute']) ? ['redirect' => $range_type . "/overview"] : [])) ?>
+    <? endif ?>
+</div>
diff --git a/lib/models/Pagebreak.php b/lib/models/Pagebreak.php
new file mode 100644
index 0000000..01e5acf
--- /dev/null
+++ b/lib/models/Pagebreak.php
@@ -0,0 +1,94 @@
+<?php
+/**
+ * @license GPL2 or any later version
+ *
+ * @property string $id alias column for question_id
+ * @property string $question_id database column
+ * @property string $questionnaire_id database column
+ * @property string $questiontype database column
+ * @property string|null $internal_name database column
+ * @property JSONArrayObject $questiondata database column
+ * @property int $position database column
+ * @property int $chdate database column
+ * @property int $mkdate database column
+ * @property SimpleORMapCollection<QuestionnaireAnswer> $answers has_many QuestionnaireAnswer
+ * @property Questionnaire $questionnaire belongs_to Questionnaire
+ */
+class Pagebreak extends QuestionnaireQuestion implements QuestionType
+{
+    public static function isDesignElement()
+    {
+        return true;
+    }
+
+    public static function getIcon(bool $active = false) : Icon
+    {
+        return Icon::create(static::getIconShape(), $active ? 'clickable' : 'info');
+    }
+
+    /**
+     * Returns the shape of the icon of this QuestionType
+     * @return string
+     */
+    public static function getIconShape()
+    {
+        // TODO we need an icon
+        return 'files';
+    }
+
+    public static function getName()
+    {
+        return _('Seitenumbruch');
+    }
+
+
+    public function getDisplayTemplate()
+    {
+        $factory = new Flexi\Factory(realpath(__DIR__.'/../../app/views'));
+        $template = $factory->open('questionnaire/question_types/designelements/divider');
+        $template->set_attribute('vote', $this);
+        return $template;
+    }
+
+    static public function getEditingComponent()
+    {
+        return ['PagebreakEdit', ''];
+    }
+
+    static public function getAnsweringComponent()
+    {
+        return ['PagebreakAnswer', ''];
+    }
+
+    public function beforeStoringQuestiondata($questiondata)
+    {
+        $questiondata['description'] = \Studip\Markup::markAsHtml(
+            \Studip\Markup::purifyHtml($questiondata['description'])
+        );
+        return $questiondata;
+    }
+
+    public function createAnswer()
+    {
+        return $this->getMyAnswer();
+    }
+
+    public function getUserIdsOfFilteredAnswer($answer_option)
+    {
+        return [];
+    }
+
+    public function getResultTemplate($only_user_ids = null)
+    {
+        $factory = new Flexi\Factory(realpath(__DIR__.'/../../app/views'));
+        $template = $factory->open('questionnaire/question_types/designelements/pagebreak');
+        $template->set_attribute('vote', $this);
+        return $template;
+    }
+
+    public function getResultArray()
+    {
+        return [];
+    }
+
+}
diff --git a/resources/assets/stylesheets/scss/questionnaire.scss b/resources/assets/stylesheets/scss/questionnaire.scss
index 9f6f880..019acc2 100644
--- a/resources/assets/stylesheets/scss/questionnaire.scss
+++ b/resources/assets/stylesheets/scss/questionnaire.scss
@@ -282,6 +282,7 @@ $width: 270px;
 .questionnaire_edit,
 .questionnaire_answer,
 .questionnaire_results {
+    flex-grow: 1 !important;
     .option-cell {
         text-align: center;
     }
diff --git a/resources/vue/apps/questionnaires/QuestionnaireAnswer.vue b/resources/vue/apps/questionnaires/QuestionnaireAnswer.vue
index db33667..5345bb9 100644
--- a/resources/vue/apps/questionnaires/QuestionnaireAnswer.vue
+++ b/resources/vue/apps/questionnaires/QuestionnaireAnswer.vue
@@ -1,36 +1,73 @@
 <template>
-    Hallo, ich bin ein Template!
+    <form action="#"
+          method="post"
+          enctype="multipart/form-data"
+          class="questionnaire"
+          @submit.prevent="submit()"
+          :data-dialog="asDialog ? true : null"
+          :data-secure="activateFormSecure"
+    >
 
-    {{ questionnaireData.title }}
+        <div class="questionnaire_answer">
+            <article v-for="question in questionnaireData.questions">
+                {{ question.questiontype }}
+                <QuestionnaireInfoView v-if="question.questiontype == 'Infromation'" />
+                <HeadlineView v-if="question.questiontype == 'Headline'" :question="question" />
+                <DividerView v-if="question.questiontype == 'Divider'" />
+                <BlankLineView v-if="question.questiontype == 'BlankLine'" />
+                <PagebreakView v-if="question.questiontype == 'Pagebreak'" />
 
+                <!-- TODO alle anderen Fragetypen rendern -->
+                <VoteAnswer v-if="question.questiontype == 'Vote'" :question="question"/>
+                <FreetextAnswer v-if="question.questiontype == 'Freetext'" :question="question"/>
+                <RangescaleAnswer v-if="question.questiontype == 'Rangescale'" :question="question"/>
+                <LikertAnswer v-if="question.questiontype == 'Likert'" :question="question"/>
+                <AutomatedDataAnswer v-if="question.questiontype == 'AutomatedData'" :question="question"/>
+            </article>
 
-    <div class="questionnaire_answer">
-        <article v-for="question in questionnaireData.questions">
-        {{ question.component }}
+        </div>
 
-            {{ question.questiontype }}
+        <div class="terms">
+            <span v-if="questionnaireData.anonymous == 1 ">{{ $gettext('Die Teilnahme ist anonym.') }}</span>
+            <span v-else>{{ $gettext('Die Teilnahme ist nicht anonym.') }}</span>
+            <span v-if="questionnaireData.editanswers == 1 ">{{ $gettext('Sie können Ihre Antworten nachträglich ändern.') }}</span>
+            <!-- TODO funktioniert noch nicht mit Enddatum -->
+            <span v-if="questionnaireData.stopdate">{{ $gettext('Sie können den Fragebogen beantworten bis zum %{date} um %{time} Uhr.', {date:getFormattedDate, time:getFormattedTime}) }}</span>
+        </div>
 
-        </article>
+    </form>
+</template>
 
-    </div>
+<script setup>
+import {$gettext} from "../../../assets/javascripts/lib/gettext";
+import {computed} from "vue";
 
-    {{ questionnaireData.anonymous }}
+/* Import Design Element views */
+import QuestionnaireInfoView from '../../components/questionnaires/QuestionnaireInfoView.vue';
+import HeadlineView from '../../components/questionnaires/HeadlineView.vue';
+import DividerView from '../../components/questionnaires/DividerView.vue';
+import BlankLineView from '../../components/questionnaires/BlankLineView.vue';
+import PagebreakView from '../../components/questionnaires/PagebreakView.vue';
 
-    <div class="terms">
-        <span v-if="questionnaireData.anonymous == 1 ">{{ $gettext('Die Teilnahme ist anonym.') }}</span>
-        <span v-else>{{ $gettext('Die Teilnahme ist nicht anonym.') }}</span>
-    </div>
-</template>
+/* Import Question Views */
+import VoteAnswer from '../../components/questionnaires/VoteAnswer.vue';
+import FreetextAnswer from '../../components/questionnaires/FreetextAnswer.vue';
+import RangescaleAnswer from '../../components/questionnaires/RangescaleAnswer.vue';
+import LikertAnswer from '../../components/questionnaires/LikertAnswer.vue';
+import AutomatedDataAnswer from '../../components/questionnaires/AutomatedDataAnswer.vue';
 
-<script >
-import {$gettext} from "../../../assets/javascripts/lib/gettext";
+const props = defineProps({
+    questionnaireData: Object
+})
 
-export default {
-    name: 'questionnaireanswer',
-    methods: {$gettext},
+const getFormattedDate = computed(() => {
+        return new Date(this.questionnaireData.stopdate * 1000).toLocaleDateString(document.documentElement.lang, { day: '2-digit', month: '2-digit', year: 'numeric' })
+    }
+)
 
-    props: {
-        questionnaireData: Object,
+const getFormattedTime = computed(() => {
+    return new Date(this.questionnaireData.stopdate * 1000).toLocaleTimeString(document.documentElement.lang, {hour: '2-digit', minute: '2-digit'})
     }
-}
+)
+
 </script>
diff --git a/resources/vue/components/questionnaires/AutomatedDataAnswer.vue b/resources/vue/components/questionnaires/AutomatedDataAnswer.vue
new file mode 100644
index 0000000..d71c2ba
--- /dev/null
+++ b/resources/vue/components/questionnaires/AutomatedDataAnswer.vue
@@ -0,0 +1,16 @@
+<template>
+
+</template>
+
+<style scoped lang="scss">
+
+</style>
+
+<script>
+export default {
+    name: 'AutomatedDataAnswer',
+    props: {
+        question: Array
+    },
+};
+</script>
diff --git a/resources/vue/components/questionnaires/BlankLineEdit.vue b/resources/vue/components/questionnaires/BlankLineEdit.vue
index 6dd9b0b..e53866d 100644
--- a/resources/vue/components/questionnaires/BlankLineEdit.vue
+++ b/resources/vue/components/questionnaires/BlankLineEdit.vue
@@ -11,14 +11,6 @@ export default {
     created() {
         this.setDefaultValues({
         });
-    },
-    mounted() {
-        this.checkValidity();
-    },
-    methods: {
-        checkValidity() {
-
-        }
     }
 }
 </script>
diff --git a/resources/vue/components/questionnaires/BlankLineView.vue b/resources/vue/components/questionnaires/BlankLineView.vue
new file mode 100644
index 0000000..63cf316
--- /dev/null
+++ b/resources/vue/components/questionnaires/BlankLineView.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/resources/vue/components/questionnaires/DividerEdit.vue b/resources/vue/components/questionnaires/DividerEdit.vue
index 085660b..305bc8b 100644
--- a/resources/vue/components/questionnaires/DividerEdit.vue
+++ b/resources/vue/components/questionnaires/DividerEdit.vue
@@ -14,14 +14,6 @@ export default {
     created() {
         this.setDefaultValues({
         });
-    },
-    mounted() {
-        this.checkValidity();
-    },
-    methods: {
-        checkValidity() {
-
-        }
     }
 }
 </script>
diff --git a/resources/vue/components/questionnaires/DividerView.vue b/resources/vue/components/questionnaires/DividerView.vue
new file mode 100644
index 0000000..c82190b
--- /dev/null
+++ b/resources/vue/components/questionnaires/DividerView.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+    <hr>
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/resources/vue/components/questionnaires/FreetextAnswer.vue b/resources/vue/components/questionnaires/FreetextAnswer.vue
new file mode 100644
index 0000000..7a6c8f5
--- /dev/null
+++ b/resources/vue/components/questionnaires/FreetextAnswer.vue
@@ -0,0 +1,16 @@
+<template>
+
+</template>
+
+<style scoped lang="scss">
+
+</style>
+
+<script>
+export default {
+    name: 'FreetextAnswer',
+    props: {
+        question: Array
+    },
+};
+</script>
diff --git a/resources/vue/components/questionnaires/HeadlineEdit.vue b/resources/vue/components/questionnaires/HeadlineEdit.vue
index 81b2bd0..50a5afa 100644
--- a/resources/vue/components/questionnaires/HeadlineEdit.vue
+++ b/resources/vue/components/questionnaires/HeadlineEdit.vue
@@ -17,14 +17,6 @@ export default {
         this.setDefaultValues({
             description: ''
         });
-    },
-    mounted() {
-        this.checkValidity();
-    },
-    methods: {
-        checkValidity() {
-
-        }
     }
 }
 </script>
diff --git a/resources/vue/components/questionnaires/HeadlineView.vue b/resources/vue/components/questionnaires/HeadlineView.vue
new file mode 100644
index 0000000..746fd4a
--- /dev/null
+++ b/resources/vue/components/questionnaires/HeadlineView.vue
@@ -0,0 +1,14 @@
+<template>
+    <strong><p v-html="question.questiondata.description"></p></strong>
+</template>
+
+<script>
+export default {
+    name: 'HeadlineView',
+    props: {
+        question: Array
+    },
+};
+
+
+</script>
diff --git a/resources/vue/components/questionnaires/LikertAnswer.vue b/resources/vue/components/questionnaires/LikertAnswer.vue
new file mode 100644
index 0000000..b388a84
--- /dev/null
+++ b/resources/vue/components/questionnaires/LikertAnswer.vue
@@ -0,0 +1,16 @@
+<template>
+
+</template>
+
+<style scoped lang="scss">
+
+</style>
+
+<script>
+export default {
+    name: 'LikertAnswer',
+    props: {
+        question: Array
+    },
+};
+</script>
diff --git a/resources/vue/components/questionnaires/PagebreakEdit.vue b/resources/vue/components/questionnaires/PagebreakEdit.vue
new file mode 100644
index 0000000..a6d664d
--- /dev/null
+++ b/resources/vue/components/questionnaires/PagebreakEdit.vue
@@ -0,0 +1,18 @@
+<template>
+    <div><label>
+        {{ $gettext('Fügt einen Seitenumbruch ein.') }}
+    </label></div>
+</template>
+
+<script>
+import { QuestionnaireComponent } from '../../mixins/QuestionnaireComponent';
+
+export default {
+    name: 'pagebreak-edit',
+    extends: QuestionnaireComponent,
+    created() {
+        this.setDefaultValues({
+        });
+    }
+}
+</script>
diff --git a/resources/vue/components/questionnaires/PagebreakView.vue b/resources/vue/components/questionnaires/PagebreakView.vue
new file mode 100644
index 0000000..63cf316
--- /dev/null
+++ b/resources/vue/components/questionnaires/PagebreakView.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/resources/vue/components/questionnaires/QuestionnaireInfoView.vue b/resources/vue/components/questionnaires/QuestionnaireInfoView.vue
new file mode 100644
index 0000000..63cf316
--- /dev/null
+++ b/resources/vue/components/questionnaires/QuestionnaireInfoView.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/resources/vue/components/questionnaires/RangescaleAnswer.vue b/resources/vue/components/questionnaires/RangescaleAnswer.vue
new file mode 100644
index 0000000..7b375ba
--- /dev/null
+++ b/resources/vue/components/questionnaires/RangescaleAnswer.vue
@@ -0,0 +1,16 @@
+<template>
+
+</template>
+
+<style scoped lang="scss">
+
+</style>
+
+<script>
+export default {
+    name: 'RangescaleAnswer',
+    props: {
+        question: Array
+    },
+};
+</script>
diff --git a/resources/vue/components/questionnaires/VoteAnswer.vue b/resources/vue/components/questionnaires/VoteAnswer.vue
index 9383c47..cdd6ff1 100644
--- a/resources/vue/components/questionnaires/VoteAnswer.vue
+++ b/resources/vue/components/questionnaires/VoteAnswer.vue
@@ -1,16 +1,34 @@
+<!--
+$answers = $vote->questiondata['options'];
+$indexMap = count($answers) ? range(0, count($answers) - 1) : [];
+if ($vote->questiondata['randomize']) {
+shuffle($indexMap);
+}
+
+$response = $vote->getMyAnswer();
+$responseData = $response['answerdata'] ? $response['answerdata']->getArrayCopy() : [];
+-->
+
 <template>
-    {{ $gettext('HALLO') }}
-</template>
+    {{ $gettext('Ich bin eine Auswahlfrage') }}
+    {{ question.questiondata.options }}
 
 
-<script>
+
+</template>
+
 
 
 
-</script>
 
+<script>
 export default {
+    name: 'VoteAnswer',
+    props: {
+        question: Array
+    },
+};
 
 
+</script>
 
-}
-- 
cgit v1.0