User:Monster Domosed/common.js: Difference between revisions

No edit summary
No edit summary
Line 34: Line 34:
     items.forEach(function (item, index) {
     items.forEach(function (item, index) {
       var id = 'n-change' + (index + 1);
       var id = 'n-change' + (index + 1);
      var userName = item.user || 'Unknown';
      var timeText = formatRelativeTime(item.timestamp);


       var $li = $('<li class="mw-list-item recent-changes-item"></li>')
       var $li = $('<li class="mw-list-item recent-changes-item"></li>')
         .attr('id', id);
         .attr('id', id);


       var $link = $('<a class="recent-changes-link"></a>')
       var $titleLink = $('<a class="recent-changes-title"></a>')
         .attr('href', mw.util.getUrl(item.title))
         .attr('href', mw.util.getUrl(item.title))
         .attr(
         .attr('title', item.title)
          'title',
        .append($('<span></span>').text(item.title));
          (item.user || 'Unknown') + ' ' + formatRelativeTime(item.timestamp)
 
         );
      var $userLink;
      if (item.user) {
        $userLink = $('<a class="recent-changes-user"></a>')
          .attr('href', mw.util.getUrl('Special:Contributions/' + item.user))
          .text(userName);
      } else {
         $userLink = $('<span class="recent-changes-user"></span>').text(userName);
      }


       $link.append(
       var $meta = $('<div class="recent-changes-meta"></div>')
        $('<span></span>').text(item.title)
        .append(
      );
          $('<span class="recent-changes-time"></span>').text(timeText)
        )
        .append(document.createTextNode(' · '))
        .append($userLink);


       $li.append($link);
       $li.append($titleLink).append($meta);
       $list.append($li);
       $list.append($li);
     });
     });


    // Add "Show more..." as the last item in the same list
     var $moreLi = $('<li class="mw-list-item recent-changes-item"></li>')
     var $moreLi = $('<li class="mw-list-item recent-changes-item"></li>')
       .attr('id', 'n-change-more');
       .attr('id', 'n-change-more');


     var $moreLink = $('<a class="recent-changes-link"></a>')
     var $moreLink = $('<a class="recent-changes-title"></a>')
       .attr('href', mw.util.getUrl('Special:RecentChanges'))
       .attr('href', mw.util.getUrl('Special:RecentChanges'))
      .attr('title', 'View full recent changes')
       .append($('<span></span>').text('Show more...'));
       .append($('<span></span>').text('Show more...'));


Line 127: Line 137:
     );
     );


    // Insert where you want in the sidebar
     if ($('#p-Community').length) {
     if ($('#p-Community').length) {
       $('#p-Community').after($portlet);
       $('#p-Community').after($portlet);