Profile summary - Datanumia Developer Portal

Integration of the web component

This is a more technical section dedicated to developers. For a specific environment, use the correct base uri, specified in this section : Insert a webcomponent. Below is an example of implementation with redirection buttons enabled:

<html>
  <head>
    <link href="https://new-front-intersi.qa.datanumia.com/socle/fr/styles.css"
          rel="stylesheet">
    <script src="https://new-front-intersi.qa.datanumia.com/socle/fr/polyfills.js"
            type="module"></script>
    <script src="https://new-front-intersi.qa.datanumia.com/socle/fr/main.js"
            type="module"></script>

    <!-- Please import the file that contains the radius override -->
    <link href="https://app.example.org/style.css" rel="stylesheet">
  </head>
  <body>
    <dtn-profile-read enable-redirection-event="true"></dtn-profile-read>
  </body>
</html>

The dtn-profile-read HTML element implements a shadow DOM that allows it to be isolated from the rest of the application. For more information on what a shadow DOM is, please refer to the What are webcomponents section.

Inputs

enable-redirection-event

Controls whether profile cards are read-only or expose edit actions that emit a redirection event.

Name: enable-redirection-event
Required: No
Type: boolean
Default value: false

Outputs

dtn:profile-goto

Custom DOM event dispatched on window when the user clicks an “Edit” button on a section card. Requires enable-redirection-event="true".

Name: dtn:profile-goto
Type: ProfileGotoEventPayload
Emitted from: window

CSS Variables

Not applicable

Authentication

To access the data required to render this component, you first need to set up security in your application by following the guidelines listed in the Security for HOME Interfaces section. See more details in this section.

Types

ProfileSection

Allowed values
`general`
`housing`
`equipment`
`otherEquipment`
`lifestyle`

ProfileGotoEventPayload

key	Required	type	description
`section`	true	ProfileSection	The profile section key identifying the step to open in the profile form

Home Basic

​Integration of the web component

​Inputs

​enable-redirection-event

​Outputs

​dtn:profile-goto

​CSS Variables

​Authentication

​Types

​ProfileSection

​ProfileGotoEventPayload