Make tooltip localizable

Allow localizations to customize the tooltip for copying code samples to the clipboard.
kubernetes · May 14, 2024 · 2b498d9 · 2b498d9
1 parent 9e128e3
commit 2b498d9
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/data/i18n/en/en.toml b/data/i18n/en/en.toml
@@ -68,6 +68,9 @@ other = "YouTube"
 [conjunction_1]
 other = "and"
 
+[copy_sample_to_clipboard]
+other = "Copy {{ .filename }} to clipboard"
+
 [cve_id]
 other = "CVE ID"
 

diff --git a/layouts/shortcodes/code.html b/layouts/shortcodes/code.html
@@ -22,8 +22,9 @@
     <div class="copy-code-icon">
     {{ with $ghlink }}<a href="{{ . }}" download="{{ $file }}">{{ end }}<code>{{ $file }}</code>
     {{ if $ghlink }}</a>{{ end }}
+    {{- $copyTitle := T "copy_sample_to_clipboard" (dict "filename" $file) -}}
     {{- with resources.Get "images/copycode.svg" -}}
-    <img src="{{  .RelPermalink }}" class="icon-copycode" onclick="copyCode('{{ $file | anchorize }}')" title="Copy {{ $file }} to clipboard"></img>
+    <img src="{{  .RelPermalink }}" class="icon-copycode" onclick="copyCode('{{ $file | anchorize }}')" title="{{ $copyTitle }}"></img>
     {{- end -}}
     </div>
     <div class="includecode" id="{{ $file | anchorize }}">

diff --git a/layouts/shortcodes/code_sample.html b/layouts/shortcodes/code_sample.html
@@ -22,8 +22,9 @@
     <div class="copy-code-icon">
     {{ with $ghlink }}<a href="{{ . }}" download="{{ $file }}">{{ end }}<code>{{ $file }}</code>
     {{ if $ghlink }}</a>{{ end }}
+    {{- $copyTitle := T "copy_sample_to_clipboard" (dict "filename" $file) -}}
     {{- with resources.Get "images/copycode.svg" -}}
-    <img src="{{  .RelPermalink }}" class="icon-copycode" onclick="copyCode('{{ $file | anchorize }}')" title="Copy {{ $file }} to clipboard"></img>
+    <img src="{{  .RelPermalink }}" class="icon-copycode" onclick="copyCode('{{ $file | anchorize }}')" title="{{ $copyTitle }}"></img>
     {{- end -}}
     </div>
     <div class="includecode" id="{{ $file | anchorize }}">

diff --git a/layouts/shortcodes/codenew.html b/layouts/shortcodes/codenew.html
@@ -22,8 +22,9 @@
     <div class="copy-code-icon">
     {{ with $ghlink }}<a href="{{ . }}" download="{{ $file }}">{{ end }}<code>{{ $file }}</code>
     {{ if $ghlink }}</a>{{ end }}
+    {{- $copyTitle := T "copy_sample_to_clipboard" (dict "filename" $file) -}}
     {{- with resources.Get "images/copycode.svg" -}}
-    <img src="{{  .RelPermalink }}" class="icon-copycode" onclick="copyCode('{{ $file | anchorize }}')" title="Copy {{ $file }} to clipboard"></img>
+    <img src="{{  .RelPermalink }}" class="icon-copycode" onclick="copyCode('{{ $file | anchorize }}')" title="{{ $copyTitle }}"></img>
     {{- end -}}
     </div>
     <div class="includecode" id="{{ $file | anchorize }}">