wikimedia/mediawiki-extensions-VisualEditor
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor synced 2024-11-12 09:09:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make MWInlineImages resizable

Browse source 
Because they are.

Change-Id: Ib2ff3ac6e9c5ed896486c93c48697d232b892493
This commit is contained in:
Ed Sanders 2013-10-10 13:35:59 +01:00
parent 98230889ab
commit a2b667c8f7
1 changed files with 28 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
modules/ve-mw/ce/nodes/ve.ce.MWInlineImageNode.js
View file

@ -13,6 +13,7 @@
* @mixins ve.ce.ProtectedNode
* @mixins ve.ce.FocusableNode
* @mixins ve.ce.RelocatableNode
* @mixins ve.ce.MWResizableNode
*
* @constructor
* @param {ve.dm.MWInlineImageNode} model Model to observe
@ -39,6 +40,7 @@ ve.ce.MWInlineImageNode = function VeCeMWInlineImageNode( model, config ) {
ve.ce.ProtectedNode.call( this );
ve.ce.FocusableNode.call( this );
ve.ce.RelocatableNode.call( this );
ve.ce.MWResizableNode.call( this );
this.$image
.attr( 'src', this.model.getAttribute( 'src' ) )
@ -68,12 +70,38 @@ ve.mixinClass( ve.ce.MWInlineImageNode, ve.ce.FocusableNode );
ve.mixinClass( ve.ce.MWInlineImageNode, ve.ce.RelocatableNode );
// Need to mixin base class as well
ve.mixinClass( ve.ce.MWInlineImageNode, ve.ce.ResizableNode );
ve.mixinClass( ve.ce.MWInlineImageNode, ve.ce.MWResizableNode );
/* Static Properties */
ve.ce.MWInlineImageNode.static.name = 'mwInlineImage';
ve.ce.MWInlineImageNode.static.tagName = 'img';
/* Methods */
/** */
ve.ce.MWInlineImageNode.prototype.onAttributeChange = function ( key, from, to ) {
if ( key === 'height' || key === 'width' ) {
to = parseInt( to, 10 );
}
if ( from !== to ) {
switch ( key ) {
// TODO: 'align', 'src', 'valign', 'border'
case 'width':
this.$image.css( 'width', to );
break;
case 'height':
this.$image.css( 'height', to );
break;
}
}
};
/* Registration */
ve.ce.nodeFactory.register( ve.ce.MWInlineImageNode );