list

// src/components/apps/cloud/user-management/app-user-management/list/schema.yaml

$schema: http://json-schema.org/draft-07/schema
type: object
required:
  - read_only
  - support_email
  - users
additionalProperties: false
properties:
  read_only:
    type: boolean
  support_email:
    type: string
  users:
    $ref: https://finstral.com/apps/cloud/user-management#UserDataSchema
$id: '17'

// src/components/apps/cloud/user-management/app-user-management/list/mocks.yaml

read_only: false
users:
  - avatar_url: /build/assets/img/dummy/avatar/2.webp
    id: 2
    name: Jessica Lo Presti
    unit: Admin SICURCASA
    email: jessica@sicurcasa.it
    login: 2SRA-03@finstral.cloud
    role: Techniker, Composer
    services:
      - id: 1
        label: Contacts
        permissions:
          - active: false
            label: Admin
            value: 1
          - active: false
            label: Read and Write
            value: 2
          - active: true
            label: Read
            value: 3
          - active: false
            label: Delete
            value: 4
      - id: 2
        label: Composer
        permissions:
          - active: true
            label: Admin
            value: 5
          - active: true
            label: Read and Write
            value: 6
          - active: true
            label: Read
            value: 7
          - active: true
            label: Delete
            value: 8
      - id: 3
        label: Webmonitor
        permissions:
          - active: true
            label: Admin
            value: 9
          - active: true
            label: Read and Write
            value: 10
          - active: true
            label: Read
            value: 11
          - active: true
            label: Delete
            value: 12
    user_status:
      status: active
  - avatar_url: /build/assets/img/dummy/avatar/3.webp
    id: 3
    name: Claudia Ricci
    unit: Admin SICURCASA
    email: casarza@sicurcasa.it
    login: 2SRA-04@finstral.cloud
    role: Techniker, Composer
    services:
      - id: 1
        label: Contacts
        permissions:
          - active: false
            label: Admin
            value: 1
          - active: true
            label: Read and Write
            value: 2
          - active: true
            label: Read
            value: 3
          - active: false
            label: Delete
            value: 4
      - id: 2
        label: Composer
        permissions:
          - active: false
            label: Admin
            value: 5
          - active: true
            label: Read and Write
            value: 6
          - active: true
            label: Read
            value: 7
          - active: false
            label: Delete
            value: 8
      - id: 3
        label: Webmonitor
        permissions:
          - active: false
            label: Admin
            value: 9
          - active: true
            label: Read and Write
            value: 10
          - active: true
            label: Read
            value: 11
          - active: false
            label: Delete
            value: 12
    user_status:
      status: pending
      ticket:
        id: 123456
        url: /ticket-overview/123456
  - avatar_url: /build/assets/img/dummy/avatar/4.webp
    id: 4
    name: Patrizia Ciampolini
    unit: Admin SICURCASA
    email: chiavari@sicurcasa.it
    login: 2SRA-06@finstral.cloud
    role: Techniker, Composer
    services:
      - id: 1
        label: Contacts
        permissions:
          - active: false
            label: Admin
            value: 1
          - active: true
            label: Read and Write
            value: 2
          - active: true
            label: Read
            value: 3
          - active: false
            label: Delete
            value: 4
      - id: 2
        label: Composer
        permissions:
          - active: false
            label: Admin
            value: 5
          - active: true
            label: Read and Write
            value: 6
          - active: true
            label: Read
            value: 7
          - active: false
            label: Delete
            value: 8
      - id: 3
        label: Webmonitor
        permissions:
          - active: false
            label: Admin
            value: 9
          - active: true
            label: Read and Write
            value: 10
          - active: true
            label: Read
            value: 11
          - active: false
            label: Delete
            value: 12
    user_status:
      status: pending
      ticket:
        id: 789012
        url: /ticket-overview/789012
  - avatar_url: /build/assets/img/dummy/avatar/5.webp
    id: 5
    name: Mouen Silianane
    unit: Admin SICURCASA
    email: mauro@sicurcasa.it
    login: 2SRA1MF
    role: Verkauf
    services:
      - id: 1
        label: Contacts
        permissions:
          - active: true
            label: Admin
            value: 1
          - active: true
            label: Read and Write
            value: 2
          - active: true
            label: Read
            value: 3
          - active: true
            label: Delete
            value: 4
      - id: 2
        label: Composer
        permissions:
          - active: true
            label: Admin
            value: 5
          - active: true
            label: Read and Write
            value: 6
          - active: true
            label: Read
            value: 7
          - active: true
            label: Delete
            value: 8
      - id: 3
        label: Webmonitor
        permissions:
          - active: true
            label: Admin
            value: 9
          - active: true
            label: Read and Write
            value: 10
          - active: true
            label: Read
            value: 11
          - active: true
            label: Delete
            value: 12
    user_status:
      status: pending
      ticket:
        id: 677589
        url: /ticket-overview/677589
support_email: support@finstral.com

// src/components/apps/cloud/user-management/app-user-management/list/list.twig

<ul class="UserManagementList">
	{% for user in users %}
		<li class="UserManagementList-item">
			{% set avatar %}
				{% include "@elements/image/image.twig" with {
					alt: "",
					height: 128,
					uri: user.avatar_url,
					width: 128,
				} only %}
			{% endset %}

			{% set trigger %}
				<button
					class="UserManagementList-button"
					type="button"
					data-login="{{ user.login }}"
					data-mobile
				>
					<span class="UserManagementList-buttonImage">{{ avatar }}</span>
					<span class="u-typo-TextM">{{ user.name }}</span>
				</button>
			{% endset %}

			{% set content %}
				{% include "@apps/cloud/user-management/app-user-management/list/_details/_details.twig" with {
					read_only: read_only,
					support_email: support_email,
					user: user,
				} only %}
			{% endset %}

			{% include "@apps/cloud/user-management/app-user-management/_dialog/_dialog.twig" with {
				classes: ["UserManagementList-dialog"],
				trigger: trigger,
				content: content,
				avatar_url: user.avatar_url,
				name: user.name,
				unit: user.unit,
			} only %}
		</li>
	{% endfor %}
</ul>