src/components/apps/extranet/category-overview
// 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
// 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
// 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 %}
default mock data
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