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

Finishing up the newsletters dialog. Perhaps an intro email on first newsletter?

Browse source
This commit is contained in:
Samuel Clay 2016-05-12 18:32:56 -07:00
parent fd9d1dda15
commit a64556068d
5 changed files with 39 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
media/css/reader.css
View file

@ -9279,6 +9279,23 @@ form.opml_import_form input {
background-size: 28px;
}
.NB-modal-newsletters .NB-newsletters-email {
margin: 0 0 0 24px;
font-size: 18px;
width: 80%;
}
.NB-modal-newsletters p {
margin-left: 24px;
font-size: 14px;
}
.NB-modal-newsletters .NB-newsletters-gmail {
width: 700px;
margin: 0 auto;
display: block;
padding: 12px;
border: 1px solid #F0F0F0;
}
/* ================= */
/* = Goodies Modal = */
/* ================= */

BIN
media/img/icons/circular/g_modal_mail.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
media/img/icons/circular/menu_icn_mail.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 865 B

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
media/img/reader/newsletters_gmail.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 298 KiB

51
media/js/newsblur/reader/reader_newsletters.js
View file

@ -1,5 +1,7 @@
NEWSBLUR.ReaderNewsletters = function(options) {
var defaults = {};
var defaults = {
'width': 800
};
this.options = $.extend({}, defaults, options);
this.model = NEWSBLUR.assets;
@ -13,13 +15,16 @@ _.extend(NEWSBLUR.ReaderNewsletters.prototype, {
runner: function() {
this.make_modal();
this.open_modal();
this.open_modal(_.bind(function() {
$('.NB-newsletters-email').click();
}, this));
this.$modal.bind('click', $.rescope(this.handle_click, this));
},
make_modal: function() {
var self = this;
var email = NEWSBLUR.Globals.username + "-" + NEWSBLUR.Globals.secret_token + "@newsletters.newsblur.com";
this.$modal = $.make('div', { className: 'NB-modal-newsletters NB-modal' }, [
$.make('h2', { className: 'NB-modal-title' }, [
@ -32,11 +37,24 @@ _.extend(NEWSBLUR.ReaderNewsletters.prototype, {
$.make('legend', 'Forwarding email address')
]),
$.make('div', { className: 'NB-newsletters-group' }, [
$.make('input', { type: 'text', value: 'x@y.com' })
$.make('input', { type: 'text', value: email, className: 'NB-newsletters-email' })
]),
$.make('fieldset', [
$.make('legend', 'Setup instructions')
]),
$.make('div', { className: 'NB-newsletters-group' }, [
$.make('p', 'To read your email newsletters in NewsBlur, forward your newsletters to your custom email address shown above.'),
$.make('p', [
'In Gmail, go to ',
$.make('b', 'Settings > Forwarding'),
' and click on ',
$.make('b', 'Add a forwarding address'),
'. Add your custom NewsBlur email address.'
]),
$.make('p', 'Gmail will walk you through confirming the email address. You\'ll want to come back to NewsBlur and look for the confirmation email under the "Newsletters" folder.'),
$.make('p', 'Next, create a filter with all of your newsletters so that they forward to the custom address on NewsBlur.'),
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL + "/img/reader/newsletters_gmail.png", className: 'NB-newsletters-gmail' })
])
]);
},
@ -47,33 +65,8 @@ _.extend(NEWSBLUR.ReaderNewsletters.prototype, {
handle_click: function(elem, e) {
var self = this;
$.targetIs(e, { tagSelector: '.NB-goodies-bookmarklet-button' }, function($t, $p) {
e.preventDefault();
alert('Drag this button to your bookmark toolbar.');
});
$.targetIs(e, { tagSelector: '.NB-goodies-firefox-link' }, function($t, $p) {
e.preventDefault();
var host = [
document.location.protocol,
'//',
document.location.host,
'/'
].join('');
navigator.registerContentHandler("application/vnd.mozilla.maybe.feed",
host + "?url=%s",
"NewsBlur");
navigator.registerContentHandler("application/atom+xml",
host + "?url=%s",
"NewsBlur");
navigator.registerContentHandler("application/rss+xml",
host + "?url=%s",
"NewsBlur");
});
$.targetIs(e, { tagSelector: '.NB-goodies-custom-input' }, function($t, $p) {
$.targetIs(e, { tagSelector: '.NB-newsletters-email' }, function($t, $p) {
e.preventDefault();
$t.select();
});