asset-detail

Information

Folder
src/components/apps/extranet/asset-detail

Files

Schema 
// src/components/apps/extranet/asset-detail/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: https://finstral.com/apps/extranet/asset-detail
type: object
required:
  - breadcrumb
additionalProperties: false
properties:
  breadcrumb:
    type: array
    items:
      type: object
      additionalProperties: false
      required:
        - text
      properties:
        text:
          type: string
        url:
          type: string
          format: uri-reference
  back_link:
    type: string
    format: uri-reference
  details:
    type: array
    items:
      type: object
      additionalProperties: false
      required:
        - label
        - values
      properties:
        label:
          type: string
        values:
          type: array
          items:
            type: string
  downloads:
    type: array
    items:
      type: object
      additionalProperties: false
      required:
        - label
        - metadata
        - url
      properties:
        label:
          type: string
        url:
          type: string
          format: uri-reference
        metadata:
          type: object
          additionalProperties: false
          required:
            - filesize
            - filetype
          properties:
            filesize:
              type: string
            filetype:
              type: string
        file_icon:
          type: string
  asset:
    type: object
    additionalProperties: false
    required:
      - height
      - url
      - width
    properties:
      alt:
        type: string
      height:
        type: integer
      type:
        type: string
      url:
        type: string
        format: uri-reference
      width:
        type: integer
  title:
    type: string
Mocks 
// src/components/apps/extranet/asset-detail/mocks.yaml

breadcrumb:
  - text: Dashboard
    url: url
  - text: Extranet
    url: url
  - text: Marketing
    url: url
  - text: Prospekte und Anleitungen
    url: url
  - text: FIN-Door Flat Frame-Frame 78 Aluminium-Aluminium
asset:
  url: https://placehold.co/648x300
  width: 648
  height: 300
  alt: alt
title: FIN-Door Flat Frame-Frame 78 Aluminium-Aluminium
details:
  - label: Produktfamilie
    values:
      - Haustüren
  - label: Bautiefe
    values:
      - 78 mm
  - label: Rahmenmaterial
    values:
      - Aluminium-Aluminium
  - label: Aktualität-Freigabe
    values:
      - aktuell
  - label: System
    values:
      - Haustüren
      - FIN-Door
  - label: Sprache
    values:
      - Deutsch
downloads:
  - label: FIN-Door_Flat_Frame-Frame_78_Aluminium-Aluminium_de-DE.pdf
    url: https://example.com
    metadata:
      filesize: 14 MB
      filetype: pdf
    file_icon: doc
  - label: FIN-Door_Flat_Frame-Frame_78_Aluminium-Aluminium_de-DE.pdf
    url: https://example.com
    metadata:
      filesize: 14 MB
      filetype: pdf
    file_icon: pdf
  - label: FIN-Door_Flat_Frame-Frame_78_Aluminium-Aluminium_de-DE.pdf
    url: https://example.com
    metadata:
      filesize: 14 MB
      filetype: pdf
    file_icon: text
back_link: https://example.com
Template 
// src/components/apps/extranet/asset-detail/asset-detail.twig

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

{% set app_asset_detail %}
	{% include "@apps/extranet/asset-detail/app-asset-detail/app-asset-detail.twig" with {
		asset: asset,
		title: title,
		details: details,
		downloads: downloads,
		back_link: back_link,
	} only %}
{% endset %}

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

Variants

default
Open

FIN-Door Flat Frame-Frame 78 Aluminium-Aluminium

asset_detail.details.heading

Produktfamilie
Haustüren
Bautiefe
78 mm
Rahmenmaterial
Aluminium-Aluminium
Aktualität-Freigabe
aktuell
System
Haustüren
FIN-Door
Sprache
Deutsch

asset_detail.downloads.heading

asset_detail.back_link.label