resources/src/mediawiki.special/mediawiki.special.search.commonsInterwikiWidget.js

   1 ( function ( mw, $ ) {
   2
   3         var api = new mw.Api(),
   4                 pageUrl = new mw.Uri(),
   5                 imagesText = new mw.Message( mw.messages, 'searchprofile-images' ),
   6                 moreResultsText = new mw.Message( mw.messages, 'search-interwiki-more-results' );
   7
   8         function itemTemplate( results ) {
   9
  10                 var resultOutput = '', i, result, imageCaption, imageThumbnailSrc;
  11
  12                 for ( i = 0; i < results.length; i++ ) {
  13                         result = results[ i ];
  14                         imageCaption = mw.html.element( 'span', { 'class': 'iw-result__mini-gallery__caption' }, result.title );
  15                         imageThumbnailSrc = ( result.thumbnail ) ? result.thumbnail.source : '';
  16                         resultOutput += '<div class="iw-result__mini-gallery">' +
  17                                                 /* escaping response content */
  18                                                 mw.html.element( 'a', {
  19                                                         href: '/wiki/' + result.title,
  20                                                         'class': 'iw-result__mini-gallery__image',
  21                                                         style: 'background-image: url(' + imageThumbnailSrc + ');'
  22                                                 }, new mw.html.Raw( imageCaption ) ) +
  23                                         '</div>';
  24                 }
  25
  26                 return resultOutput;
  27         }
  28
  29         function itemWrapperTemplate( pageQuery, itemTemplateOutput ) {
  30
  31                 return '<li class="iw-resultset iw-resultset--image" data-iw-resultset-pos="0">' +
  32                                 '<div class="iw-result__header">' +
  33                                         '<strong>' + imagesText.escaped() + '</strong>' +
  34                                 '</div>' +
  35                                 '<div class="iw-result__content">' +
  36                                 /* template output has been sanitized by mw.html.element */
  37                                 itemTemplateOutput +
  38                                 '</div>' +
  39                                 '<div class="iw-result__footer">' +
  40                                         '<a href="/w/index.php?title=Special:Search&search=' + encodeURIComponent( pageQuery ) + '&fulltext=1&profile=images">' +
  41                                                 moreResultsText.escaped() +
  42                                         '</a>' +
  43                                 '</div>' +
  44                         '</li>';
  45
  46         }
  47
  48         api.get( {
  49                 action: 'query',
  50                 generator: 'search',
  51                 gsrsearch: pageUrl.query.search,
  52                 gsrnamespace: mw.config.get( 'wgNamespaceIds' ).file,
  53                 gsrlimit: 3,
  54                 prop: 'pageimages',
  55                 pilimit: 3,
  56                 piprop: 'thumbnail',
  57                 pithumbsize: 300,
  58                 formatversion: 2
  59         } ).done( function ( resp ) {
  60                 var results = ( resp.query && resp.query.pages ) ? resp.query.pages : false,
  61                         multimediaWidgetTemplate;
  62
  63                 if ( !results ) {
  64                         return;
  65                 }
  66
  67                 results.sort( function ( a, b ) {
  68                         return a.index - b.index;
  69                 } );
  70
  71                 multimediaWidgetTemplate = itemWrapperTemplate( pageUrl.query.search, itemTemplate( results ) );
  72                 /* we really only need to wait for document ready for DOM manipulation */
  73                 $( function () {
  74                         $( '.iw-results' ).append( multimediaWidgetTemplate );
  75                 } );
  76         } );
  77
  78 }( mediaWiki, jQuery ) );