@eox/pages-theme-eox 1.2.0 → 1.3.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Changelog
 
+# [1.3.0](https://gitlab.eox.at/eox/hub/eoxhub-portal/compare/v1.2.2...v1.3.0) (2026-04-14)
+
+### Features
+
+- integration of feedback form ([a5d384f](https://gitlab.eox.at/eox/hub/eoxhub-portal/commit/a5d384ff972b08562bedc368f42f0598e7656601))
+
+## [1.2.2](https://gitlab.eox.at/eox/hub/eoxhub-portal/compare/v1.2.1...v1.2.2) (2026-04-14)
+
+### Bug Fixes
+
+- handle t&c array of objects ([27a56c7](https://gitlab.eox.at/eox/hub/eoxhub-portal/commit/27a56c7bcba6e00f13c26cd3eb24ec8af6599983))
+
+## [1.2.1](https://gitlab.eox.at/eox/hub/eoxhub-portal/compare/v1.2.0...v1.2.1) (2026-03-23)
+
+### Bug Fixes
+
+- add `logo.target` prop to LogoSection ([8b664b4](https://gitlab.eox.at/eox/hub/eoxhub-portal/commit/8b664b4f981a200d6bf28ea53999035850698a49))
+
 ## [1.2.0](https://gitlab.eox.at/eox/hub/eoxhub-portal/compare/v1.1.2...v1.2.0) (2026-03-19)
 
 ### Features

package/README.md

@@ -238,7 +238,12 @@ Displays a grid of client or partner logos. It automatically handles logo sizing
 ```html
 <LogoSection
   :logos="[
-    { image: '/logos/client1.png', alt: 'Client 1', link: 'https://client1.com' },
+    {
+      image: '/logos/client1.png',
+      alt: 'Client 1',
+      link: 'https://client1.com',
+      target: '_blank'
+    },
     { image: '/logos/client2.png', alt: 'Client 2' }
   ]"
   base-height="4"
@@ -365,3 +370,108 @@ An image-overlay card where a background image fills the card and text is render
   ]"
 />
 ```
+
+#### Feedback Form
+
+**Feedback Form** for collecting user feedback can be enabled by configuring the theme:
+
+```javascript
+// themeConfig
+{
+  feedback: {
+    endpoint: "https://example.com/create-issue?repo=github.com/org/repo" // or repo can be passed in request body by being included in schema such as a hidden field with default value
+    schema: {
+  "type": "object",
+  "title": "Feedback contains URL of current page automatically. Let us know your feedback or issue type.",
+  "options": {
+    "remove_empty_properties": true,
+    "remove_additional_properties": true
+  },
+  "oneOf": [
+    {
+      "title": "Feature Request",
+      "properties": {
+        "type_feature": {
+          "type": "string",
+          "default": "feature",
+          "options": {
+            "hidden": true
+          }
+        },
+        "title": {
+          "type": "string",
+          "title": "Title"
+        },
+        "Expected behavior": {
+          "type": "string",
+          "format": "textarea",
+          "minLength": 1,
+          "options": {
+            "inputAttributes": {
+              "placeholder": "Describe the new functionality and how it would help you."
+            }
+          }
+        },
+        "Contact information or additional comments (optional)": {
+          "type": "string"
+        }
+      },
+      "required": [
+        "type_feature"
+      ],
+      "additionalProperties": false
+    },
+    {
+      "title": "Issue or Question",
+      "properties": {
+        "type_catalog": {
+          "type": "string",
+          "default": "catalog",
+          "options": {
+            "hidden": true
+          }
+        },
+        "title": {
+          "type": "string",
+          "title": "Title"
+        },
+        "Steps to reproduce": {
+          "type": "string",
+          "format": "textarea",
+          "minLength": 1,
+          "options": {
+            "inputAttributes": {
+              "placeholder": "Describe what you tried to do."
+            }
+          }
+        },
+        "Expected content": {
+          "type": "string",
+          "format": "textarea",
+          "minLength": 1,
+          "options": {
+            "inputAttributes": {
+              "placeholder": "What would you like to see?"
+            }
+          }
+        }
+      },
+      "required": [
+        "type_catalog"
+      ],
+      "additionalProperties": false
+    },
+  ]
+}, // optional - feedback has a default single text field
+    position: "bottom-right", // can be any of bottom-left, top-left, bottom-right, top-right
+  }
+}
+```
+
+feedback form can be disabled on individual pages via frontmatter configuration
+
+```yaml
+---
+feedback: false
+---
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eox/pages-theme-eox",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "type": "module",
   "description": "Vitepress Theme with EOX branding",
   "main": "src/index.js",
@@ -14,14 +14,15 @@
   },
   "dependencies": {
     "@eox/eslint-config": "^2.0.0",
+    "@eox/feedback": "^1.1.1",
     "@eox/ui": "^1.0.1",
     "vitepress": "^1.6.3"
   },
   "devDependencies": {
-    "@release-it/conventional-changelog": "^10.0.4",
+    "@release-it/conventional-changelog": "^10.0.6",
     "@vitejs/plugin-vue": "^6.0.3",
     "cypress": "^15.9.0",
-    "release-it": "^19.2.3",
+    "release-it": "^19.2.4",
     "vue": "^3.5.26"
   }
 }

package/src/Layout.vue

@@ -5,32 +5,6 @@
       <NavBar />
       <NewsBanner v-if="theme.newsBanner" :content="theme.newsBanner" />
       <HeroSection />
-      <!-- <nav
-        v-if="frontmatter.layout !== 'home'"
-        class="no-space"
-        style="max-width: 1200px; padding: 12px 24px; margin: auto; width: 100%; position: sticky; top: var(--vp-nav-height); z-index: 1;"
-      >
-        <template
-          v-for="(segment, index) in router.route.path.split('/')"
-        >
-          <p
-            v-if="index === router.route.path.split('/').length - 1"
-            class="capitalize surface"
-          >
-            {{ segment === '' ? 'Home' : (index === router.route.path.split('/').length - 1 ? page.title || segment.replaceAll('-', ' ') : segment.replaceAll('-', ' ')) }}
-          </p>
-          <template v-else>
-            <a
-              
-              class="capitalize link surface"
-              :href="`${router.route.path.substring(0, (router.route.path.indexOf(segment) + segment.length) || 1)}`"
-            >
-              {{ segment === '' ? 'Home' : (index === router.route.path.split('/').length - 1 ? page.title || segment.replaceAll('-', ' ') : segment.replaceAll('-', ' ')) }}
-            </a>
-            <i class="mdi mdi-chevron-right small"></i>
-          </template>
-        </template>
-      </nav> -->
     </template>
     <template #not-found>
       <ClientOnly v-if="router.route.path === '/cookie-settings'">
@@ -44,6 +18,13 @@
       ></FeaturesGallery>
     </template>
     <template #layout-bottom>
+      <ClientOnly v-if="theme.feedback && frontmatter?.feedback !== false">
+        <eox-feedback-button
+          :endpoint="theme.feedback?.endpoint"
+          .schema="theme.feedback?.schema"
+          :position="theme.feedback?.position"
+        />
+      </ClientOnly>
       <Footer v-if="frontmatter.footer !== false" />
       <CookieBanner v-if="theme.theme.brandConfig?.analytics"></CookieBanner>
       <slot name="layout-bottom"></slot>

package/src/components/Footer.vue

@@ -67,16 +67,10 @@
                   >{{ t("About", theme.i18n) }}</a
                 >
               </p>
-              <p>
-                <a
-                  :href="
-                    theme.theme.brandConfig?.legal?.termsAndConditions ||
-                    'https://eox.at/impressum'
-                  "
-                  target="_blank"
-                  class="link"
-                  >{{ t("Terms & Conditions", theme.i18n) }}</a
-                >
+              <p v-for="(term, index) in termsLinks" :key="term.id || index">
+                <a :href="term.url" target="_blank" class="link">
+                  {{ term.title }}
+                </a>
               </p>
               <p>
                 <a
@@ -105,8 +99,27 @@
 
 <script setup>
 import { useData, withBase } from "vitepress";
+import { computed } from "vue";
 import { trackEvent, getFlatList, t } from "../helpers";
 const { site, theme } = useData();
+
+const termsLinks = computed(() => {
+  const rawTerms = theme.value.theme.brandConfig?.legal?.termsAndConditions;
+  const fallbackUrl = "https://eox.at/impressum";
+
+  if (Array.isArray(rawTerms)) {
+    return rawTerms.map((term) => ({
+      ...term,
+      title: t(term.title, theme.value.i18n),
+    }));
+  }
+  return [
+    {
+      title: t("Terms & Conditions", theme.value.i18n),
+      url: rawTerms || fallbackUrl,
+    },
+  ];
+});
 </script>
 
 <style>

package/src/components/LogoSection.vue

@@ -5,6 +5,7 @@
         v-for="logo in logos"
         :is="logo.link ? 'a' : 'div'"
         :href="logo.link || undefined"
+        :target="logo.target || undefined"
         class="logo"
       >
         <img :src="logo.image" :alt="logo.alt" />

package/src/index.js

@@ -43,6 +43,7 @@ export default {
 
     if (!import.meta.env.SSR) {
       import("@eox/ui");
+      import("@eox/feedback");
 
       document.body.classList.remove("dark");
       document.body.classList.add("light");

package/src/style.css

@@ -142,7 +142,7 @@ body {
 footer {
   margin-top: 0 !important;
   position: relative;
-  z-index: 50;
+  z-index: var(--vp-z-index-footer);
   background: var(--surface-container-low);
 }
 
@@ -291,3 +291,6 @@ details[open] > summary > i.mdi-chevron-down {
   text-decoration: underline;
   color: var(--primary);
 }
+eox-feedback-button {
+  z-index: calc(var(--vp-z-index-footer) + 1);
+}

package/src/vitepressConfig.mjs

@@ -102,6 +102,7 @@ export const generate = (brandConfig) => {
         brandConfig,
       },
       logo: { light: brandConfig.logo, dark: brandConfig.logo_dark },
+      feedback: null,
       footer: {
         message:
           brandConfig.theme?.footer?.message ||