add organization team-single page
This commit is contained in:
fuxiaohei
parent
63cc14062a
commit
c127d84777
5 changed files with 250 additions and 32 deletions
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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);
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue