mirror of
https://github.com/samuelclay/NewsBlur.git
synced 2025-08-05 16:58:59 +00:00
508 lines
20 KiB
JavaScript
508 lines
20 KiB
JavaScript
NEWSBLUR.ReaderClassifierFeed = function(feed_id, score, options) {
|
|
var defaults = {};
|
|
|
|
this.flags = {
|
|
'publisher': true,
|
|
'story': false
|
|
};
|
|
this.feed_id = feed_id;
|
|
this.score = score;
|
|
this.options = $.extend({}, defaults, options);
|
|
this.model = NEWSBLUR.AssetModel.reader();
|
|
this.google_favicon_url = 'http://www.google.com/s2/favicons?domain_url=';
|
|
this.runner_feed();
|
|
};
|
|
|
|
|
|
NEWSBLUR.ReaderClassifierStory = function(story_id, feed_id, score, options) {
|
|
var defaults = {};
|
|
|
|
this.flags = {
|
|
'publisher': false,
|
|
'story': true
|
|
};
|
|
this.story_id = story_id;
|
|
this.feed_id = feed_id;
|
|
this.score = score;
|
|
this.options = $.extend({}, defaults, options);
|
|
this.model = NEWSBLUR.AssetModel.reader();
|
|
this.google_favicon_url = 'http://www.google.com/s2/favicons?domain_url=';
|
|
this.runner_story();
|
|
};
|
|
|
|
var classifier = {
|
|
|
|
runner_feed: function() {
|
|
this.find_story_and_feed();
|
|
this.make_modal_feed();
|
|
this.make_modal_title();
|
|
this.make_modal_intelligence_slider();
|
|
this.handle_text_highlight();
|
|
this.handle_select_checkboxes();
|
|
this.handle_cancel();
|
|
this.handle_select_title();
|
|
this.open_modal();
|
|
},
|
|
|
|
runner_story: function() {
|
|
this.find_story_and_feed();
|
|
this.make_modal_story();
|
|
this.make_modal_title();
|
|
this.handle_text_highlight();
|
|
this.handle_select_checkboxes();
|
|
this.handle_cancel();
|
|
this.handle_select_title();
|
|
this.open_modal();
|
|
},
|
|
|
|
find_story_and_feed: function() {
|
|
if (this.story_id) {
|
|
this.story = this.model.get_story(this.story_id);
|
|
}
|
|
this.feed = this.model.get_feed(this.feed_id);
|
|
this.feed_tags = this.model.get_feed_tags();
|
|
this.feed_authors = this.model.get_feed_authors();
|
|
},
|
|
|
|
make_modal_feed: function() {
|
|
var self = this;
|
|
var feed = this.feed;
|
|
var opinion = (this.score == 1 ? 'like_' : 'dislike_');
|
|
|
|
NEWSBLUR.log(['Make feed', feed, this.feed_authors, this.feed_tags]);
|
|
|
|
this.$classifier = $.make('div', { className: 'NB-classifier NB-modal' }, [
|
|
this.make_modal_intelligence_slider(),
|
|
$.make('h2', { className: 'NB-modal-title' }),
|
|
$.make('form', { method: 'post', className: 'NB-publisher' }, [
|
|
(this.feed_authors.length && $.make('div', { className: 'NB-modal-field NB-fieldset NB-classifiers' }, [
|
|
$.make('h5', 'Authors'),
|
|
$.make('div', { className: 'NB-classifier-authors NB-fieldset-fields NB-classifiers' },
|
|
this.make_authors(this.feed_authors, opinion)
|
|
)
|
|
])),
|
|
(this.feed_tags.length && $.make('div', { className: 'NB-modal-field NB-fieldset NB-classifiers' }, [
|
|
$.make('h5', 'Categories & Tags'),
|
|
$.make('div', { className: 'NB-classifier-tags NB-fieldset-fields NB-classifiers' },
|
|
this.make_tags(this.feed_tags, opinion)
|
|
)
|
|
])),
|
|
$.make('div', { className: 'NB-modal-field NB-fieldset NB-classifiers' }, [
|
|
$.make('h5', 'Everything by This Publisher'),
|
|
$.make('div', { className: 'NB-fieldset-fields NB-classifiers' },
|
|
this.make_publisher(feed, opinion)
|
|
)
|
|
]),
|
|
$.make('div', { className: 'NB-modal-submit' }, [
|
|
$.make('input', { name: 'score', value: this.score, type: 'hidden' }),
|
|
$.make('input', { name: 'feed_id', value: this.feed_id, type: 'hidden' }),
|
|
$.make('input', { name: 'story_id', value: this.story_id, type: 'hidden' }),
|
|
$.make('input', { type: 'submit', disabled: 'true', className: 'NB-disabled', value: 'Check what you like above...' }),
|
|
' or ',
|
|
$.make('a', { href: '#', className: 'NB-modal-cancel' }, 'cancel')
|
|
])
|
|
]).bind('submit', function(e) {
|
|
e.preventDefault();
|
|
self.save_publisher();
|
|
return false;
|
|
})
|
|
]);
|
|
},
|
|
|
|
make_modal_story: function() {
|
|
var self = this;
|
|
var story = this.story;
|
|
var feed = this.feed;
|
|
var opinion = (this.score == 1 ? 'like_' : 'dislike_');
|
|
|
|
NEWSBLUR.log(['Make Story', story, feed]);
|
|
|
|
// HTML entities decoding.
|
|
story.story_title = $('<div/>').html(story.story_title).text();
|
|
|
|
this.$classifier = $.make('div', { className: 'NB-classifier NB-modal' }, [
|
|
this.make_modal_intelligence_slider(),
|
|
$.make('h2', { className: 'NB-modal-title' }),
|
|
$.make('form', { method: 'post' }, [
|
|
(story.story_title && $.make('div', { className: 'NB-modal-field NB-fieldset' }, [
|
|
$.make('h5', 'Story Title'),
|
|
$.make('div', { className: 'NB-fieldset-fields NB-classifiers' }, [
|
|
$.make('input', { type: 'text', value: story.story_title, className: 'NB-classifier-title-highlight' }),
|
|
$.make('div', { className: 'NB-classifier NB-classifier-title NB-classifier-facet-disabled' }, [
|
|
$.make('input', { type: 'checkbox', name: opinion+'title', value: '', id: 'classifier_title' }),
|
|
$.make('label', { 'for': 'classifier_title' }, [
|
|
$.make('b', 'Look for: '),
|
|
$.make('span', { className: 'NB-classifier-title-text' }, 'Highlight phrases to look for in future stories')
|
|
])
|
|
])
|
|
])
|
|
])),
|
|
(story.story_authors && $.make('div', { className: 'NB-modal-field NB-fieldset' }, [
|
|
$.make('h5', 'Story Author'),
|
|
$.make('div', { className: 'NB-fieldset-fields NB-classifiers' },
|
|
this.make_authors([story.story_authors], opinion)
|
|
)
|
|
])),
|
|
(story.story_tags.length && $.make('div', { className: 'NB-modal-field NB-fieldset' }, [
|
|
$.make('h5', 'Story Categories & Tags'),
|
|
$.make('div', { className: 'NB-classifier-tags NB-fieldset-fields NB-classifiers' },
|
|
this.make_tags(story.story_tags, opinion)
|
|
)
|
|
])),
|
|
$.make('div', { className: 'NB-modal-field NB-fieldset' }, [
|
|
$.make('h5', 'Everything by This Publisher'),
|
|
$.make('div', { className: 'NB-fieldset-fields NB-classifiers' },
|
|
this.make_publisher(feed, opinion)
|
|
)
|
|
]),
|
|
$.make('div', { className: 'NB-modal-submit' }, [
|
|
$.make('input', { name: 'score', value: this.score, type: 'hidden' }),
|
|
$.make('input', { name: 'feed_id', value: this.feed_id, type: 'hidden' }),
|
|
$.make('input', { name: 'story_id', value: this.story_id, type: 'hidden' }),
|
|
$.make('input', { type: 'submit', disabled: 'true', className: 'NB-disabled', value: 'Check what you like above...' }),
|
|
' or ',
|
|
$.make('a', { href: '#', className: 'NB-modal-cancel' }, 'cancel')
|
|
])
|
|
]).bind('submit', function(e) {
|
|
e.preventDefault();
|
|
self.save_story();
|
|
return false;
|
|
})
|
|
]);
|
|
},
|
|
|
|
make_modal_title: function() {
|
|
var $modal_title = $('.NB-modal-title', this.$classifier);
|
|
|
|
if (this.flags['publisher']) {
|
|
if (this.score == 1) {
|
|
$modal_title.html('What do you <b class="NB-classifier-like">like</b> about this publisher?');
|
|
} else if (this.score == -1) {
|
|
$modal_title.html('What do you <b class="NB-classifier-dislike">dislike</b> about this publisher?');
|
|
}
|
|
} else if (this.flags['story']) {
|
|
if (this.score == 1) {
|
|
$modal_title.html('What do you <b class="NB-classifier-like">like</b> about this story?');
|
|
} else if (this.score == -1) {
|
|
$modal_title.html('What do you <b class="NB-classifier-dislike">dislike</b> about this story?');
|
|
}
|
|
}
|
|
},
|
|
|
|
make_modal_intelligence_slider: function() {
|
|
var self = this;
|
|
var $slider = $.make('div', { className: 'NB-taskbar-intelligence NB-modal-slider' }, [
|
|
$.make('div', { className: 'NB-taskbar-intelligence-indicator NB-taskbar-intelligence-negative' }),
|
|
$.make('div', { className: 'NB-taskbar-intelligence-indicator NB-taskbar-intelligence-neutral' }),
|
|
$.make('div', { className: 'NB-taskbar-intelligence-indicator NB-taskbar-intelligence-positive' }),
|
|
$.make('div', { className: 'NB-intelligence-slider' })
|
|
]);
|
|
|
|
$('.NB-intelligence-slider', $slider).slider({
|
|
range: 'max',
|
|
min: -1,
|
|
max: 1,
|
|
step: 2,
|
|
value: this.score,
|
|
slide: function(e, ui) {
|
|
// self.switch_feed_view_unread_view(ui.value);
|
|
self.score = ui.value;
|
|
self.make_modal_title();
|
|
$('input[name^=like],input[name^=dislike]', self.$classifier).attr('name', function(i, current_name) {
|
|
if (self.score == -1) {
|
|
return 'dis' + current_name.substr(current_name.indexOf('like_'));
|
|
} else if (self.score == 1) {
|
|
return current_name.substr(current_name.indexOf('like_'));
|
|
}
|
|
});
|
|
},
|
|
stop: function(e, ui) {
|
|
// self.save_profile('unread_view', ui.value);
|
|
// self.flags['feed_view_positions_calculated'] = false;
|
|
// self.show_correct_story_titles_in_unread_view({'animate': true});
|
|
}
|
|
});
|
|
|
|
return $slider;
|
|
},
|
|
|
|
make_authors: function(authors, opinion) {
|
|
var $authors = [];
|
|
|
|
for (var a in authors) {
|
|
var author_obj = authors[a];
|
|
if (typeof author_obj == 'string') {
|
|
var author = author_obj;
|
|
var author_count;
|
|
} else {
|
|
var author = author_obj[0];
|
|
var author_count = author_obj[1];
|
|
}
|
|
|
|
if (!author) continue;
|
|
|
|
var input_attrs = {
|
|
type: 'checkbox',
|
|
name: opinion+'author',
|
|
value: author,
|
|
id: 'classifier_author_'+a
|
|
};
|
|
|
|
if (author in this.model.classifiers.authors
|
|
&& this.model.classifiers.authors[author] == this.score) {
|
|
input_attrs['checked'] = 'checked';
|
|
}
|
|
|
|
var $author = $.make('span', { className: 'NB-classifier-container NB-classifier-author-container' }, [
|
|
$.make('span', { className: 'NB-classifier NB-classifier-author' }, [
|
|
$.make('input', input_attrs),
|
|
$.make('label', { 'for': 'classifier_author_'+a }, [
|
|
$.make('b', 'Author: '),
|
|
$.make('span', author)
|
|
])
|
|
]),
|
|
(author_count && $.make('span', { className: 'NB-classifier-tag-count' }, [
|
|
'× ',
|
|
author_count
|
|
]))
|
|
]);
|
|
$authors.push($author);
|
|
}
|
|
return $authors;
|
|
},
|
|
|
|
make_tags: function(tags, opinion) {
|
|
var $tags = [];
|
|
|
|
for (var t in tags) {
|
|
var tag_obj = tags[t];
|
|
if (typeof tag_obj == 'string') {
|
|
var tag = tag_obj;
|
|
var tag_count;
|
|
} else {
|
|
var tag = tag_obj[0];
|
|
var tag_count = tag_obj[1];
|
|
}
|
|
|
|
if (!tag) continue;
|
|
|
|
var input_attrs = {
|
|
type: 'checkbox',
|
|
name: opinion+'tag',
|
|
value: tag,
|
|
id: 'classifier_tag_'+t
|
|
};
|
|
|
|
if (tag in this.model.classifiers.tags && this.model.classifiers.tags[tag] == this.score) {
|
|
input_attrs['checked'] = 'checked';
|
|
}
|
|
|
|
var $tag = $.make('span', { className: 'NB-classifier-container NB-classifier-tag-container' }, [
|
|
$.make('span', { className: 'NB-classifier NB-classifier-tag' }, [
|
|
$.make('input', input_attrs),
|
|
$.make('label', { 'for': 'classifier_tag_'+t }, [
|
|
$.make('b', 'Tag: '),
|
|
$.make('span', tag)
|
|
])
|
|
]),
|
|
(tag_count && $.make('span', { className: 'NB-classifier-tag-count' }, [
|
|
'× ',
|
|
tag_count
|
|
]))
|
|
]);
|
|
$tags.push($tag);
|
|
}
|
|
|
|
return $tags;
|
|
},
|
|
|
|
make_publisher: function(publisher, opinion) {
|
|
var input_attrs = {
|
|
type: 'checkbox',
|
|
name: opinion+'publisher',
|
|
value: this.feed_id,
|
|
id: 'classifier_publisher',
|
|
checked: false
|
|
};
|
|
if (this.feed.feed_link in this.model.classifiers.feeds
|
|
&& this.model.classifiers.feeds[this.feed.feed_link].score == this.score) {
|
|
input_attrs['checked'] = true;
|
|
}
|
|
|
|
var $publisher = $.make('div', { className: 'NB-classifier NB-classifier-publisher' }, [
|
|
$.make('input', input_attrs),
|
|
$.make('label', { 'for': 'classifier_publisher' }, [
|
|
$.make('img', { className: 'feed_favicon', src: this.google_favicon_url + publisher.feed_link }),
|
|
$.make('span', { className: 'feed_title' }, [
|
|
$.make('b', 'Publisher: '),
|
|
$.make('span', publisher.feed_title)
|
|
])
|
|
])
|
|
]);
|
|
return $publisher;
|
|
},
|
|
|
|
make_title: function(title, t, opinion) {
|
|
var $title = $.make('div', { className: 'NB-classifier NB-classifier-title' }, [
|
|
$.make('input', { type: 'checkbox', name: opinion+'title', value: title, id: 'classifier_title_'+t, checked: 'checked' }),
|
|
$.make('label', { 'for': 'classifier_title_'+t }, [
|
|
$.make('b', 'Title: '),
|
|
$.make('span', title)
|
|
])
|
|
]);
|
|
return $title;
|
|
},
|
|
|
|
open_modal: function() {
|
|
var self = this;
|
|
|
|
var $holder = $.make('div', { className: 'NB-modal-holder' })
|
|
.append(this.$classifier)
|
|
.appendTo('body')
|
|
.css({'visibility': 'hidden', 'display': 'block', 'width': 600});
|
|
var height = $('.NB-classifier', $holder).outerHeight(true);
|
|
$holder.css({'visibility': 'visible', 'display': 'none'});
|
|
var w = $.modal.impl.getDimensions();
|
|
if (height > w[0] - 70) {
|
|
height = w[0] - 70;
|
|
}
|
|
|
|
this.$classifier.modal({
|
|
'minWidth': 600,
|
|
'maxHeight': height,
|
|
'overlayClose': true,
|
|
'onOpen': function (dialog) {
|
|
dialog.overlay.fadeIn(200, function () {
|
|
dialog.container.fadeIn(200);
|
|
dialog.data.fadeIn(200);
|
|
});
|
|
},
|
|
'onShow': function(dialog) {
|
|
$('#simplemodal-container').corner('6px').css({'width': 600, 'height': height});
|
|
$('.NB-classifier', self.$classifier).corner('14px');
|
|
},
|
|
'onClose': function(dialog) {
|
|
dialog.data.hide().empty().remove();
|
|
dialog.container.hide().empty().remove();
|
|
dialog.overlay.fadeOut(200, function() {
|
|
dialog.overlay.empty().remove();
|
|
$.modal.close();
|
|
});
|
|
$('.NB-modal-holder').empty().remove();
|
|
}
|
|
});
|
|
},
|
|
|
|
handle_text_highlight: function() {
|
|
var $title_highlight = $('.NB-classifier-title-highlight', this.$classifier);
|
|
var $title = $('.NB-classifier-title-text', this.$classifier);
|
|
var $title_checkbox = $('#classifier_title', this.$classifier);
|
|
|
|
var update = function() {
|
|
var text = $.trim($(this).getSelection().text);
|
|
|
|
if ($title.text() != text && text.length) {
|
|
$title_checkbox.attr('checked', 'checked').change();
|
|
$title.text(text);
|
|
$title_checkbox.parents('.NB-classifier-facet-disabled')
|
|
.removeClass('NB-classifier-facet-disabled');
|
|
$title_checkbox.val(text);
|
|
}
|
|
};
|
|
|
|
$title_highlight
|
|
.keydown(update).keyup(update)
|
|
.mousedown(update).mouseup(update).mousemove(update);
|
|
},
|
|
|
|
handle_select_title: function() {
|
|
var $title_checkbox = $('#classifier_title', this.$classifier);
|
|
var $title = $('.NB-classifier-title-text', this.$classifier);
|
|
var $title_highlight = $('.NB-classifier-title-highlight', this.$classifier);
|
|
|
|
$title_checkbox.change(function() {;
|
|
if ($title.parents('.NB-classifier-facet-disabled').length) {
|
|
var text = $title_highlight.val();
|
|
$title.text(text);
|
|
$title_checkbox.parents('.NB-classifier-facet-disabled')
|
|
.removeClass('NB-classifier-facet-disabled');
|
|
$title_checkbox.val(text);
|
|
}
|
|
});
|
|
},
|
|
|
|
handle_select_checkboxes: function() {
|
|
var self = this;
|
|
var $submit = $('input[type=submit]', this.$classifier);
|
|
|
|
$('input', this.$classifier).change(function() {
|
|
var count = $('input:checked', self.$classifier).length;
|
|
|
|
if (count) {
|
|
$submit.removeClass("NB-disabled").removeAttr('disabled').attr('value', 'Save');
|
|
} else {
|
|
$submit.addClass("NB-disabled").attr('disabled', 'true').attr('value', 'Check what you like above...');
|
|
}
|
|
});
|
|
},
|
|
|
|
handle_cancel: function() {
|
|
var $cancel = $('.NB-modal-cancel', this.$classifier);
|
|
|
|
$cancel.click(function(e) {
|
|
e.preventDefault();
|
|
$.modal.close();
|
|
});
|
|
},
|
|
|
|
serialize_classifier: function() {
|
|
var checked_data = $('input', this.$classifier).serialize();
|
|
|
|
var $unchecked = $('input[type=checkbox]:not(:checked)', this.$classifier);
|
|
$unchecked.attr('checked', true);
|
|
$unchecked.each(function() {
|
|
$(this).attr('name', 'remove_' + $(this).attr('name'));
|
|
});
|
|
|
|
var unchecked_data = $unchecked.serialize();
|
|
$unchecked.each(function() {
|
|
$(this).attr('name', $(this).attr('name').replace(/^remove_/, ''));
|
|
});
|
|
$unchecked.attr('checked', false);
|
|
|
|
var data = [checked_data, unchecked_data].join('&');
|
|
return data;
|
|
},
|
|
|
|
save_publisher: function() {
|
|
var $save = $('.NB-classifier input[type=submit]');
|
|
var story_id = this.story_id;
|
|
var data = this.serialize_classifier();
|
|
|
|
NEWSBLUR.reader.update_opinions(this.$classifier, this.feed_id);
|
|
|
|
$save.text('Saving...').addClass('NB-disabled').attr('disabled', true);
|
|
this.model.save_classifier_publisher(data, function() {
|
|
NEWSBLUR.reader.force_feed_refresh();
|
|
$.modal.close();
|
|
});
|
|
},
|
|
|
|
save_story: function() {
|
|
var $save = $('.NB-classifier input[type=submit]');
|
|
var story_id = this.story_id;
|
|
var data = this.serialize_classifier();
|
|
|
|
NEWSBLUR.reader.update_opinions(this.$classifier, this.feed_id);
|
|
|
|
$save.text('Saving...').addClass('NB-disabled').attr('disabled', true);
|
|
this.model.save_classifier_story(story_id, data, function() {
|
|
NEWSBLUR.reader.force_feed_refresh();
|
|
$.modal.close();
|
|
});
|
|
}
|
|
|
|
};
|
|
|
|
NEWSBLUR.ReaderClassifierStory.prototype = classifier;
|
|
NEWSBLUR.ReaderClassifierFeed.prototype = classifier;
|