Edit File by line

// A simple wrapper around `updateDiff` to prevent the change event's

[500] Fix | Delete

// parameters from being passed through.

[501] Fix | Delete

changeRevisionHandler: function() {

[502] Fix | Delete

this.updateDiff();

[503] Fix | Delete

[504] Fix | Delete

[505] Fix | Delete

receiveDiff: function( diff ) {

[506] Fix | Delete

// Did we actually get a diff?

[507] Fix | Delete

if ( _.isUndefined( diff ) || _.isUndefined( diff.id ) ) {

[508] Fix | Delete

this.set({

[509] Fix | Delete

loading: false,

[510] Fix | Delete

error: true

[511] Fix | Delete

});

[512] Fix | Delete

} else if ( this._diffId === diff.id ) { // Make sure the current diff didn't change.

[513] Fix | Delete

this.trigger( 'update:diff', diff );

[514] Fix | Delete

}

[515] Fix | Delete

[516] Fix | Delete

[517] Fix | Delete

_ensureDiff: function() {

[518] Fix | Delete

return this.diffs.ensure( this._diffId, this ).always( this.receiveDiff );

[519] Fix | Delete

}

[520] Fix | Delete

});

[521] Fix | Delete

[522] Fix | Delete

[523] Fix | Delete

/**

[524] Fix | Delete

* ========================================================================

[525] Fix | Delete

* VIEWS

[526] Fix | Delete

* ========================================================================

[527] Fix | Delete

[528] Fix | Delete

[529] Fix | Delete

/**

[530] Fix | Delete

* wp.revisions.view.Frame

[531] Fix | Delete

[532] Fix | Delete

* Top level frame that orchestrates the revisions experience.

[533] Fix | Delete

[534] Fix | Delete

* @param {object} options The options hash for the view.

[535] Fix | Delete

* @param {revisions.model.FrameState} options.model The frame state model.

[536] Fix | Delete

[537] Fix | Delete

revisions.view.Frame = wp.Backbone.View.extend({

[538] Fix | Delete

className: 'revisions',

[539] Fix | Delete

[540] Fix | Delete

[541] Fix | Delete

initialize: function() {

[542] Fix | Delete

this.listenTo( this.model, 'update:diff', this.renderDiff );

[543] Fix | Delete

this.listenTo( this.model, 'change:compareTwoMode', this.updateCompareTwoMode );

[544] Fix | Delete

this.listenTo( this.model, 'change:loading', this.updateLoadingStatus );

[545] Fix | Delete

this.listenTo( this.model, 'change:error', this.updateErrorStatus );

[546] Fix | Delete

[547] Fix | Delete

this.views.set( '.revisions-control-frame', new revisions.view.Controls({

[548] Fix | Delete

model: this.model

[549] Fix | Delete

}) );

[550] Fix | Delete

[551] Fix | Delete

[552] Fix | Delete

render: function() {

[553] Fix | Delete

wp.Backbone.View.prototype.render.apply( this, arguments );

[554] Fix | Delete

[555] Fix | Delete

$('html').css( 'overflow-y', 'scroll' );

[556] Fix | Delete

$('#wpbody-content .wrap').append( this.el );

[557] Fix | Delete

this.updateCompareTwoMode();

[558] Fix | Delete

this.renderDiff( this.model.diff() );

[559] Fix | Delete

this.views.ready();

[560] Fix | Delete

[561] Fix | Delete

return this;

[562] Fix | Delete

[563] Fix | Delete

[564] Fix | Delete

renderDiff: function( diff ) {

[565] Fix | Delete

this.views.set( '.revisions-diff-frame', new revisions.view.Diff({

[566] Fix | Delete

model: diff

[567] Fix | Delete

}) );

[568] Fix | Delete

[569] Fix | Delete

[570] Fix | Delete

updateLoadingStatus: function() {

[571] Fix | Delete

this.$el.toggleClass( 'loading', this.model.get('loading') );

[572] Fix | Delete

[573] Fix | Delete

[574] Fix | Delete

updateErrorStatus: function() {

[575] Fix | Delete

this.$el.toggleClass( 'diff-error', this.model.get('error') );

[576] Fix | Delete

[577] Fix | Delete

[578] Fix | Delete

updateCompareTwoMode: function() {

[579] Fix | Delete

this.$el.toggleClass( 'comparing-two-revisions', this.model.get('compareTwoMode') );

[580] Fix | Delete

}

[581] Fix | Delete

});

[582] Fix | Delete

[583] Fix | Delete

/**

[584] Fix | Delete

* wp.revisions.view.Controls

[585] Fix | Delete

[586] Fix | Delete

* The controls view.

[587] Fix | Delete

[588] Fix | Delete

* Contains the revision slider, previous/next buttons, the meta info and the compare checkbox.

[589] Fix | Delete

[590] Fix | Delete

revisions.view.Controls = wp.Backbone.View.extend({

[591] Fix | Delete

className: 'revisions-controls',

[592] Fix | Delete

[593] Fix | Delete

initialize: function() {

[594] Fix | Delete

_.bindAll( this, 'setWidth' );

[595] Fix | Delete

[596] Fix | Delete

// Add the button view.

[597] Fix | Delete

this.views.add( new revisions.view.Buttons({

[598] Fix | Delete

model: this.model

[599] Fix | Delete

}) );

[600] Fix | Delete

[601] Fix | Delete

// Add the checkbox view.

[602] Fix | Delete

this.views.add( new revisions.view.Checkbox({

[603] Fix | Delete

model: this.model

[604] Fix | Delete

}) );

[605] Fix | Delete

[606] Fix | Delete

// Prep the slider model.

[607] Fix | Delete

var slider = new revisions.model.Slider({

[608] Fix | Delete

frame: this.model,

[609] Fix | Delete

revisions: this.model.revisions

[610] Fix | Delete

}),

[611] Fix | Delete

[612] Fix | Delete

// Prep the tooltip model.

[613] Fix | Delete

tooltip = new revisions.model.Tooltip({

[614] Fix | Delete

frame: this.model,

[615] Fix | Delete

revisions: this.model.revisions,

[616] Fix | Delete

slider: slider

[617] Fix | Delete

});

[618] Fix | Delete

[619] Fix | Delete

// Add the tooltip view.

[620] Fix | Delete

this.views.add( new revisions.view.Tooltip({

[621] Fix | Delete

model: tooltip

[622] Fix | Delete

}) );

[623] Fix | Delete

[624] Fix | Delete

// Add the tickmarks view.

[625] Fix | Delete

this.views.add( new revisions.view.Tickmarks({

[626] Fix | Delete

model: tooltip

[627] Fix | Delete

}) );

[628] Fix | Delete

[629] Fix | Delete

// Add the slider view.

[630] Fix | Delete

this.views.add( new revisions.view.Slider({

[631] Fix | Delete

model: slider

[632] Fix | Delete

}) );

[633] Fix | Delete

[634] Fix | Delete

// Add the Metabox view.

[635] Fix | Delete

this.views.add( new revisions.view.Metabox({

[636] Fix | Delete

model: this.model

[637] Fix | Delete

}) );

[638] Fix | Delete

[639] Fix | Delete

[640] Fix | Delete

ready: function() {

[641] Fix | Delete

this.top = this.$el.offset().top;

[642] Fix | Delete

this.window = $(window);

[643] Fix | Delete

this.window.on( 'scroll.wp.revisions', {controls: this}, function(e) {

[644] Fix | Delete

var controls = e.data.controls,

[645] Fix | Delete

container = controls.$el.parent(),

[646] Fix | Delete

scrolled = controls.window.scrollTop(),

[647] Fix | Delete

frame = controls.views.parent;

[648] Fix | Delete

[649] Fix | Delete

if ( scrolled >= controls.top ) {

[650] Fix | Delete

if ( ! frame.$el.hasClass('pinned') ) {

[651] Fix | Delete

controls.setWidth();

[652] Fix | Delete

container.css('height', container.height() + 'px' );

[653] Fix | Delete

controls.window.on('resize.wp.revisions.pinning click.wp.revisions.pinning', {controls: controls}, function(e) {

[654] Fix | Delete

e.data.controls.setWidth();

[655] Fix | Delete

});

[656] Fix | Delete

}

[657] Fix | Delete

frame.$el.addClass('pinned');

[658] Fix | Delete

} else if ( frame.$el.hasClass('pinned') ) {

[659] Fix | Delete

controls.window.off('.wp.revisions.pinning');

[660] Fix | Delete

controls.$el.css('width', 'auto');

[661] Fix | Delete

frame.$el.removeClass('pinned');

[662] Fix | Delete

container.css('height', 'auto');

[663] Fix | Delete

controls.top = controls.$el.offset().top;

[664] Fix | Delete

} else {

[665] Fix | Delete

controls.top = controls.$el.offset().top;

[666] Fix | Delete

}

[667] Fix | Delete

});

[668] Fix | Delete

[669] Fix | Delete

[670] Fix | Delete

setWidth: function() {

[671] Fix | Delete

this.$el.css('width', this.$el.parent().width() + 'px');

[672] Fix | Delete

}

[673] Fix | Delete

});

[674] Fix | Delete

[675] Fix | Delete

// The tickmarks view.

[676] Fix | Delete

revisions.view.Tickmarks = wp.Backbone.View.extend({

[677] Fix | Delete

className: 'revisions-tickmarks',

[678] Fix | Delete

direction: isRtl ? 'right' : 'left',

[679] Fix | Delete

[680] Fix | Delete

initialize: function() {

[681] Fix | Delete

this.listenTo( this.model, 'change:revision', this.reportTickPosition );

[682] Fix | Delete

[683] Fix | Delete

[684] Fix | Delete

reportTickPosition: function( model, revision ) {

[685] Fix | Delete

var offset, thisOffset, parentOffset, tick, index = this.model.revisions.indexOf( revision );

[686] Fix | Delete

thisOffset = this.$el.allOffsets();

[687] Fix | Delete

parentOffset = this.$el.parent().allOffsets();

[688] Fix | Delete

if ( index === this.model.revisions.length - 1 ) {

[689] Fix | Delete

// Last one.

[690] Fix | Delete

offset = {

[691] Fix | Delete

rightPlusWidth: thisOffset.left - parentOffset.left + 1,

[692] Fix | Delete

leftPlusWidth: thisOffset.right - parentOffset.right + 1

[693] Fix | Delete

};

[694] Fix | Delete

} else {

[695] Fix | Delete

// Normal tick.

[696] Fix | Delete

tick = this.$('div:nth-of-type(' + (index + 1) + ')');

[697] Fix | Delete

offset = tick.allPositions();

[698] Fix | Delete

_.extend( offset, {

[699] Fix | Delete

left: offset.left + thisOffset.left - parentOffset.left,

[700] Fix | Delete

right: offset.right + thisOffset.right - parentOffset.right

[701] Fix | Delete

});

[702] Fix | Delete

_.extend( offset, {

[703] Fix | Delete

leftPlusWidth: offset.left + tick.outerWidth(),

[704] Fix | Delete

rightPlusWidth: offset.right + tick.outerWidth()

[705] Fix | Delete

});

[706] Fix | Delete

}

[707] Fix | Delete

this.model.set({ offset: offset });

[708] Fix | Delete

[709] Fix | Delete

[710] Fix | Delete

ready: function() {

[711] Fix | Delete

var tickCount, tickWidth;

[712] Fix | Delete

tickCount = this.model.revisions.length - 1;

[713] Fix | Delete

tickWidth = 1 / tickCount;

[714] Fix | Delete

this.$el.css('width', ( this.model.revisions.length * 50 ) + 'px');

[715] Fix | Delete

[716] Fix | Delete

_(tickCount).times( function( index ){

[717] Fix | Delete

this.$el.append( '<div style="' + this.direction + ': ' + ( 100 * tickWidth * index ) + '%"></div>' );

[718] Fix | Delete

}, this );

[719] Fix | Delete

}

[720] Fix | Delete

});

[721] Fix | Delete

[722] Fix | Delete

// The metabox view.

[723] Fix | Delete

revisions.view.Metabox = wp.Backbone.View.extend({

[724] Fix | Delete

className: 'revisions-meta',

[725] Fix | Delete

[726] Fix | Delete

initialize: function() {

[727] Fix | Delete

// Add the 'from' view.

[728] Fix | Delete

this.views.add( new revisions.view.MetaFrom({

[729] Fix | Delete

model: this.model,

[730] Fix | Delete

className: 'diff-meta diff-meta-from'

[731] Fix | Delete

}) );

[732] Fix | Delete

[733] Fix | Delete

// Add the 'to' view.

[734] Fix | Delete

this.views.add( new revisions.view.MetaTo({

[735] Fix | Delete

model: this.model

[736] Fix | Delete

}) );

[737] Fix | Delete

}

[738] Fix | Delete

});

[739] Fix | Delete

[740] Fix | Delete

// The revision meta view (to be extended).

[741] Fix | Delete

revisions.view.Meta = wp.Backbone.View.extend({

[742] Fix | Delete

[743] Fix | Delete

[744] Fix | Delete

events: {

[745] Fix | Delete

'click .restore-revision': 'restoreRevision'

[746] Fix | Delete

[747] Fix | Delete

[748] Fix | Delete

initialize: function() {

[749] Fix | Delete

this.listenTo( this.model, 'update:revisions', this.render );

[750] Fix | Delete

[751] Fix | Delete

[752] Fix | Delete

prepare: function() {

[753] Fix | Delete

return _.extend( this.model.toJSON()[this.type] || {}, {

[754] Fix | Delete

type: this.type

[755] Fix | Delete

});

[756] Fix | Delete

[757] Fix | Delete

[758] Fix | Delete

restoreRevision: function() {

[759] Fix | Delete

document.location = this.model.get('to').attributes.restoreUrl;

[760] Fix | Delete

}

[761] Fix | Delete

});

[762] Fix | Delete

[763] Fix | Delete

// The revision meta 'from' view.

[764] Fix | Delete

revisions.view.MetaFrom = revisions.view.Meta.extend({

[765] Fix | Delete

className: 'diff-meta diff-meta-from',

[766] Fix | Delete

type: 'from'

[767] Fix | Delete

});

[768] Fix | Delete

[769] Fix | Delete

// The revision meta 'to' view.

[770] Fix | Delete

revisions.view.MetaTo = revisions.view.Meta.extend({

[771] Fix | Delete

className: 'diff-meta diff-meta-to',

[772] Fix | Delete

type: 'to'

[773] Fix | Delete

});

[774] Fix | Delete

[775] Fix | Delete

// The checkbox view.

[776] Fix | Delete

revisions.view.Checkbox = wp.Backbone.View.extend({

[777] Fix | Delete

className: 'revisions-checkbox',

[778] Fix | Delete

[779] Fix | Delete

[780] Fix | Delete

events: {

[781] Fix | Delete

'click .compare-two-revisions': 'compareTwoToggle'

[782] Fix | Delete

[783] Fix | Delete

[784] Fix | Delete

initialize: function() {

[785] Fix | Delete

this.listenTo( this.model, 'change:compareTwoMode', this.updateCompareTwoMode );

[786] Fix | Delete

[787] Fix | Delete

[788] Fix | Delete

ready: function() {

[789] Fix | Delete

if ( this.model.revisions.length < 3 ) {

[790] Fix | Delete

$('.revision-toggle-compare-mode').hide();

[791] Fix | Delete

}

[792] Fix | Delete

[793] Fix | Delete

[794] Fix | Delete

updateCompareTwoMode: function() {

[795] Fix | Delete

this.$('.compare-two-revisions').prop( 'checked', this.model.get('compareTwoMode') );

[796] Fix | Delete

[797] Fix | Delete

[798] Fix | Delete

// Toggle the compare two mode feature when the compare two checkbox is checked.

[799] Fix | Delete

compareTwoToggle: function() {

[800] Fix | Delete

// Activate compare two mode?

[801] Fix | Delete

this.model.set({ compareTwoMode: $('.compare-two-revisions').prop('checked') });

[802] Fix | Delete

}

[803] Fix | Delete

});

[804] Fix | Delete

[805] Fix | Delete

// The tooltip view.

[806] Fix | Delete

// Encapsulates the tooltip.

[807] Fix | Delete

revisions.view.Tooltip = wp.Backbone.View.extend({

[808] Fix | Delete

className: 'revisions-tooltip',

[809] Fix | Delete

[810] Fix | Delete

[811] Fix | Delete

initialize: function() {

[812] Fix | Delete

this.listenTo( this.model, 'change:offset', this.render );

[813] Fix | Delete

this.listenTo( this.model, 'change:hovering', this.toggleVisibility );

[814] Fix | Delete

this.listenTo( this.model, 'change:scrubbing', this.toggleVisibility );

[815] Fix | Delete

[816] Fix | Delete

[817] Fix | Delete

prepare: function() {

[818] Fix | Delete

if ( _.isNull( this.model.get('revision') ) ) {

[819] Fix | Delete

return;

[820] Fix | Delete

} else {

[821] Fix | Delete

return _.extend( { type: 'tooltip' }, {

[822] Fix | Delete

attributes: this.model.get('revision').toJSON()

[823] Fix | Delete

});

[824] Fix | Delete

}

[825] Fix | Delete

[826] Fix | Delete

[827] Fix | Delete

render: function() {

[828] Fix | Delete

var otherDirection,

[829] Fix | Delete

direction,

[830] Fix | Delete

directionVal,

[831] Fix | Delete

flipped,

[832] Fix | Delete

css = {},

[833] Fix | Delete

position = this.model.revisions.indexOf( this.model.get('revision') ) + 1;

[834] Fix | Delete

[835] Fix | Delete

flipped = ( position / this.model.revisions.length ) > 0.5;

[836] Fix | Delete

if ( isRtl ) {

[837] Fix | Delete

direction = flipped ? 'left' : 'right';

[838] Fix | Delete

directionVal = flipped ? 'leftPlusWidth' : direction;

[839] Fix | Delete

} else {

[840] Fix | Delete

direction = flipped ? 'right' : 'left';

[841] Fix | Delete

directionVal = flipped ? 'rightPlusWidth' : direction;

[842] Fix | Delete

}

[843] Fix | Delete

otherDirection = 'right' === direction ? 'left': 'right';

[844] Fix | Delete

wp.Backbone.View.prototype.render.apply( this, arguments );

[845] Fix | Delete

css[direction] = this.model.get('offset')[directionVal] + 'px';

[846] Fix | Delete

css[otherDirection] = '';

[847] Fix | Delete

this.$el.toggleClass( 'flipped', flipped ).css( css );

[848] Fix | Delete

[849] Fix | Delete

[850] Fix | Delete

visible: function() {

[851] Fix | Delete

return this.model.get( 'scrubbing' ) || this.model.get( 'hovering' );

[852] Fix | Delete

[853] Fix | Delete

[854] Fix | Delete

toggleVisibility: function() {

[855] Fix | Delete

if ( this.visible() ) {

[856] Fix | Delete

this.$el.stop().show().fadeTo( 100 - this.el.style.opacity * 100, 1 );

[857] Fix | Delete

} else {

[858] Fix | Delete

this.$el.stop().fadeTo( this.el.style.opacity * 300, 0, function(){ $(this).hide(); } );

[859] Fix | Delete

}

[860] Fix | Delete

return;

[861] Fix | Delete

}

[862] Fix | Delete

});

[863] Fix | Delete

[864] Fix | Delete

// The buttons view.

[865] Fix | Delete

// Encapsulates all of the configuration for the previous/next buttons.

[866] Fix | Delete

revisions.view.Buttons = wp.Backbone.View.extend({

[867] Fix | Delete

className: 'revisions-buttons',

[868] Fix | Delete

[869] Fix | Delete

[870] Fix | Delete

events: {

[871] Fix | Delete

'click .revisions-next .button': 'nextRevision',

[872] Fix | Delete

'click .revisions-previous .button': 'previousRevision'

[873] Fix | Delete

[874] Fix | Delete

[875] Fix | Delete

initialize: function() {

[876] Fix | Delete

this.listenTo( this.model, 'update:revisions', this.disabledButtonCheck );

[877] Fix | Delete

[878] Fix | Delete

[879] Fix | Delete

ready: function() {

[880] Fix | Delete

this.disabledButtonCheck();

[881] Fix | Delete

[882] Fix | Delete

[883] Fix | Delete

// Go to a specific model index.

[884] Fix | Delete

gotoModel: function( toIndex ) {

[885] Fix | Delete

var attributes = {

[886] Fix | Delete

to: this.model.revisions.at( toIndex )

[887] Fix | Delete

};

[888] Fix | Delete

// If we're at the first revision, unset 'from'.

[889] Fix | Delete

if ( toIndex ) {

[890] Fix | Delete

attributes.from = this.model.revisions.at( toIndex - 1 );

[891] Fix | Delete

} else {

[892] Fix | Delete

this.model.unset('from', { silent: true });

[893] Fix | Delete

}

[894] Fix | Delete

[895] Fix | Delete

this.model.set( attributes );

[896] Fix | Delete

[897] Fix | Delete

[898] Fix | Delete

// Go to the 'next' revision.

[899] Fix | Delete

nextRevision: function() {

[900] Fix | Delete

var toIndex = this.model.revisions.indexOf( this.model.get('to') ) + 1;

[901] Fix | Delete

this.gotoModel( toIndex );

[902] Fix | Delete

[903] Fix | Delete

[904] Fix | Delete

// Go to the 'previous' revision.

[905] Fix | Delete

previousRevision: function() {

[906] Fix | Delete

var toIndex = this.model.revisions.indexOf( this.model.get('to') ) - 1;

[907] Fix | Delete

this.gotoModel( toIndex );

[908] Fix | Delete

[909] Fix | Delete

[910] Fix | Delete

// Check to see if the Previous or Next buttons need to be disabled or enabled.

[911] Fix | Delete

disabledButtonCheck: function() {

[912] Fix | Delete

var maxVal = this.model.revisions.length - 1,

[913] Fix | Delete

minVal = 0,

[914] Fix | Delete

next = $('.revisions-next .button'),

[915] Fix | Delete

previous = $('.revisions-previous .button'),

[916] Fix | Delete

val = this.model.revisions.indexOf( this.model.get('to') );

[917] Fix | Delete

[918] Fix | Delete

// Disable "Next" button if you're on the last node.

[919] Fix | Delete

next.prop( 'disabled', ( maxVal === val ) );

[920] Fix | Delete

[921] Fix | Delete

// Disable "Previous" button if you're on the first node.

[922] Fix | Delete

previous.prop( 'disabled', ( minVal === val ) );

[923] Fix | Delete

}

[924] Fix | Delete

});

[925] Fix | Delete

[926] Fix | Delete

[927] Fix | Delete

// The slider view.

[928] Fix | Delete

revisions.view.Slider = wp.Backbone.View.extend({

[929] Fix | Delete

className: 'wp-slider',

[930] Fix | Delete

direction: isRtl ? 'right' : 'left',

[931] Fix | Delete

[932] Fix | Delete

events: {

[933] Fix | Delete

'mousemove' : 'mouseMove'

[934] Fix | Delete

[935] Fix | Delete

[936] Fix | Delete

initialize: function() {

[937] Fix | Delete

_.bindAll( this, 'start', 'slide', 'stop', 'mouseMove', 'mouseEnter', 'mouseLeave' );

[938] Fix | Delete

this.listenTo( this.model, 'update:slider', this.applySliderSettings );

[939] Fix | Delete

[940] Fix | Delete

[941] Fix | Delete

ready: function() {

[942] Fix | Delete

this.$el.css('width', ( this.model.revisions.length * 50 ) + 'px');

[943] Fix | Delete

this.$el.slider( _.extend( this.model.toJSON(), {

[944] Fix | Delete

start: this.start,

[945] Fix | Delete

slide: this.slide,

[946] Fix | Delete

stop: this.stop

[947] Fix | Delete

}) );

[948] Fix | Delete

[949] Fix | Delete

this.$el.hoverIntent({

[950] Fix | Delete

over: this.mouseEnter,

[951] Fix | Delete

out: this.mouseLeave,

[952] Fix | Delete

timeout: 800

[953] Fix | Delete

});

[954] Fix | Delete

[955] Fix | Delete

this.applySliderSettings();

[956] Fix | Delete

[957] Fix | Delete

[958] Fix | Delete

mouseMove: function( e ) {

[959] Fix | Delete

var zoneCount = this.model.revisions.length - 1, // One fewer zone than models.

[960] Fix | Delete

sliderFrom = this.$el.allOffsets()[this.direction], // "From" edge of slider.

[961] Fix | Delete

sliderWidth = this.$el.width(), // Width of slider.

[962] Fix | Delete

tickWidth = sliderWidth / zoneCount, // Calculated width of zone.

[963] Fix | Delete

actualX = ( isRtl ? $(window).width() - e.pageX : e.pageX ) - sliderFrom, // Flipped for RTL - sliderFrom.

[964] Fix | Delete

currentModelIndex = Math.floor( ( actualX + ( tickWidth / 2 ) ) / tickWidth ); // Calculate the model index.

[965] Fix | Delete

[966] Fix | Delete

// Ensure sane value for currentModelIndex.

[967] Fix | Delete

if ( currentModelIndex < 0 ) {

[968] Fix | Delete

currentModelIndex = 0;

[969] Fix | Delete

} else if ( currentModelIndex >= this.model.revisions.length ) {

[970] Fix | Delete

currentModelIndex = this.model.revisions.length - 1;

[971] Fix | Delete

}

[972] Fix | Delete

[973] Fix | Delete

// Update the tooltip mode.

[974] Fix | Delete

this.model.set({ hoveredRevision: this.model.revisions.at( currentModelIndex ) });

[975] Fix | Delete

[976] Fix | Delete

[977] Fix | Delete

mouseLeave: function() {

[978] Fix | Delete

this.model.set({ hovering: false });

[979] Fix | Delete

[980] Fix | Delete

[981] Fix | Delete

mouseEnter: function() {

[982] Fix | Delete

this.model.set({ hovering: true });

[983] Fix | Delete

[984] Fix | Delete

[985] Fix | Delete

applySliderSettings: function() {

[986] Fix | Delete

this.$el.slider( _.pick( this.model.toJSON(), 'value', 'values', 'range' ) );

[987] Fix | Delete

var handles = this.$('a.ui-slider-handle');

[988] Fix | Delete

[989] Fix | Delete

if ( this.model.get('compareTwoMode') ) {

[990] Fix | Delete

// In RTL mode the 'left handle' is the second in the slider, 'right' is first.

[991] Fix | Delete

handles.first()

[992] Fix | Delete

.toggleClass( 'to-handle', !! isRtl )

[993] Fix | Delete

.toggleClass( 'from-handle', ! isRtl );

[994] Fix | Delete

handles.last()

[995] Fix | Delete

.toggleClass( 'from-handle', !! isRtl )

[996] Fix | Delete

.toggleClass( 'to-handle', ! isRtl );

[997] Fix | Delete

} else {

[998] Fix | Delete

handles.removeClass('from-handle to-handle');

[999] Fix | Delete

123