Refactor and fix some javascript in docs template

docs/tools/mkdocs-material-theme/base.html

@@ -211,30 +211,83 @@
         {% include "partials/integrations/analytics.html" %}
       {% endif %}
     {% endblock %}
-    {% if config.extra.single_page and page.content %}
-      <script type="text/javascript">
-        function ready(callback){
-            if (document.readyState != 'loading') {
-                callback();
-            } else if (document.addEventListener) {
-                document.addEventListener('DOMContentLoaded', callback);
-            } else document.attachEvent('onreadystatechange', function() {
-                if (document.readyState == 'complete') {
-                    callback();
-                }
-            });
-        }
-        ready(function () {
-            document.getElementById("content").innerHTML = {{ page.content|tojson|safe }};
-            document.getElementsByClassName('md-footer')[0].style.display = 'block';
-            app.initialize({
-                version: "{{ mkdocs_version }}",
-                url: {
-                    base: "{{ base_url }}"
-                }
+
+    <script type="text/javascript">
+      function ready(callback){
+          if (document.readyState != 'loading') {
+              callback();
+          } else if (document.addEventListener) {
+              document.addEventListener('DOMContentLoaded', callback);
+          } else document.attachEvent('onreadystatechange', function() {
+              if (document.readyState == 'complete') {
+                  callback();
+              }
+          });
+      }
+      function drawLanguageSwitch() {
+          var url, text, title;
+          if (window.location.pathname.indexOf('/ru/') >= 0) {
+            url = window.location.pathname.replace('/ru/', '/en/');
+            text = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"30\" viewBox=\"0,0 25,15\" style=\"border:1px solid #eee;margin: .8rem 0 0 -1.25rem;\">\n" +
+                "<rect width=\"25\" height=\"15\" fill=\"#00247d\"></rect>\n" +
+                "<path d=\"M 0,0 L 25,15 M 25,0 L 0,15\" stroke=\"#fff\" stroke-width=\"3\"></path>\n" +
+                "<path d=\"M 12.5,0 V 15 M 0,7.5 H 25\" stroke=\"#fff\" stroke-width=\"5\"></path>\n" +
+                "<path d=\"M 12.5,0 V 15 M 0,7.5 H 25\" stroke=\"#cf142b\" stroke-width=\"3\"></path>\n" +
+                "</svg>";
+            title = "Switch to English"
+          } else {
+            url = window.location.pathname.replace('/en/', '/ru/');
+            text = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 10 6\" width=\"50\" height=\"30\" style=\"border: 1px solid #eee;margin: .8rem 0 0 -1.25rem\">\n" +
+                "<rect fill=\"#fff\" width=\"10\" height=\"3\"></rect>\n" +
+                "<rect fill=\"#d52b1e\" y=\"3\" width=\"10\" height=\"3\"></rect>\n" +
+                "<rect fill=\"#0039a6\" y=\"2\" width=\"10\" height=\"2\"></rect>\n" +
+                "</svg>";
+            title = "Переключить на русский язык"
+          }
+          document.getElementById("md-language-switch").innerHTML = '<a href="' + url + '" title="' + title + '" class="md-flex__ellipsis md-header-nav__title">' + text + '</a>';
+      }
+      ready(function () {
+          {% if config.extra.single_page and page.content %}
+          document.getElementById("content").innerHTML = {{ page.content|tojson|safe }};
+          document.getElementsByClassName('md-footer')[0].style.display = 'block';
+          {% endif %}
+          drawLanguageSwitch();
+          app.initialize({
+              version: "{{ mkdocs_version }}",
+              url: {
+                  base: "{{ base_url }}"
+              }
+          });
+      });
+    </script>
+    <!-- Yandex.Metrika counter -->
+    <script type="text/javascript">
+        (function (d, w, c) {
+            (w[c] = w[c] || []).push(function() {
+                try {
+                    w.yaCounter18343495 = new Ya.Metrika2({
+                        id:18343495,
+                        clickmap:true,
+                        trackLinks:true,
+                        accurateTrackBounce:true,
+                        webvisor: {% if builder != "singlehtml" %}true{% else %}false{% endif %}
+                    });
+                } catch(e) { }
             });
-        });
-      </script>
-      {% endif %}
+            var n = d.getElementsByTagName("script")[0],
+                s = d.createElement("script"),
+                f = function () { n.parentNode.insertBefore(s, n); };
+            s.type = "text/javascript";
+            s.async = true;
+            s.src = "https://mc.yandex.ru/metrika/tag.js";
+            if (w.opera == "[object Opera]") {
+                d.addEventListener("DOMContentLoaded", f, false);
+            } else { f(); }
+        })(document, window, "yandex_metrika_callbacks2");
+    </script>
+    <noscript>
+        <div><img src="https://mc.yandex.ru/watch/18343495" style="position:absolute; left:-9999px;" alt=""/></div>
+    </noscript>
+    <!-- /Yandex.Metrika counter -->
   </body>
 </html>

docs/tools/mkdocs-material-theme/partials/header.html

 <header class="md-header" data-md-component="header">
 
-  <!-- Yandex.Metrika counter -->
-  <script type="text/javascript">
-      (function (d, w, c) {
-          (w[c] = w[c] || []).push(function() {
-              try {
-                  w.yaCounter18343495 = new Ya.Metrika2({
-                      id:18343495,
-                      clickmap:true,
-                      trackLinks:true,
-                      accurateTrackBounce:true,
-                      webvisor: {% if builder != "singlehtml" %}true{% else %}false{% endif %}
-                  });
-              } catch(e) { }
-          });
-          var n = d.getElementsByTagName("script")[0],
-              s = d.createElement("script"),
-              f = function () { n.parentNode.insertBefore(s, n); };
-          s.type = "text/javascript";
-          s.async = true;
-          s.src = "https://mc.yandex.ru/metrika/tag.js";
-          if (w.opera == "[object Opera]") {
-              d.addEventListener("DOMContentLoaded", f, false);
-          } else { f(); }
-      })(document, window, "yandex_metrika_callbacks2");
-  </script>
-  <noscript>
-      <div><img src="https://mc.yandex.ru/watch/18343495" style="position:absolute; left:-9999px;" alt=""/></div>
-  </noscript>
-  <!-- /Yandex.Metrika counter -->
-
   <nav class="md-header-nav md-grid">
     <div class="md-flex">
       <div class="md-flex__cell md-flex__cell--shrink">
@@ -72,28 +42,7 @@
       </div>
       {% if config.repo_url %}
         <div class="md-flex__cell md-flex__cell--shrink">
-          <div class="md-header-nav__source">
-            <script type="text/javascript">
-                if (window.location.pathname.indexOf('/ru/') >= 0) {
-                  url = window.location.pathname.replace('/ru/', '/en/');
-                  text = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"30\" viewBox=\"0,0 25,15\" style=\"border:1px solid #eee;margin: .8rem 0 0 -1.25rem;\">\n" +
-                      "<rect width=\"25\" height=\"15\" fill=\"#00247d\"></rect>\n" +
-                      "<path d=\"M 0,0 L 25,15 M 25,0 L 0,15\" stroke=\"#fff\" stroke-width=\"3\"></path>\n" +
-                      "<path d=\"M 12.5,0 V 15 M 0,7.5 H 25\" stroke=\"#fff\" stroke-width=\"5\"></path>\n" +
-                      "<path d=\"M 12.5,0 V 15 M 0,7.5 H 25\" stroke=\"#cf142b\" stroke-width=\"3\"></path>\n" +
-                      "</svg>";
-                  title = "Switch to English"
-                }else{
-                  url = window.location.pathname.replace('/en/', '/ru/');
-                  text = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 10 6\" width=\"50\" height=\"30\" style=\"border: 1px solid #eee;margin: .8rem 0 0 -1.25rem\">\n" +
-                      "<rect fill=\"#fff\" width=\"10\" height=\"3\"></rect>\n" +
-                      "<rect fill=\"#d52b1e\" y=\"3\" width=\"10\" height=\"3\"></rect>\n" +
-                      "<rect fill=\"#0039a6\" y=\"2\" width=\"10\" height=\"2\"></rect>\n" +
-                      "</svg>";
-                  title = "Переключить на русский язык"
-               }
-               document.write('<a href="' + url + '" title="' + title + '" class="md-flex__ellipsis md-header-nav__title">' + text + '</a>')
-             </script>
+          <div id="md-language-switch" class="md-header-nav__source">
           </div>
         </div>
       {% endif %}