haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-08-31 14:42:10 +00:00
Code Issues Releases Wiki Activity

added transition to show/hide of feedback messages

Browse Source
This commit is contained in:
llj
2017-12-12 17:13:01 +08:00
parent ac4a49096b
commit b16a829ead
4 changed files with 52 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
static/scripts/common.js
View File

@@ -375,14 +375,23 @@ define([
feedback: function(con, type, time) {
var time = time || 5000;
var $el;
var hide_pos_top,
show_pos_top = '15px';
if ($('.messages').length > 0) {
$('.messages').html('<li class="' + type + '">' + this.HTMLescape(con) + '</li>');
$el = $('.messages').html('<li class="' + type + '">' + this.HTMLescape(con) + '</li>');
} else {
var html = '<ul class="messages"><li class="' + type + '">' + this.HTMLescape(con) + '</li></ul>';
$('#main').append(html);
$el = $('<ul class="messages"><li class="' + type + '">' + this.HTMLescape(con) + '</li></ul>');
$('#main').append($el);
}
$('.messages').css({'left':($(window).width() - $('.messages').width())/2, 'top':10}).removeClass('hide');
setTimeout(function() { $('.messages').addClass('hide'); }, time);
hide_pos_top = '-' + ($el.outerHeight() + parseInt(show_pos_top)) + 'px';
// add transition: from 'hide' to 'show'. the transition effect is offered by CSS.
$el.css({'left':($(window).width() - $el.width())/2, 'top': hide_pos_top});
setTimeout(function() { $el.css({'top': show_pos_top}); }, 10);
setTimeout(function() { $el.css({'top': hide_pos_top}); }, time);
},
showFormError: function(formid, error_msg) {