2023-11-10 08:59:22

layouts/shortcodes/accordion.html

@@ -2,8 +2,8 @@
 
 */ -}}
 
-{{ $id := (printf "sc-%s" ((printf "%s-%d" (.Name) (.Ordinal)) | md5)) }}
+{{ $id := ((printf "sc-%s-%d" ($.Name) (.Ordinal)) | md5) }}
 
-<div class="accordion mb-3" id="{{ ($id) }}">
+<div class="accordion mb-3 shortcode shortcode-{{ ($.Name) }}" id="sc-{{ ($id) }}">
     {{ with (.Inner) }}{{ . }}{{ end }}
 </div>

layouts/shortcodes/accordionItem.html

@@ -3,35 +3,35 @@
 */ -}}
 
 {{ $title := ((.Get 0) | default (printf "Accordion Item #%d" (.Ordinal))) }}
-{{ $id := (printf "sc-%s" ((delimit (shuffle (seq 11 99)) "") | md5)) }}
+{{ $id := ((printf "sc-%s-%s" ($.Name) (delimit (shuffle (seq 11 99)) "")) | md5) }}
 
 {{ if (and (ne (.Parent) nil) (eq (.Parent.Name) "accordion")) }}
-    {{ $pid := (printf "sc-%s" ((printf "%s-%d" (.Parent.Name) (.Parent.Ordinal)) | md5)) }}
+    {{ $pid := ((printf "sc-%s-%d" (.Parent.Name) (.Parent.Ordinal)) | md5) }}
     <div class="accordion-item">
       <div class="accordion-header">
         <a class="accordion-button collapsed" href="#" role="button" tabindex="0"
-           data-bs-toggle="collapse" data-bs-target="#{{ ($id) }}"
-           aria-expanded="false" aria-controls="{{ ($id) }}" aria-label="{{ ($title) }}">
+           data-bs-toggle="collapse" data-bs-target="#sc-{{ ($id) }}"
+           aria-expanded="false" aria-controls="sc-{{ ($id) }}" aria-label="{{ ($title) }}">
             {{ ($title) }}
         </a>
       </div>
-      <div class="accordion-collapse collapse" id="{{ ($id) }}" data-bs-parent="#{{ ($pid) }}">
+      <div class="accordion-collapse collapse" id="sc-{{ ($id) }}" data-bs-parent="#sc-{{ ($pid) }}">
         <div class="accordion-body">
             {{ with (.Inner) }}{{ (. | $.Page.RenderString (dict "display" "block")) }}{{ end }}
         </div>
       </div>
     </div>
 {{ else }}
-  <div class="accordion mb-3">
+  <div class="accordion mb-3 shortcode shortcode-{{ ($.Name) }}">
     <div class="accordion-item">
       <div class="accordion-header">
         <a class="accordion-button collapsed" href="#" role="button"
-           data-bs-toggle="collapse" data-bs-target="#{{ ($id) }}"
-           aria-expanded="false" aria-controls="{{ ($id) }}" aria-label="{{ ($title) }}">
+           data-bs-toggle="collapse" data-bs-target="#sc-{{ ($id) }}"
+           aria-expanded="false" aria-controls="sc-{{ ($id) }}" aria-label="{{ ($title) }}">
             {{ ($title) }}
         </a>
       </div>
-      <div class="accordion-collapse collapse" id="{{ ($id) }}">
+      <div class="accordion-collapse collapse" id="sc-{{ ($id) }}">
         <div class="accordion-body">
             {{ with (.Inner) }}{{ (. | $.Page.RenderString (dict "display" "block")) }}{{ end }}
         </div>

layouts/shortcodes/file.html

@@ -19,7 +19,7 @@ the syntax highlighting language from the file extension will be automatically s
 
     {{ with ($.Page.Resources.Match ($file)) }}
         {{ range . }}
-            {{ $cp := (printf "clipboard-%s" ((delimit (shuffle (seq 11 99)) "") | md5)) }}
+            {{ $cp := ((printf "clipboard-%s-%s" ($.Name) (delimit (shuffle (seq 11 99)) "")) | md5) }}
             <div class="shortcode shortcode-{{ ($.Name) }} mb-3">
               <div class="card overflow-hidden">
                 <div class="card-header">
@@ -34,7 +34,7 @@ the syntax highlighting language from the file extension will be automatically s
                       <ul class="list-inline mb-0">
                         <li class="list-inline-item" data-bs-tooltip data-bs-title='{{ (i18n "sc.file.copy") }}'>
                           <a class="text-body" href="#"
-                             data-fn="clipboard preventDefault" data-clipboard-target="#{{ ($cp) }}"
+                             data-fn="clipboard preventDefault" data-clipboard-target="#cp-{{ ($cp) }}"
                              role="button" aria-label='{{ (i18n "sc.file.copy") }}'>
                             <i class="fas fa-copy fa-fw"></i>
                           </a>
@@ -55,7 +55,7 @@ the syntax highlighting language from the file extension will be automatically s
                     </div>
                   </div>
                 </div>
-                <div class="card-body" id="{{ ($cp) }}">
+                <div class="card-body" id="cp-{{ ($cp) }}">
                     {{ if (eq (($lang) | len) 0) }}
                         {{ $lang = ((replace (path.Ext (.Name)) "." "") | default "plaintext") }}
                     {{ end }}

layouts/shortcodes/ghFile.html

@@ -28,7 +28,7 @@ GitHub file content.
     {{ range ((split $file "/") | first 2) }}{{ ($data.Add "repo" (slice .)) }}{{ end }}
     {{ range ((split $file "/") | after 2) }}{{ ($data.Add "path" (slice .)) }}{{ end }}
     {{ $file = (getJSON ($api.github.url) "/repos/" (delimit ($data.Get "repo") "/") "/contents/" (delimit ($data.Get "path") "/") "?ref=" ($ref) "&ts=" ($ts) ($headers)) }}
-    {{ $cp := (printf "clipboard-%s" ((delimit (shuffle (seq 11 99)) "") | md5)) }}
+    {{ $cp := ((printf "clipboard-%s-%s" ($.Name) (delimit (shuffle (seq 11 99)) "")) | md5) }}
 
     <div class="shortcode shortcode-{{ ($.Name) }} mb-3">
       <div class="card overflow-hidden">
@@ -49,7 +49,7 @@ GitHub file content.
                   {{ end }}
                 <li class="list-inline-item" data-bs-tooltip data-bs-title='{{ (i18n "sc.github.file.copy") }}'>
                   <a class="text-body" href="#"
-                     data-fn="clipboard preventDefault" data-clipboard-target="#{{ ($cp) }}"
+                     data-fn="clipboard preventDefault" data-clipboard-target="#cp-{{ ($cp) }}"
                      role="button" aria-label='{{ (i18n "sc.github.file.copy") }}'>
                     <i class="fas fa-copy fa-fw"></i>
                   </a>
@@ -76,7 +76,7 @@ GitHub file content.
             </div>
           </div>
         </div>
-        <div class="card-body" id="{{ ($cp) }}">
+        <div class="card-body" id="cp-{{ ($cp) }}">
             {{ if (eq (($lang) | len) 0) }}
                 {{ $lang = ((replace (path.Ext (delimit ($data.Get "path") "/")) "." "") | default "plaintext") }}
             {{ end }}

layouts/shortcodes/glFile.html

@@ -27,7 +27,7 @@ GitLab file content.
     ) }}
 
     {{ $file = (getJSON ($api.gitlab.url) "/projects/" ($project) "/repository/files/" ($file) "?ref=" ($ref) "&ts=" ($ts) ($headers)) }}
-    {{ $cp := (printf "clipboard-%s" ((delimit (shuffle (seq 11 99)) "") | md5)) }}
+    {{ $cp := ((printf "clipboard-%s-%s" ($.Name) (delimit (shuffle (seq 11 99)) "")) | md5) }}
 
     <div class="shortcode shortcode-{{ ($.Name) }} mb-3">
       <div class="card overflow-hidden">
@@ -48,7 +48,7 @@ GitLab file content.
                   {{ end }}
                 <li class="list-inline-item" data-bs-tooltip data-bs-title='{{ (i18n "sc.gitlab.file.copy") }}'>
                   <a class="text-body" href="#"
-                     data-fn="clipboard preventDefault" data-clipboard-target="#{{ ($cp) }}"
+                     data-fn="clipboard preventDefault" data-clipboard-target="#cp-{{ ($cp) }}"
                      role="button" aria-label='{{ (i18n "sc.gitlab.file.copy") }}'>
                     <i class="fas fa-copy fa-fw"></i>
                   </a>
@@ -57,7 +57,7 @@ GitLab file content.
             </div>
           </div>
         </div>
-        <div class="card-body" id="{{ ($cp) }}">{{ (highlight ((($file.content) | base64Decode) | chomp) ($lang)) }}</div>
+        <div class="card-body" id="cp-{{ ($cp) }}">{{ (highlight ((($file.content) | base64Decode) | chomp) ($lang)) }}</div>
       </div>
     </div>
 

layouts/shortcodes/resource.html

@@ -23,7 +23,7 @@
             {{ $resURL := (.RelPermalink) }}
             {{ with (.Resources.Match ($file)) }}
                 {{ range . }}
-                    {{ $cp := (printf "clipboard-%s" ((delimit (shuffle (seq 11 99)) "") | md5)) }}
+                    {{ $cp := ((printf "clipboard-%s-%s" ($.Name) (delimit (shuffle (seq 11 99)) "")) | md5) }}
                     <div class="shortcode shortcode-{{ ($.Name) }} mb-3">
                       <div class="card overflow-hidden">
                         <div class="card-header">
@@ -38,7 +38,7 @@
                               <ul class="list-inline mb-0">
                                 <li class="list-inline-item" data-bs-tooltip data-bs-title='{{ (i18n "sc.file.copy") }}'>
                                   <a class="text-body" href="#"
-                                     data-fn="clipboard preventDefault" data-clipboard-target="#{{ ($cp) }}"
+                                     data-fn="clipboard preventDefault" data-clipboard-target="#cp-{{ ($cp) }}"
                                      role="button" aria-label='{{ (i18n "sc.file.copy") }}'>
                                     <i class="fas fa-copy fa-fw"></i>
                                   </a>
@@ -59,7 +59,7 @@
                             </div>
                           </div>
                         </div>
-                        <div class="card-body" id="{{ ($cp) }}">
+                        <div class="card-body" id="cp-{{ ($cp) }}">
                             {{ if (eq (($lang) | len) 0) }}
                                 {{ $lang = ((replace (path.Ext (.Name)) "." "") | default "plaintext") }}
                             {{ end }}

layouts/shortcodes/spb.html

@@ -22,17 +22,17 @@
     {{ end }}
 {{ end }}
 
-{{ $id := (printf "sc-%s" ((delimit (shuffle (seq 11 99)) "") | md5)) }}
+{{ $id := ((printf "sc-%s-%s" ($.Name) (delimit (shuffle (seq 11 99)) "")) | md5) }}
 
 <div class="shortcode shortcode-{{ ($.Name) }}">
   <p>
     <a class="btn btn-{{ ($type) }}" href="#" role="button" tabindex="0"
-       data-bs-toggle="collapse" data-bs-target="#{{ ($id) }}"
+       data-bs-toggle="collapse" data-bs-target="#sc-{{ ($id) }}"
        aria-label="{{ ($title) }}">
       <span>{{ ($title) }}</span>
     </a>
   </p>
-  <div class="collapse" id="{{ ($id) }}">
+  <div class="collapse" id="sc-{{ ($id) }}">
     <div class="card card-body mb-3">
         {{ with (.Inner) }}{{ (. | $.Page.RenderString (dict "display" "block")) }}{{ end }}
     </div>

layouts/shortcodes/spi.html

@@ -6,13 +6,13 @@
   {{< spi >}}Lorem ipsum dolor sit amet, consectetur adipiscing elit.{{< /spi >}}
 */ -}}
 
-{{- $id := (printf "sc-%s-%s" ($.Name) ((delimit (shuffle (seq 11 99)) "") | md5)) -}}
+{{- $id := ((printf "sc-%s-%s" ($.Name) (delimit (shuffle (seq 11 99)) "")) | md5) -}}
 
-<span id="{{ ($id) }}" class="shortcode shortcode-{{ ($.Name) }}"><span class="d-inline"><i class="fas fa-question-circle fa-fw"></i></span><span class="d-none">{{ ((.Inner) | markdownify) }}</span></span>
+<span id="sc-{{ ($id) }}" class="shortcode shortcode-{{ ($.Name) }}"><span class="d-inline"><i class="fas fa-question-circle fa-fw"></i></span><span class="d-none">{{ ((.Inner) | markdownify) }}</span></span>
 
 <script>
   (function () {
-    const $id = document.getElementById('{{ ($id) }}');
+    const $id = document.getElementById('sc-{{ ($id) }}');
     const $icon = $id.querySelector('span:first-child').classList;
     const $text = $id.querySelector('span:last-child').classList;
     $id.addEventListener('click', ($e) => {