Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-10 23:36:14 -05:00
Code Issues Activity

Ability to spawn multiple notifications

Browse source 
Fixes #696

- Updated notifications logic to deal directly with the individual
notification, rather than the notification container.
This commit is contained in:
William Dibbern 2013-09-16 22:43:18 -05:00
parent 750c19014a
commit 9f4122d0cd
1 changed files with 18 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
core/client/views/base.js
View file

@ -178,12 +178,14 @@
renderItem: function (item) { renderItem: function (item) {
var itemView = new Ghost.Views.Notification({ model: item }), var itemView = new Ghost.Views.Notification({ model: item }),
height, height,
self = this; $notification = $(itemView.render().el);
this.$el.html(itemView.render().el).css({height: 0});
height = this.$('.js-notification').hide().outerHeight(true); this.$el.append($notification);
this.$el.animate({height: height}, 250, function () { height = $notification.hide().outerHeight(true);
$(this).css({height: "auto"}); $notification.animate({height: height}, 250, function () {
self.$('.js-notification').fadeIn(250); $(this)
.css({height: "auto"})
.fadeIn(250);
}); });
}, },
addItem: function (item) { addItem: function (item) {
@ -216,22 +218,20 @@
}); });
}); });
} else { } else {
this.$el.slideUp(250, function () { $(self).slideUp(250, function () {
$(this).show().css({height: "auto"}); $(this)
$(self).remove(); .show()
.css({height: "auto"})
.remove();
}); });
} }
}, },
closePassive: function (e) { closePassive: function (e) {
var height = this.$('.js-notification').outerHeight(true), $(e.currentTarget)
self = this; .parent()
this.$el.css({height: height}); .fadeOut(250)
$(e.currentTarget).parent().fadeOut(250, function () { .slideUp(250, function () {
$(this).remove(); $(this).remove();
self.$el.slideUp(250, function () {
$(this).show().css({height: "auto"});
});
}); });
}, },
closePersistent: function (e) { closePersistent: function (e) {