2010-10-10 23:36:09 -04:00
|
|
|
// Preferences:
|
|
|
|
|
// - Feed sort order
|
|
|
|
|
// - New window behavior
|
|
|
|
|
|
2010-06-13 18:57:20 -04:00
|
|
|
NEWSBLUR.ReaderPreferences = function(options) {
|
|
|
|
|
var defaults = {};
|
|
|
|
|
|
|
|
|
|
this.options = $.extend({}, defaults, options);
|
|
|
|
|
this.model = NEWSBLUR.AssetModel.reader();
|
|
|
|
|
this.runner();
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
NEWSBLUR.ReaderPreferences.prototype = {
|
|
|
|
|
|
|
|
|
|
runner: function() {
|
|
|
|
|
this.make_modal();
|
2010-10-30 00:27:52 -04:00
|
|
|
this.select_preferences();
|
2010-06-13 18:57:20 -04:00
|
|
|
this.handle_cancel();
|
2010-10-30 00:27:52 -04:00
|
|
|
this.handle_change();
|
2010-06-13 18:57:20 -04:00
|
|
|
this.open_modal();
|
|
|
|
|
|
|
|
|
|
this.$modal.bind('click', $.rescope(this.handle_click, this));
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
make_modal: function() {
|
|
|
|
|
var self = this;
|
|
|
|
|
|
|
|
|
|
this.$modal = $.make('div', { className: 'NB-modal-preferences NB-modal' }, [
|
|
|
|
|
$.make('h2', { className: 'NB-modal-title' }, 'Preferences'),
|
|
|
|
|
$.make('form', { className: 'NB-preferences-form' }, [
|
2010-10-30 00:27:52 -04:00
|
|
|
$.make('div', { className: 'NB-preference' }, [
|
|
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('select', { id: 'NB-preference-timezone-1', name: 'timezone' }, [
|
|
|
|
|
$.make('option', { value: 'Pacific/Midway' }, '(GMT-11:00) Midway Island, Samoa'),
|
|
|
|
|
$.make('option', { value: 'America/Adak' }, '(GMT-10:00) Hawaii-Aleutian'),
|
|
|
|
|
$.make('option', { value: 'Etc/GMT+10' }, '(GMT-10:00) Hawaii'),
|
|
|
|
|
$.make('option', { value: 'Pacific/Marquesas' }, '(GMT-09:30) Marquesas Islands'),
|
|
|
|
|
$.make('option', { value: 'Pacific/Gambier' }, '(GMT-09:00) Gambier Islands'),
|
|
|
|
|
$.make('option', { value: 'America/Anchorage' }, '(GMT-09:00) Alaska'),
|
|
|
|
|
$.make('option', { value: 'America/Ensenada' }, '(GMT-08:00) Tijuana, Baja California'),
|
|
|
|
|
$.make('option', { value: 'Etc/GMT+8' }, '(GMT-08:00) Pitcairn Islands'),
|
|
|
|
|
$.make('option', { value: 'America/Los_Angeles' }, '(GMT-08:00) Pacific Time (US & Canada)'),
|
|
|
|
|
$.make('option', { value: 'America/Denver' }, '(GMT-07:00) Mountain Time (US & Canada)'),
|
|
|
|
|
$.make('option', { value: 'America/Chihuahua' }, '(GMT-07:00) Chihuahua, La Paz, Mazatlan'),
|
|
|
|
|
$.make('option', { value: 'America/Dawson_Creek' }, '(GMT-07:00) Arizona'),
|
|
|
|
|
$.make('option', { value: 'America/Belize' }, '(GMT-06:00) Saskatchewan, Central America'),
|
|
|
|
|
$.make('option', { value: 'America/Cancun' }, '(GMT-06:00) Guadalajara, Mexico City'),
|
|
|
|
|
$.make('option', { value: 'Chile/EasterIsland' }, '(GMT-06:00) Easter Island'),
|
|
|
|
|
$.make('option', { value: 'America/Chicago' }, '(GMT-06:00) Central Time (US & Canada)'),
|
|
|
|
|
$.make('option', { value: 'America/New_York' }, '(GMT-05:00) Eastern Time (US & Canada)'),
|
|
|
|
|
$.make('option', { value: 'America/Havana' }, '(GMT-05:00) Cuba'),
|
|
|
|
|
$.make('option', { value: 'America/Bogota' }, '(GMT-05:00) Bogota, Lima, Quito, Rio Branco'),
|
|
|
|
|
$.make('option', { value: 'America/Caracas' }, '(GMT-04:30) Caracas'),
|
|
|
|
|
$.make('option', { value: 'America/Santiago' }, '(GMT-04:00) Santiago'),
|
|
|
|
|
$.make('option', { value: 'America/La_Paz' }, '(GMT-04:00) La Paz'),
|
|
|
|
|
$.make('option', { value: 'Atlantic/Stanley' }, '(GMT-04:00) Faukland Islands'),
|
|
|
|
|
$.make('option', { value: 'America/Campo_Grande' }, '(GMT-04:00) Brazil'),
|
|
|
|
|
$.make('option', { value: 'America/Goose_Bay' }, '(GMT-04:00) Atlantic Time (Goose Bay)'),
|
|
|
|
|
$.make('option', { value: 'America/Glace_Bay' }, '(GMT-04:00) Atlantic Time (Canada)'),
|
|
|
|
|
$.make('option', { value: 'America/St_Johns' }, '(GMT-03:30) Newfoundland'),
|
|
|
|
|
$.make('option', { value: 'America/Araguaina' }, '(GMT-03:00) UTC-3'),
|
|
|
|
|
$.make('option', { value: 'America/Montevideo' }, '(GMT-03:00) Montevideo'),
|
|
|
|
|
$.make('option', { value: 'America/Miquelon' }, '(GMT-03:00) Miquelon, St. Pierre'),
|
|
|
|
|
$.make('option', { value: 'America/Godthab' }, '(GMT-03:00) Greenland'),
|
|
|
|
|
$.make('option', { value: 'America/Argentina/Buenos_Aires' }, '(GMT-03:00) Buenos Aires'),
|
|
|
|
|
$.make('option', { value: 'America/Sao_Paulo' }, '(GMT-03:00) Brasilia'),
|
|
|
|
|
$.make('option', { value: 'America/Noronha' }, '(GMT-02:00) Mid-Atlantic'),
|
|
|
|
|
$.make('option', { value: 'Atlantic/Cape_Verde' }, '(GMT-01:00) Cape Verde Is.'),
|
|
|
|
|
$.make('option', { value: 'Atlantic/Azores' }, '(GMT-01:00) Azores'),
|
|
|
|
|
$.make('option', { value: 'Europe/Belfast' }, '(GMT) Greenwich Mean Time : Belfast'),
|
|
|
|
|
$.make('option', { value: 'Europe/Dublin' }, '(GMT) Greenwich Mean Time : Dublin'),
|
|
|
|
|
$.make('option', { value: 'Europe/Lisbon' }, '(GMT) Greenwich Mean Time : Lisbon'),
|
|
|
|
|
$.make('option', { value: 'Europe/London' }, '(GMT) Greenwich Mean Time : London'),
|
|
|
|
|
$.make('option', { value: 'Africa/Abidjan' }, '(GMT) Monrovia, Reykjavik'),
|
|
|
|
|
$.make('option', { value: 'Europe/Amsterdam' }, '(GMT+01:00) Amsterdam, Berlin, Stockholm'),
|
|
|
|
|
$.make('option', { value: 'Europe/Belgrade' }, '(GMT+01:00) Belgrade, Budapest, Prague'),
|
|
|
|
|
$.make('option', { value: 'Europe/Brussels' }, '(GMT+01:00) Brussels, Copenhagen, Paris'),
|
|
|
|
|
$.make('option', { value: 'Africa/Algiers' }, '(GMT+01:00) West Central Africa'),
|
|
|
|
|
$.make('option', { value: 'Africa/Windhoek' }, '(GMT+01:00) Windhoek'),
|
|
|
|
|
$.make('option', { value: 'Asia/Beirut' }, '(GMT+02:00) Beirut'),
|
|
|
|
|
$.make('option', { value: 'Africa/Cairo' }, '(GMT+02:00) Cairo'),
|
|
|
|
|
$.make('option', { value: 'Asia/Gaza' }, '(GMT+02:00) Gaza'),
|
|
|
|
|
$.make('option', { value: 'Africa/Blantyre' }, '(GMT+02:00) Harare, Pretoria'),
|
|
|
|
|
$.make('option', { value: 'Asia/Jerusalem' }, '(GMT+02:00) Jerusalem'),
|
|
|
|
|
$.make('option', { value: 'Europe/Minsk' }, '(GMT+02:00) Minsk'),
|
|
|
|
|
$.make('option', { value: 'Asia/Damascus' }, '(GMT+02:00) Syria'),
|
|
|
|
|
$.make('option', { value: 'Europe/Moscow' }, '(GMT+03:00) Moscow, St. Petersburg'),
|
|
|
|
|
$.make('option', { value: 'Africa/Addis_Ababa' }, '(GMT+03:00) Nairobi'),
|
|
|
|
|
$.make('option', { value: 'Asia/Tehran' }, '(GMT+03:30) Tehran'),
|
|
|
|
|
$.make('option', { value: 'Asia/Dubai' }, '(GMT+04:00) Abu Dhabi, Muscat'),
|
|
|
|
|
$.make('option', { value: 'Asia/Yerevan' }, '(GMT+04:00) Yerevan'),
|
|
|
|
|
$.make('option', { value: 'Asia/Kabul' }, '(GMT+04:30) Kabul'),
|
|
|
|
|
$.make('option', { value: 'Asia/Yekaterinburg' }, '(GMT+05:00) Ekaterinburg'),
|
|
|
|
|
$.make('option', { value: 'Asia/Tashkent' }, '(GMT+05:00) Tashkent'),
|
|
|
|
|
$.make('option', { value: 'Asia/Kolkata' }, '(GMT+05:30) Chennai, Mumbai, New Delhi'),
|
|
|
|
|
$.make('option', { value: 'Asia/Katmandu' }, '(GMT+05:45) Kathmandu'),
|
|
|
|
|
$.make('option', { value: 'Asia/Dhaka' }, '(GMT+06:00) Astana, Dhaka'),
|
|
|
|
|
$.make('option', { value: 'Asia/Novosibirsk' }, '(GMT+06:00) Novosibirsk'),
|
|
|
|
|
$.make('option', { value: 'Asia/Rangoon' }, '(GMT+06:30) Yangon (Rangoon)'),
|
|
|
|
|
$.make('option', { value: 'Asia/Bangkok' }, '(GMT+07:00) Bangkok, Hanoi, Jakarta'),
|
|
|
|
|
$.make('option', { value: 'Asia/Krasnoyarsk' }, '(GMT+07:00) Krasnoyarsk'),
|
|
|
|
|
$.make('option', { value: 'Asia/Hong_Kong' }, '(GMT+08:00) Beijing, Chongqing, Hong Kong'),
|
|
|
|
|
$.make('option', { value: 'Asia/Irkutsk' }, '(GMT+08:00) Irkutsk, Ulaan Bataar'),
|
|
|
|
|
$.make('option', { value: 'Australia/Perth' }, '(GMT+08:00) Perth'),
|
|
|
|
|
$.make('option', { value: 'Australia/Eucla' }, '(GMT+08:45) Eucla'),
|
|
|
|
|
$.make('option', { value: 'Asia/Tokyo' }, '(GMT+09:00) Osaka, Sapporo, Tokyo'),
|
|
|
|
|
$.make('option', { value: 'Asia/Seoul' }, '(GMT+09:00) Seoul'),
|
|
|
|
|
$.make('option', { value: 'Asia/Yakutsk' }, '(GMT+09:00) Yakutsk'),
|
|
|
|
|
$.make('option', { value: 'Australia/Adelaide' }, '(GMT+09:30) Adelaide'),
|
|
|
|
|
$.make('option', { value: 'Australia/Darwin' }, '(GMT+09:30) Darwin'),
|
|
|
|
|
$.make('option', { value: 'Australia/Brisbane' }, '(GMT+10:00) Brisbane'),
|
2010-11-04 11:36:46 -04:00
|
|
|
$.make('option', { value: 'Australia/Sydney' }, '(GMT+10:00) Sydney, Hobart'),
|
2010-10-30 00:27:52 -04:00
|
|
|
$.make('option', { value: 'Asia/Vladivostok' }, '(GMT+10:00) Vladivostok'),
|
|
|
|
|
$.make('option', { value: 'Australia/Lord_Howe' }, '(GMT+10:30) Lord Howe Island'),
|
|
|
|
|
$.make('option', { value: 'Etc/GMT-11' }, '(GMT+11:00) Solomon Is., New Caledonia'),
|
|
|
|
|
$.make('option', { value: 'Asia/Magadan' }, '(GMT+11:00) Magadan'),
|
|
|
|
|
$.make('option', { value: 'Pacific/Norfolk' }, '(GMT+11:30) Norfolk Island'),
|
|
|
|
|
$.make('option', { value: 'Asia/Anadyr' }, '(GMT+12:00) Anadyr, Kamchatka'),
|
|
|
|
|
$.make('option', { value: 'Pacific/Auckland' }, '(GMT+12:00) Auckland, Wellington'),
|
|
|
|
|
$.make('option', { value: 'Etc/GMT-12' }, '(GMT+12:00) Fiji, Kamchatka, Marshall Is.'),
|
|
|
|
|
$.make('option', { value: 'Pacific/Chatham' }, '(GMT+12:45) Chatham Islands'),
|
|
|
|
|
$.make('option', { value: 'Pacific/Tongatapu' }, '(GMT+13:00) Nuku\'alofa'),
|
|
|
|
|
$.make('option', { value: 'Pacific/Kiritimati' }, '(GMT+14:00) Kiritimati')
|
|
|
|
|
])
|
|
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
|
|
|
|
'Timezone'
|
|
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference NB-preference-view' }, [
|
|
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
|
|
|
|
$.make('div', [
|
2010-10-31 16:17:38 -04:00
|
|
|
$.make('input', { id: 'NB-preference-view-1', type: 'radio', name: 'default_view', value: 'page' }),
|
2010-10-30 00:27:52 -04:00
|
|
|
$.make('label', { 'for': 'NB-preference-view-1' }, [
|
|
|
|
|
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL+'/img/reader/preferences_view_original.png' })
|
|
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', { id: 'NB-preference-view-2', type: 'radio', name: 'default_view', value: 'feed' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-view-2' }, [
|
|
|
|
|
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL+'/img/reader/preferences_view_feed.png' })
|
|
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', { id: 'NB-preference-view-3', type: 'radio', name: 'default_view', value: 'story' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-view-3' }, [
|
|
|
|
|
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL+'/img/reader/preferences_view_story.png' })
|
|
|
|
|
])
|
|
|
|
|
])
|
2010-10-10 23:36:09 -04:00
|
|
|
]),
|
2010-10-30 00:27:52 -04:00
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
2011-01-13 09:50:57 -05:00
|
|
|
'Default view',
|
|
|
|
|
$.make('div', { className: 'NB-preference-sublabel' }, 'You can override this on a per-site basis.')
|
2010-10-30 00:27:52 -04:00
|
|
|
])
|
|
|
|
|
]),
|
2010-10-31 16:03:50 -04:00
|
|
|
$.make('div', { className: 'NB-preference NB-preference-window' }, [
|
2010-10-30 00:27:52 -04:00
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', { id: 'NB-preference-window-1', type: 'radio', name: 'new_window', value: 0 }),
|
2010-11-07 00:40:26 -04:00
|
|
|
$.make('label', { 'for': 'NB-preference-window-1' }, [
|
|
|
|
|
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL+'/img/icons/silk/application_view_gallery.png' }),
|
2011-01-13 09:50:57 -05:00
|
|
|
'In this window'
|
2010-11-07 00:40:26 -04:00
|
|
|
])
|
2010-10-30 00:27:52 -04:00
|
|
|
]),
|
2010-10-10 23:36:09 -04:00
|
|
|
$.make('div', [
|
2010-10-30 00:27:52 -04:00
|
|
|
$.make('input', { id: 'NB-preference-window-2', type: 'radio', name: 'new_window', value: 1 }),
|
2010-11-07 00:40:26 -04:00
|
|
|
$.make('label', { 'for': 'NB-preference-window-2' }, [
|
|
|
|
|
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL+'/img/icons/silk/application_side_expand.png' }),
|
|
|
|
|
'In a new window'
|
|
|
|
|
])
|
2010-10-10 23:36:09 -04:00
|
|
|
])
|
2010-10-30 00:27:52 -04:00
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
|
|
|
|
'Open links'
|
2010-10-10 23:36:09 -04:00
|
|
|
])
|
|
|
|
|
]),
|
2010-11-05 10:35:52 -04:00
|
|
|
$.make('div', { className: 'NB-preference NB-preference-hidereadfeeds' }, [
|
|
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', { id: 'NB-preference-hidereadfeeds-1', type: 'radio', name: 'hide_read_feeds', value: 0 }),
|
2010-12-08 20:53:45 -05:00
|
|
|
$.make('label', { 'for': 'NB-preference-hidereadfeeds-1' }, [
|
|
|
|
|
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL+'/img/icons/silk/text_list_bullets.png' }),
|
|
|
|
|
'Show everything'
|
|
|
|
|
])
|
2010-11-05 10:35:52 -04:00
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', { id: 'NB-preference-hidereadfeeds-2', type: 'radio', name: 'hide_read_feeds', value: 1 }),
|
2010-12-08 20:53:45 -05:00
|
|
|
$.make('label', { 'for': 'NB-preference-hidereadfeeds-2' }, [
|
|
|
|
|
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL+'/img/icons/silk/text_list_bullets_single.png' }),
|
|
|
|
|
'Hide sites with no unread stories'
|
|
|
|
|
])
|
2010-11-05 10:35:52 -04:00
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
2011-01-13 09:57:50 -05:00
|
|
|
'Site sidebar',
|
|
|
|
|
$.make('div', { className: 'NB-preference-sublabel' }, this.make_site_sidebar_count())
|
2010-11-05 10:35:52 -04:00
|
|
|
])
|
|
|
|
|
]),
|
2010-12-07 09:52:14 -05:00
|
|
|
$.make('div', { className: 'NB-preference NB-preference-singlestory' }, [
|
|
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', { id: 'NB-preference-singlestory-1', type: 'radio', name: 'feed_view_single_story', value: 0 }),
|
2010-12-08 20:53:45 -05:00
|
|
|
$.make('label', { 'for': 'NB-preference-singlestory-1' }, [
|
|
|
|
|
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL+'/img/icons/silk/text_linespacing.png' }),
|
|
|
|
|
'Show all stories'
|
|
|
|
|
])
|
2010-12-07 09:52:14 -05:00
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', { id: 'NB-preference-singlestory-2', type: 'radio', name: 'feed_view_single_story', value: 1 }),
|
2010-12-08 20:53:45 -05:00
|
|
|
$.make('label', { 'for': 'NB-preference-singlestory-2' }, [
|
|
|
|
|
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL+'/img/icons/silk/text_horizontalrule.png' }),
|
|
|
|
|
'Show a single story at a time'
|
|
|
|
|
])
|
2010-12-07 09:52:14 -05:00
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
2010-12-08 20:53:45 -05:00
|
|
|
'Feed view'
|
2010-12-07 09:52:14 -05:00
|
|
|
])
|
|
|
|
|
]),
|
2010-11-25 15:34:06 -05:00
|
|
|
$.make('div', { className: 'NB-preference NB-preference-story-styling' }, [
|
|
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', { id: 'NB-preference-story-styling-1', type: 'radio', name: 'story_styling', value: 'sans-serif' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-story-styling-1', className: 'NB-preference-story-styling-sans-serif' }, 'Lucida Grande, sans serif')
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', { id: 'NB-preference-story-styling-2', type: 'radio', name: 'story_styling', value: 'serif' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-story-styling-2', className: 'NB-preference-story-styling-serif' }, 'Georgia, serif')
|
|
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
|
|
|
|
'Feed view styling'
|
|
|
|
|
])
|
|
|
|
|
]),
|
2011-02-16 20:45:37 -05:00
|
|
|
$.make('div', { className: 'NB-preference NB-preference-story-share' }, [
|
|
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
|
|
|
|
$.make('div', { className: 'NB-preference-option', title: 'Twitter' }, [
|
|
|
|
|
$.make('input', { type: 'checkbox', id: 'NB-preference-story-share-twitter', name: 'story_share_twitter' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-story-share-twitter' })
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference-option', title: 'Facebook' }, [
|
|
|
|
|
$.make('input', { type: 'checkbox', id: 'NB-preference-story-share-facebook', name: 'story_share_facebook' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-story-share-facebook' })
|
|
|
|
|
]),
|
2011-02-23 11:40:25 -05:00
|
|
|
// $.make('div', { className: 'NB-preference-option', title: 'Readability' }, [
|
|
|
|
|
// $.make('input', { type: 'checkbox', id: 'NB-preference-story-share-readability', name: 'story_share_readability' }),
|
|
|
|
|
// $.make('label', { 'for': 'NB-preference-story-share-readability' })
|
|
|
|
|
// ]),
|
2011-02-16 20:45:37 -05:00
|
|
|
$.make('div', { className: 'NB-preference-option', title: 'Instapaper' }, [
|
|
|
|
|
$.make('input', { type: 'checkbox', id: 'NB-preference-story-share-instapaper', name: 'story_share_instapaper' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-story-share-instapaper' })
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference-option', title: 'Read It Later' }, [
|
|
|
|
|
$.make('input', { type: 'checkbox', id: 'NB-preference-story-share-readitlater', name: 'story_share_readitlater' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-story-share-readitlater' })
|
|
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
|
|
|
|
'Sharing services'
|
|
|
|
|
])
|
|
|
|
|
]),
|
2010-11-08 12:09:55 -05:00
|
|
|
$.make('div', { className: 'NB-preference NB-preference-password' }, [
|
|
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
|
|
|
|
$.make('div', { className: 'NB-preference-option' }, [
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-password-old' }, 'Old password'),
|
|
|
|
|
$.make('input', { id: 'NB-preference-password-old', type: 'password', name: 'old_password', value: '' })
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference-option' }, [
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-password-new' }, 'New password'),
|
|
|
|
|
$.make('input', { id: 'NB-preference-password-new', type: 'password', name: 'new_password', value: '' })
|
|
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
|
|
|
|
'Change Password',
|
|
|
|
|
$.make('div', { className: 'NB-preference-error'})
|
|
|
|
|
])
|
|
|
|
|
]),
|
2010-06-13 18:57:20 -04:00
|
|
|
$.make('div', { className: 'NB-modal-submit' }, [
|
2010-10-30 00:27:52 -04:00
|
|
|
$.make('input', { type: 'submit', disabled: 'true', className: 'NB-modal-submit-green NB-disabled', value: 'Change what you like above...' }),
|
2010-06-13 18:57:20 -04:00
|
|
|
' or ',
|
|
|
|
|
$.make('a', { href: '#', className: 'NB-modal-cancel' }, 'cancel')
|
|
|
|
|
])
|
|
|
|
|
]).bind('submit', function(e) {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
self.save_preferences();
|
|
|
|
|
return false;
|
|
|
|
|
})
|
|
|
|
|
]);
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
open_modal: function() {
|
|
|
|
|
var self = this;
|
2010-06-30 12:17:22 -04:00
|
|
|
|
2010-06-13 18:57:20 -04:00
|
|
|
this.$modal.modal({
|
|
|
|
|
'minWidth': 600,
|
2010-08-03 23:41:02 -04:00
|
|
|
'maxWidth': 600,
|
2010-06-13 18:57:20 -04:00
|
|
|
'overlayClose': true,
|
|
|
|
|
'onOpen': function (dialog) {
|
|
|
|
|
dialog.overlay.fadeIn(200, function () {
|
|
|
|
|
dialog.container.fadeIn(200);
|
|
|
|
|
dialog.data.fadeIn(200);
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
'onShow': function(dialog) {
|
2010-08-03 23:41:02 -04:00
|
|
|
$('#simplemodal-container').corner('6px');
|
2010-06-13 18:57:20 -04:00
|
|
|
},
|
|
|
|
|
'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();
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
2010-10-30 00:27:52 -04:00
|
|
|
select_preferences: function() {
|
|
|
|
|
if (NEWSBLUR.Preferences.timezone) {
|
|
|
|
|
$('select[name=timezone] option', this.$modal).each(function() {
|
|
|
|
|
if ($(this).val() == NEWSBLUR.Preferences.timezone) {
|
|
|
|
|
$(this).attr('selected', true);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$('input[name=default_view]', this.$modal).each(function() {
|
|
|
|
|
if ($(this).val() == NEWSBLUR.Preferences.default_view) {
|
|
|
|
|
$(this).attr('checked', true);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
2010-11-05 10:35:52 -04:00
|
|
|
$('input[name=new_window]', this.$modal).each(function() {
|
2010-10-30 00:27:52 -04:00
|
|
|
if ($(this).val() == NEWSBLUR.Preferences.new_window) {
|
|
|
|
|
$(this).attr('checked', true);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
2010-11-05 10:35:52 -04:00
|
|
|
$('input[name=hide_read_feeds]', this.$modal).each(function() {
|
|
|
|
|
if ($(this).val() == NEWSBLUR.Preferences.hide_read_feeds) {
|
|
|
|
|
$(this).attr('checked', true);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
2010-12-07 09:52:14 -05:00
|
|
|
$('input[name=feed_view_single_story]', this.$modal).each(function() {
|
|
|
|
|
if ($(this).val() == NEWSBLUR.Preferences.feed_view_single_story) {
|
|
|
|
|
$(this).attr('checked', true);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
2010-11-25 15:34:06 -05:00
|
|
|
$('input[name=story_styling]', this.$modal).each(function() {
|
|
|
|
|
if ($(this).val() == NEWSBLUR.Preferences.story_styling) {
|
|
|
|
|
$(this).attr('checked', true);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
2011-02-16 20:45:37 -05:00
|
|
|
|
|
|
|
|
var share_preferences = _.select(_.keys(NEWSBLUR.Preferences), function(p) {
|
|
|
|
|
return p.indexOf('story_share') != -1;
|
|
|
|
|
});
|
|
|
|
|
_.each(share_preferences, _.bind(function(share) {
|
|
|
|
|
var share_name = share.match(/story_share_(.*)/)[1];
|
|
|
|
|
$('input#NB-preference-story-share-'+share_name, this.$modal).attr('checked', NEWSBLUR.Preferences[share]);
|
|
|
|
|
}, this));
|
2010-10-30 00:27:52 -04:00
|
|
|
},
|
|
|
|
|
|
2010-06-13 18:57:20 -04:00
|
|
|
handle_cancel: function() {
|
|
|
|
|
var $cancel = $('.NB-modal-cancel', this.$modal);
|
|
|
|
|
|
|
|
|
|
$cancel.click(function(e) {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
$.modal.close();
|
|
|
|
|
});
|
|
|
|
|
},
|
2010-10-30 00:27:52 -04:00
|
|
|
|
|
|
|
|
serialize_preferences: function() {
|
|
|
|
|
var preferences = {};
|
|
|
|
|
|
2010-11-08 12:09:55 -05:00
|
|
|
$('input[type=radio]:checked, select, input[type=password]', this.$modal).each(function() {
|
2010-10-30 00:27:52 -04:00
|
|
|
preferences[$(this).attr('name')] = $(this).val();
|
|
|
|
|
});
|
2011-02-16 20:45:37 -05:00
|
|
|
$('input[type=checkbox]', this.$modal).each(function() {
|
|
|
|
|
preferences[$(this).attr('name')] = $(this).is(':checked');
|
|
|
|
|
});
|
2010-10-30 00:27:52 -04:00
|
|
|
|
|
|
|
|
return preferences;
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
save_preferences: function() {
|
2010-11-08 12:09:55 -05:00
|
|
|
var self = this;
|
2010-10-30 00:27:52 -04:00
|
|
|
var form = this.serialize_preferences();
|
2010-11-08 12:09:55 -05:00
|
|
|
$('.NB-preference-error', this.$modal).text('');
|
2010-10-30 00:27:52 -04:00
|
|
|
$('input[type=submit]', this.$modal).val('Saving...').attr('disabled', true).addClass('NB-disabled');
|
|
|
|
|
|
2010-11-08 12:09:55 -05:00
|
|
|
this.model.save_preferences(form, function(data) {
|
|
|
|
|
if (data.code == -1) {
|
|
|
|
|
$('.NB-preference-password .NB-preference-error', this.$modal).text(data.message);
|
2010-11-09 11:34:50 -05:00
|
|
|
return self.disable_save();
|
2010-11-08 12:09:55 -05:00
|
|
|
}
|
2010-11-05 10:35:52 -04:00
|
|
|
NEWSBLUR.reader.switch_feed_view_unread_view();
|
2010-11-25 15:34:06 -05:00
|
|
|
NEWSBLUR.reader.apply_story_styling(true);
|
2010-12-08 20:53:45 -05:00
|
|
|
NEWSBLUR.reader.show_stories_preference_in_feed_view();
|
2010-10-30 00:27:52 -04:00
|
|
|
$.modal.close();
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
2011-01-13 09:57:50 -05:00
|
|
|
make_site_sidebar_count: function() {
|
|
|
|
|
var sites = _.keys(this.model.feeds).length;
|
|
|
|
|
var unreads = _.select(this.model.feeds, function(f) {
|
|
|
|
|
return f.ng || f.nt || f.ps;
|
|
|
|
|
}).length;
|
|
|
|
|
var message = [
|
|
|
|
|
"Currently ",
|
|
|
|
|
unreads,
|
|
|
|
|
" out of ",
|
|
|
|
|
sites,
|
|
|
|
|
Inflector.pluralize(' site', sites),
|
|
|
|
|
" would be shown."
|
|
|
|
|
].join('');
|
|
|
|
|
|
|
|
|
|
return message;
|
|
|
|
|
},
|
|
|
|
|
|
2010-06-13 18:57:20 -04:00
|
|
|
// ===========
|
|
|
|
|
// = Actions =
|
|
|
|
|
// ===========
|
|
|
|
|
|
|
|
|
|
handle_click: function(elem, e) {
|
|
|
|
|
var self = this;
|
|
|
|
|
|
|
|
|
|
$.targetIs(e, { tagSelector: '.NB-add-url-submit' }, function($t, $p) {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
|
2010-10-30 00:27:52 -04:00
|
|
|
self.save_preferences();
|
2010-06-13 18:57:20 -04:00
|
|
|
});
|
2010-10-30 00:27:52 -04:00
|
|
|
},
|
|
|
|
|
|
|
|
|
|
handle_change: function() {
|
2010-11-08 12:09:55 -05:00
|
|
|
|
2011-02-16 20:45:37 -05:00
|
|
|
$('input[type=radio],input[type=checkbox],select,input[type=password]', this.$modal).bind('change', _.bind(this.enable_save, this));
|
2010-11-08 12:09:55 -05:00
|
|
|
$('input[type=password]', this.$modal).bind('keydown', _.bind(this.enable_save, this));
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
enable_save: function() {
|
|
|
|
|
$('input[type=submit]', this.$modal).removeAttr('disabled').removeClass('NB-disabled').val('Save Preferences');
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
disable_save: function() {
|
2010-11-09 11:34:50 -05:00
|
|
|
$('input[type=submit]', this.$modal).attr('disabled', true).addClass('NB-disabled').val('Change what you like above...');
|
2010-06-13 18:57:20 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
};
|
