add public repo

static/scripts/app/views/add-pub-repo.js

@@ -4,24 +4,81 @@ define([
     'underscore',
     'backbone',
     'common',
-    'app/views/add-repo'
-], function($, simplemodal, _, Backbone, Common, AddRepoView) {
+    'app/collections/repos',
+    'app/views/add-pubrepo-item'
+], function($, simplemodal, _, Backbone, Common,
+    RepoCollection, AddPubrepoItem) {
     'use strict';
 
-    var AddPubRepoView = AddRepoView.extend({
-        templateData: function() {
-            return {
-                showSharePerm: true
-            };
+    var AddPubRepoView = Backbone.View.extend({
+        id: 'add-pubrepo-popup',
+
+        template: _.template($('#add-pubrepo-popup-tmpl').html()),
+
+        initialize: function(pubRepos) {
+            this.$el.html(this.template()).modal({});
+            $('#simplemodal-container').css({'width':'auto', 'height':'auto'});
+
+            this.$table = this.$('table');
+            this.$tableBody = this.$('tbody');
+            this.$loadingTip = this.$('.loading-tip');
+
+            this.myRepos = new RepoCollection();
+            this.pubRepos = pubRepos;
+
+            this.listenTo(this.myRepos, 'reset', this.reset);
+            this.myRepos.fetch({reset: true});
         },
 
-        newAttributes: function() {
-            var baseAttrs = AddRepoView.prototype.newAttributes.apply(this);
-
-            return _.extend(baseAttrs, {'permission': $('select[name=permission]', this.$el).val()});
+        events: {
+            'click .submit': 'submit'
         },
 
+        submit: function () {
+            var myRepos = this.myRepos.where({'selected':true}),
+                _this = this,
+                requests = [];
+
+            _.each(myRepos, function (repo){
+                var repo_id = repo.id,
+                    perm = 'rw';
+
+                if (repo.has('pub_perm')) {
+                    perm = repo.get('pub_perm');
+                }
+
+                requests.push(
+                    $.ajax({
+                        url: Common.getUrl({'name':'shared_repos', 'repo_id': repo_id}) + '?share_type=public&permission=' + perm,
+                        type: 'PUT',
+                        beforeSend: Common.prepareCSRFToken,
+                        dataType: 'json',
+                        error: function(xhr, textStatus, errorThrown) {
+                            Common.ajaxErrorHandler(xhr, textStatus, errorThrown);
+                        }
+                    })
+                );
+            })
+
+            var defer = $.when.apply($, requests);
+            defer.done(function () {
+                // when all ajax request complete
+                $.modal.close();
+                _this.pubRepos.fetch({reset: true});
+            });
+        },
+
+        addOne: function(model) {
+            var view = new AddPubrepoItem({model: model});
+            this.$tableBody.append(view.render().el);
+        },
+
+        reset: function() {
+            this.$loadingTip.hide();
+            this.$table.show()
+            this.myRepos.each(this.addOne, this);
+        }
+
     });
-
     return AddPubRepoView;
 });