generated from cms/tibi-docs
parent
86d8720c00
commit
63fa3c2846
api/collections
frontend/src/lib/components
Pagebuilder
widgets
types
@ -21,7 +21,7 @@ meta:
|
|||||||
enabled: true
|
enabled: true
|
||||||
fields:
|
fields:
|
||||||
- title
|
- title
|
||||||
- description
|
- alt
|
||||||
- file
|
- file
|
||||||
|
|
||||||
# "defaultImageFilter" dient auch hier nur zur Reduzierung der
|
# "defaultImageFilter" dient auch hier nur zur Reduzierung der
|
||||||
@ -120,6 +120,26 @@ fields:
|
|||||||
de: Datei
|
de: Datei
|
||||||
en: File
|
en: File
|
||||||
|
|
||||||
|
- name: alt
|
||||||
|
type: string
|
||||||
|
meta:
|
||||||
|
label:
|
||||||
|
de: Alternativtext
|
||||||
|
en: Alternative text
|
||||||
|
helperText:
|
||||||
|
de: Der Alternativtext wird angezeigt, wenn die Datei nicht geladen werden kann.
|
||||||
|
en: The alternative text is displayed if the file cannot be loaded.
|
||||||
|
|
||||||
|
- name: title
|
||||||
|
type: string
|
||||||
|
meta:
|
||||||
|
label:
|
||||||
|
de: Titel
|
||||||
|
en: Title
|
||||||
|
helperText:
|
||||||
|
de: Der Titel wird angezeigt, wenn die Datei geladen wird.
|
||||||
|
en: The title is displayed when the file is loaded.
|
||||||
|
|
||||||
- name: sort
|
- name: sort
|
||||||
type: number
|
type: number
|
||||||
meta:
|
meta:
|
||||||
|
@ -71,7 +71,7 @@
|
|||||||
{#if page?.active === false}
|
{#if page?.active === false}
|
||||||
<meta name="robots" content="noindex" />
|
<meta name="robots" content="noindex" />
|
||||||
{/if}
|
{/if}
|
||||||
<link rel="canonical" href="{baseURL + page.path}" />
|
<link rel="canonical" href="{baseURL + page?.path}" />
|
||||||
{/key}
|
{/key}
|
||||||
</svelte:head>
|
</svelte:head>
|
||||||
<div class="rows" class:HP="{path == '/'}">
|
<div class="rows" class:HP="{path == '/'}">
|
||||||
|
@ -24,7 +24,11 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<img src="{apiBaseURL}medialib/{card.image}/{$mediaLibrary?.[card?.image]?.file?.src}" alt="card" />
|
<img
|
||||||
|
src="{apiBaseURL}medialib/{card.image}/{$mediaLibrary?.[card?.image]?.file?.src}"
|
||||||
|
alt="{$mediaLibrary[card?.image]?.alt || ''}"
|
||||||
|
title="{$mediaLibrary[card?.image]?.title || ''}"
|
||||||
|
/>
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div
|
<div
|
||||||
|
@ -49,6 +49,7 @@
|
|||||||
href="{apiBaseURL}medialib/{nE.file}/{$mediaLibrary?.[nE?.file]?.file?.src}"
|
href="{apiBaseURL}medialib/{nE.file}/{$mediaLibrary?.[nE?.file]?.file?.src}"
|
||||||
style="text-decoration: none;"
|
style="text-decoration: none;"
|
||||||
download="{apiBaseURL}medialib/{nE.file}/{$mediaLibrary?.[nE?.file]?.file?.src}"
|
download="{apiBaseURL}medialib/{nE.file}/{$mediaLibrary?.[nE?.file]?.file?.src}"
|
||||||
|
|
||||||
>
|
>
|
||||||
<button class="more">mehr</button></a
|
<button class="more">mehr</button></a
|
||||||
>
|
>
|
||||||
|
@ -10,7 +10,11 @@
|
|||||||
<div class="iconBlock">
|
<div class="iconBlock">
|
||||||
{#each col.iconBlocks as icon}
|
{#each col.iconBlocks as icon}
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<img src="{`${apiBaseURL}medialib/${icon.icon}/${$mediaLibrary?.[icon?.icon]?.file?.src}`}" alt="img" />
|
<img
|
||||||
|
alt="{$mediaLibrary[icon.icon]?.alt || ''}"
|
||||||
|
title="{$mediaLibrary[icon.icon]?.title || ''}"
|
||||||
|
src="{`${apiBaseURL}medialib/${icon.icon}/${$mediaLibrary?.[icon?.icon]?.file?.src}`}"
|
||||||
|
/>
|
||||||
<div class="text">
|
<div class="text">
|
||||||
<em>{icon.bigText}</em>
|
<em>{icon.bigText}</em>
|
||||||
<p>{icon.smallText}</p>
|
<p>{icon.smallText}</p>
|
||||||
@ -46,7 +50,6 @@
|
|||||||
img {
|
img {
|
||||||
width: 75%;
|
width: 75%;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
|
||||||
}
|
}
|
||||||
.text {
|
.text {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -7,7 +7,11 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="image-container">
|
<div class="image-container">
|
||||||
<img src="{`${apiBaseURL}medialib/${image}/${$mediaLibrary[image]?.file?.src}`}" alt="img" />
|
<img
|
||||||
|
src="{`${apiBaseURL}medialib/${image}/${$mediaLibrary[image]?.file?.src}`}"
|
||||||
|
alt="{$mediaLibrary[image]?.alt || ''}"
|
||||||
|
title="{$mediaLibrary[image]?.title || ''}"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
{#if col && col.icons}
|
{#if col && col.icons}
|
||||||
<div class="icons">
|
<div class="icons">
|
||||||
@ -16,7 +20,8 @@
|
|||||||
<a href="{icon.link}" style="text-decoration: none;" target="_blank">
|
<a href="{icon.link}" style="text-decoration: none;" target="_blank">
|
||||||
<img
|
<img
|
||||||
src="{`${apiBaseURL}medialib/${icon.icon}/${$mediaLibrary[icon.icon]?.file?.src}`}"
|
src="{`${apiBaseURL}medialib/${icon.icon}/${$mediaLibrary[icon.icon]?.file?.src}`}"
|
||||||
alt="img"
|
alt="{$mediaLibrary[icon.icon]?.alt || ''}"
|
||||||
|
title="{$mediaLibrary[icon.icon]?.title || ''}"
|
||||||
/>
|
/>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
@ -11,7 +11,8 @@
|
|||||||
<div class="icon">
|
<div class="icon">
|
||||||
<img
|
<img
|
||||||
src="{`${apiBaseURL}medialib/${col.infoBoard.icon}/${$mediaLibrary[col.infoBoard.icon]?.file?.src}`}"
|
src="{`${apiBaseURL}medialib/${col.infoBoard.icon}/${$mediaLibrary[col.infoBoard.icon]?.file?.src}`}"
|
||||||
alt="img"
|
alt="{$mediaLibrary[col.infoBoard.icon]?.alt || ''}"
|
||||||
|
title="{$mediaLibrary[col.infoBoard.icon]?.title || ''}"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="title">
|
<div class="title">
|
||||||
|
@ -25,8 +25,9 @@
|
|||||||
src="{`${apiBaseURL}medialib/${p?.personPreview?.initialImage}/${
|
src="{`${apiBaseURL}medialib/${p?.personPreview?.initialImage}/${
|
||||||
$mediaLibrary[p?.personPreview?.initialImage]?.file?.src
|
$mediaLibrary[p?.personPreview?.initialImage]?.file?.src
|
||||||
}`}"
|
}`}"
|
||||||
alt="img"
|
|
||||||
style="opacity: {hover == i ? 0 : 1}"
|
style="opacity: {hover == i ? 0 : 1}"
|
||||||
|
alt="{$mediaLibrary[p?.personPreview?.initialImage]?.alt || ''}"
|
||||||
|
title="{$mediaLibrary[p?.personPreview?.initialImage]?.title || ''}"
|
||||||
/>
|
/>
|
||||||
<!-- Hover Image -->
|
<!-- Hover Image -->
|
||||||
<img
|
<img
|
||||||
@ -34,8 +35,9 @@
|
|||||||
src="{`${apiBaseURL}medialib/${p?.personPreview?.hoverImage}/${
|
src="{`${apiBaseURL}medialib/${p?.personPreview?.hoverImage}/${
|
||||||
$mediaLibrary[p?.personPreview?.hoverImage]?.file?.src
|
$mediaLibrary[p?.personPreview?.hoverImage]?.file?.src
|
||||||
}`}"
|
}`}"
|
||||||
alt="img"
|
|
||||||
style="opacity: {hover == i ? 1 : 0}"
|
style="opacity: {hover == i ? 1 : 0}"
|
||||||
|
alt="{$mediaLibrary[p?.personPreview?.hoverImage]?.alt || ''}"
|
||||||
|
title="{$mediaLibrary[p?.personPreview?.hoverImage]?.title || ''}"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="text">
|
<div class="text">
|
||||||
|
2
types/global.d.ts
vendored
2
types/global.d.ts
vendored
@ -60,6 +60,8 @@ type Column =
|
|||||||
|
|
||||||
interface MediaLibrary {
|
interface MediaLibrary {
|
||||||
file: FileField
|
file: FileField
|
||||||
|
alt: string
|
||||||
|
title: string
|
||||||
id: string
|
id: string
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user