Added localization to clipboard

material/base.html

@@ -20,6 +20,8 @@
         <meta name="author" content="{{ config.site_author }}">
       {% endif %}
       {% for key in [
+        "clipboard-copy",
+        "clipboard-copied",
         "search-languages",
         "search-result-none",
         "search-result-one",
@@ -162,7 +164,7 @@
       {% endblock %}
     </div>
     {% block scripts %}
-      <script src="{{ base_url }}/assets/javascripts/application-8591b4244d.js"></script>
+      <script src="{{ base_url }}/assets/javascripts/application-ff1c1336b6.js"></script>
       {% set languages = lang.t("search-languages").split(",") %}
       {% if languages | length and languages[0] != "" %}
         {% set path = base_url + "/assets/javascripts/lunr" %}

material/partials/language.html

 {% macro t(key) %}{{ {
   "language": "en",
+  "clipboard-copy": "Copy to clipboard",
+  "clipboard-copied": "Copied to clipboard",
   "edit-link-title": "Edit this page",
   "footer-previous": "Previous",
   "footer-next": "Next",

src/assets/javascripts/application.js

@@ -25,6 +25,25 @@ import FastClick from "fastclick"
 
 import Material from "./components/Material"
 
+/* ----------------------------------------------------------------------------
+ * Functions
+ * ------------------------------------------------------------------------- */
+
+/**
+ * Return the meta tag value for the given key
+ *
+ * @param {string} key - Meta name
+ * @param {string} [_] - Stop Flow complaining (TODO)
+ *
+ * @return {string} Meta content value
+ */
+const i18n = (key, _) => { // eslint-disable-line no-unused-vars
+  const meta = document.querySelector(`[name=i18n-${key}]`)
+  if (!(meta instanceof HTMLMetaElement))
+    throw new ReferenceError
+  return meta.content
+}
+
 /* ----------------------------------------------------------------------------
  * Application
  * ------------------------------------------------------------------------- */
@@ -73,7 +92,7 @@ function initialize(config) { // eslint-disable-line func-style
 
         /* Create button with message container */
         const button = (
-          <button class="md-clipboard" title="Copy to clipboard"
+          <button class="md-clipboard" title={i18n("clipboard-copy")}
             data-clipboard-target={`#${id} pre, #${id} code`}>
             <span class="md-clipboard__message"></span>
           </button>
@@ -101,7 +120,7 @@ function initialize(config) { // eslint-disable-line func-style
 
         /* Set message indicating success and show it */
         message.classList.add("md-clipboard__message--active")
-        message.innerHTML = "Copied to clipboard"
+        message.innerHTML = i18n("clipboard-copied")
 
         /* Hide message after two seconds */
         message.dataset.mdTimer = setTimeout(() => {

src/base.html

@@ -56,6 +56,8 @@
 
       <!-- Localization -->
       {% for key in [
+        "clipboard-copy",
+        "clipboard-copied",
         "search-languages",
         "search-result-none",
         "search-result-one",

src/partials/language.html

@@ -23,6 +23,8 @@
 <!-- Translations -->
 {% macro t(key) %}{{ {
   "language": "en",
+  "clipboard-copy": "Copy to clipboard",
+  "clipboard-copied": "Copied to clipboard",
   "edit-link-title": "Edit this page",
   "footer-previous": "Previous",
   "footer-next": "Next",