[lib setting] added 'shared links'

static/scripts/app/views/dialogs/repo-share-link-admin.js

@@ -2,14 +2,17 @@ define([
     'jquery',
     'underscore',
     'backbone',
-    'common'
-], function($, _, Backbone, Common) {
+    'common',
+    'app/collections/repo-shared-download-links',
+    'app/collections/repo-shared-upload-links',
+    'app/views/repo-shared-link'
+], function($, _, Backbone, Common, DownloadLinks, UploadLinks, LinkView) {
     'use strict';
 
     var RepoShareLinkAdminDialog = Backbone.View.extend({
         tagName: 'div',
         id: 'repo-share-link-admin-dialog',
-        template: _.template($('#repo-share-link-admin-dialog-tmpl').html()),
+        template: _.template($('#repo-shared-links-admin-dialog-tmpl').html()),
 
         initialize: function(options) {
             this.repo_name = options.repo_name;
@@ -18,12 +21,33 @@ define([
             this.render();
             this.$('.op-target').css({'max-width':280}); // for long repo name
             this.$el.modal();
-            $("#simplemodal-container").css({'height':'auto'});
+            $("#simplemodal-container").css({
+                'width':'auto',
+                'height':'auto'
+            });
+            this.$('.js-tabs').tabs();
+
+            var downloadLinks = new DownloadLinks({repo_id: this.repo_id});
+            downloadLinks.link_type = 'download';
+            this.$downloadLinksPanel = this.$('#js-download-links');
+
+            var uploadLinks = new UploadLinks({repo_id: this.repo_id});
+            uploadLinks.link_type = 'upload';
+            this.$uploadLinksPanel = this.$('#js-upload-links');
+
+            this.renderLinksPanel({
+                links: downloadLinks,
+                $panel: this.$downloadLinksPanel
+            });
+            this.renderLinksPanel({
+                links: uploadLinks,
+                $panel: this.$uploadLinksPanel
+            });
         },
 
         render: function() {
             this.$el.html(this.template({
-                title: gettext("{placeholder} Share Links")
+                title: gettext("{placeholder} Shared Links")
                     .replace('{placeholder}',
                     '<span class="op-target ellipsis ellipsis-op-target" title="'
                     + Common.HTMLescape(this.repo_name) + '">'
@@ -33,8 +57,44 @@ define([
             return this;
         },
 
-        events: {
+        renderLinksPanel: function(options) {
+            var links = options.links;
+            var $panel = options.$panel;
+            var $loadingTip = $('.loading-tip', $panel);
+            var $error = $('.error', $panel);
 
+            this.listenTo(links, 'add', this.addLink);
+            links.fetch({
+                cache: false,
+                success: function(collection, response, opts) {
+                    $loadingTip.hide();
+                },
+                error: function(collection, response, opts) {
+                    $loadingTip.hide();
+                    if (response.responseText) {
+                        if (response['status'] == 401 || response['status'] == 403) {
+                            err_msg = gettext("Permission error");
+                        } else {
+                            err_msg = $.parseJSON(response.responseText).error_msg;
+                        }
+                    } else {
+                        err_msg = gettext('Please check the network.');
+                    }
+                    $error.html(err_msg).show();
+                }
+            });
+        },
+
+        addLink: function(model, collection, options) {
+            var link_type = collection.link_type;
+            var $panel = link_type == 'download' ? this.$downloadLinksPanel : this.$uploadLinksPanel;
+            var view = new LinkView({
+                model: model,
+                repo_id: this.repo_id,
+                link_type: link_type,
+                $error: $('.error', $panel)
+            });
+            $('tbody', $panel).append(view.render().el);
         }
 
     });