category-overview

Information

Folder
src/components/apps/extranet/category-overview

Files

Schema
// src/components/apps/extranet/category-overview/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: https://finstral.com/apps/extranet/category-overview
type: object
required:
  - breadcrumb
  - categories
  - title
additionalProperties: false
properties:
  breadcrumb:
    type: array
    items:
      type: object
      additionalProperties: false
      required:
        - text
      properties:
        text:
          type: string
        url:
          type: string
          format: uri-reference
  categories:
    heading:
      type: string
    items:
      type: array
      card:
        type: string
        format: html
  title:
    type: string
Mocks
// src/components/apps/extranet/category-overview/mocks.yaml

breadcrumb:
  - text: Dashboard
    url: url
  - text: Extranet
    url: url
  - text: Marketing
categories:
  heading: Kategorien
  items:
    - $tpl: elements/link-card
      $ref: elements/link-card#Extranet Category Card
      link:
        label: Handbücher
    - $tpl: elements/link-card
      $ref: elements/link-card#Extranet Category Card
      link:
        label: Finstral-Logo
    - $tpl: elements/link-card
      $ref: elements/link-card#Extranet Category Card
      link:
        label: Prospekte und Anleitungen
    - $tpl: elements/link-card
      $ref: elements/link-card#Extranet Category Card
      link:
        label: Produktdatenblätter
    - $tpl: elements/link-card
      $ref: elements/link-card#Extranet Category Card
      link:
        label: Filme
title: Marketing
Template
// src/components/apps/extranet/category-overview/category-overview.twig

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

{% set app_extranet_category_overview %}
		{% include "@apps/extranet/category-overview/app-category-overview/app-category-overview.twig" with {
			categories: categories,
			title: title,
		} only %}
{% endset %}

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

Variants

default
Open