From 9f90c40517391901533f25bad48f5efb574b5605 Mon Sep 17 00:00:00 2001
From: Alex Shpak <alex-shpak@users.noreply.github.com>
Date: Thu, 23 May 2019 17:48:30 +0200
Subject: #39, Finish tabs shortcode

---
 layouts/shortcodes/mermaid.html |  2 +-
 layouts/shortcodes/tabs.html    | 24 +++++++++++++++++++-----
 2 files changed, 20 insertions(+), 6 deletions(-)

(limited to 'layouts/shortcodes')

diff --git a/layouts/shortcodes/mermaid.html b/layouts/shortcodes/mermaid.html
index d156f07..0d4ff86 100644
--- a/layouts/shortcodes/mermaid.html
+++ b/layouts/shortcodes/mermaid.html
@@ -1,6 +1,6 @@
 {{ if not (.Page.Scratch.Get "mermaid") }}
 <!-- Include mermaid only first time -->
-<script src="{{ "mermaid.min.js" | absURL }}"></script>
+<script src="{{ "mermaid.min.js" | relURL }}"></script>
 {{ .Page.Scratch.Set "mermaid" true }}
 {{ end }}
 
diff --git a/layouts/shortcodes/tabs.html b/layouts/shortcodes/tabs.html
index 65c1f02..b6390df 100644
--- a/layouts/shortcodes/tabs.html
+++ b/layouts/shortcodes/tabs.html
@@ -2,18 +2,32 @@
 {{ $id := .Get 0 }}
 {{ $group := printf "tabs-%s" $id }}
 
+<!-- 
 <div class="book-tabs">
   <div class="book-tabs-head">
-  {{ range $index, $tab :=  .Scratch.Get $group}}
+  {{ range $index, $tab :=  .Scratch.Get $group }}
     <label for="{{ printf "%s-%d" $group $index }}">
-      <span>{{ $tab.Name }}</span>
+      {{ $tab.Name }}
     </label>
   {{ end }}
   </div>
-  {{ range $index, $tab := .Scratch.Get $group}}
+  {{ range $index, $tab := .Scratch.Get $group }}
   <input type="radio" name="{{ $group }}" style="display: none;" id="{{ printf "%s-%d" $group $index }}" {{ if not $index }}checked="checked"{{ end }} />
-  <div class="book-tabs-content markdown-inner">
-    <span>{{ .Content | markdownify }}</span>
+  <div class="book-tabs-content book-tabs-{{ $index }} markdown-inner">
+    {{ .Content | markdownify }}
   </div>
   {{ end }}
 </div>
+-->
+
+<div class="book-tabs">
+{{ range $index, $tab :=  .Scratch.Get $group }}
+  <input type="radio" name="{{ $group }}" style="display: none;" id="{{ printf "%s-%d" $group $index }}" {{ if not $index }}checked="checked"{{ end }} />
+  <label for="{{ printf "%s-%d" $group $index }}">
+    {{ $tab.Name }}
+  </label>
+  <div class="book-tabs-content markdown-inner">
+    {{ .Content | markdownify }}
+  </div>
+{{ end }}
+</div>
-- 
cgit v1.2.3