Rockingcool/paige-hugo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add tabs shortcode

Browse Source
This commit is contained in:
Will Faught
2024-07-08 10:08:04 -07:00
parent 6378ac1bfc
commit 98ba641b30
7 changed files with 214 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
layouts/shortcodes/paige/tabs/button.html Normal file
View File

@@ -0,0 +1,16 @@
{{ $content := chomp .Inner | markdownify }}
{{ $tabcount := .Page.Scratch.Get "paige-tabs" | default 0 }}
{{ if not $content }}
{{ errorf "layouts/shortcodes/paige/tab/button.html: no content" }}
{{ end }}
{{ .Page.Scratch.Add "paige-tabs-button" 1 }}
{{ $buttoncount := .Page.Scratch.Get "paige-tabs-button" }}
{{ $active := eq $buttoncount 1 }}
<li class="nav-item" role="presentation">
<button aria-controls="paige-tabs-{{ $tabcount }}-pane-{{ $buttoncount }}" aria-selected="{{ $active }}" class="{{ if $active }} active {{ end }} nav-link" data-bs-target="#paige-tabs-{{ $tabcount }}-pane-{{ $buttoncount }}" data-bs-toggle="tab" id="paige-tabs-{{ $tabcount }}-button-{{ $buttoncount }}" role="tab" type="button">{{ $content }}</button>
</li>

9
layouts/shortcodes/paige/tabs/buttons.html Normal file
View File

@@ -0,0 +1,9 @@
{{ $content := chomp .Inner }}
{{ .Page.Scratch.Set "paige-tabs-button" 0 }}
<div class="paige-tab-buttons">
<ul class="mb-3 nav nav-tabs" role="tablist">
{{ $content }}
</ul>
</div>

14
layouts/shortcodes/paige/tabs/pane.html Normal file
View File

@@ -0,0 +1,14 @@
{{ $content := chomp .Inner | markdownify }}
{{ $tabcount := .Page.Scratch.Get "paige-tabs" | default 0 }}
{{ if not $content }}
{{ errorf "layouts/shortcodes/paige/tab/pane.html: no content" }}
{{ end }}
{{ .Page.Scratch.Add "paige-tabs-pane" 1 }}
{{ $panecount := .Page.Scratch.Get "paige-tabs-pane" }}
{{ $active := eq $panecount 1 }}
<div aria-labelledby="paige-tabs-{{ $tabcount }}-button-{{ $panecount }}" class="{{ if $active }} active {{ end }} fade {{ if $active }} show {{ end }} tab-pane" id="paige-tabs-{{ $tabcount }}-pane-{{ $panecount }}" role="tabpanel" tabindex="0">{{ $content }}</div>

9
layouts/shortcodes/paige/tabs/panes.html Normal file
View File

@@ -0,0 +1,9 @@
{{ $content := chomp .Inner }}
{{ .Page.Scratch.Set "paige-tabs-pane" 0 }}
<div class="paige-tab-panes">
<div class="tab-content">
{{ $content }}
</div>
</div>