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