Ticket #1590: 1590.patch

trunk/global.wordpress.org/public_html/wp-content/mu-plugins/roles/js/rosetta-roles.js

@@ -21 +21 @@
                 },
 
                 initialize: function() {
-                        var subProjects = this.get( 'sub_projects' );
+                        this.baseCollection = this.get( 'sub_projects' );
                         this.unset( 'sub_projects' );
 
-                        this.set( 'subProjects', new projects.model.subProjects( subProjects ) );
+                        this.set( 'subProjects', new projects.model.subProjects( this.baseCollection, {
+                                project: this,
+                        } ) );
                         this.set( 'checked', _.contains( projects.settings.accessList, parseInt( this.get( 'id' ), 10 ) ) );
 
                         this.listenTo( this.get( 'subProjects' ), 'change:checked', this.updateChecked );
@@ -83 +85 @@
                 defaults: {
                         id: 0,
                         name: '',
-                        checked: false,
-                        isVisible: true
+                        checked: false
                 },
 
                 initialize: function() {
@@ -98 +99 @@
                 // Search terms
                 terms: '',
 
-                initialize: function() {
+                initialize: function( models, options ) {
+                        this.project = options.project;
                         this.on( 'uncheckall', this.uncheckall );
                 },
 
@@ -120 +122 @@
                                 this.search( this.terms );
                         }
 
-                        if ( this.terms === '' ) {
-                                this.each( function( project ) {
-                                        project.set( 'isVisible', true );
-                                });
+                        // If search is blank, show all projects.
+                        if ( '' === this.terms ) {
+                                this.reset( this.project.baseCollection );
                         }
+
+                        // Trigger a 'projects:update' event
+                        this.trigger( 'projects:update' );
                 },
 
                 // Performs a search within the collection
                 // @uses RegExp
                 search: function( term ) {
-                        var match;
+                        var match, results;
 
+                        // Start with a full collection
+                        this.reset( this.project.baseCollection, { silent: true } );
+
                         // Escape the term string for RegExp meta characters
                         term = term.replace( /[-\/\\^$*+?.()|[\]{}]/g, '\\$&' );
 
@@ -140 +147 @@
                         term = term.replace( / /g, ')(?=.*' );
                         match = new RegExp( '^(?=.*' + term + ').+', 'i' );
 
-                        // Find results
-                        this.each( function( project ) {
+                        results = this.filter( function( project ) {
                                 var haystack = _.union( [ project.get( 'name' ), project.get( 'slug' ) ] );
-                                project.set( 'isVisible', match.test( haystack ) );
+                                return match.test( haystack );
                         });
+
+                        this.reset( results );
                 },
 
                 comparator: function( project ) {
@@ -262 +270 @@
                         this.views.add( new projects.view.SubProjectsList({
                                 collection: collection
                         }) );
-                }
+                },
+
         });
 
         projects.view.SubProjectsList = wp.Backbone.View.extend({
                 tagName: 'ul',
                 className: 'sub-projects-list',
 
-                initialize: function() {
-                        var view = this;
-                        this.collection.each( function( project ) {
-                                view.views.add( new projects.view.SubProject({
-                                        model: project
-                                }) );
+                // How many projects should be rendered.
+                limit: 100,
+
+                initialize: function( options ) {
+                        var self = this;
+
+                        this.listenTo( self.collection, 'projects:update', function() {
+                                self.render( this );
+                        } );
+                },
+
+                render: function() {
+                        var self = this, subProjects;
+
+                        self.$el.empty();
+
+                        subProjects = self.collection.first( self.limit );
+                        _.each( subProjects, function( model ) {
+                                var subProjectView = new projects.view.SubProject({
+                                        model: model
+                                });
+
+                                subProjectView.render();
+                                self.$el.append( subProjectView.el );
                         });
                 }
         });
@@ -286 +313 @@
                         this.views.add( new projects.view.Checkbox({
                                 model: this.model
                         }) );
-
-                        this.listenTo( this.model, 'change:isVisible', this.changeVisibility );
-                },
-
-                changeVisibility: function() {
-                        if ( this.model.get( 'isVisible' ) ) {
-                                this.$el.removeClass( 'hidden' );
-                        } else {
-                                this.$el.addClass( 'hidden' );
-                        }
                 }
         });
 
@@ -332 +349 @@
 
                 doSearch: _.debounce( function( event ) {
                         this.collection.doSearch( event.target.value );
-                }, 200 )
+                }, 500 )
         });
 
-        projects.init = function() {
+        projects.initFrame = function( projectData ) {
                 projects.view.frame = new projects.view.Frame({
-                        collection: new projects.model.Projects( projects.settings.data )
+                        collection: new projects.model.Projects( projectData )
                 }).render();
         };
 
+        projects.init = function() {
+                var projectData = localStorage.getItem( 'projectData' );
+                if ( projectData ) {
+                        projectData = JSON.parse( projectData );
+                        projects.initFrame( projectData );
+                        return;
+                }
+
+                wp.ajax.post( 'rosetta-get-project-data' )
+                        .done( function( projectData ) {
+                                var r = localStorage.setItem( 'projectData', JSON.stringify( projectData ) );
+                                projects.initFrame( projectData );
+                        } );
+        };
+
         $( projects.init );
 
         $( '#project-all' ).on( 'click', function() {

trunk/global.wordpress.org/public_html/wp-content/mu-plugins/roles/rosetta-roles.php

@@ -76 +76 @@
 
                 add_action( 'translation_editor_added', array( $this, 'update_wporg_profile_badge' ) );
                 add_action( 'translation_editor_removed', array( $this, 'update_wporg_profile_badge' ) );
+
+                add_action( 'wp_ajax_rosetta-get-project-data', array( $this, 'ajax_get_project_data' ) );
         }
 
         /**
@@ -618 +620 @@
          * Renders the edit page.
          */
         private function render_edit_translation_editor( $user_id ) {
+                $project_access_list = $this->get_users_projects( $user_id );
+
+                wp_localize_script( 'rosetta-roles', '_rosettaProjectsSettings', array(
+                        'l10n' => array(
+                                'searchPlaceholder' => esc_attr__( 'Search...', 'rosetta' ),
+                        ),
+                        'accessList' => $project_access_list,
+                ) );
+
+                $feedback_message = $this->get_feedback_message();
+
+                require __DIR__ . '/views/edit-translation-editor.php';
+        }
+
+        public function ajax_get_project_data() {
                 $projects = $this->get_translate_projects();
                 $project_tree = $this->get_project_tree( $projects, 0, 1 );
 
@@ -631 +648 @@
                 }
                 $project_tree = array_values( $project_tree );
 
-                $project_access_list = $this->get_users_projects( $user_id );
-
-                wp_localize_script( 'rosetta-roles', '_rosettaProjectsSettings', array(
-                        'l10n' => array(
-                                'searchPlaceholder' => esc_attr__( 'Search...', 'rosetta' ),
-                        ),
-                        'data' => $project_tree,
-                        'accessList' => $project_access_list,
-                ) );
-
-                $feedback_message = $this->get_feedback_message();
-
-                require __DIR__ . '/views/edit-translation-editor.php';
+                wp_send_json_success( $project_tree );
         }
 
         /**