public-mirrors/NewsBlur
1
0
Fork 0
mirror of https://github.com/samuelclay/NewsBlur.git synced 2025-08-31 21:41:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Adding a super-nifty feed unread counter fader that gives much better notice that a story has been read.

Browse source
This commit is contained in:
Samuel Clay 2010-04-21 09:48:08 -04:00
parent 6ab532433c
commit c39a68b9f3
2 changed files with 59 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
media/css/reader.css
View file

@ -735,6 +735,38 @@ background: transparent;
margin: 0px;
}
.content-pane .feed {
position: absolute;
top: 4px;
right: 0px;
width: 200px;
z-index: 10;
display: none;
}
.content-pane .feed .feed_counts {
float: left;
}
.content-pane .feed .feed_counts .feed_counts_floater {
float: left;
}
.content-pane .feed .feed_counts .unread_count {
float: right;
padding: 0 8px;
}
.content-pane .feed .unread_count.unread_count_full {
display: block;
}
.content-pane .feed .feed_favicon,
.content-pane .feed .feed_title,
.content-pane .feed .NB-feedbar-mark-feed-read {
display: none;
}
/* ============ */
/* = Task Bar = */
/* ============ */

27
media/js/newsblur/reader.js
View file

@ -512,6 +512,7 @@
this.model.load_feed(feed_id, 0, true, $.rescope(this.post_open_feed, this));
this.show_feed_page_contents(feed_id);
this.show_correct_story_view(feed_id);
this.make_content_pane_feed_counter(feed_id);
}
},
@ -534,6 +535,17 @@
}
},
make_content_pane_feed_counter: function(feed_id) {
var $content_pane = $('.content-pane');
var feed = this.model.get_feed(feed_id);
var $counter = this.make_feed_title_line(feed);
$('.feed', $content_pane).remove();
$content_pane.append($counter);
$('.unread_count', $content_pane).corner('4px');
},
show_correct_story_view: function(feed_id) {
var $feed_view = this.$feed_view;
var $story_iframe = this.$story_iframe;
@ -1277,6 +1289,7 @@
var $feed_list = this.$feed_list;
var $feed = $('.feed.selected', $feed_list);
var $story_feedbar = $('.NB-feedbar .feed');
var $content_pane = $('.content-pane');
var callback = function(read) {
if (read) return;
@ -1290,6 +1303,7 @@
var count = Math.max(unread_count_positive-1, 0);
$('.unread_count_positive', $feed).text(count);
$('.unread_count_positive', $story_feedbar).text(count);
$('.unread_count_positive', $content_pane).text(count);
if (count == 0) {
$feed.removeClass('unread_positive');
} else {
@ -1299,6 +1313,7 @@
var count = Math.max(unread_count_neutral-1, 0);
$('.unread_count_neutral', $feed).text(count);
$('.unread_count_neutral', $story_feedbar).text(count);
$('.unread_count_neutral', $content_pane).text(count);
if (count == 0) {
$feed.removeClass('unread_neutral');
} else {
@ -1308,12 +1323,20 @@
var count = Math.max(unread_count_negative-1, 0);
$('.unread_count_negative', $feed).text(count);
$('.unread_count_negative', $story_feedbar).text(count);
$('.unread_count_negative', $content_pane).text(count);
if (count == 0) {
$feed.removeClass('unread_negative');
} else {
$feed.addClass('unread_negative');
}
}
$('.feed', $content_pane).css({'opacity': 0, 'display': 'block'})
.animate({'opacity': 1}, {'duration': 250, 'queue': false});
setTimeout(function() {
$('.feed', $content_pane).animate({'opacity': 0}, {'duration': 250, 'queue': false});
}, 400);
return;
};
@ -1327,6 +1350,7 @@
var self = this;
var $feed = this.find_feed_in_feed_list(feed_id);
var $story_feedbar = $('.NB-feedbar .feed');
var $content_pane = $('.content-pane');
var $story_titles = this.$story_titles;
var callback = function() {
@ -1340,6 +1364,9 @@
$('.unread_count_neutral', $story_feedbar).text(0);
$('.unread_count_positive', $story_feedbar).text(0);
$('.unread_count_negative', $story_feedbar).text(0);
$('.unread_count_neutral', $content_pane).text(0);
$('.unread_count_positive', $content_pane).text(0);
$('.unread_count_negative', $content_pane).text(0);
$('.story:not(.read)', $story_titles).addClass('read');
$feed.removeClass('unread_neutral');
$feed.removeClass('unread_positive');