MarkTraceur has uploaded a new change for review.
https://gerrit.wikimedia.org/r/92995
Change subject: Fix bug in spinner code
......................................................................
Fix bug in spinner code
Needed to use $.createSpinner instead of hacking in the image directly,
else bits.wikimedia.org won't work as expected. Will test on beta.
Change-Id: I0eba356f7910fd6a3173ed66c601fd42264ff336
---
M MultimediaViewer.php
M css/ext.multimediaViewer.css
M js/ext.multimediaViewer.js
M js/multilightbox/lightboxinterface.js
4 files changed, 27 insertions(+), 11 deletions(-)
git pull
ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer
refs/changes/95/92995/1
diff --git a/MultimediaViewer.php b/MultimediaViewer.php
index 998f07b..93fe8be 100644
--- a/MultimediaViewer.php
+++ b/MultimediaViewer.php
@@ -68,6 +68,7 @@
'multilightbox.image',
'mediawiki.Title',
'jquery.ui.dialog',
+ 'jquery.spinner',
),
'messages' => array(
diff --git a/css/ext.multimediaViewer.css b/css/ext.multimediaViewer.css
index 13f68da..b5dd2ab 100644
--- a/css/ext.multimediaViewer.css
+++ b/css/ext.multimediaViewer.css
@@ -211,3 +211,16 @@
padding-top: 20px;
width: 50%;
}
+
+.mlb-image .mw-spinner {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.mlb-image.empty .mw-spinner {
+ display: block;
+}
+
+.mlb-image.empty img {
+ display: none;
+}
diff --git a/js/ext.multimediaViewer.js b/js/ext.multimediaViewer.js
index 8444a55..4f8977f 100755
--- a/js/ext.multimediaViewer.js
+++ b/js/ext.multimediaViewer.js
@@ -91,14 +91,20 @@
viewer.lightbox.currentIndex = index;
// Open with a basic thumbnail and no
information - fill in async
- viewer.lightbox.images[index].src =
mw.config.get( 'wgScriptPath', '' ) +
'/resources/jquery/images/spinner-large.gif';
+ viewer.lightbox.images[index].src =
$this.closest( '.thumb' ).find( '.image img' ).prop( 'src' );
viewer.lightbox.open();
+ viewer.lightbox.iface.$imageDiv.append(
$.createSpinner( {
+ id: 'mw-mlb-loading-spinner',
+ size: 'large'
+ } ) );
viewer.fetchImageInfo( fileTitle, function (
imageInfo ) {
var imageEle = new Image();
imageEle.onload = function () {
viewer.lightbox.iface.replaceImageWith( imageEle );
+
viewer.lightbox.iface.$imageDiv.removeClass( 'empty' );
+ $.removeSpinner(
'mw-mlb-loading-spinner' );
viewer.setImageInfo( fileTitle,
imageInfo );
};
@@ -148,17 +154,11 @@
return false;
} );
- lightboxHooks.register( 'imageLoaded', function () {
- // Add link wrapper to the image div, put image inside
it
- this.$imageLink = $( '<a>' )
- .addClass( 'mw-mlb-image-link' )
- .html( this.$image.detach() );
-
- this.$imageDiv.append( this.$imageLink );
- } );
-
lightboxHooks.register( 'modifyInterface', function () {
var ui = this;
+
+ this.$imageDiv
+ .addClass( 'empty' );
this.$imageDesc = $( '<p>' )
.addClass( 'mw-mlb-image-desc' );
@@ -434,6 +434,8 @@
this.$useFile.data( 'src', null );
this.$useFileLi.addClass( 'empty' );
+
+ this.$imageDiv.addClass( 'empty' );
} );
}
diff --git a/js/multilightbox/lightboxinterface.js
b/js/multilightbox/lightboxinterface.js
index fab6b19..3812fcc 100644
--- a/js/multilightbox/lightboxinterface.js
+++ b/js/multilightbox/lightboxinterface.js
@@ -141,7 +141,7 @@
LIP.load = function ( image ) {
var ele = image.getImageElement( function () {
iface.$image = $( ele );
- iface.$imageDiv.html( ele );
+ iface.$imageDiv.append( iface.$image );
image.globalMaxWidth = iface.$image.width();
image.globalMaxHeight = iface.$image.height();
image.autoResize( ele, iface.isFullScreen ? 0.9
: 0.5 );
--
To view, visit https://gerrit.wikimedia.org/r/92995
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: I0eba356f7910fd6a3173ed66c601fd42264ff336
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/MultimediaViewer
Gerrit-Branch: master
Gerrit-Owner: MarkTraceur <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
