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

Switching between shared and unshared states.

Browse source
This commit is contained in:
Samuel Clay 2011-12-14 09:51:47 -08:00
parent 76feb2ff13
commit e6a20e41fc
3 changed files with 45 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
media/css/reader.css
View file

@ -1989,7 +1989,9 @@ background: transparent;
#story_pane .NB-sideoption:hover .NB-sideoption-icon, #story_pane .NB-sideoption:hover .NB-sideoption-icon,
#story_pane .NB-sideoption:hover .NB-sideoption-title, #story_pane .NB-sideoption:hover .NB-sideoption-title,
#story_pane .NB-sideoption.NB-active .NB-sideoption-icon, #story_pane .NB-sideoption.NB-active .NB-sideoption-icon,
#story_pane .NB-sideoption.NB-active .NB-sideoption-title { #story_pane .NB-sideoption.NB-active .NB-sideoption-title,
#story_pane .NB-sideoption.NB-shared .NB-sideoption-icon,
#story_pane .NB-sideoption.NB-shared .NB-sideoption-title {
background-color: #2B478C; background-color: #2B478C;
color: #D7DDF7; color: #D7DDF7;
opacity: 1; opacity: 1;
@ -2034,6 +2036,9 @@ background: transparent;
box-shadow:2px 2px 0 #95AB76; box-shadow:2px 2px 0 #95AB76;
text-shadow: 0 1px 0 #101010; text-shadow: 0 1px 0 #101010;
} }
#story_pane .NB-sideoption-share .NB-sideoption-share-save.NB-saving {
background-color: #b5b4bB;
}
#story_pane .NB-feed-story-endbar { #story_pane .NB-feed-story-endbar {
height: 8px; height: 8px;

8
media/js/newsblur/assetmodel.js
View file

@ -193,6 +193,14 @@ NEWSBLUR.AssetModel.Reader.prototype = {
}, callback); }, callback);
}, },
save_shared_story: function(story_id, feed_id, comments, callback, error_callback) {
this.make_request('/social/save_shared_story', {
story_id: story_id,
feed_id: feed_id,
comments: comments
}, callback, error_callback);
},
load_feeds: function(callback, error_callback) { load_feeds: function(callback, error_callback) {
var self = this; var self = this;

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

@ -2752,6 +2752,21 @@
}); });
}, },
save_shared_story: function($story) {
var story_id = $story.data('story_id');
var feed_id = $story.data('feed_id');
var comments = $('.NB-sideoption-share-comments', $story).val();
var $share_button = $('.NB-sideoption-share-save', $story);
var $share_sideoption = $('.NB-feed-story-share .NB-sideoption-title', $story);
$share_button.addClass('NB-saving').text('Sharing...');
this.model.save_shared_story(story_id, feed_id, comments, _.bind(function() {
this.open_feed_story_share(story_id, feed_id);
$share_button.removeClass('NB-saving').text('Share');
$share_sideoption.text('Shared').closest('.NB-sideoption').addClass('NB-shared');
}, this));
},
send_story_to_instapaper: function(story_id) { send_story_to_instapaper: function(story_id) {
var story = this.model.get_story(story_id); var story = this.model.get_story(story_id);
var url = 'http://www.instapaper.com/edit'; var url = 'http://www.instapaper.com/edit';
@ -3605,10 +3620,16 @@
$.make('div', { className: 'NB-sideoption-icon'}, ' '), $.make('div', { className: 'NB-sideoption-icon'}, ' '),
$.make('div', { className: 'NB-sideoption-title'}, 'Train this story') $.make('div', { className: 'NB-sideoption-title'}, 'Train this story')
]), ]),
$.make('div', { className: 'NB-sideoption NB-feed-story-save' }, [ (story.starred_date &&
$.make('div', { className: 'NB-sideoption-icon'}, ' '), $.make('div', { className: 'NB-sideoption NB-feed-story-save NB-active' }, [
$.make('div', { className: 'NB-sideoption-title'}, 'Save this story') $.make('div', { className: 'NB-sideoption-icon'}, ' '),
]), $.make('div', { className: 'NB-sideoption-title'}, 'Saved')
])),
(!story.starred_date &&
$.make('div', { className: 'NB-sideoption NB-feed-story-save' }, [
$.make('div', { className: 'NB-sideoption-icon'}, ' '),
$.make('div', { className: 'NB-sideoption-title'}, 'Save this story')
])),
$.make('div', { className: 'NB-sideoption NB-feed-story-share' }, [ $.make('div', { className: 'NB-sideoption NB-feed-story-share' }, [
$.make('div', { className: 'NB-sideoption-icon'}, ' '), $.make('div', { className: 'NB-sideoption-icon'}, ' '),
$.make('div', { className: 'NB-sideoption-title'}, 'Share this story') $.make('div', { className: 'NB-sideoption-title'}, 'Share this story')
@ -3618,7 +3639,7 @@
$.make('div', { className: 'NB-sideoption-share-optional' }, 'Optional'), $.make('div', { className: 'NB-sideoption-share-optional' }, 'Optional'),
$.make('div', { className: 'NB-sideoption-share-title' }, 'Comments:'), $.make('div', { className: 'NB-sideoption-share-title' }, 'Comments:'),
$.make('textarea', { className: 'NB-sideoption-share-comments' }), $.make('textarea', { className: 'NB-sideoption-share-comments' }),
$.make('div', { className: 'NB-sideoption-share-save NB-modal-submit-green NB-modal-submit-button' }, 'Share') $.make('div', { className: 'NB-sideoption-share-save NB-modal-submit-button' }, 'Share')
]) ])
]) ])
]) ])
@ -6026,6 +6047,11 @@
} }
story_prevent_bubbling = true; story_prevent_bubbling = true;
}); });
$.targetIs(e, { tagSelector: '.NB-sideoption-share-save' }, function($t, $p){
e.preventDefault();
var $story = $t.closest('.NB-feed-story');
self.save_shared_story($story);
});
$.targetIs(e, { tagSelector: '.NB-feed-story-hide-changes' }, function($t, $p){ $.targetIs(e, { tagSelector: '.NB-feed-story-hide-changes' }, function($t, $p){
e.preventDefault(); e.preventDefault();
var $story = $t.closest('.NB-feed-story'); var $story = $t.closest('.NB-feed-story');