(function($) { NEWSBLUR.Reader = function() { var self = this; // =========== // = Globals = // =========== this.model = NEWSBLUR.AssetModel.reader(); this.story_view = 'page'; this.$s = { $body: $('body'), $feed_list: $('#feed_list'), $story_titles: $('#story_titles'), $content_pane: $('.content-pane'), $story_taskbar: $('#story_taskbar'), $story_pane: $('#story_pane .NB-story-pane-container'), $feed_view: $('.NB-feed-story-view'), $feed_stories: $('.NB-feed-stories'), $feed_iframe: $('.NB-feed-iframe'), $story_iframe: $('.NB-story-iframe'), $intelligence_slider: $('.NB-intelligence-slider'), $mouse_indicator: $('#mouse-indicator'), $feed_link_loader: $('#NB-feeds-list-loader'), $feeds_progress: $('#NB-progress'), $header: $('.NB-feeds-header'), $starred_header: $('.NB-feeds-header-starred'), $river_header: $('.NB-feeds-header-river'), $taskbar: $('.taskbar_nav'), $feed_floater: $('.NB-feed-story-view-floater') }; this.flags = { 'feed_view_images_loaded': {}, 'bouncing_callout': false, 'has_unfetched_feeds': false, 'count_unreads_after_import_working': false, 'import_from_google_reader_working': false }; this.locks = {}; this.counts = { 'feature_page': 0, 'unfetched_feeds': 0, 'fetched_feeds': 0 }; this.cache = { 'iframe_stories': {}, 'feed_view_stories': {}, 'iframe_story_positions': {}, 'feed_view_story_positions': {}, 'iframe_story_positions_keys': [], 'feed_view_story_positions_keys': [], 'river_feeds_with_unreads': [], 'mouse_position_y': parseInt(this.model.preference('lock_mouse_indicator'), 10) }; this.FEED_REFRESH_INTERVAL = (1000 * 60) * 1; // 1 minute // ================== // = Event Handlers = // ================== this.$s.$body.bind('dblclick.reader', $.rescope(this.handle_dblclicks, this)); this.$s.$body.bind('click.reader', $.rescope(this.handle_clicks, this)); this.$s.$body.live('contextmenu.reader', $.rescope(this.handle_rightclicks, this)); this.$s.$story_titles.scroll($.rescope(this.handle_scroll_story_titles, this)); this.$s.$feed_stories.scroll($.rescope(this.handle_scroll_feed_view, this)); this.$s.$feed_stories.bind('mousemove', $.rescope(this.handle_mousemove_feed_view, this)); this.handle_keystrokes(); // ================== // = Initialization = // ================== this.unload_feed_iframe(); this.unload_story_iframe(); this.apply_resizable_layout(); this.add_body_classes(); if (NEWSBLUR.Flags['start_import_from_google_reader']) { this.start_import_from_google_reader(); } else { this.load_feeds(); } this.cornerize_buttons(); this.setup_feed_page_iframe_load(); this.load_intelligence_slider(); this.handle_mouse_indicator_hover(); this.position_mouse_indicator(); this.handle_login_and_signup_forms(); this.iframe_buster_buster(); this.apply_story_styling(); }; NEWSBLUR.Reader.prototype = { // ======== // = Page = // ======== apply_resizable_layout: function() { var outerLayout, rightLayout, contentLayout, leftLayout, leftCenterLayout; outerLayout = this.$s.$body.layout({ closable: true, center__paneSelector: ".right-pane", west__paneSelector: ".left-pane", west__size: this.model.preference('feed_pane_size'), west__onresize_end: $.rescope(this.save_feed_pane_size, this), spacing_open: 4, resizerDragOpacity: 0.6 }); leftLayout = $('.left-pane').layout({ closable: false, fxName: "scale", fxSettings: { duration: 500, easing: "easeInOutQuint" }, center__paneSelector: ".left-center", center__resizable: false, south__paneSelector: ".left-south", south__size: 31, south__resizable: false, south__spacing_open: 0 }); leftCenterLayout = $('.left-center').layout({ closable: false, slidable: false, center__paneSelector: ".left-center-content", center__resizable: false, south__paneSelector: ".left-center-footer", south__size: 'auto', south__resizable: false, south__slidable: true, south__spacing_open: 0, south__spacing_closed: 0, south__closable: true, south__initClosed: true, fxName: "slide", fxSpeed: 1000, fxSettings: { duration: 1000, easing: "easeInOutQuint" } }); rightLayout = $('.right-pane').layout({ south__paneSelector: ".right-north", center__paneSelector: ".content-pane", south__size: this.model.preference('story_titles_pane_size'), south__onresize_end: $.rescope(this.save_story_titles_pane_size, this), spacing_open: 10, resizerDragOpacity: 0.6 }); contentLayout = this.$s.$content_pane.layout({ center__paneSelector: ".content-center", south__paneSelector: ".content-north", south__size: 30, spacing_open: 0, resizerDragOpacity: 0.6 }); $('.right-pane').hide(); }, save_feed_pane_size: function(w, pane, $pane, state, options, name) { this.model.preference('feed_pane_size', state.size); }, save_story_titles_pane_size: function(w, pane, $pane, state, options, name) { this.model.preference('story_titles_pane_size', state.size); }, cornerize_buttons: function() { $('.button').corner(); }, add_body_classes: function() { this.$s.$body.toggleClass('NB-is-premium', NEWSBLUR.Globals.is_premium); this.$s.$body.toggleClass('NB-is-anonymous', NEWSBLUR.Globals.is_anonymous); this.$s.$body.toggleClass('NB-is-authenticated', NEWSBLUR.Globals.is_authenticated); }, hide_splash_page: function() { var self = this; $('.right-pane').show(); $('#NB-splash').hide(); $('#NB-splash-overlay').hide(); this.$s.$body.layout().resizeAll(); this.$s.$header.addClass('NB-active'); if (NEWSBLUR.Globals.is_anonymous) { this.setup_ftux_signup_callout(); } }, show_splash_page: function() { this.reset_feed(); this.unload_feed_iframe(); this.unload_story_iframe(); this.mark_feed_as_selected(null, null); $('.right-pane').hide(); $('#NB-splash').show(); $('#NB-splash-overlay').show(); this.$s.$header.removeClass('NB-active'); }, iframe_buster_buster: function() { var self = this; var prevent_bust = 0; window.onbeforeunload = function() { prevent_bust++; }; clearInterval(this.locks.iframe_buster_buster); this.locks.iframe_buster_buster = setInterval(function() { if (prevent_bust > 0) { prevent_bust -= 2; if (!self.flags['iframe_view_loaded'] && !self.flags['iframe_view_not_busting'] && self.story_view == 'page' && self.active_feed) { $('.task_view_feed').click(); $('.NB-feed-frame').attr('src', ''); window.top.location = '/reader/buster'; } } }, 1); }, animate_progress_bar: function($bar, seconds, percentage) { var self = this; percentage = percentage || 0; seconds = parseFloat(Math.max(1, parseInt(seconds, 10)), 10); if (percentage > 90) { time = seconds / 5; } else if (percentage > 80) { time = seconds / 12; } else if (percentage > 70) { time = seconds / 30; } else if (percentage > 60) { time = seconds / 80; } else if (percentage > 50) { time = seconds / 120; } else if (percentage > 40) { time = seconds / 160; } else if (percentage > 30) { time = seconds / 200; } else if (percentage > 20) { time = seconds / 300; } else if (percentage > 10) { time = seconds / 400; } else { time = seconds / 500; } if (percentage <= 100) { this.locks['animate_progress_bar'] = setTimeout(function() { percentage += 1; $bar.progressbar({value: percentage}); self.animate_progress_bar($bar, seconds, percentage); }, time * 1000); } }, // ======================= // = Getters and Finders = // ======================= get_current_story_from_story_titles: function($feed_view_stories) { var $feed_view = this.$s.$feed_view; var $feed_view_stories = $feed_view_stories || $(".NB-feed-story", $feed_view); var story = this.active_story; var $current_story; if (story) { $feed_view_stories.each(function() { if ($(this).data('story') == story.id) { $current_story = $(this); return false; } }); } return $current_story; }, find_feed_in_feed_list: function(feed_id) { var $feed_list = this.$s.$feed_list; var $feeds = $([]); $('.feed', $feed_list).each(function() { if ($(this).data('feed_id') == feed_id) { $feeds.push($(this).get(0)); } }); return $feeds; }, find_folder_in_feed_list: function(folder_name) { var $feed_list = this.$s.$feed_list; var $folders = $([]); $('.folder_title_text', $feed_list).each(function() { if ($(this).text() == folder_name) { $folders.push($(this).parents('li.folder').eq(0)[0]); } }); return $folders; }, find_story_in_story_titles: function(story_id) { var story = this.model.get_story(story_id); var $stories = $('.story', this.$s.$story_titles); var $story_title; if (story) { $stories.each(function() { var $this = $(this); if ($this.data('story_id') == story.id) { $story_title = $this; // NEWSBLUR.log(['Finding story in story titles', $this, story]); return false; } }); } return $story_title; }, find_story_in_feed_view: function(story) { if (!story) return; var $feed_view = this.$s.$feed_view; var $stories = $('.NB-feed-story', $feed_view); var $story; for (var s=0, s_count = $stories.length; s < s_count; s++) { if ($stories.eq(s).data('story') == story.id) { $story = $stories.eq(s); break; } } return $story; }, find_story_in_feed_iframe: function(story, $iframe) { if (!story) return $([]); $iframe = $iframe || this.$s.$feed_iframe.contents(); var $stories = $([]); if (this.flags.iframe_story_locations_fetched || story.id in this.cache.iframe_stories) { return this.cache.iframe_stories[story.id]; } var title = story.story_title.replace(/ |[^a-z0-9-,]/gi, ''); var search_document = function(node, title) { var skip = 0; if (node && node.nodeType == 3) { var pos = node.data.replace(/ |[^a-z0-9-,]/gi, '') .indexOf(title); if (pos >= 0) { $stories.push($(node).parent()); } } else if (node && node.nodeType == 1 && node.childNodes && !(/(script|style)/i.test(node.tagName))) { for (var i = 0; i < node.childNodes.length; ++i) { i += search_document(node.childNodes[i], title); } } return skip; }; search_document($iframe.find('body')[0], title); $stories = $stories.filter(function() { return $(this).is(':visible'); }); if (!$stories.length) { // Not found straight, so check all header tags with styling children removed. this.cache.iframe['headers'] = this.cache.iframe['headers'] || $('h1,h2,h3,h4,h5,h6', $iframe).filter(':visible'); this.cache.iframe['headers'].each(function() { pos = $(this).text().replace(/ |[^a-z0-9-,]/gi, '') .indexOf(title); // NEWSBLUR.log(['Search headers', title, pos, $(this), $(this).text()]); if (pos >= 0) { $stories.push($(this)); return false; } }); } if (!$stories.length) { // Still not found, so check Tumblr style .post's this.cache.iframe['posts'] = this.cache.iframe['posts'] || $('.entry,.post,.postProp,#postContent,.article', $iframe).filter(':visible'); this.cache.iframe['posts'].each(function() { pos = $(this).text().replace(/ |[^a-z0-9-,]/gi, '') .indexOf(title); // NEWSBLUR.log(['Search .post', title, pos, $(this), $(this).text().replace(/ |[^a-z0-9-,]/gi, '')]); if (pos >= 0) { $stories.push($(this)); return false; } }); } // Find the story with the biggest font size var max_size = 0; var $same_size_stories = $([]); $stories.each(function() { var $this = $(this); var size = parseInt($this.css('font-size'), 10); if (size > max_size) { max_size = size; $same_size_stories = $([]); } if (size == max_size) { $same_size_stories.push($this); } }); // NEWSBLUR.log(['Found stories', $stories.length, $same_size_stories.length, $same_size_stories, story.story_title]); // Multiple stories at the same big font size? Determine story title overlap, // and choose the smallest difference in title length. var $story = $([]); if ($same_size_stories.length > 1) { var story_similarity = 100; $same_size_stories.each(function() { var $this = $(this); var story_text = $this.text(); var overlap = Math.abs(story_text.length - story.story_title.length); if (overlap < story_similarity) { story_similarity = overlap; $story = $this; } }); } if (!$story.length) { $story = $same_size_stories[0]; } if ($story && $story.length) { var self = this; this.cache.iframe_stories[story.id] = $story; var position_original = parseInt($story.offset().top, 10); // var position_offset = parseInt($story.offsetParent().scrollTop(), 10); var position = position_original; // + position_offset; this.cache.iframe_story_positions[position] = story; this.cache.iframe_story_positions_keys.push(position); if (!this.flags['iframe_view_not_busting']) { var feed_id = this.active_feed; _.delay(function() { if (feed_id == self.active_feed) { self.flags['iframe_view_not_busting'] = true; } }, 1000); } } // NEWSBLUR.log(['Found story', $story]); return $story; }, get_feed_ids_in_folder: function($folder) { var self = this; $folder = $folder || this.$s.$feed_list; var $feeds = $('.feed:not(.NB-empty)', $folder); var feeds = _.compact(_.map($('.feed:not(.NB-empty)', $folder), function(o) { var feed_id = $(o).data('feed_id'); if (self.model.get_feed(feed_id).active) { return feed_id; } })); return feeds; }, // ============== // = Navigation = // ============== show_next_story: function(direction) { var $story_titles = this.$s.$story_titles; var $current_story = $('.selected:first', $story_titles); var $next_story; if (!$current_story.length) { $current_story = $('.story:first', $story_titles); $next_story = $current_story; } else if (direction == 1) { $next_story = $current_story.nextAll('.story:visible').eq(0); } else if (direction == -1) { $next_story = $current_story.prevAll('.story:visible').eq(0); } var story_id = $next_story.data('story_id'); if (story_id) { var story = this.model.get_story(story_id); this.push_current_story_on_history(); this.open_story(story, $next_story); this.scroll_story_titles_to_show_selected_story_title($next_story); } }, show_next_unread_story: function(second_pass) { var $story_titles = this.$s.$story_titles; var $current_story = $('.selected', $story_titles); var $next_story; var unread_count = this.get_unread_count(true); this.flags['find_next_unread_on_page_of_feed_stories_load'] = false; // NEWSBLUR.log(['show_next_unread_story', unread_count, $current_story, second_pass]); if (unread_count) { if (!$current_story.length) { // Nothing selected, choose first unread. $next_story = $('.story:not(.read):visible:first', $story_titles); } else { // Start searching below, then search above current story. $next_story = $current_story.nextAll('.story:not(.read):visible').eq(0); if (!$next_story.length) { $next_story = $current_story.prevAll('.story:not(.read):visible').eq(0); } } if ($next_story && $next_story.length) { var story_id = $next_story.data('story_id'); if (story_id) { var story = this.model.get_story(story_id); this.push_current_story_on_history(); this.open_story(story, $next_story); this.scroll_story_titles_to_show_selected_story_title($next_story); } } else if (!second_pass) { // Nothing up, nothing down, but still unread. Load 1 page then find it. this.flags['find_next_unread_on_page_of_feed_stories_load'] = true; this.load_page_of_feed_stories(); } } }, show_previous_story: function() { if (this.cache['previous_stories_stack'].length) { var $previous_story = this.cache['previous_stories_stack'].pop(); if ($previous_story.length && !$previous_story.is(':visible')) { this.show_previous_story(); return; } var story_id = $previous_story.data('story_id'); if (story_id) { var story = this.model.get_story(story_id); this.open_story(story, $previous_story); this.scroll_story_titles_to_show_selected_story_title($previous_story); } } }, scroll_story_titles_to_show_selected_story_title: function($story) { var $story_titles = this.$s.$story_titles; var story_title_visisble = $story_titles.isScrollVisible($story); if (!story_title_visisble) { var container_offset = $story_titles.position().top; var scroll = $story.position().top; var container = $story_titles.scrollTop(); var height = $story_titles.outerHeight(); $story_titles.scrollTop(scroll+container-height/5); } }, show_next_feed: function(direction, $current_feed) { var self = this; var $feed_list = this.$s.$feed_list; var $current_feed = $current_feed || $('.selected', $feed_list); var $next_feed, scroll; var $feeds = $('.feed:visible:not(.NB-empty)', $feed_list); if (!$current_feed.length) { $current_feed = $('.feed:first:visible:not(.NB-empty)', $feed_list); $next_feed = $current_feed; } else { $feeds.each(function(i) { if (this == $current_feed[0]) { current_feed = i; return false; } }); $next_feed = $feeds.eq(current_feed+direction); } var feed_id = $next_feed.data('feed_id'); if (feed_id && feed_id == this.active_feed) { this.show_next_feed(direction, $next_feed); } else if (feed_id) { var position = $feed_list.scrollTop() + $next_feed.offset().top - $next_feed.outerHeight(); var showing = $feed_list.height() - 100; if (position > showing) { scroll = position; } else { scroll = 0; } $feed_list.scrollTop(scroll); NEWSBLUR.log(['feed_id', feed_id, this.next_feed]); this.open_feed(feed_id, false, $next_feed, 350); } }, navigate_story_titles_to_story: function(story) { if (!story) return; var $next_story_title = this.find_story_in_story_titles(story.id); if ($next_story_title && $next_story_title.length && $next_story_title.is(':visible') && !$next_story_title.hasClass('selected')) { // NEWSBLUR.log(['navigate_story_titles_to_story', story, $next_story_title]); this.scroll_story_titles_to_show_selected_story_title($next_story_title); if (this.active_story != story) { this.push_current_story_on_history(); this.active_story = story; this.mark_story_title_as_selected($next_story_title); this.mark_story_as_read(story.id); this.mark_story_as_read_in_feed_view(story, {'animate': this.story_view == 'feed'}); } } }, mark_story_as_read_in_feed_view: function(story, options) { if (!story) return; options = options || {}; $story = this.cache.feed_view_stories[story.id] || this.find_story_in_feed_view(story); $story.addClass('read'); // if (false && options.animate && !$story.hasClass('read')) { // var $feed_view = this.$s.$feed_view; // var start = $feed_view.scrollTop(); // (function(start) { // _.delay(function() { // $story.addClass('read'); // var end = $feed_view.scrollTop(); // if (end - start > 25) { // $('.NB-feed-story-sentiment-animate', $story).remove(); // return; // } // var top = $('.NB-feed-story-header-info', $story).height(); // $('.NB-feed-story-sentiment-animate', $story).addClass('NB-animating').animate({ // 'top': top // }, { // 'duration': 550, // 'easing': 'easeInOutQuint', // 'complete': function() { // $(this).remove(); // } // }); // }, 20); // })(start); // } }, page_in_story: function(amount, direction) { var page_height = this.$s.$story_pane.height(); var scroll_height = parseInt(page_height * amount, 10); var dir = '+'; if (direction == -1) { dir = '-'; } // NEWSBLUR.log(['page_in_story', this.$s.$story_pane, direction, page_height, scroll_height]); if (this.story_view == 'page') { this.$s.$feed_iframe.scrollTo({top:dir+'='+scroll_height, left:'+=0'}, 150); } else if (this.story_view == 'feed') { this.$s.$feed_stories.scrollTo({top:dir+'='+scroll_height, left:'+=0'}, 150); } }, push_current_story_on_history: function() { var $current_story = $('.selected', this.$s.$story_titles); if ($current_story.length) { this.cache['previous_stories_stack'].push($current_story); } }, // ============= // = Feed Pane = // ============= load_feeds: function() { var self = this; if ($('#feed_list').length) { $('.NB-callout-ftux .NB-callout-text').text('Loading feeds...'); this.$s.$feed_link_loader.css({'display': 'block'}); this.model.load_feeds($.rescope(this.make_feeds, this)); } }, make_feeds: function() { var self = this; var $feed_list = this.$s.$feed_list.empty(); var folders = this.model.folders; var feeds = this.model.feeds; // NEWSBLUR.log(['Making feeds', {'folders': folders, 'feeds': feeds}]); this.$s.$story_taskbar.css({'display': 'block'}); this.flags['has_chosen_feeds'] = this.detect_all_inactive_feeds(); this.make_feeds_folder($feed_list, folders, 0); this.$s.$feed_list.css({ 'display': 'block', 'opacity': 0 }).animate({'opacity': 1}, {'duration': 500}); this.hover_over_feed_titles(); this.$s.$feed_list.prepend($.make('li', { className: 'feed NB-empty' })); this.$s.$feed_link_loader.fadeOut(250); if (folders.length) { $('.NB-task-manage').removeClass('NB-disabled'); $('.NB-callout-ftux').fadeOut(500); } if (NEWSBLUR.Globals.is_authenticated && this.flags['has_chosen_feeds']) { _.delay(_.bind(this.start_count_unreads_after_import, this), 1000); this.force_feeds_refresh($.rescope(this.finish_count_unreads_after_import, this)); } else if (!this.flags['has_chosen_feeds'] && folders.length) { _.defer(_.bind(this.open_feedchooser_modal, this), 100); return; } else if (NEWSBLUR.Globals.is_authenticated) { this.setup_ftux_add_feed_callout(); } if (folders.length) { this.load_sortable_feeds(); $('.feed', $feed_list).tsort('.feed_title'); $('.folder', $feed_list).tsort('.folder_title_text'); this.update_header_counts(); _.delay(_.bind(this.update_starred_count, this), 250); } }, detect_all_inactive_feeds: function() { var feeds = this.model.feeds; var has_chosen_feeds = _.any(feeds, function(feed) { return feed.active; }); return has_chosen_feeds; }, make_feeds_folder: function($feeds, items, depth, collapsed_parent) { var self = this; for (var i in items) { var item = items[i]; if (typeof item == "number") { var feed = this.model.get_feed(item); if (!feed) continue; var $feed = this.make_feed_title_line(feed, true, 'feed'); $feeds.append($feed); if (depth == 0) { $feed.addClass('NB-toplevel'); } if (feed.not_yet_fetched) { // NEWSBLUR.log(['Feed not fetched', feed]); if (!this.model.preference('hide_fetch_progress')) { this.flags['has_unfetched_feeds'] = true; } } } else if (typeof item == "object" && item) { for (var o in item) { var folder = item[o]; var $folder = $.make('li', { className: 'folder' }, [ $.make('div', { className: 'folder_title ' + (depth==0 ? 'NB-toplevel':'') }, [ $.make('div', { className: 'NB-folder-icon' }), $.make('div', { className: 'NB-feedlist-river-icon', title: 'River of News' }), $.make('div', { className: 'NB-feedlist-manage-icon' }), $.make('span', { className: 'folder_title_text' }, o) ]), $.make('ul', { className: 'folder' }, [ $.make('li', { className: 'feed NB-empty' }) ]) ]); var is_collapsed = _.contains(NEWSBLUR.Preferences.collapsed_folders, o); (function($feeds, $folder, is_collapsed, collapsed_parent) { var continue_loading_next_feed = function() { if (is_collapsed) { $('ul.folder', $folder).css({'display': 'none'}); $feeds.append($folder); self.collapse_folder($('.folder_title', $folder).eq(0), true); if (collapsed_parent) { $folder.parents('li.folder').each(function() { self.collapse_folder($('.folder_title', this).eq(0), true); }); } } else { $feeds.append($folder); // Parent folder collapsed? Update unread count for parent folder. if (_.any($folder.parents('li.folder'), function(f) { return _.contains(NEWSBLUR.Preferences.collapsed_folders, $('.folder_title_text', f).eq(0).text()); })) { var $folder_title = $folder.parents('li.folder').children('.folder_title'); var $children = $folder.parents('li.folder').children('.folder, .feed'); self.show_collapsed_folder_count($folder_title, $children); } } // if (self.flags['has_chosen_feeds']) { // $folder.css({ // 'display': 'block', // 'opacity': 0 // }).animate({'opacity': 1}, {'duration': 500}); // } self.hover_over_feed_titles($folder); }; if (!self.flags['has_chosen_feeds']) { continue_loading_next_feed(); } else { setTimeout(continue_loading_next_feed, depth*50); } })($feeds, $folder, is_collapsed, collapsed_parent); this.make_feeds_folder($('ul.folder', $folder), folder, depth+1, is_collapsed); } } } $('.feed', $feeds).tsort('.feed_title'); $('.folder', $feeds).tsort('.folder_title_text'); }, make_feed_title_line: function(feed, list_item, type) { var unread_class = ''; var exception_class = ''; if (feed.ps) { unread_class += ' unread_positive'; } if (feed.nt) { unread_class += ' unread_neutral'; } if (feed.ng) { unread_class += ' unread_negative'; } if (feed.has_exception && feed.exception_type == 'feed') { exception_class += ' NB-feed-exception'; } if (feed.not_yet_fetched && !feed.has_exception) { exception_class += ' NB-feed-unfetched'; } if (!feed.active) { exception_class += ' NB-feed-inactive'; } var $feed = $.make((list_item?'li':'div'), { className: 'feed ' + unread_class + exception_class }, [ $.make('div', { className: 'feed_counts' }, [ this.make_feed_counts_floater(feed.ps, feed.nt, feed.ng) ]), $.make('img', { className: 'feed_favicon', src: this.get_favicon(feed.favicon) }), $.make('span', { className: 'feed_title' }, [ feed.feed_title, (type == 'story' && $.make('span', { className: 'NB-feedbar-train-feed', title: 'Train Intelligence' })), (type == 'story' && $.make('span', { className: 'NB-feedbar-statistics', title: 'Statistics' })) ]), (type == 'story' && $.make('div', { className: 'NB-feedbar-last-updated' }, [ $.make('span', { className: 'NB-feedbar-last-updated-label' }, 'Updated: '), $.make('span', { className: 'NB-feedbar-last-updated-date' }, feed.updated + ' ago') ])), (type == 'story' && $.make('div', { className: 'NB-feedbar-mark-feed-read' }, 'Mark All as Read')), $.make('div', { className: 'NB-feed-exception-icon' }), $.make('div', { className: 'NB-feed-unfetched-icon' }), (type == 'feed' && $.make('div', { className: 'NB-feedlist-manage-icon' })) ]).data('feed_id', feed.id); $('.NB-feedbar-train-feed, .NB-feedbar-statistics', $feed).tipsy({ gravity: 's', delayIn: 375 }); return $feed; }, get_favicon: function(feed_favicon) { if (feed_favicon) return 'data:image/png;base64,' + feed_favicon; return NEWSBLUR.Globals.MEDIA_URL + '/img/icons/silk/world.png'; }, make_feed_counts_floater: function(positive_count, neutral_count, negative_count) { var unread_class = ""; if (positive_count) { unread_class += ' unread_positive'; } if (neutral_count) { unread_class += ' unread_neutral'; } if (negative_count) { unread_class += ' unread_negative'; } return $.make('div', { className: 'feed_counts_floater ' + unread_class }, [ $.make('span', { className: 'unread_count unread_count_positive ' + (positive_count ? "unread_count_full" : "unread_count_empty") }, ''+positive_count), $.make('span', { className: 'unread_count unread_count_neutral ' + (neutral_count ? "unread_count_full" : "unread_count_empty") }, ''+neutral_count), $.make('span', { className: 'unread_count unread_count_negative ' + (negative_count ? "unread_count_full" : "unread_count_empty") }, ''+negative_count) ]); }, load_sortable_feeds: function() { var self = this; this.$s.$feed_list.sortable({ items: '.feed:not(.NB-empty),li.folder', connectWith: 'ul.folder', placeholder: 'NB-feeds-list-highlight', axis: 'y', distance: 4, cursor: 'move', containment: '.NB-feedlist', tolerance: 'pointer', scrollSensitivity: 35, start: function(e, ui) { self.flags['sorting_feed'] = true; ui.placeholder.attr('class', ui.item.attr('class') + ' NB-feeds-list-highlight'); ui.item.addClass('NB-feed-sorting'); self.$s.$feed_list.addClass('NB-feed-sorting'); if (ui.item.is('.folder')) { ui.placeholder.html(ui.item.children().clone()); ui.item.data('previously_collapsed', ui.item.data('collapsed')); self.collapse_folder(ui.item.children('.folder_title'), true); self.collapse_folder(ui.placeholder.children('.folder_title'), true); ui.item.css('height', ui.item.children('.folder_title').outerHeight(true) + 'px'); ui.helper.css('height', ui.helper.children('.folder_title').outerHeight(true) + 'px'); } else { ui.placeholder.html(ui.item.children().clone()); } }, change: function(e, ui) { $('.feed', ui.placeholder.closest('ul.folder')).tsort('.feed_title'); $('li.folder', ui.placeholder.closest('ul.folder')).tsort('.folder_title_text'); }, stop: function(e, ui) { setTimeout(function() { self.flags['sorting_feed'] = false; }, 100); ui.item.removeClass('NB-feed-sorting'); self.$s.$feed_list.removeClass('NB-feed-sorting'); $('.feed', e.target).tsort('.feed_title'); $('li.folder', e.target).tsort('.folder_title_text'); self.save_feed_order(); ui.item.css({'backgroundColor': '#D7DDE6'}) .animate({'backgroundColor': '#F0F076'}, {'duration': 800}) .animate({'backgroundColor': '#D7DDE6'}, {'duration': 1000}); if (ui.item.is('.folder') && !ui.item.data('previously_collapsed')) { self.collapse_folder(ui.item.children('.folder_title')); self.collapse_folder(ui.placeholder.children('.folder_title')); } } }); }, save_feed_order: function() { var combine_folders = function($folder) { var folders = []; var $items = $folder.children('li.folder, .feed'); for (var i=0, i_count=$items.length; i < i_count; i++) { var $item = $items.eq(i); if ($item.hasClass('feed')) { var feed_id = $item.data('feed_id'); if (feed_id) { folders.push(feed_id); } } else if ($item.hasClass('folder')) { var folder_title = $item.find('.folder_title_text').eq(0).text(); var child_folders = {}; child_folders[folder_title] = combine_folders($item.children('ul.folder').eq(0)); folders.push(child_folders); } } return folders; }; var combined_folders = combine_folders(this.$s.$feed_list); // NEWSBLUR.log(['Save new folder/feed order', {'combined': combined_folders}]); this.model.save_feed_order(combined_folders); }, collapse_folder: function($folder_title, force_collapse) { var self = this; var $feed_list = this.$s.$feed_list; var $folder = $folder_title.parent('li.folder'); var $children = $folder.children('ul.folder'); // Hiding / Collapsing if (force_collapse || ($children.length && $children.eq(0).is(':visible') && !$folder.data('collapsed'))) { this.model.collapsed_folders($('.folder_title_text', $folder_title).text(), true); $folder.data('collapsed', true); $children.animate({'opacity': 0}, { 'queue': false, 'duration': force_collapse ? 0 : 200, 'complete': function() { self.show_collapsed_folder_count($folder_title, $children); $children.slideUp({ 'duration': 270, 'easing': 'easeOutQuart' }); } }); } // Showing / Expanding else if ($children.length && ($folder.data('collapsed') || !$children.eq(0).is(':visible'))) { this.model.collapsed_folders($('.folder_title_text', $folder_title).text(), false); $folder.data('collapsed', false); this.hide_collapsed_folder_count($folder_title); $children.css({'opacity': 0}).slideDown({ 'duration': 240, 'easing': 'easeInOutCubic', 'complete': function() { $children.animate({'opacity': 1}, {'queue': false, 'duration': 200}); } }); } }, show_collapsed_folder_count: function($folder_title, $children) { var $counts = $('.feed_counts_floater', $folder_title); $counts.remove(); $children = $('li.feed', $children).not('.NB-feed-inactive'); var $river = $('.NB-feedlist-river-icon', $folder_title); var positive_count = 0; var neutral_count = 0; var negative_count = 0; $('.unread_count_positive.unread_count_full', $children).each(function() { positive_count += parseInt($(this).text(), 10); }); $('.unread_count_neutral.unread_count_full', $children).each(function() { neutral_count += parseInt($(this).text(), 10); }); $('.unread_count_negative.unread_count_full', $children).each(function() { negative_count += parseInt($(this).text(), 10); }); if ($folder_title.hasClass('NB-hover')) { $river.animate({'opacity': 0}, {'duration': 100}); $folder_title.addClass('NB-feedlist-folder-title-recently-collapsed'); $folder_title.one('mouseover', function() { $river.css({'opacity': ''}); $folder_title.removeClass('NB-feedlist-folder-title-recently-collapsed'); }); } var $counts = this.make_feed_counts_floater(positive_count, neutral_count, negative_count); $folder_title.prepend($counts.css({ 'opacity': 0 })); $counts.animate({'opacity': 1}, {'duration': 400}); }, hide_collapsed_folder_count: function($folder_title) { var $counts = $('.feed_counts_floater', $folder_title); var $river = $('.NB-feedlist-river-icon', $folder_title); $counts.animate({'opacity': 0}, { 'duration': 300 }); $river.animate({'opacity': .6}, {'duration': 400}); $folder_title.removeClass('NB-feedlist-folder-title-recently-collapsed'); $folder_title.one('mouseover', function() { $river.css({'opacity': ''}); // $folder_title.removeClass('NB-feedlist-folder-title-recently-collapsed'); }); }, hover_over_feed_titles: function($folder) { var self = this; var $feeds; $folder = $folder || this.$s.$feed_list; if ($folder.is('.feed')) { $feeds = $folder; } else { $feeds = $('.feed, .folder_title', $folder); } // $feeds.rightClick(function() { // var $this = $(this); // if ($this.is('.feed')) { // self.show_manage_menu('feed', $this); // } else if ($this.is('.folder_title')) { // self.show_manage_menu('folder', $this.closest('li.folder')); // } // }); // NEWSBLUR.log(['hover_over_feed_titles', $folder, $feeds]); $feeds.unbind('mouseenter').unbind('mouseleave'); $feeds.hover(function() { if (!self.$s.$feed_list.hasClass('NB-feed-sorting')) { var $this = $(this); // _.defer(function() { $('.NB-hover', $folder).not($this).removeClass('NB-hover'); }); // NEWSBLUR.log(['scroll', $this.scrollTop(), $this.offset(), $this.position()]); if ($this.offset().top > $(window).height() - 270) { $this.addClass('NB-hover-inverse'); } } }, function() { var $this = $(this); $this.removeClass('NB-hover-inverse'); }); }, show_feed_chooser_button: function() { var self = this; var $progress = this.$s.$feeds_progress; var $bar = $('.NB-progress-bar', $progress); var percentage = 0; $('.NB-progress-title', $progress).text('Get Started'); $('.NB-progress-counts', $progress).hide(); $('.NB-progress-percentage', $progress).hide(); $progress.addClass('NB-progress-error').addClass('NB-progress-big'); $('.NB-progress-link', $progress).html($.make('a', { href: '#', className: 'NB-splash-link NB-menu-manage-feedchooser' }, 'Choose your 64')); this.show_progress_bar(); }, hide_feed_chooser_button: function() { var $progress = this.$s.$feeds_progress; var $bar = $('.NB-progress-bar', $progress); $progress.removeClass('NB-progress-error').removeClass('NB-progress-big'); this.hide_progress_bar(); }, // ================ // = Progress Bar = // ================ check_feed_fetch_progress: function() { $.extend(this.counts, { 'unfetched_feeds': 0, 'fetched_feeds': 0 }); if (this.flags['has_unfetched_feeds']) { var counts = this.model.count_unfetched_feeds(); this.counts['unfetched_feeds'] = counts['unfetched_feeds']; this.counts['fetched_feeds'] = counts['fetched_feeds']; if (this.counts['unfetched_feeds'] == 0) { this.flags['has_unfetched_feeds'] = false; this.hide_unfetched_feed_progress(); } else { this.flags['has_unfetched_feeds'] = true; this.show_unfetched_feed_progress(); this.setup_feed_refresh(true); } } }, show_progress_bar: function() { var $layout = this.$s.$feeds_progress.parents('.left-center').layout(); if (!this.flags['showing_progress_bar']) { this.flags['showing_progress_bar'] = true; $layout.open('south'); } $layout.sizePane('south'); }, hide_progress_bar: function(permanent) { var self = this; if (permanent) { this.model.preference('hide_fetch_progress', true); } this.flags['showing_progress_bar'] = false; this.$s.$feeds_progress.parents('.left-center').layout().close('south'); }, show_unfetched_feed_progress: function() { var self = this; var $progress = this.$s.$feeds_progress; var percentage = parseInt(this.counts['fetched_feeds'] / (this.counts['unfetched_feeds'] + this.counts['fetched_feeds']) * 100, 10); $('.NB-progress-title', $progress).text('Fetching your feeds'); $('.NB-progress-counts', $progress).show(); $('.NB-progress-counts-fetched', $progress).text(this.counts['fetched_feeds']); $('.NB-progress-counts-total', $progress).text(this.counts['unfetched_feeds'] + this.counts['fetched_feeds']); $('.NB-progress-percentage', $progress).show().text(percentage + '%'); $('.NB-progress-bar', $progress).progressbar({ value: percentage }); if (!$progress.is(':visible')) { setTimeout(function() { self.show_progress_bar(); }, 1000); } }, hide_unfetched_feed_progress: function(permanent) { if (permanent) { this.model.preference('hide_fetch_progress', true); } this.setup_feed_refresh(); this.hide_progress_bar(); }, switch_preferences_hide_read_feeds: function() { var hide_read_feeds = parseInt(this.model.preference('hide_read_feeds'), 10); var $button = $('.NB-feeds-header-sites'); if (hide_read_feeds) { $button.tipsy('hide'); $button.attr('title', 'Show only unread stories'); $button.tipsy('show'); } else { $button.tipsy('hide'); $button.attr('title', 'Show all sites'); $button.tipsy('show'); } this.model.preference('hide_read_feeds', hide_read_feeds ? 0 : 1); this.switch_feed_view_unread_view(); }, // =============================== // = Feed bar - Individual Feeds = // =============================== reset_feed: function() { $.extend(this.flags, { 'iframe_story_locations_fetched': false, 'iframe_view_loaded': false, 'iframe_view_not_busting': false, 'feed_view_images_loaded': {}, 'feed_view_positions_calculated': false, 'scrolling_by_selecting_story_title': false, 'switching_to_feed_view': false, 'find_next_unread_on_page_of_feed_stories_load': false, 'page_view_showing_feed_view': false, 'feed_view_showing_story_view': false, 'iframe_fetching_story_locations': false, 'story_titles_loaded': false, 'iframe_prevented_from_loading': false, 'pause_feed_refreshing': false, 'feed_list_showing_manage_menu': false, 'unread_threshold_temporarily': null, 'river_view': false }); $.extend(this.cache, { 'iframe': {}, 'iframe_stories': {}, 'feed_view_stories': {}, 'iframe_story_positions': {}, 'feed_view_story_positions': {}, 'iframe_story_positions_keys': [], 'feed_view_story_positions_keys': [], 'previous_stories_stack': [], 'river_feeds_with_unreads': [], 'mouse_position_y': parseInt(this.model.preference('lock_mouse_indicator'), 10), 'prefetch_last_story': 0, 'prefetch_iteration': 0, 'feed_title_floater_feed_id': null, 'feed_title_floater_story_id': null, 'last_feed_view_story_feed_id': null }); this.active_feed = null; this.active_story = null; this.$s.$story_titles.data('page', 0); this.$s.$story_titles.data('feed_id', null); this.$s.$feed_stories.scrollTop(0); this.$s.$feed_stories.empty(); this.$s.$starred_header.removeClass('NB-selected'); this.$s.$river_header.removeClass('NB-selected'); $('.NB-selected', this.$s.$feed_list).removeClass('NB-selected'); this.$s.$body.removeClass('NB-view-river'); $('.task_view_page', this.$s.$taskbar).removeClass('NB-task-return'); this.hide_content_pane_feed_counter(); }, open_feed: function(feed_id, force, $feed_link, delay) { var self = this; var $story_titles = this.$s.$story_titles; this.flags['opening_feed'] = true; if (feed_id != this.active_feed || force) { $story_titles.empty().scrollTop(0); this.reset_feed(); this.hide_splash_page(); this.active_feed = feed_id; this.next_feed = feed_id; this.show_stories_progress_bar(); $story_titles.data('page', 0); $story_titles.data('feed_id', feed_id); this.iframe_scroll = null; this.set_correct_story_view_for_feed(feed_id); $feed_link = $feed_link || $('.feed.selected', this.$s.$feed_list).eq(0); this.mark_feed_as_selected(feed_id, $feed_link); this.show_feed_title_in_stories(feed_id); this.show_feedbar_loading(); this.switch_taskbar_view(this.story_view); // NEWSBLUR.log(['open_feed', this.flags, this.active_feed, feed_id]); _.delay(_.bind(function() { if (!delay || feed_id == self.next_feed) { this.model.load_feed(feed_id, 0, true, $.rescope(this.post_open_feed, this)); } }, this), delay || 0); var feed_view_setting = this.model.view_setting(feed_id); if (!feed_view_setting || feed_view_setting == 'page') { _.delay(_.bind(function() { if (!delay || feed_id == self.next_feed) { this.load_feed_iframe(feed_id); } }, this), delay || 0); } else { this.unload_feed_iframe(); this.flags['iframe_prevented_from_loading'] = true; } this.setup_mousemove_on_views(); } }, post_open_feed: function(e, data, first_load) { if (!data) { return this.open_feed(this.active_feed, true); } var stories = data.stories; var tags = data.tags; var feed_id = data.feed_id; if (data.dupe_feed_id && this.active_feed == data.dupe_feed_id) { this.active_feed = data.feed_id; } if (this.active_feed == feed_id) { // NEWSBLUR.log(['post_open_feed', data.stories, this.flags]); this.flags['opening_feed'] = false; this.flags['feed_view_positions_calculated'] = false; this.story_titles_clear_loading_endbar(); this.create_story_titles(stories); this.make_story_feed_entries(stories, first_load); this.show_feed_hidden_story_title_indicator(true); this.show_story_titles_above_intelligence_level({'animate': false}); this.fill_out_story_titles(); $('.NB-feedbar-last-updated-date').text(data.last_update + ' ago'); if (this.flags['find_next_unread_on_page_of_feed_stories_load']) { this.show_next_unread_story(true); } this.flags['story_titles_loaded'] = true; if (!first_load) { var stories_count = this.cache['iframe_story_positions_keys'].length; this.flags.iframe_story_locations_fetched = false; var $iframe = this.$s.$feed_iframe.contents(); this.fetch_story_locations_in_story_frame(stories_count, false, $iframe); if (this.story_view == 'feed') { this.prefetch_story_locations_in_feed_view(); } } else { if (this.story_view == 'page') { if (this.flags['iframe_view_loaded']) { // NEWSBLUR.log(['Titles loaded, iframe loaded']); var $iframe = this.$s.$feed_iframe.contents(); this.fetch_story_locations_in_story_frame(0, true, $iframe); } else { // NEWSBLUR.log(['Titles loaded, iframe NOT loaded -- prefetching now']); _.delay(_.bind(function() { this.prefetch_story_locations_in_story_frame(); }, this), 500); } } else if (this.story_view == 'feed') { this.prefetch_story_locations_in_feed_view(); } } if (this.flags['open_unread_stories_in_tabs']) { _.defer(_.bind(this.open_unread_stories_in_tabs, this)); } this.hide_stories_progress_bar(); this.make_content_pane_feed_counter(feed_id); } }, setup_mousemove_on_views: function() { var $iframe_contents = this.$s.$feed_iframe.contents(); $iframe_contents .unbind('scroll') .scroll($.rescope(this.handle_scroll_feed_iframe, this)); this.hide_mouse_indicator(); $iframe_contents .unbind('mousemove.reader') .bind('mousemove.reader', $.rescope(this.handle_mousemove_iframe_view, this)); this.$s.$content_pane .unbind('mouseleave.reader') .bind('mouseleave.reader', $.rescope(this.hide_mouse_indicator, this)); this.$s.$content_pane .unbind('mouseenter.reader') .bind('mouseenter.reader', $.rescope(this.show_mouse_indicator, this)); }, set_correct_story_view_for_feed: function(feed_id, view) { var feed = this.model.get_feed(feed_id); view = view || this.model.view_setting(feed_id); if (feed && feed.has_exception && feed.exception_type == 'page') { if (view == 'page') { view = 'feed'; } $('.task_view_page').addClass('NB-exception-page'); } else { $('.task_view_page').removeClass('NB-exception-page'); } this.story_view = view; }, // =============== // = Feed Header = // =============== update_header_counts: function(skip_sites) { if (!skip_sites) { var feeds_count = _.select(this.model.feeds, function(f) { return f.active; }).length; if (feeds_count) { $('.NB-feeds-header-right .NB-feeds-header-sites').text(feeds_count + Inflector.pluralize(' site', feeds_count)); } } var unread_counts = _.reduce(this.model.feeds, function(m, v) { if (v.active) { m['positive'] += v.ps; m['neutral'] += v.nt; m['negative'] += v.ng; } return m; }, {'positive': 0, 'negative': 0, 'neutral': 0}); _(['positive', 'neutral', 'negative']).each(function(level) { var $count = $('.NB-feeds-header-'+level); $count.text(unread_counts[level]); $count.toggleClass('NB-empty', unread_counts[level] == 0); }); }, update_starred_count: function() { var starred_count = this.model.starred_count; var $starred_count = $('.NB-feeds-header-starred-count', this.$s.$starred_header); var $starred_container = this.$s.$starred_header.closest('.NB-feeds-header-starred-container'); if (starred_count <= 0) { this.$s.$starred_header.addClass('NB-empty'); $starred_count.text(''); $starred_container.slideUp(350); } else if (starred_count > 0) { $starred_count.text(starred_count); this.$s.$starred_header.removeClass('NB-empty'); $starred_container.slideDown(350); } }, open_starred_stories: function() { var $story_titles = this.$s.$story_titles; $story_titles.empty().scrollTop('0px'); this.reset_feed(); this.hide_splash_page(); this.active_feed = 'starred'; $story_titles.data('page', 0); $story_titles.data('feed_id', null); this.iframe_scroll = null; this.mark_feed_as_selected(null, null); this.show_correct_feed_in_feed_title_floater(); this.$s.$starred_header.addClass('NB-selected'); this.$s.$body.addClass('NB-view-river'); this.flags.river_view = true; $('.task_view_page', this.$s.$taskbar).addClass('NB-disabled'); var explicit_view_setting = NEWSBLUR.Preferences.view_settings[this.active_feed]; if (!explicit_view_setting) { explicit_view_setting = 'feed'; } this.set_correct_story_view_for_feed(this.active_feed, explicit_view_setting); // this.show_feed_title_in_stories(feed_id); this.show_feedbar_loading(); this.switch_taskbar_view(this.story_view); this.setup_mousemove_on_views(); this.model.fetch_starred_stories(0, _.bind(this.post_open_starred_stories, this), true); }, post_open_starred_stories: function(data, first_load) { if (this.active_feed == 'starred') { // NEWSBLUR.log(['post_open_starred_stories', data.stories.length, first_load]); this.flags['feed_view_positions_calculated'] = false; this.story_titles_clear_loading_endbar(); this.create_story_titles(data.stories, {'river_stories': true}); this.make_story_feed_entries(data.stories, first_load, {'river_stories': true}); this.show_story_titles_above_intelligence_level({'animate': false}); // $('.NB-feedbar-last-updated-date').text(data.last_update + ' ago'); this.flags['story_titles_loaded'] = true; this.prefetch_story_locations_in_feed_view(); this.fill_out_story_titles(); } }, // ================= // = River of News = // ================= open_river_stories: function($folder, folder_title) { var $story_titles = this.$s.$story_titles; $folder = $folder || this.$s.$feed_list; $story_titles.empty().scrollTop('0px'); this.reset_feed(); this.hide_splash_page(); if (!folder_title) { this.active_feed = 'river:'; this.$s.$river_header.addClass('NB-selected'); } else { this.active_feed = 'river:' + folder_title; } $story_titles.data('page', 0); $story_titles.data('feed_id', null); this.iframe_scroll = null; this.flags['opening_feed'] = true; this.mark_feed_as_selected(null, null); this.show_correct_feed_in_feed_title_floater(); this.$s.$body.addClass('NB-view-river'); this.flags.river_view = true; $folder.addClass('NB-selected'); $('.task_view_page', this.$s.$taskbar).addClass('NB-disabled'); var explicit_view_setting = NEWSBLUR.Preferences.view_settings[this.active_feed]; if (!explicit_view_setting) { explicit_view_setting = 'feed'; } this.set_correct_story_view_for_feed(this.active_feed, explicit_view_setting); // this.show_feed_title_in_stories(feed_id); this.show_feedbar_loading(); this.switch_taskbar_view(this.story_view); this.setup_mousemove_on_views(); var feeds = this.list_feeds_with_unreads_in_folder($folder, false, true); this.cache['river_feeds_with_unreads'] = feeds; this.show_stories_progress_bar(feeds.length); this.model.fetch_river_stories(this.active_feed, feeds, 0, _.bind(this.post_open_river_stories, this), true); }, post_open_river_stories: function(data, first_load) { // NEWSBLUR.log(['post_open_river_stories', data, this.active_feed]); if (this.active_feed && this.active_feed.indexOf('river:') != -1) { // NEWSBLUR.log(['post_open_river_stories', data.stories.length, first_load, this.flags['feed_view_positions_calculated']]); this.flags['opening_feed'] = false; this.flags['feed_view_positions_calculated'] = false; this.story_titles_clear_loading_endbar(); this.create_story_titles(data.stories, {'river_stories': true}); this.make_story_feed_entries(data.stories, first_load, {'river_stories': true}); this.show_story_titles_above_intelligence_level({'animate': false}); // $('.NB-feedbar-last-updated-date').text(data.last_update + ' ago'); this.flags['story_titles_loaded'] = true; if (this.flags['find_next_unread_on_page_of_feed_stories_load']) { this.show_next_unread_story(true); } this.fill_out_story_titles(); this.prefetch_story_locations_in_feed_view(); this.hide_stories_progress_bar(); } }, list_feeds_with_unreads_in_folder: function($folder, counts_only, visible_only) { var model = this.model; var unread_view = this.get_unread_view_name(); $folder = $folder || this.$s.$feed_list; var $feeds = $('.feed:not(.NB-empty)', $folder); var feeds = _.compact(_.map($('.feed:not(.NB-empty)', $folder), function(o) { var feed_id = $(o).data('feed_id'); var feed = model.get_feed(feed_id); if (counts_only && !visible_only) { return feed.ps + feed.nt + feed.ng; } else if (counts_only && visible_only) { if (unread_view == 'positive') return feed.ps; if (unread_view == 'neutral') return feed.ps + feed.nt; if (unread_view == 'negative') return feed.ps + feed.nt + feed.ng; } else { return (feed.ps || feed.nt || feed.ng) && feed_id; } })); return feeds; }, show_stories_progress_bar: function(feeds_loading) { var $progress = $.make('div', { className: 'NB-river-progress' }, [ $.make('div', { className: 'NB-river-progress-text' }), $.make('div', { className: 'NB-river-progress-bar' }) ]).css({'opacity': 0}); this.$s.$story_taskbar.append($progress); $progress.animate({'opacity': 1}, {'duration': 500, 'queue': false}); var $bar = $('.NB-river-progress-bar', $progress); var unreads; if (feeds_loading) unreads = feeds_loading; else unreads = this.get_unread_count(false) / 10; this.animate_progress_bar($bar, unreads); $('.NB-river-progress-text', $progress).text('Fetching stories'); // Center the progress bar var i_width = $progress.width(); var o_width = this.$s.$story_taskbar.width(); var left = (o_width / 2.0) - (i_width / 2.0); $progress.css({'left': left}); }, hide_stories_progress_bar: function() { var $progress = $('.NB-river-progress', this.$s.$story_taskbar); $progress.stop().animate({'opacity': 0}, {'duration': 250, 'queue': false}); }, // ========================== // = Story Pane - All Views = // ========================== open_story: function(story, $story_title) { var self = this; var feed_position; var iframe_position; // NEWSBLUR.log(['Story', this.story_view, story]); if (this.active_story != story) { this.active_story = story; this.mark_story_title_as_selected($story_title); this.mark_story_as_read_in_feed_view(story, {'animate': true}); // Used when auto-tracking the user as they move over the feed/page. // No need to find the story, since they have already found it. clearTimeout(this.locks.scrolling); this.flags['scrolling_by_selecting_story_title'] = true; // User clicks on story, scroll them to it. var $feed_story = this.find_story_in_feed_view(story); if (this.story_view == 'page') { var $iframe_story = this.find_story_in_feed_iframe(story); if (!$iframe_story || !$iframe_story.length || !this.flags['story_titles_loaded']) { // If the iframe has not yet loaded, we can't touch it. // So just assume story not found. this.switch_to_correct_view(false); feed_position = this.scroll_to_story_in_story_feed(story, $feed_story); } else { iframe_position = this.scroll_to_story_in_iframe(story, $iframe_story); this.switch_to_correct_view(iframe_position); } } else if (this.story_view == 'feed') { this.switch_to_correct_view(); feed_position = this.scroll_to_story_in_story_feed(story, $feed_story); this.show_stories_preference_in_feed_view(true); } else if (this.story_view == 'story') { this.open_story_in_story_view(story); } _.defer(_.bind(this.mark_story_as_read, this, story.id)); } }, switch_to_correct_view: function(found_story_in_page) { // NEWSBLUR.log(['Found story', this.story_view, found_story_in_page, this.flags['page_view_showing_feed_view'], this.flags['feed_view_showing_story_view']]); if (found_story_in_page === false) { // Story not found, show in feed view with link to page view if (this.story_view == 'page' && !this.flags['page_view_showing_feed_view']) { // console.log(['turn on feed view', this.flags['page_view_showing_feed_view'], this.flags['feed_view_showing_story_view']]); this.flags['page_view_showing_feed_view'] = true; this.flags['feed_view_showing_story_view'] = false; this.switch_taskbar_view('feed', 'page'); this.show_stories_preference_in_feed_view(); } } else { if (this.story_view == 'page' && this.flags['page_view_showing_feed_view']) { // console.log(['turn off feed view', this.flags['page_view_showing_feed_view'], this.flags['feed_view_showing_story_view']]); this.flags['page_view_showing_feed_view'] = false; this.flags['feed_view_showing_story_view'] = false; this.switch_taskbar_view('page'); } else if (this.flags['feed_view_showing_story_view']) { // console.log(['turn off story view', this.flags['page_view_showing_feed_view'], this.flags['feed_view_showing_story_view']]); this.flags['page_view_showing_feed_view'] = false; this.flags['feed_view_showing_story_view'] = false; this.switch_taskbar_view(this.story_view, true); } } }, scroll_to_story_in_story_feed: function(story, $story, skip_scroll) { var self = this; var $feed_view = this.$s.$feed_view; var $feed_stories = this.$s.$feed_stories; if (!story || !$story || !$story.length) { $story = $('.story:first', $feed_view); story = this.model.get_story($story.data('story')); } if (!story || !$story || !$story.length) { return; } // NEWSBLUR.log(['scroll_to_story_in_story_feed', story, $story]); if ($story && $story.length) { if (skip_scroll || (this.story_view == 'feed' && this.model.preference('feed_view_single_story')) || (this.story_view == 'page' && !this.flags['page_view_showing_feed_view'])) { $feed_stories.scrollTo($story, 0, { axis: 'y', offset: 0 }); // Do this at view switch instead. } else if (this.story_view == 'feed' || this.flags['page_view_showing_feed_view']) { $feed_stories.scrollable().stop(); $feed_stories.scrollTo($story, 420, { axis: 'y', easing: 'easeInOutQuint', offset: 0, queue: false, onAfter: function() { self.locks.scrolling = setTimeout(function() { self.flags.scrolling_by_selecting_story_title = false; }, 100); } }); } } var parent_scroll = $story.parents('.NB-feed-story-view').scrollTop(); var story_offset = $story.offset().top; return story_offset + parent_scroll; }, scroll_to_story_in_iframe: function(story, $story, skip_scroll) { var self = this; var $iframe = this.$s.$feed_iframe; if ($story && $story.length) { if (skip_scroll || this.story_view == 'feed' || this.story_view == 'story' || this.flags['page_view_showing_feed_view']) { $iframe.scrollTo($story, 0, { axis: 'y', offset: -24 }); // Do this at story_view switch } else if (this.story_view == 'page') { $iframe.scrollable().stop(); $iframe.scrollTo($story, 580, { axis: 'y', easing: 'easeInOutQuint', offset: -24, queue: false, onAfter: function() { self.locks.scrolling = setTimeout(function() { self.flags.scrolling_by_selecting_story_title = false; }, 100); } }); } var parent_scroll = $story.parents('.NB-feed-story-view').scrollTop(); var story_offset = $story.offset().top; return story_offset + parent_scroll; } return false; }, prefetch_story_locations_in_story_frame: function() { var self = this; var stories = this.model.stories; var $iframe = this.$s.$feed_iframe.contents(); var prefetch_tries_left = 3; this.cache['prefetch_iteration'] += 1; // NEWSBLUR.log(['Prefetching', !this.flags['iframe_fetching_story_locations']]); if (!this.flags['iframe_fetching_story_locations'] && !this.flags['iframe_story_locations_fetched']) { $iframe.unbind('scroll').scroll($.rescope(this.handle_scroll_feed_iframe, this)); $iframe .unbind('mousemove.reader') .bind('mousemove.reader', $.rescope(this.handle_mousemove_iframe_view, this)); var last_story_index = this.cache.iframe_story_positions_keys.length; var last_story_position = _.last(this.cache.iframe_story_positions_keys); var last_story = this.cache.iframe_story_positions[last_story_position]; var $last_story; if (last_story) { $last_story = this.find_story_in_feed_iframe(last_story, $iframe); } // NEWSBLUR.log(['last_story', last_story_index, last_story_position, last_story, $last_story]); var last_story_same_position; if ($last_story && $last_story.length) { last_story_same_position = parseInt($last_story.offset().top, 10)==last_story_position; if (!last_story_same_position) { $.extend(this.cache, { 'iframe_stories': {}, 'iframe_story_positions': {}, 'iframe_story_positions_keys': [] }); } } for (var s in stories) { if (last_story_same_position && parseInt(s, 10) < last_story_index) continue; var story = stories[s]; var $story = this.find_story_in_feed_iframe(story, $iframe); // NEWSBLUR.log(['Pre-fetching', parseInt(s, 10), last_story_index, last_story_same_position, $story, story.story_title]); if (!$story || !$story.length || this.flags['iframe_fetching_story_locations'] || this.flags['iframe_story_locations_fetched'] || parseInt($story.offset().top, 10) > this.cache['prefetch_iteration']*4000) { if ($story && $story.length) { // NEWSBLUR.log(['Prefetch break on position too far', parseInt($story.offset().top, 10), this.cache['prefetch_iteration']*4000]); break; } if (!prefetch_tries_left) { break; } else { prefetch_tries_left -= 1; } } } } if (!this.flags['iframe_fetching_story_locations'] && !this.flags['iframe_story_locations_fetched']) { setTimeout(function() { if (!self.flags['iframe_fetching_story_locations'] && !self.flags['iframe_story_locations_fetched']) { self.prefetch_story_locations_in_story_frame(); } }, 2000); } }, fetch_story_locations_in_story_frame: function(s, clear_cache, $iframe) { var self = this; var stories = this.model.stories; if (!s) s = 0; var story = stories[s]; if (!$iframe) $iframe = this.$s.$feed_iframe.contents(); this.flags['iframe_fetching_story_locations'] = true; if (clear_cache) { $.extend(this.cache, { 'iframe_stories': {}, 'iframe_story_positions': {}, 'iframe_story_positions_keys': [] }); } if (story && story['story_feed_id'] == this.active_feed) { var $story = this.find_story_in_feed_iframe(story, $iframe); // NEWSBLUR.log(['Fetching story', s, {'title': story.story_title}, $story]); setTimeout(function() { if ((stories.length-1) >= (s+1) && (s < 3 || ((self.cache.iframe_stories[stories[s].id] && self.cache.iframe_stories[stories[s].id].length) || (self.cache.iframe_stories[stories[s-1].id] && self.cache.iframe_stories[stories[s-1].id].length) || (self.cache.iframe_stories[stories[s-2].id] && self.cache.iframe_stories[stories[s-2].id].length)))) { self.fetch_story_locations_in_story_frame(s+1, false, $iframe); self.flags.iframe_story_locations_fetched = false; } else { NEWSBLUR.log(['iFrame view entirely loaded', (s-2) + ' stories', self.cache.iframe_stories]); self.flags['iframe_story_locations_fetched'] = true; self.flags['iframe_fetching_story_locations'] = false; clearInterval(self.flags['iframe_scroll_snapback_check']); } }, 20); } else if (story && story['story_feed_id'] != this.active_feed) { NEWSBLUR.log(['Switched off iframe early']); } }, open_story_link: function(story, $st) { window.open(story['story_permalink'], '_blank'); window.focus(); }, mark_story_title_as_selected: function($story_title) { var $story_titles = this.$s.$story_titles; $('.selected', $story_titles).removeClass('selected'); // $('.after_selected', $story_titles).removeClass('after_selected'); $story_title.addClass('selected'); // $story_title.parent('.story').next('.story').children('a').addClass('after_selected'); }, mark_story_as_read: function(story_id) { var self = this; var $story_title = this.find_story_in_story_titles(story_id); var feed_id = parseInt($story_title.data('feed_id'), 10) || this.active_feed; this.model.mark_story_as_read(story_id, feed_id, function(read) { self.update_read_count(story_id, feed_id, false, read); }); }, mark_story_as_unread: function(story_id, feed_id) { var self = this; feed_id = feed_id || this.model.get_story(story_id).story_feed_id; this.model.mark_story_as_unread(story_id, feed_id, function() { self.update_read_count(story_id, feed_id, true); }); }, update_read_count: function(story_id, feed_id, unread, previously_read) { if (previously_read) return; var feed = this.model.get_feed(feed_id); var $feed_list = this.$s.$feed_list; var $feed = this.find_feed_in_feed_list(feed_id); var $feed_counts = $('.feed_counts_floater', $feed); var $story_title = this.find_story_in_story_titles(story_id); var $content_pane = this.$s.$content_pane; var unread_count_positive = feed.ps; var unread_count_neutral = feed.nt; var unread_count_negative = feed.ng; $story_title.toggleClass('read', !unread); // NEWSBLUR.log(['marked read', unread_count_positive, unread_count_neutral, unread_count_negative, $story_title.is('.NB-story-positive'), $story_title.is('.NB-story-neutral'), $story_title.is('.NB-story-negative')]); if ($story_title.is('.NB-story-positive')) { var count = Math.max(unread_count_positive + (unread?1:-1), 0); feed.ps = count; $('.unread_count_positive', $feed).text(count); $('.unread_count_positive', $content_pane).text(count); if (count == 0) { $feed.removeClass('unread_positive'); $feed_counts.removeClass('unread_positive'); } else { $feed.addClass('unread_positive'); $feed_counts.addClass('unread_positive'); } } else if ($story_title.is('.NB-story-neutral')) { var count = Math.max(unread_count_neutral + (unread?1:-1), 0); feed.nt = count; $('.unread_count_neutral', $feed).text(count); $('.unread_count_neutral', $content_pane).text(count); if (count == 0) { $feed.removeClass('unread_neutral'); $feed_counts.removeClass('unread_neutral'); } else { $feed.addClass('unread_neutral'); $feed_counts.addClass('unread_neutral'); } } else if ($story_title.is('.NB-story-negative')) { var count = Math.max(unread_count_negative + (unread?1:-1), 0); feed.ng = count; $('.unread_count_negative', $feed).text(count); $('.unread_count_negative', $content_pane).text(count); if (count == 0) { $feed.removeClass('unread_negative'); $feed_counts.removeClass('unread_negative'); } else { $feed.addClass('unread_negative'); $feed_counts.addClass('unread_negative'); } } $('.feed', $content_pane).animate({'opacity': 1}, {'duration': 250, 'queue': false}); setTimeout(function() { $('.feed', $content_pane).animate({'opacity': .1}, {'duration': 250, 'queue': false}); }, 400); if (!$feed.is(':visible')) { // NEWSBLUR.log(['Under collapsed folder', $feed, $feed.parents(':visible'), // $feed.parents(':visible').eq(0).children('.folder_title')]); var $folder_title = $feed.closest(':visible').children('.folder_title'); var $children = $folder_title.closest('.folder').children('.folder, .feed'); this.show_collapsed_folder_count($folder_title, $children); } this.update_header_counts(true); }, mark_feed_as_read: function(feed_id) { feed_id = feed_id || this.active_feed; this.mark_feed_as_read_update_counts(feed_id); this.model.mark_feed_as_read([feed_id]); this.update_header_counts(true); }, mark_folder_as_read: function(folder_name, $folder) { var feeds = this.get_feed_ids_in_folder($folder); _.each(feeds, _.bind(function(feed_id) { this.mark_feed_as_read_update_counts(feed_id); }, this)); this.mark_feed_as_read_update_counts(null, $folder); this.model.mark_feed_as_read(feeds); this.update_header_counts(true); }, mark_feed_as_read_update_counts: function(feed_id, $folder) { if (feed_id) { var feed = this.model.get_feed(feed_id); var $feed = this.find_feed_in_feed_list(feed_id); var $feed_counts = $('.feed_counts_floater', $feed); var $content_pane = this.$s.$content_pane; var $story_titles = this.$s.$story_titles; feed.ps = 0; feed.nt = 0; feed.ng = 0; $('.unread_count_neutral', $feed).text(0); $('.unread_count_positive', $feed).text(0); $('.unread_count_negative', $feed).text(0); if (feed_id == this.active_feed) { $('.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'); $feed.removeClass('unread_negative'); $feed_counts.removeClass('unread_neutral'); $feed_counts.removeClass('unread_positive'); $feed_counts.removeClass('unread_negative'); } if ($folder) { $('.unread_count_neutral', $folder).text(0); $('.unread_count_positive', $folder).text(0); $('.unread_count_negative', $folder).text(0); $feed_counts = $('.feed_counts_floater', $folder); $feed_counts.removeClass('unread_neutral'); $feed_counts.removeClass('unread_positive'); $feed_counts.removeClass('unread_negative'); } }, mark_story_as_like: function(story_id, feed_id) { feed_id = feed_id || this.model.get_story(story_id).story_feed_id; NEWSBLUR.classifier = new NEWSBLUR.ReaderClassifierStory(story_id, feed_id, { 'score': 1, 'feed_loaded': !this.flags['river_view'] }); }, mark_story_as_dislike: function(story_id, feed_id) { feed_id = feed_id || this.active_feed; NEWSBLUR.classifier = new NEWSBLUR.ReaderClassifierStory(story_id, feed_id, { 'score': -1, 'feed_loaded': !this.flags['river_view'] }); }, mark_story_as_starred: function(story_id, $story) { var story = this.model.get_story(story_id); var $star = $('.NB-storytitles-star', $story); $story.addClass('NB-story-starred'); $star.attr({'title': 'Saved!'}); $star.tipsy({ gravity: 'sw', fade: true, trigger: 'manual', offsetOpposite: -1 }); $star.tipsy('enable'); $star.tipsy('show'); _.delay(function() { $star.tipsy('hide'); $star.tipsy('disable'); }, 850); this.model.mark_story_as_starred(story_id, story.story_feed_id, function() {}); this.update_starred_count(); }, mark_story_as_unstarred: function(story_id, $story) { var $star = $('.NB-storytitles-star', $story); $story.one('mouseout', function() { $story.removeClass('NB-unstarred'); }); $star.attr({'title': 'Removed'}); $star.tipsy({ gravity: 'sw', fade: true, trigger: 'manual', offsetOpposite: -1 }); $star.tipsy('enable'); $star.tipsy('show'); _.delay(function() { $star.tipsy('hide'); $star.tipsy('disable'); }, 850); $story.removeClass('NB-story-starred'); this.model.mark_story_as_unstarred(story_id, function() {}); this.update_starred_count(); }, send_story_to_instapaper: function(story_id) { var story = this.model.get_story(story_id); var url = 'http://www.instapaper.com/edit'; var instapaper_url = [ url, '?url=', encodeURIComponent(story.story_permalink), '&title=', encodeURIComponent(story.story_title) ].join(''); window.open(instapaper_url, '_blank'); this.mark_story_as_read(story_id); }, send_story_to_twitter: function(story_id) { var story = this.model.get_story(story_id); var url = 'http://twitter.com/'; var twitter_url = [ url, '?status=', encodeURIComponent(story.story_title), ': ', encodeURIComponent(story.story_permalink) ].join(''); window.open(twitter_url, '_blank'); this.mark_story_as_read(story_id); }, send_story_to_facebook: function(story_id) { var story = this.model.get_story(story_id); var url = 'http://www.facebook.com/sharer.php?src=newsblur&v=3.14159265&i=1.61803399'; var facebook_url = [ url, '&u=', encodeURIComponent(story.story_permalink), '&t=', encodeURIComponent(story.story_title) ].join(''); window.open(facebook_url, '_blank'); this.mark_story_as_read(story_id); }, // ===================== // = Story Titles Pane = // ===================== hide_content_pane_feed_counter: function() { var $content_pane = this.$s.$content_pane; $('.feed', $content_pane).remove(); }, make_content_pane_feed_counter: function(feed_id) { var $content_pane = this.$s.$content_pane; var feed = this.model.get_feed(feed_id); var $counter = this.make_feed_title_line(feed, false, 'counter'); $counter.css({'opacity': 0}); $('.feed', $content_pane).remove(); this.$s.$story_taskbar.append($counter); _.delay(function() { $counter.animate({'opacity': .1}, {'duration': 1000, 'queue': false}); }, 500); $('.unread_count', $content_pane).corner('4px'); // Center the counter var i_width = $('.feed', $content_pane).width(); var o_width = $content_pane.width(); var left = (o_width / 2.0) - (i_width / 2.0); $('.feed', $content_pane).css({'left': left}); }, create_story_titles: function(stories, options) { var $story_titles = this.$s.$story_titles; options = options || {}; for (s in stories) { var story = stories[s]; var $story_title = this.make_story_title(story, options); if (!stories[s].read_status) { var $mark_read = $.make('a', { className: 'mark_story_as_read', href: '#'+stories[s].id }, '[Mark Read]'); $story_title.find('.title').append($mark_read); } $story_titles.append($story_title); } // NEWSBLUR.log(['create_story_titles', stories]); if (!stories || stories.length == 0) { var $end_stories_line = $.make('div', { className: 'NB-story-titles-end-stories-line' }); if (!($('.NB-story-titles-end-stories-line', $story_titles).length)) { $story_titles.append($end_stories_line); } } }, make_story_title: function(story, options) { var unread_view = this.model.preference('unread_view'); var read = story.read_status ? ' read ' : ''; var score = this.compute_story_score(story); var score_color = 'neutral'; var starred = story.starred ? ' NB-story-starred ' : ''; if (options.river_stories) { var feed = this.model.get_feed(story.story_feed_id); } if (score > 0) score_color = 'positive'; if (score < 0) score_color = 'negative'; var $story_tags = $.make('span', { className: 'NB-storytitles-tags'}); for (var t in story.story_tags) { var tag = story.story_tags[t]; var $tag = $.make('span', { className: 'NB-storytitles-tag'}, tag).corner('4px'); $story_tags.append($tag); break; } var $story_title = $.make('div', { className: 'story ' + read + starred + 'NB-story-' + score_color }, [ $.make('div', { className: 'NB-storytitles-sentiment'}), $.make('a', { href: story.story_permalink, className: 'story_title' }, [ (options['river_stories'] && feed && $.make('div', { className: 'NB-story-feed' }, [ $.make('img', { className: 'feed_favicon', src: this.get_favicon(feed.favicon) }), $.make('span', { className: 'feed_title' }, feed.feed_title) ])), $.make('div', { className: 'NB-storytitles-star'}), $.make('span', { className: 'NB-storytitles-title' }, story.story_title), $.make('span', { className: 'NB-storytitles-author' }, story.story_authors), $story_tags ]), $.make('span', { className: 'story_date' }, story.short_parsed_date), $.make('span', { className: 'story_id' }, ''+story.id), $.make('div', { className: 'NB-story-manage-icon' }) // $.make('div', { className: 'NB-story-sentiment NB-story-like', title: 'What I like about this story...' }), // $.make('div', { // className: 'NB-story-sentiment NB-story-star', // title: (story.starred // ? 'Remove bookmark' // : 'Save this story for later') // }) ]).data('story_id', story.id).data('feed_id', story.story_feed_id); if (unread_view > score) { $story_title.css({'display': 'none'}); } $('.NB-story-sentiment', $story_title).tipsy({ delayIn: 375, gravity: 's' }); return $story_title; }, is_feed_floater_gradient_light: function(feed) { if (!feed) return false; var color = feed.favicon_color; if (!color) return false; var r = parseInt(color.substr(0, 2), 16); var g = parseInt(color.substr(2, 2), 16); var b = parseInt(color.substr(4, 2), 16); var avg = (r + g + b) / 3; // 200/256 = #C6C6C6 return avg > 200; }, generate_gradient: function(feed, type) { if (!feed) return ''; var color = feed.favicon_color; if (!color) return ''; var r = parseInt(color.substr(0, 2), 16); var g = parseInt(color.substr(2, 2), 16); var b = parseInt(color.substr(4, 2), 16); if (type == 'webkit') { return [ '-webkit-gradient(', 'linear,', 'left bottom,', 'left top,', 'color-stop(0.06, rgba(', [ r, g, b, 255 ].join(','), ')),', 'color-stop(0.84, rgba(', [ r+35, g+35, b+35, 255 ].join(','), ')))' ].join(''); } else if (type == 'moz') { return [ '-moz-linear-gradient(', 'center bottom,', 'rgb(', [ r, g, b ].join(','), ') 6%,', 'rgb(', [ r+35, g+35, b+35 ].join(','), ') 84%)' ].join(''); } }, story_titles_clear_loading_endbar: function() { var $story_titles = this.$s.$story_titles; var $endbar = $('.NB-story-titles-end-stories-line', $story_titles); if ($endbar.length) { $endbar.remove(); clearInterval(this.feed_stories_loading); } }, compute_story_score: function(story) { var score = 0; var score_max = Math.max(story.intelligence['title'], story.intelligence['author'], story.intelligence['tags']); var score_min = Math.min(story.intelligence['title'], story.intelligence['author'], story.intelligence['tags']); if (score_max > 0) score = score_max; else if (score_min < 0) score = score_min; if (score == 0) score = story.intelligence['feed']; return score; }, // ================================= // = Story Pane - iFrame/Page View = // ================================= unload_feed_iframe: function() { var $feed_iframe = this.$s.$feed_iframe; var $taskbar_view_page = $('.NB-taskbar .task_view_page'); $taskbar_view_page.removeClass('NB-disabled'); $taskbar_view_page.removeClass('NB-task-return'); this.flags['iframe_view_loaded'] = false; this.flags['iframe_story_locations_fetched'] = false; this.flags['iframe_prevented_from_loading'] = false; $.extend(this.cache, { 'iframe_stories': {}, 'iframe_story_positions': {}, 'iframe_story_positions_keys': [] }); $feed_iframe.removeAttr('src'); }, load_feed_iframe: function(feed_id) { feed_id = feed_id || this.active_feed; var self = this; var $feed_view = this.$s.$story_pane; var $feed_iframe = this.$s.$feed_iframe; this.unload_feed_iframe(); if (!feed_id) { feed_id = $feed_iframe.data('feed_id'); } else { $feed_iframe.data('feed_id', feed_id); } this.flags.iframe_scroll_snap_back_prepared = true; this.iframe_link_attacher_num_links = 0; $feed_iframe.removeAttr('src').attr({src: '/reader/load_feed_page?feed_id='+feed_id}); if (this.flags['iframe_view_loaded']) { // NEWSBLUR.log(['Titles loaded, iframe loaded']); var $iframe = this.$s.$feed_iframe.contents(); this.fetch_story_locations_in_story_frame(0, true, $iframe); } else { // NEWSBLUR.log(['Titles loaded, iframe NOT loaded -- prefetching now']); _.delay(_.bind(function() { this.prefetch_story_locations_in_story_frame(); }, this), 500); } $feed_iframe.ready(function() { setTimeout(function() { $feed_iframe.load(function() { self.return_to_snapback_position(true); }); }, 50); self.flags['iframe_scroll_snapback_check'] = setInterval(function() { // NEWSBLUR.log(['Checking scroll', self.iframe_scroll, self.flags.iframe_scroll_snap_back_prepared]); if (self.iframe_scroll && self.flags.iframe_scroll_snap_back_prepared) { self.return_to_snapback_position(); } else { clearInterval(self.flags['iframe_scroll_snapback_check']); } }, 500); // NEWSBLUR.log(['iFrame domain', $feed_iframe.attr('src').indexOf('/reader/load_feed_page?feed_id='+feed_id), $feed_iframe.attr('src')]); if ($feed_iframe.attr('src').indexOf('/reader/load_feed_page?feed_id='+feed_id) != -1) { var iframe_link_attacher = function() { var num_links = $feed_iframe.contents().find('a').length; // NEWSBLUR.log(['Finding links', self.iframe_link_attacher_num_links, num_links]); if (self.iframe_link_attacher_num_links != num_links) { // NEWSBLUR.log(['Found new links', num_links, self.iframe_link_attacher_num_links]); self.iframe_link_attacher_num_links = num_links; $feed_iframe.contents().find('a') .unbind('click.NB-taskbar') .bind('click.NB-taskbar', function() { self.taskbar_show_return_to_page(); }); } }; clearInterval(self.iframe_link_attacher); self.iframe_link_attacher = setInterval(iframe_link_attacher, 2000); iframe_link_attacher(); $feed_iframe.load(function() { clearInterval(self.iframe_link_attacher); }); } }); }, return_to_snapback_position: function(iframe_loaded) { var $feed_iframe = this.$s.$feed_iframe; if (this.iframe_scroll && this.flags.iframe_scroll_snap_back_prepared && $feed_iframe.contents().scrollTop() == 0) { // NEWSBLUR.log(['Snap back, loaded, scroll', this.iframe_scroll]); $feed_iframe.contents().scrollTop(this.iframe_scroll); if (iframe_loaded) { this.flags.iframe_scroll_snap_back_prepared = false; clearInterval(self.flags['iframe_scroll_snapback_check']); } } }, setup_feed_page_iframe_load: function() { var self = this; var $story_pane = this.$s.$story_pane; var $feed_iframe = this.$s.$feed_iframe; $feed_iframe.removeAttr('src').load(function() { self.flags.iframe_view_loaded = true; try { var $iframe_contents = $feed_iframe.contents(); $iframe_contents.find('a') .unbind('click.NB-taskbar') .bind('click.NB-taskbar', function(e) { var href = $(this).attr('href'); if (href.indexOf('#') == 0) { e.preventDefault(); var $footnote = $('a[name='+href.substr(1)+'], [id='+href.substr(1)+']', $iframe_contents); // NEWSBLUR.log(['Footnote', $footnote, href, href.substr(1)]); $iframe_contents.scrollTo($footnote, 600, { axis: 'y', easing: 'easeInOutQuint', offset: 0, queue: false }); return false; } self.taskbar_show_return_to_page(); }); $iframe_contents .unbind('scroll') .scroll($.rescope(self.handle_scroll_feed_iframe, self)); $iframe_contents .unbind('mousemove.reader') .bind('mousemove.reader', $.rescope(self.handle_mousemove_iframe_view, self)); if (self.flags['story_titles_loaded']) { // NEWSBLUR.log(['iframe loaded, titles loaded']); self.fetch_story_locations_in_story_frame(0, true, $iframe_contents); } } catch(e) { // Not on local domain. Ignore. } }); }, taskbar_show_return_to_page: function() { var self = this; var $feed_iframe = $('.NB-feed-frame'); setTimeout(function() { var $feed_iframe = $('.NB-feed-frame'); var $taskbar_view_page = $('.NB-taskbar .task_view_page'); try { NEWSBLUR.log(['return', $feed_iframe.contents().find('body')]); var length = $feed_iframe.contents().find('body').length; if (length) { return false; } } catch(e) { $taskbar_view_page.addClass('NB-task-return'); } finally { $taskbar_view_page.addClass('NB-task-return'); } }, 1000); }, load_page_of_feed_stories: function() { var $story_titles = this.$s.$story_titles; var feed_id = $story_titles.data('feed_id'); var page = $story_titles.data('page'); if (!this.flags['opening_feed']) { this.show_feedbar_loading(); $story_titles.data('page', page+1); if (this.active_feed == 'starred') { this.model.fetch_starred_stories(page+1, _.bind(this.post_open_starred_stories, this), false); } else if (this.flags['river_view']) { this.model.fetch_river_stories(this.active_feed, this.cache['river_feeds_with_unreads'], page+1, _.bind(this.post_open_river_stories, this), false); } else { this.model.load_feed(feed_id, page+1, false, $.rescope(this.post_open_feed, this)); } } }, fill_out_story_titles: function() { var $last = $('.story:visible:last', this.$s.$story_titles); var container_height = this.$s.$story_titles.height(); var $feedbar = $('.NB-story-titles-end-stories-line'); if (!$feedbar.length && ($last.length == 0 || ($('#story_titles').scrollTop() == 0 && $last.position().top + $last.height() < container_height))) { _.delay(_.bind(this.load_page_of_feed_stories, this), 500); } }, show_feedbar_loading: function() { var $story_titles = this.$s.$story_titles; var $feedbar = $('.NB-story-titles-end-stories-line'); if (!$feedbar.length) { $feedbar = $.make('div', { className: 'NB-story-titles-end-stories-line' }); } $feedbar.css({'background': '#E1EBFF'}); $story_titles.append($feedbar); $feedbar.animate({'backgroundColor': '#5C89C9'}, {'duration': 750}) .animate({'backgroundColor': '#E1EBFF'}, 750); this.feed_stories_loading = setInterval(function() { $feedbar.animate({'backgroundColor': '#5C89C9'}, {'duration': 750}) .animate({'backgroundColor': '#E1EBFF'}, 750); }, 1500); }, show_feed_title_in_stories: function(feed_id) { var $story_titles = this.$s.$story_titles; var feed = this.model.get_feed(feed_id); if (!feed) return; var $feedbar = $.make('div', { className: 'NB-feedbar' }, [ this.make_feed_title_line(feed, false, 'story'), // $.make('div', { className: 'NB-feedbar-intelligence' }, [ // $.make('div', { className: 'NB-feed-sentiment NB-feed-like', title: 'What I like about this site...' }), // $.make('div', { className: 'NB-feed-sentiment NB-feed-dislike', title: 'What I dislike about this site...' }) // ]), $.make('span', { className: 'feed_id' }, ''+feed.id) ]).hover(function() { $(this).addClass('NB-feedbar-hover'); },function() { $(this).removeClass('NB-feedbar-hover'); }); $story_titles.prepend($feedbar); $('.unread_count', $feedbar).corner('4px'); }, show_feed_hidden_story_title_indicator: function(is_feed_load) { if (is_feed_load && this.flags['unread_threshold_temporarily']) return; else this.flags['unread_threshold_temporarily'] = null; var $story_titles = this.$s.$story_titles; var feed_id = this.active_feed; var feed = this.model.get_feed(feed_id); var unread_view_name = this.get_unread_view_name(); var $indicator = $('.NB-story-title-indicator', $story_titles); var hidden_stories = _.any(this.model.stories, _.bind(function(story) { var score = this.compute_story_score(story); if (unread_view_name == 'positive') return score <= 0; else if (unread_view_name == 'neutral') return score < 0; }, this)); if (hidden_stories) { if ($indicator.length) { var $counts = this.make_feed_counts_floater(feed.ps, feed.nt, feed.ng); $('.feed_counts_floater', $indicator).replaceWith($counts); $indicator.css({'opacity': 1}); } else if (feed) { $indicator = $.make('div', { className: 'NB-story-title-indicator' }, [ this.make_feed_counts_floater(feed.ps, feed.nt, feed.ng), $.make('span', { className: 'NB-story-title-indicator-text' }, 'show hidden stories') ]).css({ 'opacity': 0 }); $('.NB-feedbar .feed .feed_title', this.$story_titles).prepend($indicator); _.delay(function() { $indicator.animate({'opacity': 1}, {'duration': 1000, 'easing': 'easeOutCubic'}); }, 500); } $indicator.removeClass('unread_threshold_positive') .removeClass('unread_threshold_neutral') .removeClass('unread_threshold_negative') .addClass('unread_threshold_'+unread_view_name); } }, show_hidden_story_titles: function() { var feed_id = this.active_feed; var feed = this.model.get_feed(feed_id); var $indicator = $('.NB-story-title-indicator', this.$s.$story_titles); var unread_view_name = $indicator.hasClass('unread_threshold_positive') ? 'positive' : 'neutral'; var hidden_stories_at_threshold = _.any(this.model.stories, _.bind(function(story) { var score = this.compute_story_score(story); if (unread_view_name == 'positive') return score == 0; else if (unread_view_name == 'neutral') return score < 0; }, this)); var hidden_stories_below_threshold = unread_view_name == 'positive' && _.any(this.model.stories, _.bind(function(story) { var score = this.compute_story_score(story); return score < 0; }, this)); // NEWSBLUR.log(['show_hidden_story_titles', hidden_stories_at_threshold, hidden_stories_below_threshold, unread_view_name]); // First click, open neutral. Second click, open negative. if (unread_view_name == 'positive' && hidden_stories_at_threshold && hidden_stories_below_threshold) { this.flags['unread_threshold_temporarily'] = 'neutral'; this.show_story_titles_above_intelligence_level({ 'unread_view_name': 'neutral', 'animate': true, 'follow': true, 'temporary': true }); $indicator.removeClass('unread_threshold_positive').addClass('unread_threshold_neutral'); } else { this.flags['unread_threshold_temporarily'] = 'negative'; this.show_story_titles_above_intelligence_level({ 'unread_view_name': 'negative', 'animate': true, 'follow': true, 'temporary': true }); $indicator.removeClass('unread_threshold_positive') .removeClass('unread_threshold_neutral') .addClass('unread_threshold_negative'); $indicator.animate({'opacity': 0}, {'duration': 500}); } }, open_feed_link: function(feed_id, $fd) { if (!feed_id) feed_id = this.active_feed; this.mark_feed_as_read(feed_id); var feed = this.model.get_feed(feed_id); window.open(feed['feed_link'], '_blank'); window.focus(); }, open_story_in_new_tab: function(story, $t) { window.open(story['story_permalink'], '_blank'); window.focus(); }, open_unread_stories_in_tabs: function(feed_id) { feed_id = feed_id || this.active_feed; if (this.active_feed == feed_id) { this.flags['open_unread_stories_in_tabs'] = false; _.each(this.model.stories, function(story) { NEWSBLUR.log(['story', story, !story.read_status]); if (!story.read_status) { window.open(story['story_permalink'], '_blank'); window.focus(); } }); this.mark_feed_as_read(feed_id); } else { this.flags['open_unread_stories_in_tabs'] = true; var $feed = this.find_feed_in_feed_list(feed_id); this.open_feed(feed_id, false, $feed); } }, mark_feed_as_selected: function(feed_id, $feed_link) { if ($feed_link === undefined) { $feed_link = $('.feed.selected', this.$feed_list).eq(0); } $('#feed_list .selected').removeClass('selected'); $('#feed_list .after_selected').removeClass('after_selected'); if ($feed_link) { $feed_link.addClass('selected'); $feed_link.parent('.feed').next('.feed').children('a').addClass('after_selected'); } }, open_feed_intelligence_modal: function(score, feed_id, feed_loaded) { feed_id = feed_id || this.active_feed; NEWSBLUR.classifier = new NEWSBLUR.ReaderClassifierFeed(feed_id, { 'score': score, 'feed_loaded': feed_loaded }); }, open_trainer_modal: function(score) { var feed_id = this.active_feed; // NEWSBLUR.classifier = new NEWSBLUR.ReaderClassifierFeed(feed_id, {'score': score}); NEWSBLUR.classifier = new NEWSBLUR.ReaderClassifierTrainer({'score': score}); }, // ========================== // = Story Pane - Feed View = // ========================== make_story_feed_entries: function(stories, first_load, options) { var $feed_view = this.$s.$feed_view; var $stories = this.$s.$feed_stories; var self = this; var unread_view = this.model.preference('unread_view'); var river_same_feed; var feed = this.model.get_feed(this.active_feed); options = options || {}; if (first_load && !options.refresh_load) { $('.NB-feed-story-endbar', $feed_view).remove(); } for (var s in stories) { var story = stories[s]; if (options.river_stories) feed = this.model.get_feed(story.story_feed_id); var read = story.read_status ? ' read ' : ''; var score = this.compute_story_score(story); var score_color = 'neutral'; var river_stories = options['river_stories'] ? ' NB-river-story ' : ''; if (score > 0) score_color = 'positive'; if (score < 0) score_color = 'negative'; river_same_feed = null; if (this.cache.last_feed_view_story_feed_id == story.story_feed_id) { // river_same_feed = 'NB-feed-story-river-same-feed'; } var $story = $.make('li', { className: 'NB-feed-story ' + read + river_stories + ' NB-story-' + score_color }, [ $.make('div', { className: 'NB-feed-story-header' }, [ $.make('div', { className: 'NB-feed-story-header-feed ' + river_same_feed }, [ (options.river_stories && feed && // !river_same_feed $.make('div', { className: 'NB-feed-story-feed' }, [ $.make('img', { className: 'feed_favicon', src: this.get_favicon(feed.favicon) }), $.make('span', { className: 'feed_title' }, feed.feed_title) ]) ) ]).css('background-image', this.generate_gradient(feed, 'webkit')) .css('background-image', this.generate_gradient(feed, 'moz')) .toggleClass('NB-inverse', this.is_feed_floater_gradient_light(feed)), $.make('div', { className: 'NB-feed-story-header-info' }, [ (story.story_authors && $.make('div', { className: 'NB-feed-story-author' }, story.story_authors)), $.make('div', { className: 'NB-feed-story-title-container' }, [ $.make('div', { className: 'NB-feed-story-sentiment' }), $.make('div', { className: 'NB-feed-story-manage-icon' }), // $.make('div', { className: 'NB-feed-story-sentiment NB-feed-story-sentiment-animate' }), $.make('a', { className: 'NB-feed-story-title', href: story.story_permalink }, story.story_title) ]), (story.long_parsed_date && $.make('span', { className: 'NB-feed-story-date' }, story.long_parsed_date)), (story.starred_date && $.make('span', { className: 'NB-feed-story-starred-date' }, story.starred_date)) ]) ]), $.make('div', { className: 'NB-feed-story-content' }, story.story_content) ]).data('story', story.id).data('story_id', story.id).data('feed_id', story.story_feed_id); if (NEWSBLUR.Preferences.new_window == 1) { $('a', $story).attr('target', '_blank'); } if (options.refresh_load) { $stories.prepend($story); } else { $stories.append($story); } this.cache.last_feed_view_story_feed_id = story.story_feed_id; this.cache.feed_view_stories[story.id] = $story; var image_count = $('img', $story).length; if (!image_count) { this.flags.feed_view_images_loaded[story.id] = true; } else { // Progressively load the images in each story, so that when one story // loads, the position is calculated and the next story can calculate // its position (atfer its own images are loaded). this.flags.feed_view_images_loaded[story.id] = false; (function($story, story, image_count) { $('img', $story).load(function() { // NEWSBLUR.log(['Loaded image', $story, story, image_count]); if (image_count == 1) { self.flags.feed_view_images_loaded[story.id] = true; } else { image_count--; } return true; }); })($story, story, image_count); } } if (!stories || !stories.length) { this.fetch_story_locations_in_feed_view(); } this.append_story_endbar(); this.show_stories_preference_in_feed_view(true); }, show_correct_feed_in_feed_title_floater: function(story) { var $story, $header; if (story && this.cache.feed_title_floater_feed_id != story.story_feed_id) { var $feed_floater = this.$s.$feed_floater; $story = this.find_story_in_feed_view(story); $header = $('.NB-feed-story-header-feed', $story); var $new_header = $header.clone(); if (!$new_header.find('.NB-feed-story-feed').length) { var feed = this.model.get_feed(story.story_feed_id); feed && $new_header.append($.make('div', { className: 'NB-feed-story-feed' }, [ $.make('img', { className: 'feed_favicon', src: this.get_favicon(feed.favicon) }), $.make('span', { className: 'feed_title' }, feed.feed_title) ])); } $feed_floater.empty().append($new_header); this.cache.feed_title_floater_feed_id = story.story_feed_id; $feed_floater.width($header.outerWidth()); } else if (!story) { this.$s.$feed_floater.empty(); this.cache.feed_title_floater_feed_id = null; } if (story && this.cache.feed_title_floater_story_id != story.id) { $story = $story || this.find_story_in_feed_view(story); $header = $header || $('.NB-feed-story-header-feed', $story); $('.NB-floater').removeClass('NB-floater'); $header.addClass('NB-floater'); this.cache.feed_title_floater_story_id = story.id; } else if (!story) { this.cache.feed_title_floater_story_id = null; } }, apply_story_styling: function(reset_stories) { var $body = this.$s.$body; $body.removeClass('NB-theme-sans-serif'); $body.removeClass('NB-theme-serif'); if (NEWSBLUR.Preferences['story_styling'] == 'sans-serif') { $body.addClass('NB-theme-sans-serif'); } else if (NEWSBLUR.Preferences['story_styling'] == 'serif') { $body.addClass('NB-theme-serif'); } if (reset_stories) { this.show_story_titles_above_intelligence_level({'animate': true, 'follow': true}); } }, prefetch_story_locations_in_feed_view: function() { var self = this; var stories = this.model.stories; // NEWSBLUR.log(['Prefetching', this.flags['feed_view_positions_calculated'], this.flags.feed_view_images_loaded, (_.keys(this.flags.feed_view_images_loaded).length > 0 || this.cache.feed_view_story_positions_keys.length > 0)]); if (!this.flags['feed_view_positions_calculated']) { $.extend(this.cache, { 'feed_view_story_positions': {}, 'feed_view_story_positions_keys': [] }); for (var s in stories) { var story = stories[s]; var $story = self.cache.feed_view_stories[story.id]; this.determine_feed_view_story_position($story, story); // NEWSBLUR.log(['Pre-fetching', $story, story.story_title, this.flags.feed_view_images_loaded[story.id]]); if (!$story || !$story.length || this.flags['feed_view_positions_calculated']) break; } } if (_.all(this.flags.feed_view_images_loaded) && (_.keys(this.flags.feed_view_images_loaded).length > 0 || this.cache.feed_view_story_positions_keys.length > 0)) { this.fetch_story_locations_in_feed_view(); } else { // NEWSBLUR.log(['Still loading feed view...', _.keys(this.flags.feed_view_images_loaded).length, this.cache.feed_view_story_positions_keys.length, this.flags.feed_view_images_loaded]); } if (!this.flags['feed_view_positions_calculated']) { setTimeout(function() { if (!self.flags['feed_view_positions_calculated']) { self.prefetch_story_locations_in_feed_view(); } }, 2000); } }, fetch_story_locations_in_feed_view: function() { var stories = this.model.stories; if (!stories || !stories.length) return; for (var s in stories) { var story = stories[s]; var $story = this.cache.feed_view_stories[story.id]; this.determine_feed_view_story_position($story, story); } this.flags['feed_view_positions_calculated'] = true; NEWSBLUR.log(['Feed view entirely loaded', this.model.stories.length + " stories"]); }, determine_feed_view_story_position: function($story, story) { if ($story && $story.is(':visible')) { var position_original = parseInt($story.offset().top, 10); var position_offset = parseInt($story.offsetParent().scrollTop(), 10); var position = position_original + position_offset; this.cache.feed_view_story_positions[position] = story; this.cache.feed_view_story_positions_keys.push(position); this.cache.feed_view_story_positions_keys.sort(function(a, b) { return a-b; }); // NEWSBLUR.log(['Positioning story', position, $story, story, this.cache.feed_view_story_positions_keys]); } }, append_story_endbar: function() { var $feed_view = this.$s.$feed_view; var $stories = this.$s.$feed_stories; var $endbar = $.make('div', { className: 'NB-feed-story-endbar' }); $stories.find('.NB-feed-story-endbar').remove(); $stories.append($endbar); }, // =================== // = Taskbar - Story = // =================== switch_taskbar_view: function(view, skip_save_type) { // NEWSBLUR.log(['switch_taskbar_view', view]); var self = this; var $story_pane = this.$s.$story_pane; var feed = this.model.get_feed(this.active_feed); if (view == 'page' && feed && feed.has_exception && feed.exception_type == 'page') { this.open_feed_exception_modal(this.active_feed); return; } if ($('.task_button_view.task_view_'+view).hasClass('NB-disabled')) { return; } // NEWSBLUR.log(['$button', $button, this.flags['page_view_showing_feed_view'], $button.hasClass('NB-active'), skip_save_type]); var $taskbar_buttons = $('.NB-taskbar .task_button_view'); var $feed_view = this.$s.$feed_view; var $feed_iframe = this.$s.$feed_iframe; var $page_to_feed_arrow = $('.NB-taskbar .NB-task-view-page-to-feed-arrow'); var $feed_to_story_arrow = $('.NB-taskbar .NB-task-view-feed-to-story-arrow'); if (!skip_save_type && this.story_view != view) { this.model.view_setting(this.active_feed, view); } $page_to_feed_arrow.hide(); $feed_to_story_arrow.hide(); this.flags['page_view_showing_feed_view'] = false; this.flags['page_view_showing_feed_view'] = false; if (skip_save_type == 'page') { $page_to_feed_arrow.show(); this.flags['page_view_showing_feed_view'] = true; } else if (skip_save_type == 'story') { $feed_to_story_arrow.show(); this.flags['feed_view_showing_story_view'] = true; } else { $taskbar_buttons.removeClass('NB-active'); $('.task_button_view.task_view_'+view).addClass('NB-active'); this.story_view = view; } // this.flags.scrolling_by_selecting_story_title = true; // clearInterval(this.locks.scrolling); // this.locks.scrolling = setTimeout(function() { // self.flags.scrolling_by_selecting_story_title = false; // }, 1000); if (view == 'page') { if (this.flags['iframe_prevented_from_loading']) { this.load_feed_iframe(this.active_feed); } var $iframe_story = this.find_story_in_feed_iframe(this.active_story); this.scroll_to_story_in_iframe(this.active_story, $iframe_story, true); $story_pane.animate({ 'left': 0 }, { 'easing': 'easeInOutQuint', 'duration': 550, 'queue': false }); } else if (view == 'feed') { if (this.active_story) { var $feed_story = this.find_story_in_feed_view(this.active_story); this.scroll_to_story_in_story_feed(this.active_story, $feed_story, true); } $story_pane.animate({ 'left': -1 * $feed_iframe.width() }, { 'easing': 'easeInOutQuint', 'duration': 550, 'queue': false }); this.flags['switching_to_feed_view'] = true; setTimeout(function() { self.flags['switching_to_feed_view'] = false; }, 100); this.show_stories_preference_in_feed_view(); if (!this.flags['feed_view_positions_calculated']) { this.prefetch_story_locations_in_feed_view(); } } else if (view == 'story') { $story_pane.animate({ 'left': -2 * $feed_iframe.width() }, { 'easing': 'easeInOutQuint', 'duration': 550, 'queue': false }); this.load_story_iframe(); } }, switch_taskbar_view_direction: function(direction) { var $active = $('.taskbar_nav_view .NB-active'); var view; if (direction == -1) { if ($active.hasClass('task_view_page')) { // view = 'page'; } else if ($active.hasClass('task_view_feed')) { view = 'page'; } else if ($active.hasClass('task_view_story')) { view = 'feed'; } } else if (direction == 1) { if ($active.hasClass('task_view_page')) { view = 'feed'; } else if ($active.hasClass('task_view_feed')) { view = 'story'; } else if ($active.hasClass('task_view_story')) { // view = 'story'; } } if (view) { this.switch_taskbar_view(view); } }, show_stories_preference_in_feed_view: function(is_creating) { var $feed_view = this.$s.$feed_view; var $feed_view_stories = $(".NB-feed-story", $feed_view); var $stories = this.$s.$feed_stories; var story = this.active_story; if (story && this.model.preference('feed_view_single_story')) { // NEWSBLUR.log(['show_stories_preference_in_feed_view', is_creating, this.model.preference('feed_view_single_story'), $feed_view_stories.length + " stories"]); $stories.removeClass('NB-feed-view-feed').addClass('NB-feed-view-story'); $feed_view_stories.css({'display': 'none'}); this.$s.$feed_stories.scrollTop('0px'); var $current_story = this.get_current_story_from_story_titles($feed_view_stories); if ($current_story && $current_story.length) { $current_story.css({'display': 'block'}); } this.flags['feed_view_positions_calculated'] = false; } else { $stories.removeClass('NB-feed-view-story').addClass('NB-feed-view-feed'); if (!is_creating) { this.show_story_titles_above_intelligence_level({'animate': false}); } } }, // ============== // = Story View = // ============== open_story_in_story_view: function(story, is_temporary) { if (!story) story = this.active_story; this.switch_taskbar_view('story', is_temporary ? 'story' : false); this.load_story_iframe(story, story.story_feed_id); }, load_story_iframe: function(story, feed_id) { story = story || this.active_story; if (!story) return; feed_id = feed_id || this.active_feed; var self = this; var $story_iframe = this.$s.$story_iframe; if ($story_iframe.attr('src') != story.story_permalink) { // NEWSBLUR.log(['load_story_iframe', story.story_permalink, $story_iframe.attr('src')]); this.unload_story_iframe(); if (!feed_id) { feed_id = $story_iframe.data('feed_id'); } else { $story_iframe.data('feed_id', feed_id); } this.flags.iframe_scroll_snap_back_prepared = true; this.iframe_link_attacher_num_links = 0; $story_iframe.removeAttr('src').attr({src: story.story_permalink}); } }, unload_story_iframe: function() { var $story_iframe = this.$s.$story_iframe; $story_iframe.removeAttr('src').attr({src: 'about:blank'}); }, // =================== // = Taskbar - Feeds = // =================== open_add_feed_modal: function() { clearInterval(this.flags['bouncing_callout']); $.modal.close(); NEWSBLUR.add_feed = new NEWSBLUR.ReaderAddFeed(); }, open_manage_feed_modal: function(feed_id) { feed_id = feed_id || this.active_feed; NEWSBLUR.manage_feed = new NEWSBLUR.ReaderManageFeed(feed_id); }, open_mark_read_modal: function() { NEWSBLUR.mark_read = new NEWSBLUR.ReaderMarkRead(); }, open_keyboard_shortcuts_modal: function() { NEWSBLUR.keyboard = new NEWSBLUR.ReaderKeyboard(); }, open_goodies_modal: function() { NEWSBLUR.goodies = new NEWSBLUR.ReaderGoodies(); }, open_preferences_modal: function() { NEWSBLUR.preferences = new NEWSBLUR.ReaderPreferences(); }, open_feedchooser_modal: function() { NEWSBLUR.feedchooser = new NEWSBLUR.ReaderFeedchooser(); }, open_feed_exception_modal: function(feed_id) { NEWSBLUR.feed_exception = new NEWSBLUR.ReaderFeedException(feed_id); }, open_feed_statistics_modal: function(feed_id) { feed_id = feed_id || this.active_feed; NEWSBLUR.statistics = new NEWSBLUR.ReaderStatistics(feed_id); }, // ======================= // = Sidebar Manage Menu = // ======================= make_manage_menu: function(type, feed_id, story_id, inverse, $item) { var $manage_menu; if (type == 'site') { var show_chooser = !NEWSBLUR.Globals.is_premium && NEWSBLUR.Globals.is_authenticated; $manage_menu = $.make('ul', { className: 'NB-menu-manage' }, [ $.make('li', { className: 'NB-menu-manage-site-info' }, [ $.make('div', { className: 'NB-menu-manage-image' }), $.make('span', { className: 'NB-menu-manage-title' }, "Manage NewsBlur") ]).corner('tl tr 8px'), $.make('li', { className: 'NB-menu-separator' }), $.make('li', { className: 'NB-menu-manage-keyboard' }, [ $.make('div', { className: 'NB-menu-manage-image' }), $.make('div', { className: 'NB-menu-manage-title' }, 'Keyboard shortcuts') ]), $.make('li', { className: 'NB-menu-separator' }), $.make('li', { className: 'NB-menu-manage-mark-read NB-menu-manage-site-mark-read' }, [ $.make('div', { className: 'NB-menu-manage-image' }), $.make('div', { className: 'NB-menu-manage-title' }, 'Mark everything as read'), $.make('div', { className: 'NB-menu-manage-subtitle' }, 'Choose how many days back.') ]), $.make('li', { className: 'NB-menu-manage-trainer' }, [ $.make('div', { className: 'NB-menu-manage-image' }), $.make('div', { className: 'NB-menu-manage-title' }, 'Intelligence Trainer'), $.make('div', { className: 'NB-menu-manage-subtitle' }, 'Accurate filters are happy filters.') ]), $.make('li', { className: 'NB-menu-manage-goodies' }, [ $.make('div', { className: 'NB-menu-manage-image' }), $.make('div', { className: 'NB-menu-manage-title' }, 'Goodies'), $.make('div', { className: 'NB-menu-manage-subtitle' }, 'Extensions and extras.') ]), $.make('li', { className: 'NB-menu-manage-preferences' }, [ $.make('div', { className: 'NB-menu-manage-image' }), $.make('div', { className: 'NB-menu-manage-title' }, 'Preferences'), $.make('div', { className: 'NB-menu-manage-subtitle' }, 'Defaults and options.') ]), (show_chooser && $.make('li', { className: 'NB-menu-manage-feedchooser' }, [ $.make('div', { className: 'NB-menu-manage-image' }), $.make('div', { className: 'NB-menu-manage-title' }, 'Choose Your 64'), $.make('div', { className: 'NB-menu-manage-subtitle' }, 'Enable the sites you want.') ])) ]); $manage_menu.addClass('NB-menu-manage-notop'); } else if (type == 'feed') { var feed = this.model.get_feed(feed_id); if (!feed) return; var unread_count = this.get_unread_count(true, feed_id); var tab_unread_count = Math.min(25, unread_count); $manage_menu = $.make('ul', { className: 'NB-menu-manage' }, [ $.make('li', { className: 'NB-menu-separator-inverse' }), (feed.has_exception && $.make('li', { className: 'NB-menu-manage-feed NB-menu-manage-feed-exception' }, [ $.make('div', { className: 'NB-menu-manage-image' }), $.make('div', { className: 'NB-menu-manage-title' }, 'Fix this misbehaving site') ])), (feed.has_exception && $.make('li', { className: 'NB-menu-separator-inverse' })), (feed.exception_type != 'feed' && $.make('li', { className: 'NB-menu-manage-feed NB-menu-manage-mark-read NB-menu-manage-feed-mark-read' }, [ $.make('div', { className: 'NB-menu-manage-image' }), $.make('div', { className: 'NB-menu-manage-title' }, 'Mark as read') ])), $.make('li', { className: 'NB-menu-manage-feed NB-menu-manage-feed-reload' }, [ $.make('div', { className: 'NB-menu-manage-image' }), $.make('div', { className: 'NB-menu-manage-title' }, 'Insta-fetch stories') ]), $.make('li', { className: 'NB-menu-manage-feed NB-menu-manage-feed-stats' }, [ $.make('div', { className: 'NB-menu-manage-image' }), $.make('div', { className: 'NB-menu-manage-title' }, 'Statistics') ]), $.make('li', { className: 'NB-menu-separator' }), $.make('li', { className: 'NB-menu-manage-feed NB-menu-manage-feed-train' }, [ $.make('div', { className: 'NB-menu-manage-image' }), $.make('div', { className: 'NB-menu-manage-title' }, 'Intelligence trainer'), $.make('div', { className: 'NB-menu-manage-subtitle' }, 'What you like and dislike.') ]), (tab_unread_count && $.make('li', { className: 'NB-menu-separator' })), (tab_unread_count && $.make('li', { className: 'NB-menu-manage-feed NB-menu-manage-feed-unreadtabs' }, [ $.make('div', { className: 'NB-menu-manage-image' }), $.make('div', { className: 'NB-menu-manage-title' }, 'Open unreads in '+tab_unread_count+Inflector.pluralize(' tab', tab_unread_count)) ]).bind('click', _.bind(function(e) { this.open_unread_stories_in_tabs(feed_id); }, this))), $.make('li', { className: 'NB-menu-separator' }), $.make('li', { className: 'NB-menu-manage-feed NB-menu-manage-rename NB-menu-manage-feed-rename' }, [ $.make('div', { className: 'NB-menu-manage-image' }), $.make('div', { className: 'NB-menu-manage-title' }, 'Rename this site') ]), $.make('li', { className: 'NB-menu-manage-feed NB-menu-manage-rename-confirm NB-menu-manage-feed-rename-confirm NB-modal-submit' }, [ $.make('div', { className: 'NB-menu-manage-rename-save NB-menu-manage-feed-rename-save NB-modal-submit-green NB-modal-submit-button' }, 'Save'), $.make('div', { className: 'NB-menu-manage-image' }), $.make('input', { name: 'new_title', className: 'NB-menu-manage-title', value: feed.feed_title }) ]), $.make('li', { className: 'NB-menu-manage-feed NB-menu-manage-delete NB-menu-manage-feed-delete' }, [ $.make('div', { className: 'NB-menu-manage-image' }), $.make('div', { className: 'NB-menu-manage-title' }, 'Delete this site') ]), $.make('li', { className: 'NB-menu-manage-feed NB-menu-manage-delete-confirm NB-menu-manage-feed-delete-confirm' }, [ $.make('div', { className: 'NB-menu-manage-image' }), $.make('div', { className: 'NB-menu-manage-title' }, 'Really delete?') ]) ]); $manage_menu.data('feed_id', feed_id); $manage_menu.data('$feed', $item); if (feed_id && unread_count == 0) { $('.NB-menu-manage-feed-mark-read', $manage_menu).addClass('NB-disabled'); $('.NB-menu-manage-feed-unreadtabs', $manage_menu).addClass('NB-disabled'); } } else if (type == 'folder') { $manage_menu = $.make('ul', { className: 'NB-menu-manage' }, [ $.make('li', { className: 'NB-menu-separator-inverse' }), $.make('li', { className: 'NB-menu-manage-feed NB-menu-manage-mark-read NB-menu-manage-folder-mark-read' }, [ $.make('div', { className: 'NB-menu-manage-image' }), $.make('div', { className: 'NB-menu-manage-title' }, 'Mark folder as read') ]), $.make('li', { className: 'NB-menu-separator' }), $.make('li', { className: 'NB-menu-manage-feed NB-menu-manage-rename NB-menu-manage-folder-rename' }, [ $.make('div', { className: 'NB-menu-manage-image' }), $.make('div', { className: 'NB-menu-manage-title' }, 'Rename this folder') ]), $.make('li', { className: 'NB-menu-manage-feed NB-menu-manage-rename-confirm NB-menu-manage-folder-rename-confirm NB-modal-submit' }, [ $.make('div', { className: 'NB-menu-manage-rename-save NB-menu-manage-folder-rename-save NB-modal-submit-green NB-modal-submit-button' }, 'Save'), $.make('div', { className: 'NB-menu-manage-image' }), $.make('input', { name: 'new_title', className: 'NB-menu-manage-title', value: feed_id }) ]), $.make('li', { className: 'NB-menu-manage-feed NB-menu-manage-delete NB-menu-manage-folder-delete' }, [ $.make('div', { className: 'NB-menu-manage-image' }), $.make('div', { className: 'NB-menu-manage-title' }, 'Delete this folder') ]), $.make('li', { className: 'NB-menu-manage-feed NB-menu-manage-delete-confirm NB-menu-manage-folder-delete-confirm' }, [ $.make('div', { className: 'NB-menu-manage-image' }), $.make('div', { className: 'NB-menu-manage-title' }, 'Really delete?') ]) ]); $manage_menu.data('folder_name', feed_id); $manage_menu.data('$folder', $item); } else if (type == 'story') { var feed = this.model.get_feed(feed_id); var story = this.model.get_story(story_id); var starred_class = story.starred ? 'NB-story-starred' : ''; var starred_title = story.starred ? 'Remove bookmark' : 'Save This Story'; $manage_menu = $.make('ul', { className: 'NB-menu-manage NB-menu-manage-story ' + starred_class }, [ $.make('li', { className: 'NB-menu-separator' }), $.make('li', { className: 'NB-menu-manage-story-star' }, [ $.make('div', { className: 'NB-menu-manage-image' }), $.make('div', { className: 'NB-menu-manage-title' }, starred_title) ]), $.make('li', { className: 'NB-menu-manage-story-thirdparty' }, [ $.make('div', { className: 'NB-menu-manage-thirdparty-icon NB-menu-manage-thirdparty-facebook'}).bind('mouseenter', _.bind(function(e) { $(e.target).siblings('.NB-menu-manage-title').text('Send to Facebook').parent().addClass('NB-menu-manage-highlight-facebook'); }, this)).bind('mouseleave', _.bind(function(e) { $(e.target).siblings('.NB-menu-manage-title').text('Send to Instapaper').parent().removeClass('NB-menu-manage-highlight-facebook'); }, this)), $.make('div', { className: 'NB-menu-manage-thirdparty-icon NB-menu-manage-thirdparty-twitter'}).bind('mouseenter', _.bind(function(e) { $(e.target).siblings('.NB-menu-manage-title').text('Send to Twitter').parent().addClass('NB-menu-manage-highlight-twitter'); }, this)).bind('mouseleave', _.bind(function(e) { $(e.target).siblings('.NB-menu-manage-title').text('Send to Instapaper').parent().removeClass('NB-menu-manage-highlight-twitter'); }, this)), $.make('div', { className: 'NB-menu-manage-image' }), $.make('div', { className: 'NB-menu-manage-title' }, 'Send to Instapaper') ]).bind('click', _.bind(function(e) { e.preventDefault(); e.stopPropagation(); var $target = $(e.target); if ($target.hasClass('NB-menu-manage-thirdparty-facebook')) { this.send_story_to_facebook(story.id); } else if ($target.hasClass('NB-menu-manage-thirdparty-twitter')) { this.send_story_to_twitter(story.id); } else { this.send_story_to_instapaper(story.id); } }, this)), $.make('li', { className: 'NB-menu-separator' }), $.make('li', { className: 'NB-menu-manage-story-train' }, [ $.make('div', { className: 'NB-menu-manage-image' }), $.make('div', { className: 'NB-menu-manage-title' }, 'Intelligence trainer'), $.make('div', { className: 'NB-menu-manage-subtitle' }, 'What you like and dislike.') ]) // (story.read_status && $.make('li', { className: 'NB-menu-separator' })), // (story.read_status && $.make('li', { className: 'NB-menu-manage-story-unread' }, [ // $.make('div', { className: 'NB-menu-manage-image' }), // $.make('div', { className: 'NB-menu-manage-title' }, 'Mark as unread') // ])) ]); $manage_menu.data('feed_id', feed_id); $manage_menu.data('story_id', story_id); $manage_menu.data('$story', $item); } if (inverse) $manage_menu.addClass('NB-inverse'); return $manage_menu; }, show_manage_menu: function(type, $item) { var self = this; var $manage_menu_container = $('.NB-menu-manage-container'); // NEWSBLUR.log(['show_manage_menu', type, $item, $manage_menu_container.data('item'), $item && $item[0] == $manage_menu_container.data('item')]); clearTimeout(this.flags.closed_manage_menu); // If another menu is open, hide it first. // If this menu is already open, then hide it instead. if (($item && $item[0] == $manage_menu_container.data('item')) && parseInt($manage_menu_container.css('opacity'), 10) == 1) { this.hide_manage_menu(type); return; } else { this.hide_manage_menu(type); } if ($item.hasClass('NB-empty')) return; // Create menu, size and position it, then attach to the right place. var feed_id, inverse, story_id; if (type == 'folder') { feed_id = $('.folder_title_text', $item).eq(0).text(); inverse = $('.folder_title', $item).hasClass("NB-hover-inverse"); } else if (type == 'feed') { feed_id = $item && $item.data('feed_id'); inverse = $item.hasClass("NB-hover-inverse"); } else if (type == 'story') { story_id = $item.data('story_id') || $item.closest('.NB-feed-story').data('story_id'); if ($item.hasClass('story')) inverse = true; } else if (type == 'site') { } var toplevel = $item.hasClass("NB-toplevel") || $item.children('.folder_title').hasClass("NB-toplevel"); var $manage_menu = this.make_manage_menu(type, feed_id, story_id, inverse, $item); $manage_menu_container.empty().append($manage_menu); $manage_menu_container.data('item', $item && $item[0]); $('.NB-task-manage').parents('.NB-taskbar').css('z-index', 2); if (type == 'site') { $manage_menu_container.align($('.NB-task-manage'), '-bottom -left', { 'top': -32, 'left': -2 }); $('.NB-task-manage').addClass('NB-hover'); $manage_menu_container.corner('tl tr 8px'); } else if (type == 'feed' || type == 'folder' || type == 'story') { var left, top; // NEWSBLUR.log(['menu open', $item, inverse, toplevel, type]); if (inverse) { if (type == 'feed') { left = toplevel ? 0 : -20; top = toplevel ? 21 : 21; } else if (type == 'folder') { left = toplevel ? 0 : -20; top = toplevel ? 24 : 24; } else if (type == 'story') { left = 4; top = 21; } var $align; if (type == 'feed' || type == 'story') $align = $item; else $align = $('.folder_title', $item); $manage_menu_container.align($align, '-bottom -left', { 'top': -1 * top, 'left': left }); $manage_menu_container.corner('br 8px'); $('li', $manage_menu_container).each(function() { $(this).prependTo($(this).parent()); }); } else { if (type == 'feed') { left = toplevel ? 2 : -20; top = toplevel ? 21 : 21; } else if (type == 'folder') { left = toplevel ? 2 : -20; top = toplevel ? 22 : 21; } else if (type == 'story') { left = 4; top = 18; } $manage_menu_container.align($item, '-top -left', { 'top': top, 'left': left }); $manage_menu_container.corner('tr 8px'); } } $manage_menu_container.stop().css({'display': 'block', 'opacity': 1}); // Create and position the arrow tab if (type == 'feed' || type == 'folder' || type == 'story') { var $arrow = $.make('div', { className: 'NB-menu-manage-arrow' }); if (inverse) { $arrow.corner('bl br 5px'); $manage_menu_container.append($arrow); $arrow.addClass('NB-inverse'); } else { $arrow.corner('tl tr 5px'); $manage_menu_container.prepend($arrow); } } // Hide menu on click outside menu. _.defer(function() { $(document).bind('click.menu', function(e) { if (e.button == 2) return; // Ignore right-clicks self.hide_manage_menu(type, $item, false); }); }); // Hide menu on mouseout (on a delay). $manage_menu_container.hover(function() { clearTimeout(self.flags.closed_manage_menu); }, function() { clearTimeout(self.flags.closed_manage_menu); self.flags.closed_manage_menu = setTimeout(function() { if (self.flags.closed_manage_menu) { self.hide_manage_menu(type, $item, true); } }, 1000); }); // Hide menu on scroll. var $scroll; this.flags['feed_list_showing_manage_menu'] = true; if (type == 'feed') { $scroll = this.$s.$feed_list.parent(); } else if (type == 'story') { $scroll = this.$s.$story_titles.add(this.$s.$feed_view); } $scroll && $scroll.unbind('scroll.manage_menu').bind('scroll.manage_menu', function(e) { if (self.flags['feed_list_showing_manage_menu']) { self.hide_manage_menu(type, $item, true); } else { $scroll.unbind('scroll.manage_menu'); } }); }, hide_manage_menu: function(type, $item, animate) { var $manage_menu_container = $('.NB-menu-manage-container'); var height = $manage_menu_container.outerHeight(); if (this.flags['showing_rename_input_on_manage_menu'] && animate) return; // NEWSBLUR.log(['hide_manage_menu', type, $item, animate, $manage_menu_container.css('opacity')]); clearTimeout(this.flags.closed_manage_menu); this.flags['feed_list_showing_manage_menu'] = false; $(document).unbind('click.menu'); $manage_menu_container.uncorner(); if (animate) { $manage_menu_container.stop().animate({ 'opacity': 0 }, { 'duration': 250, 'queue': false, 'complete': function() { $manage_menu_container.css({'display': 'none', 'opacity': 0}); } }); } else { $manage_menu_container.css({'display': 'none', 'opacity': 0}); } $('.NB-task-manage').removeClass('NB-hover'); }, // ======================== // = Manage menu - Delete = // ======================== show_confirm_delete_menu_item: function() { var $delete = $('.NB-menu-manage-feed-delete,.NB-menu-manage-folder-delete'); var $confirm = $('.NB-menu-manage-feed-delete-confirm,.NB-menu-manage-folder-delete-confirm'); $delete.addClass('NB-menu-manage-feed-delete-cancel'); $('.NB-menu-manage-title', $delete).text('Cancel delete'); $confirm.slideDown(500); }, hide_confirm_delete_menu_item: function() { var $delete = $('.NB-menu-manage-feed-delete,.NB-menu-manage-folder-delete'); var $confirm = $('.NB-menu-manage-feed-delete-confirm,.NB-menu-manage-folder-delete-confirm'); $delete.removeClass('NB-menu-manage-feed-delete-cancel'); var text = $delete.hasClass('NB-menu-manage-folder-delete') ? 'Delete this folder' : 'Delete this site'; $('.NB-menu-manage-title', $delete).text(text); $confirm.slideUp(500); }, manage_menu_delete_feed: function(feed, $feed) { var self = this; var feed_id = feed || this.active_feed; $feed = $feed || this.find_feed_in_feed_list(feed_id); var in_folder = $feed.parents('li.folder').eq(0).find('.folder_title_text').eq(0).text(); var duplicate_feed = this.find_feed_in_feed_list(feed_id).length > 1; this.model.delete_feed(feed_id, in_folder, function() { self.delete_feed(feed_id, $feed); }, duplicate_feed); }, manage_menu_delete_folder: function(folder, $folder) { var self = this; var in_folder = ''; var $parent = $folder.parents('li.folder'); var feeds = this.get_feed_ids_in_folder($folder); if ($parent.length) { in_folder = $parent.eq(0).find('.folder_title_text').eq(0).text(); } this.model.delete_folder(folder, in_folder, feeds, function() { self.delete_folder(folder, $folder); }); }, delete_feed: function(feed_id, $feed) { var self = this; $feed = $feed || this.find_feed_in_feed_list(feed_id); $feed.slideUp(500); if (this.active_feed == $feed.data('feed_id')) { this.reset_feed(); this.show_splash_page(); } this.update_header_counts(); }, delete_folder: function(folder_name, $folder) { var self = this; var feeds = this.get_feed_ids_in_folder($folder); if ($folder.length) { $folder.slideUp(500); } // If the active feed is under this folder, deselect it. var feed_active = false; _.each(feeds, _.bind(function(feed_id) { if (self.active_feed == feed_id) { this.reset_feed(); this.show_splash_page(); return false; } }, this)); this.update_header_counts(); }, // ======================== // = Manage menu - Rename = // ======================== show_confirm_rename_menu_item: function() { var self = this; var $rename = $('.NB-menu-manage-feed-rename,.NB-menu-manage-folder-rename'); var $confirm = $('.NB-menu-manage-feed-rename-confirm,.NB-menu-manage-folder-rename-confirm'); $rename.addClass('NB-menu-manage-feed-rename-cancel'); $('.NB-menu-manage-title', $rename).text('Cancel rename'); var height = $confirm.height(); $confirm.css({'height': 0, 'display': 'block'}).animate({'height': height}, {'duration': 500}); $('input', $confirm).focus().select(); this.flags['showing_rename_input_on_manage_menu'] = true; $('.NB-menu-manage-feed-rename-confirm input.NB-menu-manage-title').bind('keyup', 'return', function(e) { var $t = $(e.target); var feed_id = $t.closest('.NB-menu-manage').data('feed_id'); var $feed = $t.closest('.NB-menu-manage').data('$feed'); self.manage_menu_rename_feed(feed_id, $feed); }); $('.NB-menu-manage-folder-rename-confirm input.NB-menu-manage-title').bind('keyup', 'return', function(e) { var $t = $(e.target); var folder_name = $t.parents('.NB-menu-manage').data('folder_name'); var $folder = $t.parents('.NB-menu-manage').data('$folder'); self.manage_menu_rename_folder(folder_name, $folder); }); }, hide_confirm_rename_menu_item: function(renamed) { var $rename = $('.NB-menu-manage-feed-rename,.NB-menu-manage-folder-rename'); var $confirm = $('.NB-menu-manage-feed-rename-confirm,.NB-menu-manage-folder-rename-confirm'); $rename.removeClass('NB-menu-manage-feed-rename-cancel'); var text = $rename.hasClass('NB-menu-manage-folder-rename') ? 'Rename this folder' : 'Rename this site'; if (renamed) { text = 'Renamed'; $rename.addClass('NB-active'); } else { $rename.removeClass('NB-active'); } $('.NB-menu-manage-title', $rename).text(text); $confirm.slideUp(500); this.flags['showing_rename_input_on_manage_menu'] = false; }, manage_menu_rename_feed: function(feed, $feed) { var self = this; var feed_id = feed || this.active_feed; $feed = $feed || this.find_feed_in_feed_list(feed_id); var new_title = $('.NB-menu-manage-feed-rename-confirm .NB-menu-manage-title').val(); if (new_title.length <= 0) return this.hide_confirm_rename_menu_item(); this.model.rename_feed(feed_id, new_title, function() { }); $('.feed_title', $feed).text(new_title); if (feed_id == this.active_feed) { $('.feed_title', this.$s.$story_titles).text(new_title); } this.hide_confirm_rename_menu_item(true); }, manage_menu_rename_folder: function(folder, $folder) { var self = this; var in_folder = ''; var $parent = $folder.parents('li.folder'); var new_folder_name = $('.NB-menu-manage-folder-rename-confirm .NB-menu-manage-title').val(); if (new_folder_name.length <= 0) return this.hide_confirm_rename_menu_item(); if ($parent.length) { in_folder = $parent.eq(0).find('.folder_title_text').eq(0).text(); } this.model.rename_folder(folder, new_folder_name, in_folder, function() { }); NEWSBLUR.log(['rename', $folder, new_folder_name]); $('.folder_title_text', $folder).text(new_folder_name); this.hide_confirm_rename_menu_item(true); $('.NB-menu-manage-folder-rename').parents('.NB-menu-manage').data('folder_name', new_folder_name); }, // ========================== // = Taskbar - Intelligence = // ========================== load_intelligence_slider: function() { var self = this; var $slider = this.$s.$intelligence_slider; var unread_view = this.model.preference('unread_view'); this.switch_feed_view_unread_view(unread_view); $slider.slider({ range: 'max', min: -1, max: 1, step: 1, value: unread_view, slide: function(e, ui) { self.switch_feed_view_unread_view(ui.value); }, stop: function(e, ui) { if (self.model.preference('unread_view') != ui.value) { self.model.preference('unread_view', ui.value); } self.flags['feed_view_positions_calculated'] = false; self.switch_feed_view_unread_view(ui.value); self.show_feed_hidden_story_title_indicator(); self.show_story_titles_above_intelligence_level({'animate': true, 'follow': true}); } }); }, switch_feed_view_unread_view: function(unread_view) { if (!_.isNumber(unread_view)) unread_view = this.model.preference('unread_view'); var $feed_list = this.$s.$feed_list; var unread_view_name = this.get_unread_view_name(unread_view); var $next_story_button = $('.task_story_next_unread'); var $story_title_indicator = $('.NB-story-title-indicator', this.$story_titles); var $hidereadfeeds_button = $('.NB-feeds-header-sites'); $feed_list.removeClass('unread_view_positive') .removeClass('unread_view_neutral') .removeClass('unread_view_negative') .addClass('unread_view_'+unread_view_name); if (NEWSBLUR.Preferences['hide_read_feeds'] == 1) { $hidereadfeeds_button.attr('title', 'Show all sites'); $feed_list.parent().addClass('NB-feedlist-hide-read-feeds'); } else { $hidereadfeeds_button.attr('title', 'Show only unread stories'); $feed_list.parent().removeClass('NB-feedlist-hide-read-feeds'); } $hidereadfeeds_button.tipsy({ gravity: 'n', delayIn: 375 }); $next_story_button.removeClass('task_story_next_positive') .removeClass('task_story_next_neutral') .removeClass('task_story_next_negative') .addClass('task_story_next_'+unread_view_name); $story_title_indicator.removeClass('unread_threshold_positive') .removeClass('unread_threshold_neutral') .removeClass('unread_threshold_negative') .addClass('unread_threshold_'+unread_view_name); }, get_unread_view_name: function(unread_view) { if (typeof unread_view == 'undefined') { unread_view = this.model.preference('unread_view'); } return (unread_view > 0 ? 'positive' : unread_view < 0 ? 'negative' : 'neutral'); }, get_unread_count: function(visible_only, feed_id) { var total = 0; var $folder; feed_id = feed_id || this.active_feed; if (feed_id == 'starred') { // Umm, no. Not yet. } else if (this.flags['river_view']) { if (feed_id == 'river:') { $folder = this.$s.$feed_list; } else { $folder = $('li.folder.NB-selected'); } var counts = this.list_feeds_with_unreads_in_folder($folder, true, visible_only); return _.reduce(counts, function(m, c) { return m + c; }, 0); } else { var feed = this.model.get_feed(feed_id); if (!visible_only) { total = feed.ng + feed.nt + feed.ps; } else { var unread_view_name = this.get_unread_view_name(); if (unread_view_name == 'positive') { total = feed.ps; } else if (unread_view_name == 'neutral') { total = feed.ps + feed.nt; } else if (unread_view_name == 'negative') { total = feed.ps + feed.nt + feed.ng; } } return total; } }, show_story_titles_above_intelligence_level: function(opts) { var defaults = { 'unread_view_name': null, 'animate': true, 'follow': true, 'temporary': false }; var options = $.extend({}, defaults, opts); var self = this; var $story_titles = this.$s.$story_titles; var unread_view_name = options['unread_view_name'] || this.get_unread_view_name(); var $stories_show, $stories_hide; if (this.flags['unread_threshold_temporarily']) { unread_view_name = this.flags['unread_threshold_temporarily']; } if (unread_view_name == 'positive') { $stories_show = $('.story,.NB-feed-story').filter('.NB-story-positive'); $stories_hide = $('.story,.NB-feed-story') .filter('.NB-story-neutral,.NB-story-negative'); } else if (unread_view_name == 'neutral') { $stories_show = $('.story,.NB-feed-story') .filter('.NB-story-positive,.NB-story-neutral'); $stories_hide = $('.story,.NB-feed-story').filter('.NB-story-negative'); if (options['temporary']) { $stories_show.filter('.NB-story-neutral').addClass('NB-story-hidden-visible'); } else { $stories_show.filter('.NB-story-hidden-visible').removeClass('NB-story-hidden-visible'); } } else if (unread_view_name == 'negative') { $stories_show = $('.story,.NB-feed-story') .filter('.NB-story-positive,.NB-story-neutral,.NB-story-negative'); $stories_hide = $(); if (options['temporary']) { $stories_show.filter('.NB-story-negative,.NB-story-neutral:not(:visible)') .addClass('NB-story-hidden-visible'); } else { $stories_show.filter('.NB-story-hidden-visible').removeClass('NB-story-hidden-visible'); } } if (this.story_view == 'feed' && this.model.preference('feed_view_single_story')) { // No need to show/hide feed view stories under single_story preference. // If the user switches to feed/page, then no animation is happening // and this will work anyway. $stories_show = $stories_show.not('.NB-feed-story'); $stories_hide = $stories_hide.not('.NB-feed-story'); // NEWSBLUR.log(['show_story_titles_above_intelligence_level', $stories_show.length, $stories_hide.length]); } if (!options['animate']) { $stories_hide.css({'display': 'none'}); $stories_show.css({'display': 'block'}); } if (this.story_view == 'feed' && !this.model.preference('feed_view_single_story')) { if ($stories_show.filter(':visible').length != $stories_show.length || $stories_hide.filter(':visible').length != 0) { // NEWSBLUR.log(['Show/Hide stories', $stories_show.filter(':visible').length, $stories_show.length, $stories_hide.filter(':visible').length, $stories_hide.length]); setTimeout(function() { self.flags['feed_view_positions_calculated'] = false; self.prefetch_story_locations_in_feed_view(); }, 500); } } // NEWSBLUR.log(['Showing correct stories', this.story_view, this.flags['feed_view_positions_calculated'], unread_view_name, $stories_show.length, $stories_hide.length]); if (options['animate'] && options['follow']) { $stories_hide.slideUp(500); $stories_show.slideDown(500); setTimeout(function() { if (!self.active_story) return; var $story = self.find_story_in_story_titles(self.active_story.id); // NEWSBLUR.log(['$story', $story]); if ($story && $story.length && $story.is(':visible')) { var story = self.active_story; self.active_story = null; // Set is in open_story(), which allows it to scroll. self.open_story(story, $story); self.scroll_story_titles_to_show_selected_story_title($story); } }, 550); } }, update_opinions: function($modal, feed_id) { var self = this; if (feed_id != this.model.feed_id) return; $('input[type=checkbox]', $modal).each(function() { var $this = $(this); var name = $this.attr('name').replace(/^(dis)?like_/, ''); var score = /^dislike/.test($this.attr('name')) ? -1 : 1; var value = $this.val(); var checked = $this.attr('checked'); if (checked) { if (name == 'tag') { self.model.classifiers.tags[value] = score; } else if (name == 'title') { self.model.classifiers.titles[value] = score; } else if (name == 'author') { self.model.classifiers.authors[value] = score; } else if (name == 'feed') { self.model.classifiers.feeds[feed_id] = score; } } else { if (name == 'tag' && self.model.classifiers.tags[value] == score) { delete self.model.classifiers.tags[value]; } else if (name == 'title' && self.model.classifiers.titles[value] == score) { delete self.model.classifiers.titles[value]; } else if (name == 'author' && self.model.classifiers.authors[value] == score) { delete self.model.classifiers.authors[value]; } else if (name == 'feed' && self.model.classifiers.feeds[feed_id] == score) { delete self.model.classifiers.feeds[feed_id]; } } }); }, // =================== // = Feed Refreshing = // =================== force_instafetch_stories: function(feed_id) { var self = this; feed_id = feed_id || this.active_feed; var $feed = this.find_feed_in_feed_list(feed_id); $feed.addClass('NB-feed-unfetched').removeClass('NB-feed-exception'); this.model.save_exception_retry(feed_id, _.bind(this.force_feed_refresh, this, feed_id, $feed)); }, force_feed_refresh: function(feed_id, $feed) { var self = this; feed_id = feed_id || this.active_feed; $feed = $feed || this.find_feed_in_feed_list(feed_id); this.force_feeds_refresh(function(feeds) { var $new_feed = self.make_feed_title_line(feeds[feed_id], true, 'feed'); $feed.replaceWith($new_feed); self.hover_over_feed_titles($new_feed); if (self.active_feed == feed_id) { self.open_feed(feed_id, true, $new_feed); } }, true); }, setup_feed_refresh: function(new_feeds) { var self = this; var refresh_interval = this.FEED_REFRESH_INTERVAL; if (new_feeds) { refresh_interval = (1000 * 60) * 1/4; } clearInterval(this.flags.feed_refresh); this.flags.feed_refresh = setInterval(function() { if (!self.flags['pause_feed_refreshing']) { self.model.refresh_feeds(_.bind(function(updated_feeds) { self.post_feed_refresh(updated_feeds); }, self), self.flags['has_unfetched_feeds']); } }, this.FEED_REFRESH_INTERVAL); }, force_feeds_refresh: function(callback, update_all) { if (callback) { this.cache.refresh_callback = callback; } else { delete this.cache.refresh_callback; } this.flags['pause_feed_refreshing'] = true; this.model.refresh_feeds(_.bind(function(updated_feeds) { this.post_feed_refresh(updated_feeds, update_all); }, this), this.flags['has_unfetched_feeds']); }, post_feed_refresh: function(updated_feeds, update_all) { var feeds = this.model.feeds; if (this.cache.refresh_callback && $.isFunction(this.cache.refresh_callback)) { this.cache.refresh_callback(feeds); delete this.cache.refresh_callback; } for (var f in updated_feeds) { var feed_id = updated_feeds[f]; var feed = this.model.get_feed(feed_id); if (!feed) continue; var $feed = this.make_feed_title_line(feed, true, 'feed'); var $feed_on_page = this.find_feed_in_feed_list(feed_id); if (feed_id == this.active_feed) { NEWSBLUR.log(['UPDATING INLINE', feed.feed_title, $feed, $feed_on_page]); // var limit = $('.story', this.$s.$story_titles).length; // this.model.refresh_feed(feed_id, $.rescope(this.post_refresh_active_feed, this), limit); // $feed_on_page.replaceWith($feed); // this.mark_feed_as_selected(this.active_feed, $feed); } else { if (!this.flags['has_unfetched_feeds']) { NEWSBLUR.log(['UPDATING', feed.feed_title, $feed, $feed_on_page]); } $feed_on_page.replaceWith($feed); } this.hover_over_feed_titles($feed); } this.check_feed_fetch_progress(); this.update_header_counts(); this.flags['pause_feed_refreshing'] = false; }, post_refresh_active_feed: function(e, data, first_load) { var stories = data.stories; var tags = data.tags; var feed_id = this.active_feed; var new_stories = []; var $first_story = $('.story:first', this.$s.$story_titles); for (var s in stories) { feed_id = stories[s].story_feed_id; break; } if (this.active_feed == feed_id) { for (var s in this.model.stories) { var story = this.model.stories[s]; var $story = this.find_story_in_story_titles(story.id); var $feed_story = this.find_story_in_feed_view(story); if ($story && $story.length) { // Just update intelligence var score = this.compute_story_score(story); $story.removeClass('NB-story-neutral') .removeClass('NB-story-negative') .removeClass('NB-story-positive'); $feed_story.removeClass('NB-story-neutral') .removeClass('NB-story-negative') .removeClass('NB-story-positive'); if (score < 0) { $story.addClass('NB-story-negative'); $feed_story.addClass('NB-story-negative'); } else if (score > 0) { $story.addClass('NB-story-positive'); $feed_story.addClass('NB-story-positive'); } else if (score == 0) { $story.addClass('NB-story-neutral'); $feed_story.addClass('NB-story-neutral'); } } else { // New story! Prepend. new_stories.unshift(story); $new_story = this.make_story_title(story); $new_story.css({'display': 'none'}); $first_story.before($new_story); NEWSBLUR.log(['New story', $new_story, $first_story]); } } if (new_stories.length) { this.make_story_feed_entries(new_stories, false, {'refresh_load': true}); this.flags['feed_view_positions_calculated'] = false; } this.show_story_titles_above_intelligence_level({'animate': true, 'follow': false}); } this.update_header_counts(); }, // =================== // = Mouse Indicator = // =================== hide_mouse_indicator: function() { var self = this; if (!this.flags['mouse_indicator_hidden']) { this.flags['mouse_indicator_hidden'] = true; this.$s.$mouse_indicator.animate({'opacity': 0, 'left': -10}, { 'duration': 200, 'queue': false, 'complete': function() { self.flags['mouse_indicator_hidden'] = true; } }); } }, show_mouse_indicator: function() { var self = this; if (this.flags['mouse_indicator_hidden']) { this.flags['mouse_indicator_hidden'] = false; this.$s.$mouse_indicator.animate({'opacity': 1, 'left': 0}, { 'duration': 200, 'queue': false, 'complete': function() { self.flags['mouse_indicator_hidden'] = false; } }); } }, handle_mouse_indicator_hover: function() { var self = this; var $callout = $('.NB-callout-mouse-indicator'); $('.NB-callout-text', $callout).text('Lock'); $callout.corner('5px'); this.$s.$mouse_indicator.hover(function() { if (parseInt(self.model.preference('lock_mouse_indicator'), 10)) { $('.NB-callout-text', $callout).text('Unlock'); } else { $('.NB-callout-text', $callout).text('Lock'); } self.flags['still_hovering_on_mouse_indicator'] = true; setTimeout(function() { if (self.flags['still_hovering_on_mouse_indicator']) { $callout.css({ 'display': 'block' }).animate({ 'opacity': 1, 'left': '20px' }, {'duration': 200, 'queue': false}); } }, 50); }, function() { self.flags['still_hovering_on_mouse_indicator'] = false; $callout.animate({'opacity': 0, 'left': '-100px'}, {'duration': 200, 'queue': false}); }); }, lock_mouse_indicator: function() { var self = this; var $callout = $('.NB-callout-mouse-indicator'); if (parseInt(self.model.preference('lock_mouse_indicator'), 10)) { self.model.preference('lock_mouse_indicator', 0); $('.NB-callout-text', $callout).text('Unlocked'); } else { self.model.preference('lock_mouse_indicator', this.cache.mouse_position_y); $('.NB-callout-text', $callout).text('Locked'); } setTimeout(function() { self.flags['still_hovering_on_mouse_indicator'] = true; $callout.fadeOut(200); }, 500); }, position_mouse_indicator: function() { var position = parseInt(this.model.preference('lock_mouse_indicator'), 10); if (position == 0) { position = 50; // Start with a 50 offset } else { position = position - 8; // Compensate for mouse indicator height. } this.$s.$mouse_indicator.css('top', position); }, // ========================== // = Login and Signup Forms = // ========================== handle_login_and_signup_forms: function() { var self = this; var $hidden_inputs = $('.NB-signup-hidden'); var $signup_username = $('input[name=signup-signup_username]'); $signup_username.bind('focus', function() { $hidden_inputs.slideDown(300); }).bind('blur', function() { if ($signup_username.val().length < 2) { $hidden_inputs.slideUp(300); } }); }, // ================== // = Features Board = // ================== load_feature_page: function(direction) { var self = this; var $next = $('.NB-module-features .NB-module-next-page'); var $previous = $('.NB-module-features .NB-module-previous-page'); if (direction == -1 && !this.counts['feature_page']) { return; } if (direction == 1 && this.flags['features_last_page']) { return; } this.model.get_features_page(this.counts['feature_page']+direction, function(features) { self.counts['feature_page'] += direction; var $table = $.make('table', { cellSpacing: 0, cellPadding: 0 }); for (var f in features) { if (f == 3) break; var feature = features[f]; var $tr = $.make('tr', { className: 'NB-module-feature' }, [ $.make('td', { className: 'NB-module-feature-date' }, feature.date), $.make('td', { className: 'NB-module-feature-description' }, feature.description) ]); $table.append($tr); } $('.NB-module-features table').replaceWith($table); var features_count = features.length; if (features_count < 4) { $next.addClass('NB-disabled'); self.flags['features_last_page'] = true; } else { $next.removeClass('NB-disabled'); self.flags['features_last_page'] = false; } if (self.counts['feature_page'] > 0) { $previous.removeClass('NB-disabled'); } else { $previous.addClass('NB-disabled'); } }); }, load_howitworks_page: function(page) { var self = this; var $next = $('.NB-module-howitworks .NB-module-next-page'); var $previous = $('.NB-module-howitworks .NB-module-previous-page'); var $pages = $('.NB-howitworks-page'); var $page_indicators = $('.NB-module-howitworks .NB-module-page-indicator'); var pages_count = $pages.length; if (page == -1) { return; } if (page >= pages_count) { return; } $pages.removeClass("NB-active"); $page_indicators.removeClass("NB-active"); $pages.eq(page).addClass("NB-active"); $page_indicators.eq(page).addClass("NB-active"); if (page >= pages_count - 1) { $next.addClass('NB-disabled'); } else { $next.removeClass('NB-disabled'); } if (page <= 0) { $previous.addClass('NB-disabled'); } else { $previous.removeClass('NB-disabled'); } }, // ======== // = FTUX = // ======== setup_ftux_add_feed_callout: function() { var self = this; $('.NB-callout-ftux .NB-callout-text').text('First things first...'); $('.NB-callout-ftux').corner('5px'); $('.NB-callout-ftux').css({ 'opacity': 0, 'display': 'block' }).animate({ 'opacity': 1, 'bottom': 6 }, { 'duration': 750, 'easing': 'easeInOutQuint' }).each(function() { var $this = $(this); self.flags['bouncing_callout'] = setInterval(function() { $this.animate({'bottom': '+=2px'}, {'duration': 200, 'easing': 'easeInOutQuint'}) .animate({'bottom': '+=0px'}, {'duration': 50}) .animate({'bottom': '-=2px'}, {'duration': 200, 'easing': 'easeInOutQuint'}); }, 1000); }); }, setup_ftux_signup_callout: function() { var self = this; if (!self.flags['bouncing_callout']) { $('.NB-callout-ftux-signup .NB-callout-text').text('Signup'); $('.NB-callout-ftux-signup').corner('5px'); $('.NB-callout-ftux-signup').css({ 'opacity': 0, 'display': 'block' }).animate({ 'opacity': 1, 'bottom': 36 }, { 'duration': 750, 'easing': 'easeInOutQuint' }).each(function() { var $this = $(this); self.flags['bouncing_callout'] = setInterval(function() { $this.animate({'bottom': '+=2px'}, {'duration': 200, 'easing': 'easeInOutQuint'}) .animate({'bottom': '+=0px'}, {'duration': 50}) .animate({'bottom': '-=2px'}, {'duration': 200, 'easing': 'easeInOutQuint'}); }, 10000); }); } }, // ============================= // = Import from Google Reader = // ============================= start_import_from_google_reader: function() { var self = this; var $progress = this.$s.$feeds_progress; var $bar = $('.NB-progress-bar', $progress); var percentage = 0; this.flags['import_from_google_reader_working'] = true; $('.NB-progress-title', $progress).text('Importing from Google Reader'); $('.NB-progress-counts', $progress).hide(); $('.NB-progress-percentage', $progress).hide(); $bar.progressbar({ value: percentage }); this.animate_progress_bar($bar, 4); this.model.start_import_from_google_reader($.rescope(this.finish_import_from_google_reader, this)); this.show_progress_bar(); }, finish_import_from_google_reader: function(e, data) { var $progress = this.$s.$feeds_progress; var $bar = $('.NB-progress-bar', $progress); this.flags['import_from_google_reader_working'] = false; clearTimeout(this.locks['animate_progress_bar']); if (data.code >= 1) { $bar.progressbar({value: 100}); this.load_feeds(); } else { NEWSBLUR.log(['Import Error!', data]); this.$s.$feed_link_loader.fadeOut(250); $progress.addClass('NB-progress-error'); $('.NB-progress-title', $progress).text('Error importing Google Reader'); $('.NB-progress-link', $progress).html($.make('a', { href: NEWSBLUR.URLs['google-reader-authorize'], className: 'NB-splash-link' }, 'Try importing again')); } }, start_count_unreads_after_import: function() { var self = this; var $progress = this.$s.$feeds_progress; var $bar = $('.NB-progress-bar', $progress); var percentage = 0; var feeds_count = _.keys(this.model.feeds).length; if (!this.flags['pause_feed_refreshing']) return; this.flags['count_unreads_after_import_working'] = true; $('.NB-progress-title', $progress).text('Counting is difficult'); $('.NB-progress-counts', $progress).hide(); $('.NB-progress-percentage', $progress).hide(); $bar.progressbar({ value: percentage }); setTimeout(function() { if (self.flags['count_unreads_after_import_working']) { this.animate_progress_bar($bar, feeds_count / 10); self.show_progress_bar(); } }, 500); }, finish_count_unreads_after_import: function(e, data) { $('.NB-progress-bar', this.$s.$feeds_progress).progressbar({ value: 100 }); this.flags['count_unreads_after_import_working'] = false; clearTimeout(this.locks['animate_progress_bar']); this.$s.$feed_link_loader.fadeOut(250); this.setup_feed_refresh(); if (!this.flags['has_unfetched_feeds']) { this.hide_progress_bar(); } }, // ========== // = Events = // ========== handle_clicks: function(elem, e) { var self = this; var stopPropagation = false; // var start = (new Date().getMilliseconds()); // NEWSBLUR.log(['click', e, e.button]); // Feeds ========================================================== $.targetIs(e, { tagSelector: '#feed_list .NB-feedlist-manage-icon' }, function($t, $p) { e.preventDefault(); if (!self.flags['sorting_feed']) { stopPropagation = true; if ($t.parent().hasClass('feed')) { self.show_manage_menu('feed', $t.parents('.feed').eq(0)); } else { self.show_manage_menu('folder', $t.parents('.folder').eq(0)); } } }); if (stopPropagation) return; $.targetIs(e, { tagSelector: '#feed_list .feed.NB-feed-exception' }, function($t, $p){ e.preventDefault(); if (!self.flags['sorting_feed']) { var feed_id = $t.data('feed_id'); stopPropagation = true; self.open_feed_exception_modal(feed_id, $t); } }); if (stopPropagation) return; $.targetIs(e, { tagSelector: '#feed_list .feed:not(.NB-empty)' }, function($t, $p){ e.preventDefault(); if (!self.flags['sorting_feed']) { var feed_id = $t.data('feed_id'); if (NEWSBLUR.hotkeys.command) { self.open_unread_stories_in_tabs(feed_id); } else { self.open_feed(feed_id, false, $t); } } }); $.targetIs(e, { tagSelector: '#feed_list .folder_title .NB-feedlist-river-icon' }, function($t, $p){ e.preventDefault(); stopPropagation = true; var $folder = $t.closest('li.folder'); var folder_title = $t.siblings('.folder_title_text').text(); self.open_river_stories($folder, folder_title); }); if (stopPropagation) return; $.targetIs(e, { tagSelector: '#feed_list .folder_title' }, function($folder, $p){ e.preventDefault(); if (!self.flags['sorting_feed']) { self.collapse_folder($folder); } }); $.targetIs(e, { tagSelector: '.NB-feedbar-mark-feed-read' }, function($t, $p){ e.preventDefault(); var feed_id = $t.parents('.feed').data('feed_id'); self.mark_feed_as_read(feed_id, $t); $t.fadeOut(400); }); $.targetIs(e, { tagSelector: '.NB-feedbar-statistics' }, function($t, $p){ self.open_feed_statistics_modal(); }); $.targetIs(e, { tagSelector: '.NB-feedbar-train-feed' }, function($t, $p){ e.preventDefault(); if (!$('.NB-task-manage').hasClass('NB-disabled')) { self.open_feed_intelligence_modal(1, this.active_feed, true); } }); $.targetIs(e, { tagSelector: '.NB-story-title-indicator' }, function($t, $p){ e.preventDefault(); self.show_hidden_story_titles(); }); // = Feed Header ================================================== $.targetIs(e, { tagSelector: '.NB-feeds-header-starred' }, function($t, $p){ e.preventDefault(); self.open_starred_stories(); }); $.targetIs(e, { tagSelector: '.NB-feeds-header-river' }, function($t, $p){ e.preventDefault(); self.open_river_stories(); }); // = Feed Bar ===================================================== $.targetIs(e, { tagSelector: '.NB-feed-like' }, function($t, $p){ e.preventDefault(); self.open_feed_intelligence_modal(1); }); $.targetIs(e, { tagSelector: '.NB-feed-dislike' }, function($t, $p){ e.preventDefault(); self.open_feed_intelligence_modal(-1); }); // = Stories ====================================================== var story_prevent_bubbling = false; $.targetIs(e, { tagSelector: '.NB-story-manage-icon' }, function($t, $p) { e.preventDefault(); story_prevent_bubbling = true; self.show_manage_menu('story', $t.closest('.story')); }); $.targetIs(e, { tagSelector: '.NB-feed-story-manage-icon' }, function($t, $p) { e.preventDefault(); story_prevent_bubbling = true; self.show_manage_menu('story', $t); }); $.targetIs(e, { tagSelector: '.NB-story-like' }, function($t, $p){ e.preventDefault(); var story_id = $t.closest('.story').data('story_id'); var feed_id = $t.closest('.story').data('feed_id'); self.mark_story_as_like(story_id, feed_id); story_prevent_bubbling = true; }); $.targetIs(e, { tagSelector: '.NB-menu-manage-story-star' }, function($t, $p){ e.preventDefault(); var story_id = $t.closest('.NB-menu-manage-story').data('story_id'); var $story = self.find_story_in_story_titles(story_id); if ($story.hasClass('NB-story-starred')) { self.mark_story_as_unstarred(story_id, $story); } else { self.mark_story_as_starred(story_id, $story); } story_prevent_bubbling = true; }); $.targetIs(e, { tagSelector: 'a.button.like' }, function($t, $p){ e.preventDefault(); var story_id = self.$s.$story_pane.data('story_id'); var feed_id = $t.closest('.story').data('feed_id'); self.mark_story_as_like(story_id, feed_id); story_prevent_bubbling = true; }); $.targetIs(e, { tagSelector: 'a.button.dislike' }, function($t, $p){ e.preventDefault(); var story_id = self.$s.$story_pane.data('story_id'); var feed_id = $t.closest('.story').data('feed_id'); self.mark_story_as_dislike(story_id, feed_id); story_prevent_bubbling = true; }); if (story_prevent_bubbling) return false; $.targetIs(e, { tagSelector: '.story' }, function($t, $p){ e.preventDefault(); var story_id = $('.story_id', $t).text(); var story = self.model.get_story(story_id); self.push_current_story_on_history(); if (NEWSBLUR.hotkeys.command) { self.open_story_in_new_tab(story, $t); } else { self.open_story(story, $t); } }); $.targetIs(e, { tagSelector: 'a.mark_story_as_read' }, function($t, $p){ e.preventDefault(); var story_id = $t.attr('href').slice(1).split('/'); self.mark_story_as_read(story_id); }); // = Taskbar ====================================================== $.targetIs(e, { tagSelector: '.NB-task-add' }, function($t, $p){ e.preventDefault(); self.open_add_feed_modal(); }); $.targetIs(e, { tagSelector: '.NB-task-manage' }, function($t, $p){ e.preventDefault(); if (!$t.hasClass('NB-disabled')) { self.show_manage_menu('site', $t); } }); $.targetIs(e, { tagSelector: '.NB-menu-manage-feed-train' }, function($t, $p){ e.preventDefault(); if (!$t.hasClass('NB-disabled')) { var feed_id = $t.parents('.NB-menu-manage').data('feed_id'); self.open_feed_intelligence_modal(1, feed_id, false); } }); $.targetIs(e, { tagSelector: '.NB-menu-manage-story-train' }, function($t, $p){ e.preventDefault(); if (!$t.hasClass('NB-disabled')) { var feed_id = $t.closest('.NB-menu-manage').data('feed_id'); var story_id = $t.closest('.NB-menu-manage').data('story_id'); self.mark_story_as_like(story_id, feed_id); } }); $.targetIs(e, { tagSelector: '.NB-menu-manage-trainer' }, function($t, $p){ e.preventDefault(); if (!$t.hasClass('NB-disabled')) { self.open_trainer_modal(); } }); $.targetIs(e, { tagSelector: '.NB-menu-manage-feed-stats' }, function($t, $p){ e.preventDefault(); if (!$t.hasClass('NB-disabled')) { var feed_id = $t.parents('.NB-menu-manage').data('feed_id'); NEWSBLUR.log(['statistics feed_id', feed_id]); self.open_feed_statistics_modal(feed_id); } }); $.targetIs(e, { tagSelector: '.NB-menu-manage-feed-reload' }, function($t, $p){ e.preventDefault(); if (!$t.hasClass('NB-disabled')) { var feed_id = $t.parents('.NB-menu-manage').data('feed_id'); self.force_instafetch_stories(feed_id); } }); $.targetIs(e, { tagSelector: '.NB-menu-manage-delete' }, function($t, $p){ e.preventDefault(); e.stopPropagation(); if ($t.hasClass('NB-menu-manage-feed-delete-cancel') || $t.hasClass('NB-menu-manage-folder-delete-cancel')) { self.hide_confirm_delete_menu_item(); } else { self.show_confirm_delete_menu_item(); } }); $.targetIs(e, { tagSelector: '.NB-menu-manage-feed-delete-confirm' }, function($t, $p){ e.preventDefault(); var feed_id = $t.parents('.NB-menu-manage').data('feed_id'); var $feed = $t.parents('.NB-menu-manage').data('$feed'); self.manage_menu_delete_feed(feed_id, $feed); }); $.targetIs(e, { tagSelector: '.NB-menu-manage-folder-delete-confirm' }, function($t, $p){ e.preventDefault(); var folder_name = $t.parents('.NB-menu-manage').data('folder_name'); var $folder = $t.parents('.NB-menu-manage').data('$folder'); self.manage_menu_delete_folder(folder_name, $folder); }); $.targetIs(e, { tagSelector: '.NB-menu-manage-rename' }, function($t, $p){ e.preventDefault(); e.stopPropagation(); if ($t.hasClass('NB-menu-manage-feed-rename-cancel') || $t.hasClass('NB-menu-manage-folder-rename-cancel')) { self.hide_confirm_rename_menu_item(); } else { self.show_confirm_rename_menu_item(); } }); $.targetIs(e, { tagSelector: '.NB-menu-manage-folder-rename-save' }, function($t, $p){ e.preventDefault(); e.stopPropagation(); var folder_name = $t.parents('.NB-menu-manage').data('folder_name'); var $folder = $t.parents('.NB-menu-manage').data('$folder'); self.manage_menu_rename_folder(folder_name, $folder); }); $.targetIs(e, { tagSelector: '.NB-menu-manage-feed-rename-save' }, function($t, $p){ e.preventDefault(); e.stopPropagation(); var feed_id = $t.parents('.NB-menu-manage').data('feed_id'); var $feed = $t.parents('.NB-menu-manage').data('$feed'); self.manage_menu_rename_feed(feed_id, $feed); }); $.targetIs(e, { tagSelector: '.NB-menu-manage-feed-rename-confirm' }, function($t, $p){ e.preventDefault(); e.stopPropagation(); }); $.targetIs(e, { tagSelector: '.NB-menu-manage-folder-rename-confirm' }, function($t, $p){ e.preventDefault(); e.stopPropagation(); }); $.targetIs(e, { tagSelector: '.NB-menu-manage-feed-mark-read' }, function($t, $p){ e.preventDefault(); var feed_id = $t.parents('.NB-menu-manage').data('feed_id'); self.mark_feed_as_read(feed_id); }); $.targetIs(e, { tagSelector: '.NB-menu-manage-folder-mark-read' }, function($t, $p){ e.preventDefault(); var folder_name = $t.parents('.NB-menu-manage').data('folder_name'); var $folder = $t.parents('.NB-menu-manage').data('$folder'); self.mark_folder_as_read(folder_name, $folder); }); $.targetIs(e, { tagSelector: '.NB-menu-manage-site-mark-read' }, function($t, $p){ e.preventDefault(); if (!$t.hasClass('NB-disabled')) { self.open_mark_read_modal(); } }); $.targetIs(e, { tagSelector: '.NB-menu-manage-keyboard' }, function($t, $p){ e.preventDefault(); if (!$t.hasClass('NB-disabled')) { self.open_keyboard_shortcuts_modal(); } }); $.targetIs(e, { tagSelector: '.NB-menu-manage-feed-exception' }, function($t, $p){ e.preventDefault(); var feed_id = $t.parents('.NB-menu-manage').data('feed_id'); self.open_feed_exception_modal(feed_id, $t); }); $.targetIs(e, { tagSelector: '.NB-menu-manage-goodies' }, function($t, $p){ e.preventDefault(); if (!$t.hasClass('NB-disabled')) { self.open_goodies_modal(); } }); $.targetIs(e, { tagSelector: '.NB-menu-manage-preferences' }, function($t, $p){ e.preventDefault(); if (!$t.hasClass('NB-disabled')) { self.open_preferences_modal(); } }); $.targetIs(e, { tagSelector: '.NB-menu-manage-feedchooser' }, function($t, $p){ e.preventDefault(); if (!$t.hasClass('NB-disabled')) { self.open_feedchooser_modal(); } }); $.targetIs(e, { tagSelector: '.NB-module-account-upgrade' }, function($t, $p){ e.preventDefault(); if (!$t.hasClass('NB-disabled')) { self.open_feedchooser_modal(); } }); $.targetIs(e, { tagSelector: '.NB-module-account-train' }, function($t, $p){ e.preventDefault(); if (!$t.hasClass('NB-disabled')) { self.open_trainer_modal(); } }); $.targetIs(e, { tagSelector: '.NB-menu-manage-story-unread' }, function($t, $p){ e.preventDefault(); var feed_id = $t.closest('.NB-menu-manage').data('feed_id'); var story_id = $t.closest('.NB-menu-manage').data('story_id'); self.mark_story_as_unread(story_id, feed_id); }); $.targetIs(e, { tagSelector: '.task_view_page:not(.NB-task-return)' }, function($t, $p){ e.preventDefault(); self.switch_taskbar_view('page'); }); $.targetIs(e, { tagSelector: '.task_view_feed' }, function($t, $p){ e.preventDefault(); self.switch_taskbar_view('feed'); }); $.targetIs(e, { tagSelector: '.task_view_story' }, function($t, $p){ e.preventDefault(); self.switch_taskbar_view('story'); }); $.targetIs(e, { tagSelector: '.NB-task-return' }, function($t, $p){ e.preventDefault(); self.load_feed_iframe(); }); $.targetIs(e, { tagSelector: '.task_button_story.task_story_next_unread' }, function($t, $p){ e.preventDefault(); self.show_next_unread_story(); }); $.targetIs(e, { tagSelector: '.task_button_story.task_story_next' }, function($t, $p){ e.preventDefault(); self.show_next_story(1); }); $.targetIs(e, { tagSelector: '.task_button_story.task_story_previous' }, function($t, $p){ e.preventDefault(); self.show_previous_story(); }); $.targetIs(e, { tagSelector: '.task_button_signup' }, function($t, $p){ e.preventDefault(); self.show_splash_page(); }); $.targetIs(e, { tagSelector: '.NB-feeds-header-sites' }, function($t, $p){ e.preventDefault(); stopPropagation = true; self.switch_preferences_hide_read_feeds(); }); if (stopPropagation) return; $.targetIs(e, { tagSelector: '.NB-feeds-header' }, function($t, $p){ e.preventDefault(); self.show_splash_page(); }); // = One-offs ===================================================== var clicked = false; $.targetIs(e, { tagSelector: '#mouse-indicator' }, function($t, $p){ e.preventDefault(); self.lock_mouse_indicator(); }); $.targetIs(e, { tagSelector: '.NB-progress-close' }, function($t, $p){ e.preventDefault(); self.hide_unfetched_feed_progress(true); }); $.targetIs(e, { tagSelector: '.NB-module-next-page', childOf: '.NB-module-features' }, function($t, $p){ e.preventDefault(); self.load_feature_page(1); }); $.targetIs(e, { tagSelector: '.NB-module-previous-page', childOf: '.NB-module-features' }, function($t, $p){ e.preventDefault(); self.load_feature_page(-1); }); $.targetIs(e, { tagSelector: '.NB-module-next-page', childOf: '.NB-module-howitworks' }, function($t, $p){ e.preventDefault(); var page = $('.NB-howitworks-page.NB-active').prevAll('.NB-howitworks-page').length; self.load_howitworks_page(page+1); }); $.targetIs(e, { tagSelector: '.NB-module-previous-page', childOf: '.NB-module-howitworks' }, function($t, $p){ e.preventDefault(); var page = $('.NB-howitworks-page.NB-active').prevAll('.NB-howitworks-page').length; self.load_howitworks_page(page-1); }); $.targetIs(e, { tagSelector: '.NB-module-page-indicator', childOf: '.NB-module-howitworks' }, function($t, $p){ e.preventDefault(); var page = $t.prevAll('.NB-module-page-indicator').length; self.load_howitworks_page(page); }); $.targetIs(e, { tagSelector: '.NB-splash-meta-about' }, function($t, $p){ e.preventDefault(); NEWSBLUR.about = new NEWSBLUR.About(); }); $.targetIs(e, { tagSelector: '.NB-splash-meta-faq' }, function($t, $p){ e.preventDefault(); NEWSBLUR.faq = new NEWSBLUR.Faq(); }); // NEWSBLUR.log(['End', (new Date().getMilliseconds()) - start]); }, handle_dblclicks: function(elem, e) { var self = this; var stopPropagation = false; $.targetIs(e, { tagSelector: '#feed_list .NB-feedlist-manage-icon' }, function($t, $p) { e.preventDefault(); e.stopPropagation(); stopPropagation = true; }); if (stopPropagation) return; $.targetIs(e, { tagSelector: '#feed_list .feed.NB-feed-exception' }, function($t, $p){ e.preventDefault(); e.stopPropagation(); exception = true; }); if (stopPropagation) return; $.targetIs(e, { tagSelector: '#story_titles .story' }, function($t, $p){ e.preventDefault(); e.stopPropagation(); // NEWSBLUR.log(['Story dblclick', $t]); var story_id = $('.story_id', $t).text(); var story = self.model.get_story(story_id); self.open_story_in_story_view(story, true); }); $.targetIs(e, { tagSelector: '#feed_list .feed' }, function($t, $p){ e.preventDefault(); e.stopPropagation(); // NEWSBLUR.log(['Feed dblclick', $('.feed_id', $t), $t]); var feed_id = $t.data('feed_id'); self.open_feed_link(feed_id, $t); }); }, handle_rightclicks: function(elem, e) { var self = this; // NEWSBLUR.log(['right click', e.button, e, e.target, e.currentTarget]); $.targetIs(e, { tagSelector: '.feed', childOf: '#feed_list' }, function($t, $p) { e.preventDefault(); self.show_manage_menu('feed', $t); }); $.targetIs(e, { tagSelector: '.folder_title', childOf: '#feed_list' }, function($t, $p) { e.preventDefault(); self.show_manage_menu('folder', $t.closest('li.folder')); }); $.targetIs(e, { tagSelector: '.story', childOf: '#story_titles' }, function($t, $p) { e.preventDefault(); self.show_manage_menu('story', $t); }); $.targetIs(e, { tagSelector: '.NB-feed-story-header', childOf: '#story_pane' }, function($t, $p) { e.preventDefault(); self.show_manage_menu('story', $t.closest('.NB-feed-story').find('.NB-feed-story-manage-icon')); }); $.targetIs(e, { tagSelector: '.NB-menu-manage' }, function($t, $p) { e.preventDefault(); }); $.targetIs(e, { tagSelector: '.NB-menu-manage-arrow' }, function($t, $p) { e.preventDefault(); }); }, handle_scroll_story_titles: function(elem, e) { var self = this; var $story_titles = this.$s.$story_titles; if (!($('.NB-story-titles-end-stories-line', $story_titles).length)) { var $last_story = $('#story_titles .story').last(); var container_offset = $story_titles.position().top; var full_height = ($last_story.offset() && $last_story.offset().top) + $last_story.height() - container_offset; var visible_height = $('#story_titles').height(); var scroll_y = $('#story_titles').scrollTop(); // NEWSBLUR.log(['Story_titles Scroll', full_height, container_offset, visible_height, scroll_y]); if (full_height <= visible_height) { this.load_page_of_feed_stories(); } } }, handle_scroll_feed_iframe: function(elem, e) { var self = this; if (this.story_view == 'page' && !this.flags['page_view_showing_feed_view'] && !this.flags['scrolling_by_selecting_story_title']) { var from_top = this.cache.mouse_position_y + this.$s.$feed_iframe.contents().scrollTop(); var positions = this.cache.iframe_story_positions_keys; var closest = $.closest(from_top, positions); var story = this.cache.iframe_story_positions[positions[closest]]; // NEWSBLUR.log(['Scroll iframe', from_top, closest, positions[closest], this.cache.iframe_story_positions[positions[closest]]]); this.navigate_story_titles_to_story(story); if (!this.flags.iframe_scroll_snap_back_prepared) { this.iframe_scroll = from_top - this.cache.mouse_position_y; } this.flags.iframe_scroll_snap_back_prepared = false; // NEWSBLUR.log(['Setting snap back', this.iframe_scroll]); } }, handle_mousemove_iframe_view: function(elem, e) { var self = this; this.show_mouse_indicator(); if (parseInt(this.model.preference('lock_mouse_indicator'), 10)) { return; } var scroll_top = this.$s.$feed_iframe.contents().scrollTop(); this.cache.mouse_position_y = e.pageY - scroll_top; this.$s.$mouse_indicator.css('top', this.cache.mouse_position_y - 8); setTimeout(function() { self.flags['mousemove_timeout'] = false; }, 40); if (!this.flags['mousemove_timeout'] && !this.flags.scrolling_by_selecting_story_title) { var from_top = this.cache.mouse_position_y + scroll_top; var positions = this.cache.iframe_story_positions_keys; var closest = $.closest(from_top, positions); var story = this.cache.iframe_story_positions[positions[closest]]; this.flags['mousemove_timeout'] = true; this.navigate_story_titles_to_story(story); // NEWSBLUR.log(['Setting snap back', this.iframe_scroll]); } }, handle_mousemove_feed_view: function(elem, e) { var self = this; if (this.model.preference('feed_view_single_story')) { return this.hide_mouse_indicator(); } else { this.show_mouse_indicator(); } if (parseInt(this.model.preference('lock_mouse_indicator'), 10)) { return; } this.cache.mouse_position_y = e.pageY ; this.$s.$mouse_indicator.css('top', this.cache.mouse_position_y - 8); if (this.flags['mousemove_timeout']) { return; } setTimeout(function() { self.flags['mousemove_timeout'] = false; }, 40); if (!this.flags['mousemove_timeout'] && !this.flags['switching_to_feed_view'] && !this.flags.scrolling_by_selecting_story_title && this.story_view != 'story') { var from_top = this.cache.mouse_position_y + this.$s.$feed_stories.scrollTop(); var positions = this.cache.feed_view_story_positions_keys; var closest = $.closest(from_top, positions); var story = this.cache.feed_view_story_positions[positions[closest]]; this.flags['mousemove_timeout'] = true; if (story == this.active_story) return; // NEWSBLUR.log(['Mousemove feed view', from_top, closest, positions[closest]]); this.navigate_story_titles_to_story(story); } }, handle_scroll_feed_view: function(elem, e) { var self = this; if ((this.story_view == 'feed' || (this.story_view == 'page' && this.flags['page_view_showing_feed_view'])) && !this.flags['switching_to_feed_view'] && !this.flags['scrolling_by_selecting_story_title'] && !this.model.preference('feed_view_single_story')) { var from_top = this.cache.mouse_position_y + this.$s.$feed_stories.scrollTop(); var positions = this.cache.feed_view_story_positions_keys; var closest = $.closest(from_top, positions); var story = this.cache.feed_view_story_positions[positions[closest]]; // NEWSBLUR.log(['Scroll feed view', from_top, e, closest, positions[closest], this.cache.feed_view_story_positions_keys, positions, self.cache]); this.navigate_story_titles_to_story(story); } if (this.flags.river_view && !this.model.preference('feed_view_single_story')) { var story; if (this.flags.scrolling_by_selecting_story_title) { story = this.active_story; } else { var from_top = Math.max(1, this.$s.$feed_stories.scrollTop()); var positions = this.cache.feed_view_story_positions_keys; var closest = $.closest(from_top, positions); story = this.cache.feed_view_story_positions[positions[closest]]; } this.show_correct_feed_in_feed_title_floater(story); } }, handle_keystrokes: function() { var self = this; var $document = $(document); NEWSBLUR.hotkeys.initialize(); $document.bind('keydown', '?', function(e) { e.preventDefault(); self.open_keyboard_shortcuts_modal(); }); $document.bind('keydown', 'shift+/', function(e) { e.preventDefault(); self.open_keyboard_shortcuts_modal(); }); $document.bind('keydown', 'down', function(e) { e.preventDefault(); self.show_next_story(1); }); $document.bind('keydown', 'up', function(e) { e.preventDefault(); self.show_next_story(-1); }); $document.bind('keydown', 'j', function(e) { e.preventDefault(); self.show_next_story(1); }); $document.bind('keydown', 'k', function(e) { e.preventDefault(); self.show_next_story(-1); }); $document.bind('keydown', 'shift+j', function(e) { e.preventDefault(); self.show_next_feed(1); }); $document.bind('keydown', 'shift+k', function(e) { e.preventDefault(); self.show_next_feed(-1); }); $document.bind('keydown', 'shift+down', function(e) { e.preventDefault(); self.show_next_feed(1); }); $document.bind('keydown', 'shift+up', function(e) { e.preventDefault(); self.show_next_feed(-1); }); $document.bind('keydown', 'left', function(e) { e.preventDefault(); self.switch_taskbar_view_direction(-1); }); $document.bind('keydown', 'right', function(e) { e.preventDefault(); self.switch_taskbar_view_direction(1); }); $document.bind('keydown', 'h', function(e) { e.preventDefault(); self.switch_taskbar_view_direction(-1); }); $document.bind('keydown', 'l', function(e) { e.preventDefault(); self.switch_taskbar_view_direction(1); }); $document.bind('keydown', 'enter', function(e) { e.preventDefault(); self.open_story_in_story_view(null, true); }); $document.bind('keydown', 'return', function(e) { e.preventDefault(); self.open_story_in_story_view(null, true); }); $document.bind('keydown', 'space', function(e) { e.preventDefault(); self.page_in_story(0.4, 1); }); $document.bind('keydown', 'shift+space', function(e) { e.preventDefault(); self.page_in_story(0.4, -1); }); } }; })(jQuery);