MediaWiki:Common.js: различия между версиями

Интерактивная навигация по истории

← Предыдущая правка Следующая правка →

@@ Строка 1293: / Строка 1293: @@
      }
-	function initThemeMenu($container, currentTheme) {
+    function initThemeMenu($container, currentTheme) {
-	    currentTheme = currentTheme || loadTheme();
+        currentTheme = currentTheme || loadTheme();
-	    const $portlet = $('<div>', {
-	        class: 'mw-portlet mw-portlet-skin-client-prefs-skin-theme mw-portlet-js theme-menu',
-	        id: 'skin-client-prefs-skin-theme'
-	    });
-	    $portlet.append(
-	        $('<div>', { class: 'theme-menu__heading', text: 'Тема' }),
-	        $('<div>', { class: 'theme-menu__content' })
-	    );
-	    const $form = $('<form>');
-	    [
-	        { key: 'light',  label: 'Светлая (beta)' },
-	        { key: 'normal', label: 'Стандартная' },
-	        { key: 'dark',   label: 'Тёмная' }
-	    ].forEach(opt => {
-	        const $wr = $('<div>', { class: 'theme-client-prefs-radio' });
-	        const $inp = $('<input>', {
-	            type: 'radio',
-	            name: 'theme-selection',
-	            id:   `theme-value-${opt.key}`,
-	            value: opt.key,
-	            checked: opt.key === currentTheme
-	        });
-	        const $lbl = $('<label>', {
-	            for:  `theme-value-${opt.key}`,
-	            text: opt.label
-	        });
-	        $wr.append($inp, $lbl);
-	        $form.append($wr);
-	    });
-	    $portlet.find('.theme-menu__content').append(
-	        $('<ul>', { class: 'theme-menu__content-list' })
-	            .append( $('<li>', { class: 'mw-list-item mw-list-item-js' }).append($form) )
-	    );
-	    $container.append($portlet);
-	    $form.on('change', 'input[name="theme-selection"]', function() {
-	        const newTheme = $(this).val();
-	        saveTheme(newTheme);
-	        applyTheme(newTheme);
-	    });
-	}
-    $(function() {
+        const $portlet = $('<div>', {
-         if (mw.config.get('wgPageName') === 'Обсуждение_участника:Pok') {
+            class: 'mw-portlet mw-portlet-skin-client-prefs-skin-theme mw-portlet-js theme-menu',
-            const $target = $('#user-tools');
+            id: 'skin-client-prefs-skin-theme'
-             initThemeMenu($target);
+        });
-         }
+        $portlet.append(
-     });
+            $('<div>', { class: 'theme-menu__heading', text: 'Тема' }),
+            $('<div>', { class: 'theme-menu__content' })
+        );
+        const $form = $('<form>');
+         [
+            { key: 'light',  label: 'Светлая (beta)' },
+            { key: 'normal', label: 'Стандартная' },
+            { key: 'dark',   label: 'Тёмная' }
+        ].forEach(opt => {
+            const $wr = $('<div>', { class: 'theme-client-prefs-radio' });
+            const $inp = $('<input>', {
+                type:     'radio',
+                name:     'theme-selection',
+                id:       `theme-value-${opt.key}`,
+                value:    opt.key,
+                checked:  opt.key === currentTheme
+            });
+            const $lbl = $('<label>', {
+                for:      `theme-value-${opt.key}`,
+                text:     opt.label
+            });
+            $wr.append($inp, $lbl);
+            $form.append($wr);
+        });
+        $portlet.find('.theme-menu__content').append(
+            $('<ul>', { class: 'theme-menu__content-list' })
+                .append(
+                    $('<li>', { class: 'mw-list-item mw-list-item-js' })
+                        .append($form)
+                )
+        );
+        $container.append($portlet);
+        $form.on('change', 'input[name="theme-selection"]', function() {
+            const newTheme = $(this).val();
+            saveTheme(newTheme);
+             applyTheme(newTheme);
+         });
+    }
+     mw.themeUtils = { loadTheme, applyTheme, initThemeMenu };
 }(jQuery, mediaWiki));