「MediaWiki:Mobile.js」の版間の差分

1行目:

( function () {

mw.hook( 'wikipage.content' ).add( function () {

mw.~~hook~~( '~~mobileFrontend~~.~~menu~~.~~main~~.~~ready~~' ).~~add~~( function ( ~~mainMenu~~ ) {

var customLinks = [

{ text: '方針', url: mw.util.getUrl( 'Wiki:方針' ), icon: 'notice' },

{ text: '特別ページ一覧', url: mw.util.getUrl( '特別:特別ページ一覧' ), icon: 'star' },

{ text: '全てのページ', url: mw.util.getUrl( '特別:ページ一覧' ), icon: 'listBullet' },

{ text: '最近の更新', url: mw.util.getUrl( '特別:最近の更新' ), icon: 'recentChanges' }

];

var $customNav = $('<ul>')

.addClass('hlist')

.attr('id', 'p-custom-navigation')

.css({'padding': '10px 0', 'border-bottom': '1px solid #eaecf0'});

$.each(customLinks, function(i, link) {

var $icon = $('<span>')

.addClass('mw-ui-icon mw-ui-icon-before mw-ui-icon-' + link.icon);

var ~~customItems~~ = [

var $a = $('<a>')

{

.attr('href', link.url)

~~name:~~ '~~policy~~',

.addClass('menu__item')

~~label:~~ '方針',

.append($icon)

~~url: mw.util~~.~~getUrl~~( '~~Wiki:方針~~' ),

.append($('<span>').text(link.text));

icon~~: 'notice' // 方針（注意・お知らせ）~~

},

var $li = $('<li>').append($a);

{

$customNav.append($li);

~~name:~~ '~~specialpages~~',

});

~~label: '特別ページ一覧',~~

~~url: mw~~.~~util~~.~~getUrl( '特別:特別ページ一覧'~~ ),

var $target = $('#mw-mf-page-left');

~~icon: 'star' // 特別ページ（星マーク）~~

var $contentContainer = $target.find('.menu-content').first();

},

{

~~name:~~ '~~allpages~~',

~~label: '全てのページ',~~

~~url: mw.util~~.~~getUrl~~( ~~'特別:ページ一覧'~~ ),

~~icon: 'listBullet' // 全てのページ（リスト）~~

},

{

~~name: 'recentchanges',~~

~~label:~~ '~~最近の更新~~',

~~url: mw~~.~~util.getUrl~~( '~~特別:最近の更新~~' ),

~~icon: 'history'~~

}

];

~~customItems~~.~~forEach( function ( item~~ ) {

if ($contentContainer.length) {

~~mainMenu.addItem( {~~

$contentContainer.prepend($customNav);

~~name: item.name,~~

}

~~label: item.label,~~

});

~~href: item~~.~~url,~~

~~class: 'mw-ui-icon mw-ui-icon-before mw-ui-icon-' +~~ (~~item.icon || 'placeholder')~~

~~} );~~

} );

}() );

@@ 1行目: / 1行目: @@
-( function () {
+mw.hook( 'wikipage.content' ).add( function () {
-     mw.hook( 'mobileFrontend.menu.main.ready' ).add( function ( mainMenu ) {
+     var customLinks = [
+        { text: '方針', url: mw.util.getUrl( 'Wiki:方針' ), icon: 'notice' },
+        { text: '特別ページ一覧', url: mw.util.getUrl( '特別:特別ページ一覧' ), icon: 'star' },
+        { text: '全てのページ', url: mw.util.getUrl( '特別:ページ一覧' ), icon: 'listBullet' },
+        { text: '最近の更新', url: mw.util.getUrl( '特別:最近の更新' ), icon: 'recentChanges' }
+    ];
+    var $customNav = $('<ul>')
+        .addClass('hlist')
+        .attr('id', 'p-custom-navigation')
+        .css({'padding': '10px 0', 'border-bottom': '1px solid #eaecf0'});
+    $.each(customLinks, function(i, link) {
+        var $icon = $('<span>')
+            .addClass('mw-ui-icon mw-ui-icon-before mw-ui-icon-' + link.icon);
-         var customItems = [
+         var $a = $('<a>')
-            {
+            .attr('href', link.url)
-                name: 'policy',
+            .addClass('menu__item')
-                label: '方針',
+            .append($icon)
-                url: mw.util.getUrl( 'Wiki:方針' ),
+             .append($('<span>').text(link.text));
-                icon: 'notice' // 方針（注意・お知らせ）
-             },
+        var $li = $('<li>').append($a);
-            {
+        $customNav.append($li);
-                name: 'specialpages',
+    });
-                label: '特別ページ一覧',
-                url: mw.util.getUrl( '特別:特別ページ一覧' ),
+    var $target = $('#mw-mf-page-left');
-                icon: 'star' // 特別ページ（星マーク）
+    var $contentContainer = $target.find('.menu-content').first();
-             },
-            {
-                name: 'allpages',
-                label: '全てのページ',
-                url: mw.util.getUrl( '特別:ページ一覧' ),
-                icon: 'listBullet' // 全てのページ（リスト）
-            },
-            {
-                name: 'recentchanges',
-                label: '最近の更新',
-                url: mw.util.getUrl( '特別:最近の更新' ),
-                icon: 'history'
-            }
-        ];
-        customItems.forEach( function ( item ) {
+    if ($contentContainer.length) {
-            mainMenu.addItem( {
+        $contentContainer.prepend($customNav);
-                name: item.name,
+     }
-                label: item.label,
+});
-                href: item.url,
-                class: 'mw-ui-icon mw-ui-icon-before mw-ui-icon-' + (item.icon || 'placeholder')
-            } );
-        } );
-     } );
-}() );