haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-12 21:30:39 +00:00
Code Issues Releases Wiki Activity

improved bottom-bar;modified narrow-panel input style

Browse Source
This commit is contained in:
llj
2012-11-13 16:22:35 +08:00
parent 165658a94d
commit a44d825f4d
3 changed files with 26 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
templates/snippets/bottom_bar.html
View File

@@ -1,9 +1,8 @@
{% load i18n %}
{% load url from future %}
var Bottom_bar = '<div id="bottom-bar">{% if groups %}<button id="recommend">{% trans "Recommend" %}</button> <button id="click-into-group">{% trans "Back to group" %}</button>{% endif %}</div>';
var Bottom_bar = '<div id="bottom-bar">{% if groups %}<button id="recommend">{% trans "Recommend" %}</button><button id="click-into-group">{% trans "Back to group" %}</button>{% endif %}</div>';
$('#wrapper').append(Bottom_bar);
$('#bottom-bar').css({'position':'fixed', 'bottom':0, 'right':'10px'});
$('#main-panel').css('margin-bottom', '28px');
$('#main-panel').css('margin-bottom', $('#bottom-bar button').outerHeight() + 2);
$('#footer').addClass('hide');
{% if groups %}
@@ -11,10 +10,10 @@ var group_list = []
{% for group in groups %}
group_list.push('{{ group.props.group_name }} <{{ group.props.creator_name }}>');
{% endfor %}
$('#recommend-to-group-caret').css('left', $('#recommend').offset().left);
$('#recommend').click(function() {
if ($('#recommend-to-group-form').hasClass('hide')) {
$('#recommend-to-group-form, #recommend-to-group-caret').removeClass('hide');
$('#recommend-to-group-caret').css('left', $('#recommend').offset().left);
} else {
$('#recommend-to-group-form, #recommend-to-group-caret').addClass('hide');
}
@@ -34,19 +33,21 @@ $('#recommend-submit').click(function() {
});
$('#main').append('<div id="to-group" class="hide">{{ repo_group_str|escapejs }}</div><div id="to-group-caret" class="hide"><div class="outer-caret"><div class="inner-caret"></div></div></div>');
$('#to-group').css({'width':$('#to-group').width(), 'left':$('#click-into-group').offset().left - $('#to-group').width()/3});
$('#to-group-caret').css('left', $('#click-into-group').offset().left);
$('#click-into-group').click(function() {
{% if groups|length == 1 %}
// only one group, just turn to group page
{% for group in groups %}
location.href= "{% url 'group_info' group.id %}";
{% endfor %}
{% else %}
// more than one group, then let user choose
if ($('#to-group').hasClass('hide')) {
$('#to-group, #to-group-caret').removeClass('hide');
$('#to-group-caret').css('left', $('#click-into-group').offset().left + $('#click-into-group').width()/3);
if ($('#to-group').offset().left > $('#click-into-group').offset().left) {
$('#to-group').css('left', $('#click-into-group').offset().left);
}
} else {
$('#to-group, #to-group-caret').addClass('hide');
}
@@ -58,4 +59,10 @@ $(document).click(function(e) {
$('#to-group, #to-group-caret').addClass('hide');
}
});
$(function() {
var btn_height = $('#bottom-bar button').outerHeight();
$('#recommend-to-group-caret, #to-group-caret, #comment-caret').css({'bottom': btn_height + 1});
$('#file-comment, #to-group, #recommend-to-group-form').css({'bottom': btn_height + 1 + $('.outer-caret').outerHeight()});
});
{% endif %}