drowl87/hextra_mirror
1
0
Fork 1
mirror of https://github.com/imfing/hextra.git synced 2025-05-13 17:56:26 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge 69585eeb1435a6504e5dffa5c54111e2f19a72a2 into de9f9b312e8ab9971fc555c346730a0ef1b0b231

Browse Source
This commit is contained in:
joe 2024-09-14 23:53:54 +01:00 committed by GitHub
commit b94b566171
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 22 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
exampleSite/content/docs/guide/shortcodes/cards.md
View File

@ -7,8 +7,8 @@ linkTitle: Cards
{{< cards >}} {{< cards >}}
{{< card link="../callout" title="Callout" icon="warning" >}} {{< card link="../callout" title="Callout" icon="warning" >}}
{{< card link="../callout" title="Card with tag" icon="tag" tag="custom tag">}} {{< card link="../callout" title="Card with tag" icon="tag" tag="A custom tag with Tooltip" tagtooltip="Tooltip for Tag">}}
{{< card link="/" title="No Icon" >}} {{< card link="/" title="No Icon, but with Tooltip" linktooltip="Tooltip for Link" >}}
{{< /cards >}} {{< /cards >}}
{{< cards >}} {{< cards >}}
@ -22,8 +22,8 @@ linkTitle: Cards
``` ```
{{</* cards */>}} {{</* cards */>}}
{{</* card link="../callout" title="Callout" icon="warning" */>}} {{</* card link="../callout" title="Callout" icon="warning" */>}}
{{</* card link="../callout" title="Card with tag" icon="warning" tag= "A custom tag" */>}} {{</* card link="../callout" title="Card with tag" tag="A custom tag with Tooltip" tagtooltip="Tooltip for Tag" */>}}
{{</* card link="/" title="No Icon" */>}} {{</* card link="/" title="No Icon, but with Tooltip" linktooltip="Tooltip for Link" */>}}
{{</* /cards */>}} {{</* /cards */>}}
``` ```
@ -37,14 +37,16 @@ linkTitle: Cards
## Card Parameters ## Card Parameters
| Parameter | Description | | Parameter | Description |
|----------- |-----------------------------------------------------------------| |---------------|-----------------------------------------------------------------------|
| `link` | URL (internal or external). | | `link` | URL (internal or external). |
| `title` | Title heading for the card. | | `title` | Title heading for the card. |
| `subtitle` | Subtitle heading (supports Markdown). | | `linktooltip` | Tooltip (title-attribut) for the link. |
| `icon` | Name of the icon. | | `subtitle` | Subtitle heading (supports Markdown). |
| `tag` | Text in tag. | | `icon` | Name of the icon. |
| `tagColor` | Color of the tag: `gray` (default), `yellow`, `red` and `blue`. | | `tag` | Text in tag. |
| `tagType` | Type of the tag: `info` (blue), `warning` (yellow) and `error` (red). |
| `tagtooltip` | Tooltip (title-attribut) for the Tag. |
## Image Card ## Image Card

5
layouts/partials/shortcodes/card.html
View File

@ -1,6 +1,7 @@
{{- $page := .page -}} {{- $page := .page -}}
{{- $link := .link -}} {{- $link := .link -}}
{{- $title := .title -}} {{- $title := .title -}}
{{- $linktooltip := .linktooltip -}}
{{- $icon := .icon -}} {{- $icon := .icon -}}
{{- $subtitle := .subtitle -}} {{- $subtitle := .subtitle -}}
{{- $image := .image -}} {{- $image := .image -}}
@ -9,6 +10,7 @@
{{- $imageStyle := .imageStyle -}} {{- $imageStyle := .imageStyle -}}
{{- $tag := .tag -}} {{- $tag := .tag -}}
{{- $tagType := .tagType -}} {{- $tagType := .tagType -}}
{{- $tagtooltip := .tagtooltip -}}
{{ $linkClass := "hover:hx-border-gray-300 hx-bg-transparent hx-shadow-sm dark:hx-border-neutral-800 hover:hx-bg-slate-50 hover:hx-shadow-md dark:hover:hx-border-neutral-700 dark:hover:hx-bg-neutral-900" }} {{ $linkClass := "hover:hx-border-gray-300 hx-bg-transparent hx-shadow-sm dark:hx-border-neutral-800 hover:hx-bg-slate-50 hover:hx-shadow-md dark:hover:hx-border-neutral-700 dark:hover:hx-bg-neutral-900" }}
{{- with $image -}} {{- with $image -}}
@ -25,6 +27,7 @@
href="{{ $href }}" href="{{ $href }}"
{{ with $external }}target="_blank" rel="noreferrer"{{ end -}} {{ with $external }}target="_blank" rel="noreferrer"{{ end -}}
{{- end -}} {{- end -}}
{{- with $linktooltip }}title="{{- . -}}"{{ end -}}
> >
{{- with $image -}} {{- with $image -}}
<img <img
@ -61,7 +64,7 @@
{{ $tagClass := cond (eq $tagType "info") $infoClass (cond (eq $tagType "warning") $warningClass (cond (eq $tagType "error") $errorClass $defaultClass)) }} {{ $tagClass := cond (eq $tagType "info") $infoClass (cond (eq $tagType "warning") $warningClass (cond (eq $tagType "error") $errorClass $defaultClass)) }}
<div class="hextra-card-tag"> <div class="hextra-card-tag">
<span class="hx-inline-block hx-rounded-full hx-px-2.5 hx-leading-6 {{ $tagClass }}">{{ $tag }}</span> <span class="hx-inline-block hx-rounded-full hx-px-2.5 hx-leading-6 {{ $tagClass }}" {{- with $tagtooltip }}title="{{- . -}}"{{ end -}} >{{ $tag }}</span>
</div> </div>
{{- end -}} {{- end -}}
</a> </a>

4
layouts/shortcodes/card.html
View File

@ -1,6 +1,7 @@
{{- $context := . -}} {{- $context := . -}}
{{- $link := .Get "link" -}} {{- $link := .Get "link" -}}
{{- $title := .Get "title" -}} {{- $title := .Get "title" -}}
{{- $linktooltip := .Get "linktooltip" -}}
{{- $icon := .Get "icon" -}} {{- $icon := .Get "icon" -}}
{{- $subtitle := .Get "subtitle" -}} {{- $subtitle := .Get "subtitle" -}}
{{- $image := .Get "image" -}} {{- $image := .Get "image" -}}
@ -9,6 +10,7 @@
{{- $imageStyle := .Get "imageStyle" -}} {{- $imageStyle := .Get "imageStyle" -}}
{{- $tag := .Get "tag" -}} {{- $tag := .Get "tag" -}}
{{- $tagType := .Get "tagType" -}} {{- $tagType := .Get "tagType" -}}
{{- $tagtooltip := .Get "tagtooltip" -}}
{{/* Image processing options */}} {{/* Image processing options */}}
{{- $method := .Get "method" | default "Resize" | humanize -}} {{- $method := .Get "method" | default "Resize" | humanize -}}
@ -44,6 +46,7 @@
"page" .Page "page" .Page
"link" $link "link" $link
"title" $title "title" $title
"linktooltip" $linktooltip
"icon" $icon "icon" $icon
"subtitle" $subtitle "subtitle" $subtitle
"image" $image "image" $image
@ -52,5 +55,6 @@
"imageStyle" $imageStyle "imageStyle" $imageStyle
"tag" $tag "tag" $tag
"tagType" $tagType "tagType" $tagType
"tagtooltip" $tagtooltip
) )
-}} -}}