public-mirrors/NewsBlur
1
0
Fork 0
mirror of https://github.com/samuelclay/NewsBlur.git synced 2025-09-18 21:50:56 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Adding single story preference.

Browse source
This commit is contained in:
Samuel Clay 2014-04-08 17:36:41 -07:00
parent 403d7ddac5
commit 27293a032c
2 changed files with 61 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
media/css/reader.css
View file

@ -4247,6 +4247,28 @@ background: transparent;
background: transparent url("/media/embed/reader/layout_bottom.png") no-repeat center center;
}
.NB-style-popover .NB-options-single-story {
margin-top: 6px;
}
.NB-style-popover .NB-single-story-option {
width: 116px;
font-size: 12px;
padding: 4px 0;
}
.NB-style-popover .NB-single-story-option .NB-icon {
width: 16px;
height: 16px;
display: inline-block;
margin: 0 2px 0 0;
vertical-align: bottom;
}
.NB-options-single-story-off .NB-icon {
background: transparent url("/media/embed/icons/silk/text_linespacing.png") no-repeat center center;
}
.NB-options-single-story-on .NB-icon {
background: transparent url("/media/embed/icons/silk/text_horizontalrule.png") no-repeat center center;
}
/* ======================= */
/* = Pane Customizations = */
/* ======================= */

41
media/js/newsblur/views/story_options_popover.js
View file

@ -18,7 +18,8 @@ NEWSBLUR.StoryOptionsPopover = NEWSBLUR.ReaderPopover.extend({
"click .NB-font-family-option": "change_font_family",
"click .NB-font-size-option": "change_font_size",
"click .NB-line-spacing-option": "change_line_spacing",
"click .NB-story-titles-pane-option": "change_story_titles_pane"
"click .NB-story-titles-pane-option": "change_story_titles_pane",
"click .NB-single-story-option": "change_single_story"
},
initialize: function(options) {
@ -42,7 +43,7 @@ NEWSBLUR.StoryOptionsPopover = NEWSBLUR.ReaderPopover.extend({
this.$el.html($.make('div', [
$.make('div', { className: 'NB-popover-section' }, [
$.make('div', { className: 'NB-popover-section-title' }, 'Story Titles Pane'),
$.make('div', { className: 'NB-popover-section-title' }, 'Story Layout'),
$.make('ul', { className: 'segmented-control NB-options-story-titles-pane' }, [
$.make('li', { className: 'NB-story-titles-pane-option NB-options-story-titles-pane-north' }, [
$.make('div', { className: 'NB-icon' }),
@ -56,7 +57,18 @@ NEWSBLUR.StoryOptionsPopover = NEWSBLUR.ReaderPopover.extend({
$.make('div', { className: 'NB-icon' }),
'Bottom'
])
]),
$.make('ul', { className: 'segmented-control NB-options-single-story' }, [
$.make('li', { className: 'NB-single-story-option NB-options-single-story-off NB-active' }, [
$.make('div', { className: 'NB-icon' }),
'All Stories'
]),
$.make('li', { className: 'NB-single-story-option NB-options-single-story-on' }, [
$.make('div', { className: 'NB-icon' }),
'Single Story'
])
])
]),
$.make('div', { className: 'NB-popover-section' }, [
$.make('div', { className: 'NB-popover-section-title' }, 'Font Family'),
@ -96,6 +108,7 @@ NEWSBLUR.StoryOptionsPopover = NEWSBLUR.ReaderPopover.extend({
var font_size = NEWSBLUR.assets.preference('story_size');
var line_spacing = NEWSBLUR.assets.preference('story_line_spacing');
var titles_layout_pane = NEWSBLUR.assets.preference('story_pane_anchor');
var single_story = NEWSBLUR.assets.preference('feed_view_single_story');
this.$('.NB-font-family-option').removeClass('NB-active');
this.$('.NB-options-font-family-'+font_family).addClass('NB-active');
@ -107,6 +120,8 @@ NEWSBLUR.StoryOptionsPopover = NEWSBLUR.ReaderPopover.extend({
this.$('.NB-story-titles-pane-option').removeClass('NB-active');
this.$('.NB-options-story-titles-pane-'+titles_layout_pane).addClass('NB-active');
this.$('.NB-single-story-option').removeClass('NB-active');
this.$('.NB-options-single-story-'+(single_story?'on':'off')).addClass('NB-active');
NEWSBLUR.reader.$s.$taskbar_options.addClass('NB-active');
@ -219,6 +234,28 @@ NEWSBLUR.StoryOptionsPopover = NEWSBLUR.ReaderPopover.extend({
NEWSBLUR.assets.preference('story_pane_anchor', setting);
NEWSBLUR.assets.preference('story_titles_pane_size', pane_size);
NEWSBLUR.reader.apply_resizable_layout(true);
},
change_single_story: function(e) {
var $target = $(e.currentTarget);
if ($target.hasClass("NB-options-single-story-off")) {
this.update_single_story(0);
} else if ($target.hasClass("NB-options-single-story-on")) {
this.update_single_story(1);
}
this.show_correct_options();
},
update_single_story: function(setting) {
NEWSBLUR.assets.preference('feed_view_single_story', setting);
NEWSBLUR.app.story_list.render();
_.defer(function() {
if (NEWSBLUR.reader.active_story) {
NEWSBLUR.reader.active_story.set('selected', false).set('selected', true);
}
});
}