haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-17 07:41:26 +00:00
Code Issues Releases Wiki Activity

show user-profile in popup

Browse Source
This commit is contained in:
llj
2012-06-23 16:12:33 +08:00
parent 7a0a5509b7
commit 7b57fbbaaa
5 changed files with 161 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
group/templates/group/group_info.html
View File

@@ -9,7 +9,7 @@
<h3>管理员</h3>
<ul>
{% for member in managers %}
<li class="group-member">{% avatar member.user_name 16 %}<span class="group-member-name"><a href="{{ SITE_ROOT }}profile/{{ member.user_name }}/">{{ member.user_name|email2nickname }}</a></span></li>
<li class="group-member">{% avatar member.user_name 16 %}<a class="group-member-name" href="{{ SITE_ROOT }}profile/{{ member.user_name }}/">{{ member.user_name|email2nickname }}</a></li>
{% endfor %}
</ul>
@@ -17,9 +17,7 @@
{% if common_members %}
<ul>
{% for member in common_members %}
<li class="group-member">{% avatar member.user_name 16 %}
<span class="group-member-name"><a href="{{ SITE_ROOT }}profile/{{ member.user_name }}/">{{ member.user_name|email2nickname }}</a></span>
</li>
<li class="group-member">{% avatar member.user_name 16 %}<a class="group-member-name" href="{{ SITE_ROOT }}profile/{{ member.user_name }}/">{{ member.user_name|email2nickname }}</a></li>
{% endfor %}
</ul>
{% else %}
@@ -36,6 +34,7 @@
{% endif %}
</ul>
{% endif %}
</div>
<div class="main fleft">
@@ -67,9 +66,52 @@
<p>暂无</p>
{% endif %}
</div>
<div id="user-profile" class="user-profile ovhd hide"></div>
<textarea id="jtemplate" class="hide">
{#if !$T.err_msg}
<div class="pic fleft">
<img class="avatar" width="80" height="80" alt="{$T.email}" />
{#if $T.new_user}
<button id="add-as-contact">加为联系人</button>
{#/if}
</div>
<div class="txt fright">
{#if $T.user_nickname}
<p>{$T.user_nickname}</p>
{#/if}
<p>{$T.email}</p>
{#if $T.user_intro}
<p class="intro">{$T.user_intro}</p>
{#/if}
</div>
{#if $T.new_user}
<form id="add-as-contact-form" class="hide" action="{{ SITE_ROOT }}contacts/add/" method="post">
<input type="hidden" name="user_email" value="{{ request.user.username }}" id="id_user_email" />
<label>邮箱：</label><br />
<input id="id_contact_email" type="text" name="contact_email" maxlength="255" value="{$T.email}" /><br />
<label>名字(可选)：</label><br />
<input id="id_contact_name" type="text" name="contact_name" maxlength="255" /><br />
<label>备注(可选)：</label><br />
<input id="id_note" type="text" name="note" maxlength="255" /><br />
<input type="submit" value="提交" class="submit" />
</form>
{#/if}
{#else}
<p class="error">{$T.err_msg}</p>
{#/if}
</textarea>
{% endblock %}
{% block extra_script %}
<script type="text/javascript" src="{{ MEDIA_URL }}js/jquery-jtemplates.js"></script>
<script type="text/javascript">
addConfirmTo($('#quit-group'), '确定要退出？');
addConfirmTo($('.cancel-share'), '确定要取消共享该目录？');
@@ -86,5 +128,55 @@
$('.download').click(function() {
window.open($(this).attr('data'));
});
//show profile when mouse over
var Hide_profile = '';
$('.group-member').hover(
function() {
var this_top = $(this).offset().top - $('#main').offset().top;
$(this).css('background', '#eee');
var avatar_url = $(this).children('.avatar').attr('src'),
avatar_url_array = avatar_url.split('/');
if (avatar_url_array.length > 4) {//not default avatar
avatar_url_array[5] = 80;//choose avatar size
avatar_url = avatar_url_array.join('/');
}
$.ajax({
url: $(this).children('.group-member-name').attr('href') + 'get/',
dataType: 'json',
cache: false,
contentType: 'application/json; charset=utf-8',
success: function(data) {
$('#user-profile').setTemplateElement('jtemplate').processTemplate(data);
$('#user-profile .avatar').attr('src', avatar_url);
$('#user-profile').removeClass('hide');
$('#main').css('position', 'relative');
$('#add-as-contact').click(function() {
$('#add-as-contact-form').modal({appendTo: '#main'});
});
if (this_top + $('#user-profile').height() < $('#main').height()) {
$('#user-profile').css('top', this_top - 10);
} else {
$('#user-profile').css('top', $('#main').height() - $('#user-profile').height() - 5);
}
}
});
clearTimeout(Hide_profile);
},
function() {
$(this).css('background', '#fff');
Hide_profile = setTimeout(function() { $('#user-profile').addClass('hide'); }, 3000);
}
);
$('#user-profile').hover(
function() {
clearTimeout(Hide_profile);
},
function() {
$(this).addClass('hide');
}
);
</script>
{% endblock %}

15
media/css/seahub.css
View File

@@ -395,6 +395,20 @@ h2.repo-history {
.org-member-name {
vertical-align:middle;
}
#user-profile {
width:318px;
position:absolute;
left:365px;
top:50px;
z-index:10;
padding:15px;;
min-height:130px;
border:1px solid #ddd;
background:#fff;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
#member-add {
font-size:13px;
padding-left:18px;
@@ -410,7 +424,6 @@ h2.repo-history {
.user-profile .pic {
width:80px;
text-align:center;
margin-right:20px;
}
.user-profile .avatar {
border-radius:4px;

27
profile/templates/profile/user_profile.html
View File

@@ -22,18 +22,21 @@
<p class="intro">{{ intro }}</p>
{% endif %}
</div>
<form id="add-as-contact" class="hide" action="{{ SITE_ROOT }}contacts/add/" method="post">
<input type="hidden" name="user_email" value="{{ request.user.username }}" id="id_user_email" />
<label>邮箱：</label><br />
<input id="id_contact_email" type="text" name="contact_email" maxlength="255" value="{{ email }}" /><br />
<label>名字(可选)：</label><br />
<input id="id_contact_name" type="text" name="contact_name" maxlength="255" /><br />
<label>备注(可选)：</label><br />
<input id="id_note" type="text" name="note" maxlength="255" /><br />
<input type="submit" value="提交" class="submit" />
</form>
</div>
{% if new_user %}
<form id="add-as-contact" class="hide" action="{{ SITE_ROOT }}contacts/add/" method="post">
<input type="hidden" name="user_email" value="{{ request.user.username }}" id="id_user_email" />
<label>邮箱：</label><br />
<input id="id_contact_email" type="text" name="contact_email" maxlength="255" value="{{ email }}" /><br />
<label>名字(可选)：</label><br />
<input id="id_contact_name" type="text" name="contact_name" maxlength="255" /><br />
<label>备注(可选)：</label><br />
<input id="id_note" type="text" name="note" maxlength="255" /><br />
<input type="submit" value="提交" class="submit" />
</form>
{% endif %}
{% else %}
<div class="text-panel">
<p class="error">{{ err_msg }}</p>
@@ -42,9 +45,11 @@
{% endblock %}
{% block extra_script %}
{% if new_user %}
<script type="text/javascript">
$('#add').click(function() {
$('#add-as-contact').modal({appendTo: '#main'});
});
</script>
{% endif %}
{% endblock %}

1
profile/urls.py
View File

@@ -4,5 +4,6 @@ urlpatterns = patterns('profile.views',
url(r'^list_user/$', 'list_userids', name="list_userids"),
url(r'^$', 'edit_profile', name="edit_profile"),
url(r'^(?P<user>[^/]+)/$', 'user_profile', name="user_profile"),
url(r'^(?P<user>[^/]+)/get/$', 'get_user_profile', name="get_user_profile"),
url(r'^logout/$', 'logout_relay', name="logout_relay"),
)

34
profile/views.py
View File

@@ -1,4 +1,5 @@
# encoding: utf-8
import simplejson as json
from django.core.urlresolvers import reverse
from django.http import HttpResponse, HttpResponseRedirect
from django.shortcuts import render_to_response, get_object_or_404
@@ -103,3 +104,36 @@ def user_profile(request, user):
'err_msg': err_msg,
},
context_instance=RequestContext(request))
def get_user_profile(request, user):
data = {
'email': user,
'user_nickname': '',
'user_intro': '',
'err_msg': '',
'new_user': ''
}
content_type = 'application/json; charset=utf-8'
try:
user_check = ccnet_rpc.get_emailuser(user)
except:
user_check = None
if user_check:
profile = Profile.objects.filter(user=user)
if profile:
profile = profile[0]
data['user_nickname'] = profile.nickname
data['user_intro'] = profile.intro
else:
data['err_msg'] = '该用户不存在'
if user == request.user.username or \
Contact.objects.filter(user_email=request.user.username,
contact_email=user).count() > 0:
data['new_user'] = False
else:
data['new_user'] = True
return HttpResponse(json.dumps(data), content_type=content_type)