MediaWiki:Common.js: Difference between revisions

← Older edit Newer edit →

@@ Line 16: / Line 16: @@
-function googleTranslateElementInit() {
+/*************************/
-  new google.translate.TranslateElement({
+/* ATRONIA Language Menu */
-     pageLanguage: 'en',
+/*************************/
-     autoDisplay: false
-  }, 'google_translate_element');
+.atr-lang-menu {
+     position: relative;
+    list-style: none;
+    cursor: pointer;
+    color: white;
+     font-size: 14px;
+    padding: 10px 15px;
 }
-mw.loader.using('jquery', function () {
+.atr-lang-current {
+    font-weight: 500;
+}
-  // Load Google script
+.atr-lang-dropdown {
-  var gt = document.createElement('script');
+    position: absolute;
-  gt.type = 'text/javascript';
+    top: 40px;
-  gt.src = '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit';
+    right: 0;
-  document.body.appendChild(gt);
+    background: white;
+    color: #202122;
+    list-style: none;
+    padding: 10px 0;
+    margin: 0;
+    display: none;
+    min-width: 120px;
+    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
+    border-radius: 6px;
+    z-index: 9999;
+}
-  // Inject custom dropdown into header
+.atr-lang-dropdown li {
-  $(document).ready(function () {
+    padding: 8px 16px;
+}
-    $('.vector-user-links').prepend(`
+.atr-lang-dropdown li:hover {
-      <li class="atr-lang-menu">
+    background: #f2f2f2;
-        <span class="atr-lang-current">EN ▾</span>
+}
-        <ul class="atr-lang-dropdown">
-          <li data-lang="en">🇬🇧 EN</li>
-          <li data-lang="pt">🇵🇹 PT</li>
-          <li data-lang="de">🇩🇪 DE</li>
-          <li data-lang="fr">🇫🇷 FR</li>
-          <li data-lang="es">🇪🇸 ES</li>
-          <li data-lang="it">🇮🇹 IT</li>
-        </ul>
-      </li>
-      <div id="google_translate_element" style="display:none;"></div>
-    `);
-    $('.atr-lang-dropdown li').click(function () {
+.atr-lang-menu:hover .atr-lang-dropdown {
-      var lang = $(this).data('lang');
+    display: block;
-      document.cookie = "googtrans=/en/" + lang + ";path=/";
+}
-      location.reload();
-    });
-  });
+/* Hide Google default UI */
-});
+.goog-te-banner-frame {
+    display: none !important;
+}
+body {
+    top: 0px !important;
+}