Contact step page

.xp-codegen/site/content-types/contact-step-page/index.d.ts

@@ -0,0 +1,80 @@
+// WARNING: This file was automatically generated by "no.item.xp.codegen". You may lose your changes if you edit it.
+export type ContactStepPage = {
+  /**
+   * Sett side-tittel
+   */
+  title?: string;
+
+  /**
+   * Tittel for utlisting og sortering
+   */
+  sortTitle?: string;
+
+  /**
+   * Norsk tittel (hvis fremmedspråklig innhold)
+   */
+  norwegianTitle?: string;
+
+  /**
+   * Tekst over tittel
+   */
+  textAboveTitle?: string;
+
+  /**
+   * Velg piktogram
+   */
+  illustration: string;
+
+  /**
+   * Ingress
+   */
+  html?: string;
+
+  /**
+   * Må begynne med '/start/[målgruppe dersom ikke privatperson]'
+   */
+  customPath: string;
+
+  /**
+   * Overskrift
+   */
+  linkPanelsHeading?: string;
+
+  /**
+   * Undertittel
+   */
+  linkPanelsSubHeading?: string;
+
+
+  linkPanels: Array<{
+    /**
+     * Innhold det skal lenkes til
+     */
+    target: string;
+
+    /**
+     * Lenketekst (hvis tom vil tittel på innholdet vises)
+     */
+    text?: string;
+
+    /**
+     * Ingress
+     */
+    ingress?: string;
+  }>;
+
+  /**
+   * Tilbakelenke
+   */
+  backLink: {
+    /**
+     * Innhold det skal lenkes til
+     */
+    target: string;
+
+    /**
+     * Lenketekst (hvis tom vil tittel på innholdet vises)
+     */
+    text?: string;
+  };
+};

.xp-codegen/site/content-types/index.d.ts

@@ -8,6 +8,7 @@ export type Calculator = import("./calculator").Calculator;
 export type Cms2xp_page = import("./cms2xp_page").Cms2xp_page;
 export type Cms2xp_section = import("./cms2xp_section").Cms2xp_section;
 export type ContactInformation = import("./contact-information").ContactInformation;
+export type ContactStepPage = import("./contact-step-page").ContactStepPage;
 export type ContentDataLocaleFallback = import("./content-data-locale-fallback").ContentDataLocaleFallback;
 export type ContentList = import("./content-list").ContentList;
 export type ContentPageWithSidemenus = import("./content-page-with-sidemenus").ContentPageWithSidemenus;
@@ -66,6 +67,7 @@ declare global {
       "no.nav.navno:cms2xp_page": Cms2xp_page;
       "no.nav.navno:cms2xp_section": Cms2xp_section;
       "no.nav.navno:contact-information": ContactInformation;
+      "no.nav.navno:contact-step-page": ContactStepPage;
       "no.nav.navno:content-data-locale-fallback": ContentDataLocaleFallback;
       "no.nav.navno:content-list": ContentList;
       "no.nav.navno:content-page-with-sidemenus": ContentPageWithSidemenus;

.xp-codegen/site/mixins/html-area/index.d.ts

@@ -0,0 +1,7 @@
+// WARNING: This file was automatically generated by "no.item.xp.codegen". You may lose your changes if you edit it.
+export type HtmlArea = {
+  /**
+   * Ingress
+   */
+  html?: string;
+};

.xp-codegen/site/mixins/index.d.ts

@@ -19,6 +19,7 @@ export type FormDetailsSelector = import("./form-details-selector").FormDetailsS
 export type FormIntermediateStepData = import("./form-intermediate-step-data").FormIntermediateStepData;
 export type FormIntermediateStepDataAction = import("./form-intermediate-step-data-action").FormIntermediateStepDataAction;
 export type HeaderWithAnchor = import("./header-with-anchor").HeaderWithAnchor;
+export type HtmlArea = import("./html-area").HtmlArea;
 export type IconSelector = import("./icon-selector").IconSelector;
 export type Illustration = import("./illustration").Illustration;
 export type Ingress = import("./ingress").Ingress;

src/main/resources/lib/contenttype-lists.ts

@@ -32,6 +32,7 @@ export const dynamicPageContentTypes = [
     `${APP_DESCRIPTOR}:area-page`,
     `${APP_DESCRIPTOR}:press-landing-page`,
     `${APP_DESCRIPTOR}:forms-overview`,
+    `${APP_DESCRIPTOR}:contact-step-page`,
 ] as const satisfies ContentTypeList;
 
 export const linkContentTypes = [

src/main/resources/lib/guillotine/queries/content-queries/contactStepPageQuery.graphql

@@ -0,0 +1,11 @@
+#import "../fragments/contentCommonWithPageFragment.graphql"
+#import "../fragments/content-types/contactStepPageFragment.graphql"
+
+query contactStepPageQuery($ref: ID!) {
+    guillotine {
+        get(key: $ref) {
+            ...contentCommonWithPage
+            ...contactStepPage
+        }
+    }
+}

src/main/resources/lib/guillotine/queries/fragments/content-types/contactStepPageFragment.graphql

@@ -0,0 +1,29 @@
+#import "../mixins/animatedIconsTargetFragment.graphql"
+#import "../mixins/internalLinkTargetFragment.graphql"
+#import "../contentCommonFragment.graphql"
+#import "../richText/richTextFragment.graphql"
+
+fragment contactStepPage on no_nav_navno_ContactStepPage {
+    dataAsJson
+    data {
+        illustration {
+            ...animatedIconsTargetMixin
+        }
+        linkPanels {
+            target {
+                ...internalLinkTargetMixin
+            }
+            text
+            ingress
+        }
+        backLink {
+            target {
+                ...internalLinkTargetMixin
+            }
+            text
+        }
+        html(processHtml: { type: server }) {
+            ...richText
+        }
+    }
+}

src/main/resources/lib/guillotine/queries/run-content-query.ts

@@ -30,6 +30,7 @@ import areaPageQuery from './content-queries/areaPageQuery.graphql';
 import contactInformationQuery from './content-queries/contactInformationQuery.graphql';
 import calculatorQuery from './content-queries/calculatorQuery.graphql';
 import contentPageWithSidemenusQuery from './content-queries/contentPageWithSidemenusQuery.graphql';
+import contactStepPageQuery from './content-queries/contactStepPageQuery.graphql';
 import dynamicPageQuery from './content-queries/dynamicPageQuery.graphql';
 import externalLinkQuery from './content-queries/externalLinkQuery.graphql';
 import frontPageQuery from './content-queries/frontPageQuery.graphql';
@@ -86,6 +87,7 @@ export const graphQlContentQueries: { [type in ContentDescriptor]?: string } = {
     'no.nav.navno:area-page': areaPageQuery,
     'no.nav.navno:calculator': calculatorQuery,
     'no.nav.navno:contact-information': contactInformationQuery,
+    'no.nav.navno:contact-step-page': contactStepPageQuery,
     'no.nav.navno:content-page-with-sidemenus': contentPageWithSidemenusQuery,
     'no.nav.navno:product-details': productDetailsQuery,
     'no.nav.navno:form-details': formDetailsQuery,

src/main/resources/site/content-types/contact-step-page/contact-step-page.xml

@@ -0,0 +1,67 @@
+<content-type>
+    <display-name>Mellomsteg for kontaktside</display-name>
+    <super-type>base:structured</super-type>
+    <is-abstract>false</is-abstract>
+    <is-final>true</is-final>
+    <form>
+        <field-set>
+            <label>Tittel og ingress</label>
+            <items>
+                <mixin name="page-header" />
+                <input type="TextLine" name="textAboveTitle">
+                    <label>Tekst over tittel</label>
+                    <occurrences minimum="0" maximum="1" />
+                </input>
+                <mixin name="illustration" />
+                <mixin name="html-area" />
+            </items>
+        </field-set>
+        <field-set>
+            <label>Kort-url</label>
+            <items>
+                <input name="customPath" type="CustomSelector">
+                    <label>Må begynne med '/start/[målgruppe dersom ikke privatperson]'</label>
+                    <occurrences minimum="1" maximum="1" />
+                    <config>
+                        <service>customPathSelector</service>
+                    </config>
+                </input>
+            </items>
+        </field-set>
+        <field-set>
+            <label>Lenker</label>
+            <items>
+                <input name="linkPanelsHeading" type="TextLine">
+                    <label>Overskrift</label>
+                    <occurrences minimum="0" maximum="1" />
+                </input>
+                <input name="linkPanelsSubHeading" type="TextLine">
+                    <label>Undertittel</label>
+                    <occurrences minimum="0" maximum="1" />
+                </input>
+                <item-set name="linkPanels">
+                    <occurrences minimum="1" maximum="0" />
+                    <items>
+                        <mixin name="link-internal" />
+                        <input type="TextArea" name="ingress">
+                            <label>Ingress</label>
+                            <occurrences minimum="0" maximum="1" />
+                        </input>
+                    </items>
+                </item-set>
+            </items>
+        </field-set>
+        <field-set>
+            <label>Tilbakelenke</label>
+            <items>
+                <item-set name="backLink">
+                    <label>Tilbakelenke</label>
+                    <occurrences minimum="1" maximum="1" />
+                    <items>
+                        <mixin name="link-internal" />
+                    </items>
+                </item-set>
+            </items>
+        </field-set>
+    </form>
+</content-type>

src/main/resources/site/mixins/html-area/html-area.xml

@@ -0,0 +1,17 @@
+<mixin>
+    <display-name>Html Area</display-name>
+    <form>
+        <input name="html" type="HtmlArea">
+            <label>Ingress</label>
+            <occurrences minimum="0" maximum="1"/>
+            <config>
+                <service>htmlFragmentSelector</service>
+                <include>Undo Redo Bold</include>
+                <exclude>JustifyBlock JustifyLeft JustifyCenter JustifyRight Outdent Indent
+                    Anchor Table
+                </exclude>
+                <allowHeadings>normal h2 h3 h4</allowHeadings>
+            </config>
+        </input>
+    </form>
+</mixin>