profile

Information

Folder
src/components/apps/cloud/profile

Files

Schema
// src/components/apps/cloud/profile/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: https://finstral.com/apps/cloud/profile
$def:
  language_select_options:
    $anchor: LanguageSelectOptionsSchema
    type: array
    items:
      type: object
      required:
        - label
        - type
        - value
      additionalProperties: false
      properties:
        label:
          type: string
        type:
          type: string
          enum:
            - option
            - optgroup
        value:
          type: string
        selected:
          type: boolean
  profile_image:
    $anchor: ProfileImageSchema
    type: object
    required:
      - alt
      - uri
    additionalProperties: false
    properties:
      alt:
        type: string
      uri:
        type: string
        format: uri-reference
  services:
    $anchor: ServicesSchema
    type: array
    items:
      type: object
      required:
        - service
        - status
      additionalProperties: false
      properties:
        service:
          type: string
        status:
          type: string
          enum:
            - active
            - inactive
  user_profile_details:
    $anchor: UserProfileDetailsSchema
    type: object
    required:
      - first_name
      - last_name
    additionalProperties: false
    properties:
      email:
        type: string
      first_name:
        type: string
      last_name:
        type: string
      organisation:
        type: string
      phone:
        type: string
type: object
required:
  - breadcrumb
  - form_action
  - language_select_options
  - profile_image
  - services
  - support_email
  - user_profile_details
additionalProperties: false
properties:
  breadcrumb:
    type: array
    items:
      type: object
      additionalProperties: false
      required:
        - text
      properties:
        text:
          type: string
        url:
          type: string
          format: uri-reference
  form_action:
    type: string
  language_select_options:
    $ref: '#LanguageSelectOptionsSchema'
  profile_image:
    $ref: '#ProfileImageSchema'
  services:
    $ref: '#ServicesSchema'
  support_email:
    type: string
  user_profile_details:
    $ref: '#UserProfileDetailsSchema'
Mocks
// src/components/apps/cloud/profile/mocks.yaml

$hidden: true
form_action: /profile/edit
language_select_options:
  - type: option
    value: en
    label: English
    selected: true
  - type: option
    value: de
    label: German
  - type: option
    value: fr
    label: French
  - type: option
    value: es
    label: Spanish
profile_image:
  alt: Profile image of Tiziana Lagomarsino
  uri: /build/assets/img/dummy/avatar/6.webp
services:
  - service: Contacts
    status: active
  - service: Composer
    status: active
  - service: Webmonitor
    status: inactive
support_email: partnersupport@finstral.com
user_profile_details:
  email: tlagomarsino@finstral.com
  first_name: Tiziana
  last_name: Lagomarsino
  organisation: Admin SICURCASA
  phone: +39 0471 296622
$variants:
  - $name: Full page
    breadcrumb:
      - text: Dashboard
        url: /
      - text: Change Profile Data
Template
// src/components/apps/cloud/profile/profile.twig

{% set template_components_breadcrumb %}
	{% include "@template-components/breadcrumb/breadcrumb.twig" with {
		breadcrumb: breadcrumb
	} only %}
{% endset %}

{% set apps_cloud_profile_profile_edit %}
	{% include "@apps/cloud/profile/profile-edit/profile-edit.twig" with {
		form_action: form_action,
		language_select_options: language_select_options,
		profile_image: profile_image,
		services: services,
		support_email: support_email,
		user_profile_details: user_profile_details,
	} only %}
{% endset %}

{% include "@templates/cloud/cloud.twig" with {
		breadcrumb: template_components_breadcrumb,
		content: apps_cloud_profile_profile_edit,
} only %}

Variants

Full page
Open

profile_edit.page_title

Profile image of Tiziana Lagomarsino

profile_edit.change_contact_details_note

Tiziana Lagomarsino
Admin SICURCASA
  • tlagomarsino@finstral.com
  • +39 0471 296622

profile_edit.services.title

  • Contacts

    profile_edit_services.status.active
  • Composer

    profile_edit_services.status.active
  • Webmonitor

    profile_edit_services.status.inactive