[MediaWiki-commits] [Gerrit] Added zoom buttons to the toolbar. - change (mediawiki...ProofreadPage)

[jenkins-bot (Code Review)]

jenkins-bot has submitted this change and it was merged.

Change subject: Added zoom buttons to the toolbar.
..


Added zoom buttons to the toolbar.

Change-Id: I26d017b1f4556efb83eeb1aa924e1b7e72118dfe
---
M modules/ext.proofreadpage.base/ext.proofreadpage.base.css
M modules/ext.proofreadpage.page/ext.proofreadpage.page.js
A modules/ext.proofreadpage.page/images/Button_pan_down.png
A modules/ext.proofreadpage.page/images/Button_pan_left.png
A modules/ext.proofreadpage.page/images/Button_pan_right.png
A modules/ext.proofreadpage.page/images/Button_pan_up.png
M modules/jquery.panZoom/jquery.panZoom.js
7 files changed, 131 insertions(+), 18 deletions(-)

Approvals:
  Tpt: Looks good to me, approved
  jenkins-bot: Verified



diff --git a/modules/ext.proofreadpage.base/ext.proofreadpage.base.css 
b/modules/ext.proofreadpage.base/ext.proofreadpage.base.css
index cf8d9ff..bcb455b 100644
--- a/modules/ext.proofreadpage.base/ext.proofreadpage.base.css
+++ b/modules/ext.proofreadpage.base/ext.proofreadpage.base.css
@@ -26,12 +26,14 @@
width: 50%;
vertical-align: top;
overflow: hidden;
+   position: absolute;
 }
 .prp-page-content {
display: table-cell;
width: 50%;
padding-right: 0.5em;
vertical-align: top;
+   position: relative;
 }
 #prp-page-qualityheader {
width: 100%;
diff --git a/modules/ext.proofreadpage.page/ext.proofreadpage.page.js 
b/modules/ext.proofreadpage.page/ext.proofreadpage.page.js
index c3a3d32..756dec8 100644
--- a/modules/ext.proofreadpage.page/ext.proofreadpage.page.js
+++ b/modules/ext.proofreadpage.page/ext.proofreadpage.page.js
@@ -26,10 +26,137 @@
} );
 } ( jQuery, mediaWiki ) );
 
+function initPanZoom() {
+   $('.prp-page-image img').panZoom({
+   'debug' : false
+   });
+}
+
 function prStartup() {
jQuery( function() {
-   prInitTabs();
-   } );
+   prAddButtons();
+   initPanZoom();
+   });
+}
+
+function prAddButtons() {
+
+   if( !proofreadPageIsEdit ) {
+   return;
+   }
+   var tools = {
+   'section': 'proofreadpage-tools',
+   'groups': {
+   'zoom': {
+   'label': mw.msg( 'proofreadpage-group-zoom' ),
+   'tools': {
+   'zoom-in': {
+   label: mw.msg( 
'proofreadpage-button-zoom-in-label' ),
+   type: 'button',
+   icon: mw.config.get( 
'wgExtensionAssetsPath' ) + 
'/ProofreadPage/modules/ext.proofreadpage.page/images/Button_zoom_in.png',
+   action: {
+   type: 'callback',
+   execute: function() {
+   $( 
'.prp-page-image img' ).panZoom('zoomIn');
+   }
+   }
+   },
+   'zoom-out': {
+   label: mw.msg( 
'proofreadpage-button-zoom-out-label' ),
+   type: 'button',
+   icon: mw.config.get( 
'wgExtensionAssetsPath' ) + 
'/ProofreadPage/modules/ext.proofreadpage.page/images/Button_zoom_out.png',
+   action: {
+   type: 'callback',
+   execute: function() {
+   $( 
'.prp-page-image img' ).panZoom('zoomOut');
+   }
+   }
+   },
+   'reset-zoom': {
+   label: mw.msg( 
'proofreadpage-button-reset-zoom-label' ),
+   type: 'button',
+   icon: mw.config.get( 
'wgExtensionAssetsPath' ) + 
'/ProofreadPage/modules/ext.proofreadpage.page/images/Button_examine.png',
+   action: {
+   type: 'callback',
+   execute: function() {
+   $( 
'.prp-page-image img' ).panZoom('fit');
+   }
+   }
+

[MediaWiki-commits] [Gerrit] Added zoom buttons to the toolbar. - change (mediawiki...ProofreadPage)

[Rtdwivedi (Code Review)]

Rtdwivedi has uploaded a new change for review.

  https://gerrit.wikimedia.org/r/85205


Change subject: Added zoom buttons to the toolbar.
..

Added zoom buttons to the toolbar.

Change-Id: I26d017b1f4556efb83eeb1aa924e1b7e72118dfe
---
M modules/ext.proofreadpage.page/ext.proofreadpage.page.js
A modules/ext.proofreadpage.page/images/Button_pan_down.png
A modules/ext.proofreadpage.page/images/Button_pan_left.png
A modules/ext.proofreadpage.page/images/Button_pan_right.png
A modules/ext.proofreadpage.page/images/Button_pan_up.png
5 files changed, 129 insertions(+), 0 deletions(-)


  git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ProofreadPage 
refs/changes/05/85205/1

diff --git a/modules/ext.proofreadpage.page/ext.proofreadpage.page.js 
b/modules/ext.proofreadpage.page/ext.proofreadpage.page.js
index 03011e2..c535a71 100644
--- a/modules/ext.proofreadpage.page/ext.proofreadpage.page.js
+++ b/modules/ext.proofreadpage.page/ext.proofreadpage.page.js
@@ -29,11 +29,139 @@
} );
 }
 
+function prAddButtons() {
+   if( proofreadPageIsEdit ) {
+   var tools = {
+   'section': 'proofreadpage-tools',
+   'groups': {
+   'zoom': {
+   'label': mw.msg( 
'proofreadpage-group-zoom' ),
+   'tools': {
+   'zoom-in': {
+   label: mw.msg( 
'proofreadpage-button-zoom-in-label' ),
+   type: 'button',
+   icon: 
mw.config.get( 'wgExtensionAssetsPath' ) + 
'/ProofreadPage/modules/ext.proofreadpage.page/images/Button_zoom_in.png',
+   action: {
+   type: 
'callback',
+   
execute: function() {
+   }
+   }
+   },
+   'zoom-out': {
+   label: mw.msg( 
'proofreadpage-button-zoom-out-label' ),
+   type: 'button',
+   icon: 
mw.config.get( 'wgExtensionAssetsPath' ) + 
'/ProofreadPage/modules/ext.proofreadpage.page/images/Button_zoom_out.png',
+   action: {
+   type: 
'callback',
+   
execute: function() {
+   }
+   }
+   },
+   'reset-zoom': {
+   label: mw.msg( 
'proofreadpage-button-reset-zoom-label' ),
+   type: 'button',
+   icon: 
mw.config.get( 'wgExtensionAssetsPath' ) + 
'/ProofreadPage/modules/ext.proofreadpage.page/images/Button_examine.png',
+   action: {
+   type: 
'callback',
+   
execute: function() {
+   }
+   }
+   },
+   'pan-up': {
+   label: mw.msg( 
'proofreadpage-button-pan-up-label' ),
+   type: 'button',
+   icon: 
mw.config.get( 'wgExtensionAssetsPath' ) + 
'/ProofreadPage/modules/ext.proofreadpage.page/images/Button_pan_up.png',
+   action: {
+   type: 
'callback',
+   
execute: function() {
+