Revisions UI: Disable previous and next buttons when you're on the first, and last node. Put revision ticks above the slider range. props lessbloat for initial patch. see #23899.

git-svn-id: https://develop.svn.wordpress.org/trunk@24020 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Dominik Schilling (ocean90) 2013-04-17 20:12:25 +00:00
parent d8bf6c44b3
commit 814a49b51b
4 changed files with 24 additions and 3 deletions

View File

@ -1491,7 +1491,7 @@ table.diff .diff-addedline ins {
}
.revision-tick.completed-true {
background-color: #aaa;
background-color: #d1e5ee;
}
.diff-label {

View File

@ -1385,7 +1385,7 @@ table.diff .diff-addedline ins {
}
.revision-tick.completed-true {
background-color: #aaa;
background-color: #d7d7d7;
}
.diff-label {

View File

@ -3628,7 +3628,7 @@ table.diff .diff-addedline ins {
#diff-slider-ticks {
position: absolute;
z-index: 1;
z-index: 2;
margin-top: 20px;
}

View File

@ -243,6 +243,24 @@ window.wp = window.wp || {};
this.reloadRight();
},
disabledButtonCheck: function( val ) {
var maxVal = this.revisions.length - 1,
next = $( '#next' ),
prev = $( '#previous' );
// Disable "Next" button if you're on the last node
if ( maxVal === val )
next.prop( 'disabled', true );
else
next.prop( 'disabled', false );
// Disable "Previous" button if you're on the 0 node
if ( 0 === val )
prev.prop( 'disabled', true );
else
prev.prop( 'disabled', false );
},
completeApplicationSetup: function() {
this.revisionView = new revisions.view.Diff({
model: this.revisions
@ -293,6 +311,7 @@ window.wp = window.wp || {};
if ( this.singleRevision ) {
Diff.rightDiff = ( ui.value + 1 );
Diff.revisionView.render();
Diff.disabledButtonCheck( ui.value );
} else {
if ( ui.values[0] === ui.values[1] ) // prevent compare to self
return false;
@ -416,6 +435,8 @@ window.wp = window.wp || {};
// Triggers the slide event
if ( slide )
$( '#diff-slider' ).trigger( 'slide' );
Diff.disabledButtonCheck( options.value );
},
option: function( key ) {