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() {
+                                                                       }
+                                                               }
+                                                       },
+                                                       'pan-down': {
+                                                               label: mw.msg( 
'proofreadpage-button-pan-down-label' ),
+                                                               type: 'button',
+                                                               icon: 
mw.config.get( 'wgExtensionAssetsPath' ) + 
'/ProofreadPage/modules/ext.proofreadpage.page/images/Button_pan_down.png',
+                                                               action: {
+                                                                       type: 
'callback',
+                                                                       
execute: function() {
+                                                                       }
+                                                               }
+                                                       },
+                                                       'pan-left': {
+                                                               label: mw.msg( 
'proofreadpage-button-pan-left-label' ),
+                                                               type: 'button',
+                                                                       icon: 
mw.config.get( 'wgExtensionAssetsPath' ) + 
'/ProofreadPage/modules/ext.proofreadpage.page/images/Button_pan_left.png',
+                                                               action: {
+                                                                       type: 
'callback',
+                                                                       
execute: function() {
+                                                                       }
+                                                               }
+                                                       },
+                                                       'pan-right': {
+                                                               label: mw.msg( 
'proofreadpage-button-pan-right-label' ),
+                                                               type: 'button',
+                                                                       icon: 
mw.config.get( 'wgExtensionAssetsPath' ) + 
'/ProofreadPage/modules/ext.proofreadpage.page/images/Button_pan_right.png',
+                                                               action: {
+                                                                       type: 
'callback',
+                                                                       
execute: function() {
+                                                                       }
+                                                               }
+                                                       }
+                                               }
+                                       },
+                               }
+                       };
+
+               var $edit = $( '#wpTextbox1' );
+               if( mw.user.options.get('usebetatoolbar') && typeof 
$edit.wikiEditor === 'function' ) {
+                       $edit.wikiEditor( 'addToToolbar', {
+                               'sections': {
+                                       'proofreadpage-tools': {
+                                               'type': 'toolbar',
+                                               'label': mw.msg( 
'proofreadpage-section-tools' )
+                                       }
+                               }
+                       } )
+                       .wikiEditor( 'addToToolbar', tools);
+               } else {
+                       var toolbar = document.getElementById( 'toolbar' );
+
+                       pr_rect = document.createElement( 'div' );
+                       pr_container_parent.appendChild( pr_rect );
+
+                       if( ( !toolbar ) || ( self.wgWikiEditorPreferences && 
self.wgWikiEditorPreferences['toolbar'] ) ) {
+                               toolbar = document.createElement( 'div' );
+                               toolbar.style.cssText = 'position:absolute;';
+                               pr_container_parent.appendChild( toolbar );
+                       }
+
+                       var bits = [
+                               tools.groups.other.tools['toggle-visibility'],
+                               tools.groups.zoom.tools['zoom-out'],
+                               tools.groups.zoom.tools['reset-zoom'],
+                               tools.groups.zoom.tools['zoom-in'],
+                               tools.groups.other.tools['toggle-layout']
+                       ];
+                       $.each(bits, function(i, button) {
+                               var image = document.createElement( 'img' );
+                               image.style.cssText = 'width: 23px; height: 
23px; ';
+                               image.className = 'mw-toolbar-editbutton';
+                               image.src = button.icon;
+                               image.border = 0;
+                               image.alt = button.label;
+                               image.title = button.label;
+                               image.onclick = button.action.execute;
+                               toolbar.appendChild( image );
+                       });
+               }
+       }
+}
 
 function prStartup() {
        jQuery( function() {
                prSetSummary();
                prHideHeaderFooter();
+               prAddButtons();
        } );
 }
 
@@ -45,3 +173,4 @@
 } else {
        prStartup();
 }
+
diff --git a/modules/ext.proofreadpage.page/images/Button_pan_down.png 
b/modules/ext.proofreadpage.page/images/Button_pan_down.png
new file mode 100644
index 0000000..2c4e279
--- /dev/null
+++ b/modules/ext.proofreadpage.page/images/Button_pan_down.png
Binary files differ
diff --git a/modules/ext.proofreadpage.page/images/Button_pan_left.png 
b/modules/ext.proofreadpage.page/images/Button_pan_left.png
new file mode 100644
index 0000000..5dc6967
--- /dev/null
+++ b/modules/ext.proofreadpage.page/images/Button_pan_left.png
Binary files differ
diff --git a/modules/ext.proofreadpage.page/images/Button_pan_right.png 
b/modules/ext.proofreadpage.page/images/Button_pan_right.png
new file mode 100644
index 0000000..b1a1819
--- /dev/null
+++ b/modules/ext.proofreadpage.page/images/Button_pan_right.png
Binary files differ
diff --git a/modules/ext.proofreadpage.page/images/Button_pan_up.png 
b/modules/ext.proofreadpage.page/images/Button_pan_up.png
new file mode 100644
index 0000000..1ebb193
--- /dev/null
+++ b/modules/ext.proofreadpage.page/images/Button_pan_up.png
Binary files differ

-- 
To view, visit https://gerrit.wikimedia.org/r/85205
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings

Gerrit-MessageType: newchange
Gerrit-Change-Id: I26d017b1f4556efb83eeb1aa924e1b7e72118dfe
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/ProofreadPage
Gerrit-Branch: pagePagesRefactoring
Gerrit-Owner: Rtdwivedi <[email protected]>

_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits

Reply via email to