Cleanup of the revisions screen, both on the PHP API side, and the JS.

* Much simpler PHP API
* Cleaner and more Backbone-y JS API
* Consequently, does batch queries; this now scales up to hundreds of revisions

Currently missing, but much easier considering the cleaned up base:

* Compare two mode
* RTL

props koopersmith, nacin, adamsilverstein, ocean90. see #24425

git-svn-id: http://core.svn.wordpress.org/trunk@24520 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Mark Jaquith
2013-06-26 21:06:50 +00:00
parent b14622b2ff
commit 77abb9ff01
7 changed files with 654 additions and 1070 deletions

View File

@@ -3481,6 +3481,48 @@ td.plugin-title p {
/*------------------------------------------------------------------------------
11.2 - Post Revisions
------------------------------------------------------------------------------*/
.revisions .spinner {
float: none;
margin: 100px auto;
}
.revisions.loading .spinner {
display: block;
}
.revisions-control-frame,
.revisions-diff-frame {
position: relative;
}
.revisions-controls {
height: 60px;
padding: 40px 0 20px;
border-bottom: 1px solid #dfdfdf;
margin-bottom: 10px;
}
.revisions-meta {
margin-top: 15px;
}
.revision-toggle-compare-mode {
position: absolute;
top: 0;
right: 0;
}
.revisions-previous {
float: left;
}
.revisions-next {
float: right;
}
.wp-slider {
width: 70%;
margin: 6px auto 0;
}
/* Revision meta box */
.post-revisions li img,
@@ -3527,13 +3569,6 @@ table.diff .diff-addedline ins {
position: relative;
}
#toggle-revision-compare-mode {
position: absolute;
top: 0;
right: 0;
padding: 9px 9px 0 0;
}
#loading-status {
display: none;
position: absolute;
@@ -3551,24 +3586,6 @@ table.diff .diff-addedline ins {
padding: 20px 0;
}
#diff-next-revision,
#diff-previous-revision {
margin-top: -.4em; /* Same line as the slider (height: .8em) */
}
#diff-next-revision {
float: right;
}
#diff-previous-revision {
float: left;
}
#diff-slider {
width: 70%;
margin: 0 auto;
}
.comparetwo #diff-slider {
width: 95%;
}
@@ -3588,7 +3605,7 @@ table.diff .diff-addedline ins {
}
#diff-title-to strong {
display: none;
display: inline;
}
.comparing-two-revisions #diff-title-to strong {
@@ -3605,6 +3622,7 @@ table.diff .diff-addedline ins {
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 5px 200px 5px 5px;
clear: both;
}
.diff-header {