add organization team-single page

2 files changed, 137 insertions, 32 deletions

diff --git a/public/css/gogs.css b/public/css/gogs.css
index 690ccdc3..c6554b78 100755
--- a/public/css/gogs.css
+++ b/public/css/gogs.css
@@ -408,28 +408,33 @@ body {
 #repo-hooks-list .remove-hook {
     color: #DD4B39;
 }
-#repo-collab-form .dropdown-menu {
+#repo-collab-form .dropdown-menu,
+#org-team-content .header .dropdown-menu {
     margin-left: 15px;
     margin-top: 4px;
     padding: 0;
 }
-#repo-collab-form .dropdown-menu li {
+#repo-collab-form .dropdown-menu li,
+#org-team-content .header .dropdown-menu li {
     padding: 0 1em;
     line-height: 36px;
     cursor: pointer;
     font-weight: bold;
 }
-#repo-collab-form .dropdown-menu li:hover {
+#repo-collab-form .dropdown-menu li:hover,
+#org-team-content .header .dropdown-menu li:hover {
     background-color: #e8f0ff;
 }
-#repo-collab-form .dropdown-menu img {
+#repo-collab-form .dropdown-menu img,
+#org-team-content .header .dropdown-menu img {
     width: 28px;
     height: 28px;
     margin-right: 1em;
     vertical-align: middle;
     margin-top: -3px;
 }
-#repo-collab-form .dropdown-menu ul {
+#repo-collab-form .dropdown-menu ul,
+#org-team-content .header .dropdown-menu ul {
     margin-bottom: 0;
 }
 #repo-hooks-list li {
@@ -1446,8 +1451,7 @@ body {
 #footer {
     background: #fff;
     -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.05);
-    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.05);
-    ;
+    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.05);;
     height: 100px;
 }
 #footer .footer-wrap {
@@ -1677,31 +1681,39 @@ body {
 #org-members {
     margin-right: 30px;
 }
-#org-members .member .avatar img {
+#org-members .member .avatar img,
+#org-team-members .member .avatar img {
     width: 50px;
     height: 50px;
 }
-#org-members .member {
+#org-members .member,
+#org-team-members .member {
     padding-bottom: 20px;
     margin-bottom: 20px;
     border-bottom: 1px solid #DDD;
     height: 70px;
 }
-#org-members .member .name {
+#org-members .member .name,
+#org-team-members .member .name {
     padding-top: 4px;
 }
-#org-members .member .nick {
+#org-members .member .nick,
+#org-team-members .member .nick {
     display: block;
     color: #888;
 }
-#org-members .member .name a {
+#org-members .member .name a,
+#org-team-members .member .name a {
     color: #444;
 }
-#org-members .member .name strong {
+#org-members .member .name strong,
+#org-team-members .member .name strong {
     font-size: 1.2em;
 }
 #org-members .status,
-#org-members .role {
+#org-members .role,
+#org-team-members .status,
+#org-team-members .role {
     line-height: 48px;
     text-align: right;
 }
@@ -1727,4 +1739,44 @@ body {
 }
 #org-teams .org-team {
     border-bottom: none;
+}
+#org-team-card {
+    border: 1px solid #CCC;
+    background-color: #FFF;
+}
+#org-team-card .meta .num {
+    font-weight: bold;
+    color: #444;
+    font-size: 1.2em;
+}
+#org-team-card .meta > div {
+    margin-bottom: 12px;
+}
+#org-team-card .meta a:hover {
+    text-decoration: none;
+    font-weight: bold;
+}
+#org-team-card .action a {
+    margin-right: 12px;
+}
+#org-team-card .action a:hover {
+    text-decoration: none;
+}
+#org-team-content .header {
+    height: 50px;
+}
+#org-team-content .header > form {
+    padding-right: 0;
+}
+#org-team-repos .repo{
+    padding-bottom: 20px;
+    margin-bottom: 20px;
+    border-bottom: 1px solid #DDD;
+    padding-left: 15px;
+}
+#org-team-repos .repo-name{
+    font-size: 1.2em;
+    color: #444;
+    font-weight: bold;
+    line-height: 30px;
 }
\ No newline at end of file
diff --git a/public/js/app.js b/public/js/app.js
index 6edade44..4c376ea0 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -301,6 +301,26 @@ var Gogits = {};
         }).addClass("js-copy-bind");
     }
 
+    // api working
+    Gogits.getUsers = function (val, $target) {
+        $.ajax({
+            url: '/api/v1/users/search?q=' + val,
+            dataType: "json",
+            success: function (json) {
+                if (json.ok && json.data.length) {
+                    var html = '';
+                    $.each(json.data, function (i, item) {
+                        html += '<li><img src="' + item.avatar + '">' + item.username + '</li>';
+                    });
+                    $target.toggleShow();
+                    $target.find('ul').html(html);
+                } else {
+                    $target.toggleHide();
+                }
+            }
+        });
+    }
+
 })(jQuery);
 
 // ajax utils
@@ -733,22 +753,23 @@ function initRepoSetting() {
             $this.next().toggleHide();
             return;
         }
-        $.ajax({
-            url: '/api/v1/users/search?q=' + $this.val(),
-            dataType: "json",
-            success: function (json) {
-                if (json.ok && json.data.length) {
-                    var html = '';
-                    $.each(json.data, function (i, item) {
-                        html += '<li><img src="' + item.avatar + '">' + item.username + '</li>';
-                    });
-                    $this.next().toggleShow();
-                    $this.next().find('ul').html(html);
-                } else {
-                    $this.next().toggleHide();
-                }
-            }
-        });
+        Gogits.getUsers($this.val(), $this.next());
+        /*$.ajax({
+         url: '/api/v1/users/search?q=' + $this.val(),
+         dataType: "json",
+         success: function (json) {
+         if (json.ok && json.data.length) {
+         var html = '';
+         $.each(json.data, function (i, item) {
+         html += '<li><img src="' + item.avatar + '">' + item.username + '</li>';
+         });
+         $this.next().toggleShow();
+         $this.next().find('ul').html(html);
+         } else {
+         $this.next().toggleHide();
+         }
+         }
+         });*/
     }).on('focus', function () {
         if (!$(this).val()) {
             $(this).next().toggleHide();
@@ -771,14 +792,43 @@ function initRepoCreating() {
                 $(this).addClass("checked");
             }
             // set button group to show clicked owner
-            $('#repo-owner-avatar').attr("src",$(this).find('img').attr("src"));
+            $('#repo-owner-avatar').attr("src", $(this).find('img').attr("src"));
             $('#repo-owner-name').text($(this).text().trim());
-            console.log("set repo owner to uid :",uid,$(this).text().trim());
+            console.log("set repo owner to uid :", uid, $(this).text().trim());
         });
     }());
     console.log("init repo-creating scripts");
 }
 
+function initOrganization() {
+    (function(){
+        $('#org-team-add-user').on('keyup', function () {
+            var $this = $(this);
+            if (!$this.val()) {
+                $this.next().toggleHide();
+                return;
+            }
+            Gogits.getUsers($this.val(), $this.next());
+        }).on('focus', function () {
+            if (!$(this).val()) {
+                $(this).next().toggleHide();
+            }
+        }).next().on("click", 'li', function () {
+            $('#org-team-add-user').val($(this).text());
+            $('#org-team-add-user-form').submit();
+        }).toggleHide();
+        console.log("init script : add user to team");
+    }());
+
+    (function(){
+        $('#org-team-add-repo').next().toggleHide();
+        console.log("init script : add repository to team");
+    }());
+
+
+    console.log("init script : organization done");
+}
+
 (function ($) {
     $(function () {
         initCore();
@@ -804,6 +854,9 @@ function initRepoCreating() {
         if ($('#repo-create').length) {
             initRepoCreating();
         }
+        if ($('#body-nav').hasClass("org-nav")) {
+            initOrganization();
+        }
     });
 })(jQuery);