Ticket #38368: 38368.diff

wp-includes/admin-bar.php

@@ -1003 +1003 @@
 
         return 'true' === $pref;
 }
+
+//Load revisions browser
+add_action( 'wp_enqueue_scripts', 'admin_bar_revisions_browser' );
+
+/**
+ * Main function for loading the front-end revision browser.
+ *
+ * @uses "wp_enqueue_scripts" action
+ * @since  4.7.0
+ */
+function admin_bar_revisions_browser() {
+        if ( ! current_user_can( 'edit_posts' ) ) {
+                return;
+        }
+
+        if ( ! is_single() ) {
+                return;
+        }
+
+        add_action( 'admin_bar_menu', 'admin_bar_revisions_browser_toolbar', 999 );
+
+        wp_enqueue_script( 'revision-browser', '/wp-includes/js/revision-browser.js', array( 'jquery', 'wp-api' ) );
+        wp_enqueue_style( 'revision-browser', '/wp-includes/css/revision-browser.css' );
+
+        $selectors = wp_parse_args( get_theme_support( 'revision-browser-selectors' ), array(
+                'content' => 'entry-content',
+                'title'   => 'entry-title',
+        ) );
+
+        global  $post;
+        if ( ! is_object( $post ) ) {
+                return;
+        }
+
+        // REVBROWSER object.
+        wp_localize_script( 'revision-browser', 'REVBROWSER', [
+                'post'    => absint( $post->ID ),
+                'content' => $selectors[ 'content' ],
+                'title'   => $selectors[ 'title' ],
+                'none' => esc_html__( 'No Revisions')
+
+        ]);
+};
+
+/**
+ * Add revision browser to toolbar
+ *
+ * @uses "admin_bar_menu" action
+ * @since 4.7.0
+ * @param WP_Admin_Bar $wp_admin_bar
+ */
+function admin_bar_revisions_browser_toolbar(  $wp_admin_bar ) {
+        $parent = 'revisions-browser';
+        $meta = array( 'class' => 'revisions-browser' );
+        $args = array(
+                'id'    => $parent,
+                'title' => __( 'Browse Revisions' ),
+                'href'  => '#revisions',
+                'meta'  => $meta
+        );
+
+        $wp_admin_bar->add_node( $args );
+
+        $wp_admin_bar->add_node( array(
+                'parent' => $parent,
+                'id' => $parent . '-previous',
+                'title' => __( 'Previous' ),
+                'href' => '#previous-revision',
+                'meta' => $meta,
+        ) );
+
+        $wp_admin_bar->add_node( array(
+                'parent' => $parent,
+                'id' => $parent . '-next',
+                'title' => __( 'Next' ),
+                'href' => '#next-revision',
+                'meta' => $meta,
+        ) );
+
+}
+
+

new file wp-includes/css/revision-browser.css

@@ +1 @@
+#wpadminbar #wp-admin-bar-revisions-browser>.ab-item:before {
+        content: '\f321';
+}

new file wp-includes/js/revision-browser.js

@@ +1 @@
+/**
+ * Revision Browser JS
+ *
+ * JS responsible for frontend revision browsing.
+ *
+ * @since   0.1.0
+ * @package RBR
+ */
+jQuery(document).ready(function ($) {
+    var $previous = $('#wp-admin-bar-revisions-browser-previous a');
+    var $next = $('#wp-admin-bar-revisions-browser-next a');
+    $previous.hide().css('visibility', 'hidden').attr('aria-hidden', true);
+    $next.hide().css('visibility', 'hidden').attr('aria-hidden', true);
+
+    wp.api.loadPromise.done(function () {
+        var loaded = false;
+        var revision;
+
+        $('.revisions-browser').on('click hover mouseover', function (e) {
+            e.preventDefault();
+            initRevisions();
+        });
+
+        //load revisions and set up system, but only once.
+        function initRevisions() {
+            var $menu = $('#wp-admin-bar-revisions-browser');
+            if (false === loaded) {
+                var revisions = new wp.api.collections.PostRevisions({}, {parent: REVBROWSER.post });
+                var post = new wp.api.models.Post({id: REVBROWSER.post });
+                $.when(revisions.fetch(), post.fetch()).then(function (d1, d2) {
+                    if ('object' == typeof  d1 && 0 < d1[0].length) {
+
+                        revisions = d1[0].reverse();
+                        var count = d1[0].length;
+                        var current = count;
+
+                        if( 
+                            d2[0].content.rendered != revisions[count - 1].content.rendered ||
+                            d2[0].title.rendered != revisions[count - 1].title.rendered
+                        ) {
+                            revisions[current] = d2[0];
+                        } else {
+                            current--;
+                        }
+                        
+                        var $content = $('.' + REVBROWSER.content);
+                        var $title = $('.' + REVBROWSER.title);
+
+                        updateNav();
+
+                        $previous.on('click', function (e) {
+                            e.preventDefault();
+                            if (hasPrevious()) {
+                                current = current - 1;
+                                revision = revisions[current];
+                                placeRevision(revision);
+                                updateNav();
+                            }
+
+                        });
+
+                        $next.on('click', function (e) {
+                            e.preventDefault();
+                            if (current + 1 in revisions) {
+                                current = current + 1;
+                                revision = revisions[current];
+                                placeRevision(revision);
+                                updateNav();
+                            }
+
+
+                        });
+
+                        function hasPrevious() {
+                            if (current - 1 in revisions) {
+                                return true;
+                            }
+                        }
+
+                        function hasNext() {
+                            if (current + 1 in revisions) {
+                                return true;
+                            }
+                        }
+
+                        function updateNav() {
+                            if (hasNext()) {
+                                $next.show().css('visibility', 'visible').attr('aria-hidden', false);
+                            } else {
+                                $next.hide().css('visibility', 'hidden').attr('aria-hidden', true);
+                            }
+
+                            if (hasPrevious()) {
+                                $previous.show().css('visibility', 'visible').attr('aria-hidden', false);
+                            } else {
+                                $previous.hide().css('visibility', 'hidden').attr('aria-hidden', true);
+                            }
+                        }
+
+
+                        function placeRevision(revision) {
+
+                            $title.html(revision.title.rendered);
+                            $content.html(revision.content.rendered);
+
+                        }
+
+                    } else {
+                        $menu.first('a').html( REVBROWSER.none);
+                        $menu.find('.ab-sub-wrapper').remove();
+                    }
+
+                });
+
+            }
+
+            loaded = true;
+        }
+
+
+    });
+
+});