feat(settings): Gegevens van de portal as settings-form and chips-field config

l10n/nl.json

@@ -3124,7 +3124,13 @@
         "Served at the root": "Op het hoofdadres",
         "Landing page": "Landingspagina",
         "Whether a proxy in front of Nextcloud rewrites the short addresses of this host (/, /afval) to the site route. When true, the site writes its links and its canonical address as short addresses on this host. Leave false without such a proxy rule: the short addresses would not resolve. Read only from a verified domain.": "Of een proxy voor Nextcloud de korte adressen van deze host (/, /afval) omschrijft naar de route van de site. Staat dit aan, dan schrijft de site haar links en haar vaste adres als korte adressen op deze host. Laat het uit zonder zo'n proxyregel: de korte adressen werken dan niet. Wordt alleen gelezen van een geverifieerd domein.",
-        "The site page the bare address of this host opens, as a route with a leading slash. Empty means the home page. A host for the signed-in area names that area here. Read only from a verified domain.": "De pagina van de site die het kale adres van deze host opent, als route die met een schuine streep begint. Leeg betekent de startpagina. Een host voor het ingelogde deel noemt dat deel hier. Wordt alleen gelezen van een geverifieerd domein."
+        "The site page the bare address of this host opens, as a route with a leading slash. Empty means the home page. A host for the signed-in area names that area here. Read only from a verified domain.": "De pagina van de site die het kale adres van deze host opent, als route die met een schuine streep begint. Leeg betekent de startpagina. Een host voor het ingelogde deel noemt dat deel hier. Wordt alleen gelezen van een geverifieerd domein.",
+        "No logo": "Geen logo",
+        "A language is a code such as nl, en, de, fr or fy.": "Een taal is een code zoals nl, en, de, fr of fy.",
+        "The list to choose from could not be loaded.": "De lijst om uit te kiezen kon niet worden geladen.",
+        "Or a web address": "Of een webadres",
+        "A logo address starts with /, http:// or https://.": "Een logo-adres begint met /, http:// of https://.",
+        "A published image from Media of this portal, or the address of an image.": "Een gepubliceerde afbeelding uit Media van deze portal, of het adres van een afbeelding."
     },
     "plurals": "",
     "pluralForm": "nplurals=2; plural=(n != 1);"

package.json

@@ -219,7 +219,7 @@
     "@babel/core": "^7.29.0",
     "@babel/preset-env": "^7.29.5",
     "@babel/runtime": "^7.23.6",
-    "@conduction/nextcloud-vue": "^2.82.0",
+    "@conduction/nextcloud-vue": "^2.83.0",
     "@gemeente-denhaag/action": "4.4.2",
     "@gemeente-denhaag/card": "5.1.4",
     "@gemeente-denhaag/contact-timeline": "4.1.3",

src/manifest.json

@@ -2527,9 +2527,120 @@
           },
           {
             "id": "portal-settings-details",
-            "type": "PortalDetailsForm",
+            "type": "settings-form",
             "title": "Details of the portal",
-            "content": {}
+            "content": {
+              "columns": 2,
+              "saveLabel": "Save",
+              "savedText": "The portal is saved.",
+              "fields": [
+                {
+                  "key": "title",
+                  "label": "Name",
+                  "required": true
+                },
+                {
+                  "key": "tagline",
+                  "label": "Tagline"
+                },
+                {
+                  "key": "slug",
+                  "label": "Address in portaliq",
+                  "hint": "Pages and menus belong to the portal through this address.",
+                  "pattern": "^[a-z0-9]+(?:-[a-z0-9]+)*$",
+                  "patternMessage": "Use lowercase letters, digits and dashes."
+                },
+                {
+                  "key": "organisation",
+                  "label": "Organisation"
+                },
+                {
+                  "key": "kind",
+                  "label": "Kind",
+                  "type": "select",
+                  "options": [
+                    {
+                      "value": "site",
+                      "label": "Website on portaliq"
+                    },
+                    {
+                      "value": "external",
+                      "label": "Points to another website"
+                    }
+                  ],
+                  "default": "site"
+                },
+                {
+                  "key": "headerVariant",
+                  "label": "Header",
+                  "type": "select",
+                  "options": [
+                    {
+                      "value": "double",
+                      "label": "Two lines, menu below"
+                    },
+                    {
+                      "value": "single",
+                      "label": "One line"
+                    }
+                  ],
+                  "default": "double"
+                },
+                {
+                  "key": "locales",
+                  "label": "Languages",
+                  "type": "chips",
+                  "addLabel": "Add",
+                  "confirmLabel": "Add",
+                  "default": [
+                    "nl"
+                  ],
+                  "minItems": 1,
+                  "minItemsMessage": "Choose at least one language.",
+                  "hint": "With more than one language the header shows a language choice.",
+                  "lowercase": true,
+                  "placeholder": "nl",
+                  "pattern": "^[a-z]{2,3}(-[a-z0-9]{2,8})*$",
+                  "patternMessage": "A language is a code such as nl, en, de, fr or fy."
+                },
+                {
+                  "key": "accountLabel",
+                  "label": "Name of the login button"
+                },
+                {
+                  "key": "logo",
+                  "label": "Logo",
+                  "type": "reference",
+                  "register": "portaliq",
+                  "schema": "media",
+                  "labelField": "title",
+                  "filter": {
+                    "kind": "image",
+                    "status": "published",
+                    "portal": "@object.slug"
+                  },
+                  "valueTemplate": "/apps/portaliq/api/content/media/{id}?portal={portal}",
+                  "emptyLabel": "No logo",
+                  "hint": "A published image from Media of this portal, or the address of an image.",
+                  "free": true,
+                  "freeLabel": "Or a web address",
+                  "freePlaceholder": "https://www.example.nl/logo.svg",
+                  "freePattern": "^(/(?!/)\\S*|https?://\\S+)$",
+                  "freePatternMessage": "A logo address starts with /, http:// or https://."
+                },
+                {
+                  "key": "frameAncestors",
+                  "label": "May be embedded on",
+                  "type": "chips",
+                  "addLabel": "Add",
+                  "confirmLabel": "Add",
+                  "placeholder": "https://www.example.nl",
+                  "pattern": "^https?://[A-Za-z0-9.-]+(:[0-9]+)?$",
+                  "patternMessage": "An address looks like https://www.example.nl.",
+                  "wide": true
+                }
+              ]
+            }
           },
           {
             "id": "portal-settings-theme",

src/registry.js

@@ -47,7 +47,6 @@ import PageTrafficFlow from './widgets/PageTrafficFlow.vue'
 import PortalAccessibility from './widgets/PortalAccessibility.vue'
 import PortalAccountWithdraw from './widgets/PortalAccountWithdraw.vue'
 import PortalCaseTypes from './widgets/PortalCaseTypes.vue'
-import PortalDetailsForm from './widgets/PortalDetailsForm.vue'
 import PortalHomePage from './widgets/PortalHomePage.vue'
 import PortalRegistration from './widgets/PortalRegistration.vue'
 import PortalSignin from './widgets/PortalSignin.vue'
@@ -252,17 +251,6 @@ export default {
 		propsSchema: null,
 		_note: "Who may make an account on the portal and the registrations waiting for approval (identity-staff-account-screens T07). Custom because the policy is saved inside the portal's authentication block and Approve and Refuse post the guarded account routes.",
 	},
-	// @custom-widget-ratchet exclude the portal's own fields, where the slug that pages and menus join on, the languages and the embedding origins are checked together and the save patches only the fields that changed, which no built-in form widget does in nc-vue 2.80
-	PortalDetailsForm: {
-		kind: 'widget',
-		component: PortalDetailsForm,
-		defaultSize: { w: 12, h: 8 },
-		minSize: { w: 6, h: 6 },
-		maxSize: { w: 12, h: 14 },
-		allowedSlots: ['body'],
-		propsSchema: null,
-		_note: "Gegevens van de portal, the first section of a portal's Instellingen tab (screens PtPortalInstellingen). The tab itself is a library sections widget; this is one of its sections. Custom because the slug, the languages and the embedding origins are checked together and the save patches only the fields that changed.",
-	},
 	// @custom-widget-ratchet exclude a read-only summary of the portal record in the side column (domains, house style, status) with the portal's own computed values, which no built-in widget draws without a data source
 	PortalSummaryCard: {
 		kind: 'widget',