From 0062fad070cffd7d38024118939fe5c9d9be79d6 Mon Sep 17 00:00:00 2001
From: Thomas Hackl <hackl@data-quest.de>
Date: Thu, 19 Feb 2026 10:25:46 +0100
Subject: use sidebar for wizard info

---
 lib/classes/WizardPart.php          | 33 ++++++++++++++++++++++++++++++---
 resources/vue/apps/StudipWizard.vue | 37 ++++++++++++++++++++++++++++++++++++-
 2 files changed, 66 insertions(+), 4 deletions(-)

diff --git a/lib/classes/WizardPart.php b/lib/classes/WizardPart.php
index 0127e2c..53d39e3 100644
--- a/lib/classes/WizardPart.php
+++ b/lib/classes/WizardPart.php
@@ -25,20 +25,35 @@ final class WizardPart implements Stringable, JsonSerializable
     private string $title;
     private string $iconShape;
 
+    private string $description;
+
     /**
      * Creates a vue app with the given relative path to the app component.
      */
-    public static function create(string $id, Form|VueApp $content, string $title = '', string $iconShape = ''): WizardPart
+    public static function create(
+        string $id,
+        Form|VueApp $content,
+        string $title = '',
+        string $description = '',
+        string $iconShape = ''
+    ): WizardPart
     {
-        return new static($id, $content, $title, $iconShape);
+        return new static($id, $content, $title, $description, $iconShape);
     }
 
-    public function __construct(string $id, Form|VueApp $content, string $title = '', string $iconShape = '')
+    public function __construct(
+        string $id,
+        Form|VueApp $content,
+        string $title = '',
+        string $description = '',
+        string $iconShape = ''
+    )
     {
         $this->id = $id;
         $this->type = get_class($content);
         $this->content = $content;
         $this->title = $title;
+        $this->description = $description;
         $this->iconShape = $iconShape;
     }
 
@@ -57,6 +72,11 @@ final class WizardPart implements Stringable, JsonSerializable
         return $this->title;
     }
 
+    public function getDescription(): string
+    {
+        return $this->description;
+    }
+
     public function getContent() {
         return $this->content;
     }
@@ -73,6 +93,12 @@ final class WizardPart implements Stringable, JsonSerializable
         return $this;
     }
 
+    public function setDescription(string $description): WizardPart
+    {
+        $this->description = $description;
+        return $this;
+    }
+
     public function getIconShape(): string
     {
         return $this->iconShape;
@@ -90,6 +116,7 @@ final class WizardPart implements Stringable, JsonSerializable
             'id' => $this->id,
             'type' => $this->type,
             'title' => $this->title,
+            'description' => $this->description,
             'icon' => $this->iconShape,
             'content' => $this->render()
         ];
diff --git a/resources/vue/apps/StudipWizard.vue b/resources/vue/apps/StudipWizard.vue
index f08bb74..941f1a8 100644
--- a/resources/vue/apps/StudipWizard.vue
+++ b/resources/vue/apps/StudipWizard.vue
@@ -55,6 +55,37 @@
             </button>
         </footer>
     </div>
+    <teleport to="#wizard-widget">
+        <sidebar-widget :title="$gettext('Assistent')" class="sidebar-navigation">
+            <template #content>
+                <ul class="widget-list widget-links sidebar-navigation">
+                    <li
+                        v-for="(step, index) in visibleSteps"
+                        :key="index"
+                        :class="{ active: index === currentStep }"
+                    >
+                        <a @click="jumpToStep(index)">
+                            <template v-if="step.icon !== ''">
+                                <studip-icon :shape="step.icon"
+                                             role="clickable"
+                                             :size="24"></studip-icon>
+                            </template>
+                            <template v-else>
+                                {{ index + 1 }}.
+                            </template>
+                            {{ step.title }}
+                        </a>
+                        <div
+                            v-if="index === currentStep && step.description !== ''"
+                            class="wizard-part-description"
+                        >
+                            {{ step.description }}
+                        </div>
+                    </li>
+                </ul>
+            </template>
+        </sidebar-widget>
+    </teleport>
 </template>
 
 <script setup>
@@ -62,6 +93,7 @@ import {nextTick, onMounted, ref} from 'vue';
 import {$gettext} from '@/assets/javascripts/lib/gettext';
 
 import StockImages from './StockImages';
+import SidebarWidget from "../components/SidebarWidget.vue";
 
 const props = defineProps({
     steps: {
@@ -143,7 +175,7 @@ onMounted(() => {
     visibleSteps.value.push({
         type: 'Vue',
         id: 'stock-images',
-        title: 'Stock Images',
+        title: 'Bilderpool',
         content: StockImages,
         icon: 'block-gallery'
     });
@@ -214,4 +246,7 @@ footer.wizard-buttons {
         }
     }
 }
+ul.widget-list > li > .wizard-part-description {
+    padding: 4px 0 4px 8px;
+}
 </style>
-- 
cgit v1.0