From cb4e0d749381806c4f2eb1bb1f85dc8a248d3b6d Mon Sep 17 00:00:00 2001
From: llj <lingjun.li1@gmail.com>
Date: Thu, 28 May 2015 13:57:00 +0800
Subject: [PATCH 1/2] [org view] modified 'add library'

---
 media/css/seahub.css                     | 22 +++++++++++++-------
 seahub/templates/js/templates.html       |  2 +-
 seahub/templates/libraries.html          |  9 +++++---
 static/scripts/app/views/organization.js | 26 ++++++++++++++++++++++--
 4 files changed, 46 insertions(+), 13 deletions(-)

diff --git a/media/css/seahub.css b/media/css/seahub.css
index a8a4f6457d..26c7ec4002 100644
--- a/media/css/seahub.css
+++ b/media/css/seahub.css
@@ -1187,6 +1187,9 @@ textarea:-moz-placeholder {/* for FF */
     padding-bottom:0;
     height:39px;
 }
+#organization-repos .hd {
+    position:relative;
+}
 .repo-file-list-topbar {
     margin-bottom:0;
 }
@@ -1234,6 +1237,9 @@ textarea:-moz-placeholder {/* for FF */
     background:#fff;
     line-height:17px;
 }
+#add-pub-lib {
+   outline:none;
+}
 /* info-bar */
 #info-bar {
     color: #1f0600;
@@ -2007,7 +2013,8 @@ textarea:-moz-placeholder {/* for FF */
     position:relative;
     overflow:hidden;
 }
-#upload-menu {
+#upload-menu,
+#add-pub-lib-menu {
     position:absolute;
     z-index:12; /* make it on top of a checkbox */
     border:1px solid #c5c5c5;
@@ -2015,12 +2022,16 @@ textarea:-moz-placeholder {/* for FF */
     box-shadow: 0 0 2px #c5c5c5;
     background:#fff;
 }
-#upload-menu .item {
-    position:relative;
-    text-align:left;
+#upload-menu .item,
+#add-pub-lib-menu .item {
     padding:0 10px;
     height:27px;
     line-height:27px;
+    cursor:pointer;
+}
+#upload-menu .item {
+    position:relative;
+    text-align:left;
     overflow:hidden; /* for 'hover', as long 'input' in it. */
 }
 .fixed-upload-file-dialog {
@@ -3571,9 +3582,6 @@ textarea:-moz-placeholder {/* for FF */
     overflow-y: auto;
     overflow-x: hidden;
 }
-button.add-pub-repo {
-    margin-right:10px;
-}
 
 /* share popup */
 #download-link-operations dl {
diff --git a/seahub/templates/js/templates.html b/seahub/templates/js/templates.html
index 7c2ded7dee..97c5280e5d 100644
--- a/seahub/templates/js/templates.html
+++ b/seahub/templates/js/templates.html
@@ -733,7 +733,7 @@
     </tr>
 </script>
 <script type="text/template" id="add-pubrepo-popup-tmpl">
-    <h3 class="hd">{% trans "Add organizaiton library" %}</h3>
+    <h3 class="hd">{% trans "Select libraries to share" %}</h3>
     <img class="loading-tip" width="32" src="{{MEDIA_URL}}img/loading-new.gif" alt="{% trans 'Loading...' %}" />
     <table class="hide">
         <thead>
diff --git a/seahub/templates/libraries.html b/seahub/templates/libraries.html
index 7665980fd9..5afa91f5e1 100644
--- a/seahub/templates/libraries.html
+++ b/seahub/templates/libraries.html
@@ -182,10 +182,13 @@
 </div>
 
 <div id="organization-repos" class="tab-tabs hide">
-    <div class="hd ovhd">
+    <div class="hd">
         <h3 class="fleft">{% trans "Libraries" %}</h3>
-        <button class="repo-create fright"><img src="{{ MEDIA_URL }}img/add.png" alt="" class="add vam" /><span class="vam">{% trans "New Library"%}</span></button>
-        <button class="add-pub-repo fright"><img src="{{ MEDIA_URL }}img/add.png" alt="" class="add vam" /><span class="vam">{% trans "Add Library"%}</span></button>
+        <button id="add-pub-lib" class="fright"><img src="{{ MEDIA_URL }}img/add.png" alt="" class="add vam" /><span class="vam">{% trans "Add Library"%}</span></button>
+        <ul id="add-pub-lib-menu" class="hide">
+            <li class="item share-existing">{% trans "Share existing" %}</li>
+            <li class="item create-new">{% trans "Create new" %}</li>
+        </ul>
     </div>
 
     <table class="repo-list hide">
diff --git a/static/scripts/app/views/organization.js b/static/scripts/app/views/organization.js
index fd52366502..b5946e55fd 100644
--- a/static/scripts/app/views/organization.js
+++ b/static/scripts/app/views/organization.js
@@ -31,11 +31,33 @@ define([
             this.listenTo(this.repos, 'reset', this.reset);
 
             this.dirView = options.dirView;
+
+            // show/hide 'add lib' menu
+            var $add_lib = $('#add-pub-lib'),
+                $add_lib_menu = $('#add-pub-lib-menu');
+            $add_lib.click(function() {
+                $add_lib_menu.toggleClass('hide');
+                $add_lib_menu.css({
+                    'top': $add_lib.position().top + $add_lib.outerHeight(),
+                    'left': $add_lib.position().left
+                });
+            });
+            $('.item', $add_lib_menu).hover(
+                function() {
+                    $(this).css({'background':'#f3f3f3'});
+                },
+                function() {
+                    $(this).css({'background':'transparent'});
+                }
+            );
+            $(document).click(function(e) {
+                Common.closePopup(e, $add_lib_menu, $add_lib);
+            });
         },
 
         events: {
-            'click #organization-repos .repo-create': 'createRepo',
-            'click #organization-repos .add-pub-repo': 'addRepo',
+            'click #organization-repos .share-existing': 'addRepo',
+            'click #organization-repos .create-new': 'createRepo',
             'click #organization-repos .by-name': 'sortByName',
             'click #organization-repos .by-time': 'sortByTime'
         },

From cb3d7cb6e7e360b12d0eb7bef5b57ca49a9714d8 Mon Sep 17 00:00:00 2001
From: llj <lingjun.li1@gmail.com>
Date: Thu, 28 May 2015 16:08:30 +0800
Subject: [PATCH 2/2] [org view] modified 'add lib' UI

---
 static/scripts/app/views/organization.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/scripts/app/views/organization.js b/static/scripts/app/views/organization.js
index b5946e55fd..ac31d7e16d 100644
--- a/static/scripts/app/views/organization.js
+++ b/static/scripts/app/views/organization.js
@@ -39,7 +39,7 @@ define([
                 $add_lib_menu.toggleClass('hide');
                 $add_lib_menu.css({
                     'top': $add_lib.position().top + $add_lib.outerHeight(),
-                    'left': $add_lib.position().left
+                    'right': 10 // align right with $add_lib
                 });
             });
             $('.item', $add_lib_menu).hover(