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) {
|
2013-01-06 15:55:24 -08:00
|
|
|
var defaults = {
|
|
|
|
|
width: 700
|
|
|
|
|
};
|
2010-06-13 18:57:20 -04:00
|
|
|
|
|
|
|
|
this.options = $.extend({}, defaults, options);
|
2012-05-17 18:40:46 -07:00
|
|
|
this.model = NEWSBLUR.assets;
|
2010-06-13 18:57:20 -04:00
|
|
|
this.runner();
|
|
|
|
|
};
|
|
|
|
|
|
2011-07-27 09:33:34 -07:00
|
|
|
NEWSBLUR.ReaderPreferences.prototype = new NEWSBLUR.Modal;
|
|
|
|
|
NEWSBLUR.ReaderPreferences.prototype.constructor = NEWSBLUR.ReaderPreferences;
|
|
|
|
|
|
|
|
|
|
_.extend(NEWSBLUR.ReaderPreferences.prototype, {
|
|
|
|
|
|
2010-06-13 18:57:20 -04:00
|
|
|
runner: function() {
|
2011-09-29 22:12:46 -07:00
|
|
|
this.options.onOpen = _.bind(function() {
|
|
|
|
|
this.resize_modal();
|
|
|
|
|
}, this);
|
2010-06-13 18:57:20 -04:00
|
|
|
this.make_modal();
|
2010-10-30 00:27:52 -04:00
|
|
|
this.select_preferences();
|
|
|
|
|
this.handle_change();
|
2010-06-13 18:57:20 -04:00
|
|
|
this.open_modal();
|
2011-04-25 20:53:29 -04:00
|
|
|
this.original_preferences = this.serialize_preferences();
|
2010-06-13 18:57:20 -04:00
|
|
|
|
|
|
|
|
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' }, [
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('div', { className: 'NB-modal-tabs' }, [
|
|
|
|
|
$.make('div', { className: 'NB-modal-tab NB-active NB-modal-tab-general' }, 'General'),
|
|
|
|
|
$.make('div', { className: 'NB-modal-tab NB-modal-tab-feeds' }, 'Feeds'),
|
2013-05-22 14:24:25 -07:00
|
|
|
$.make('div', { className: 'NB-modal-tab NB-modal-tab-stories' }, 'Stories'),
|
|
|
|
|
$.make('div', { className: 'NB-modal-tab NB-modal-tab-keyboard' }, 'Keyboard')
|
2013-01-06 15:55:24 -08:00
|
|
|
]),
|
2013-04-05 11:26:25 -07:00
|
|
|
$.make('div', { className: 'NB-modal-loading' }),
|
|
|
|
|
$.make('h2', { className: 'NB-modal-title' }, [
|
|
|
|
|
$.make('div', { className: 'NB-icon' }),
|
2013-05-22 17:05:30 -07:00
|
|
|
'Preferences',
|
|
|
|
|
$.make('div', { className: 'NB-icon-dropdown' })
|
2013-04-05 11:26:25 -07:00
|
|
|
]),
|
2010-06-13 18:57:20 -04:00
|
|
|
$.make('form', { className: 'NB-preferences-form' }, [
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('div', { className: 'NB-tab NB-tab-general NB-active' }, [
|
2011-09-29 09:53:55 -07: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'),
|
|
|
|
|
$.make('option', { value: 'Australia/Sydney' }, '(GMT+10:00) Sydney, Hobart'),
|
|
|
|
|
$.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')
|
|
|
|
|
])
|
2010-10-30 00:27:52 -04:00
|
|
|
])
|
2011-09-29 09:53:55 -07:00
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
|
|
|
|
'Timezone'
|
2010-10-30 00:27:52 -04:00
|
|
|
])
|
|
|
|
|
]),
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('div', { className: 'NB-preference NB-preference-ssl' }, [
|
2011-09-29 09:53:55 -07:00
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
|
|
|
|
$.make('div', [
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('input', { id: 'NB-preference-ssl-1', type: 'radio', name: 'ssl', value: 0 }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-ssl-1' }, [
|
|
|
|
|
'Use a standard connection'
|
2011-09-29 09:53:55 -07:00
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('input', { id: 'NB-preference-ssl-2', type: 'radio', name: 'ssl', value: 1 }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-ssl-2' }, [
|
2013-03-06 16:49:23 -08:00
|
|
|
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL+'/img/icons/circular/g_icn_lock.png' }),
|
2013-01-06 15:55:24 -08:00
|
|
|
'Only use a secure https connection'
|
2011-09-29 09:53:55 -07:00
|
|
|
])
|
2011-09-28 16:44:28 -07:00
|
|
|
])
|
|
|
|
|
]),
|
2011-09-29 09:53:55 -07:00
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
2013-01-06 15:55:24 -08:00
|
|
|
'SSL'
|
2011-09-29 09:53:55 -07:00
|
|
|
])
|
|
|
|
|
]),
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('div', { className: 'NB-preference NB-preference-showunreadcountsintitle' }, [
|
2011-09-29 09:53:55 -07:00
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
|
|
|
|
$.make('div', [
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('input', { id: 'NB-preference-showunreadcountsintitle-1', type: 'checkbox', name: 'title_counts', value: 0 }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-showunreadcountsintitle-1' }, [
|
|
|
|
|
'Show unread counts in the window title'
|
2011-09-29 09:53:55 -07:00
|
|
|
])
|
2011-09-28 16:44:28 -07:00
|
|
|
])
|
|
|
|
|
]),
|
2011-09-29 09:53:55 -07:00
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
2013-01-06 15:55:24 -08:00
|
|
|
'Window title'
|
2011-09-28 16:44:28 -07:00
|
|
|
])
|
|
|
|
|
]),
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('div', { className: 'NB-preference NB-preference-animations' }, [
|
2011-09-29 09:53:55 -07:00
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
|
|
|
|
$.make('div', [
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('input', { id: 'NB-preference-animations-1', type: 'radio', name: 'animations', value: 'true' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-animations-1' }, [
|
|
|
|
|
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL+'/img/icons/silk/arrow_in.png' }),
|
|
|
|
|
'Show all animations'
|
2011-09-29 09:53:55 -07:00
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('input', { id: 'NB-preference-animations-2', type: 'radio', name: 'animations', value: 'false' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-animations-2' }, [
|
|
|
|
|
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL+'/img/icons/silk/arrow_right.png' }),
|
|
|
|
|
'Jump immediately with no animations'
|
2011-09-29 09:53:55 -07:00
|
|
|
])
|
2010-11-07 00:40:26 -04:00
|
|
|
])
|
2010-10-30 00:27:52 -04:00
|
|
|
]),
|
2011-09-29 09:53:55 -07:00
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
2013-01-06 15:55:24 -08:00
|
|
|
'Animations'
|
2010-10-10 23:36:09 -04:00
|
|
|
])
|
2010-10-30 00:27:52 -04:00
|
|
|
]),
|
2011-09-29 09:53:55 -07:00
|
|
|
$.make('div', { className: 'NB-preference NB-preference-feedorder' }, [
|
|
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', { id: 'NB-preference-feedorder-1', type: 'radio', name: 'feed_order', value: 'ALPHABETICAL' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-feedorder-1' }, [
|
|
|
|
|
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL+'/img/icons/silk/pilcrow.png' }),
|
|
|
|
|
'Alphabetical'
|
|
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', { id: 'NB-preference-feedorder-2', type: 'radio', name: 'feed_order', value: 'MOSTUSED' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-feedorder-2' }, [
|
|
|
|
|
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL+'/img/icons/silk/report_user.png' }),
|
|
|
|
|
'Most used at top, then alphabetical'
|
|
|
|
|
])
|
2010-12-08 20:53:45 -05:00
|
|
|
])
|
2010-11-05 10:35:52 -04:00
|
|
|
]),
|
2011-09-29 09:53:55 -07:00
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
|
|
|
|
'Site sidebar order'
|
2010-11-05 10:35:52 -04:00
|
|
|
])
|
|
|
|
|
]),
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('div', { className: 'NB-preference NB-preference-folder-counts' }, [
|
2012-02-29 17:18:55 -08:00
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
|
|
|
|
$.make('div', [
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('input', { id: 'NB-preference-folder-counts-1', type: 'radio', name: 'folder_counts', value: 'false' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-folder-counts-1' }, [
|
|
|
|
|
'Only show counts on collapsed folders'
|
2012-02-29 17:18:55 -08:00
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('input', { id: 'NB-preference-folder-counts-2', type: 'radio', name: 'folder_counts', value: 'true' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-folder-counts-2' }, [
|
|
|
|
|
'Always show unread counts on folders'
|
2012-02-29 17:18:55 -08:00
|
|
|
])
|
|
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
2013-01-06 15:55:24 -08:00
|
|
|
'Folder unread counts'
|
2012-02-29 17:18:55 -08:00
|
|
|
])
|
|
|
|
|
]),
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('div', { className: 'NB-preference NB-preference-tooltips' }, [
|
2012-02-17 18:36:33 -08:00
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
|
|
|
|
$.make('div', [
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('input', { id: 'NB-preference-tooltips-1', type: 'radio', name: 'show_tooltips', value: 1 }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-tooltips-1' }, [
|
|
|
|
|
'Show tooltips'
|
2012-02-17 18:36:33 -08:00
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('input', { id: 'NB-preference-tooltips-2', type: 'radio', name: 'show_tooltips', value: 0 }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-tooltips-2' }, [
|
|
|
|
|
'Don\'t bother showing tooltips'
|
2012-02-17 18:36:33 -08:00
|
|
|
])
|
|
|
|
|
])
|
|
|
|
|
]),
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('div', { className: 'NB-preference-label' }, [
|
|
|
|
|
'Tooltips',
|
|
|
|
|
$.make('div', { className: 'tipsy tipsy-n' }, [
|
|
|
|
|
$.make('div', { className: 'tipsy-arrow' }),
|
|
|
|
|
$.make('div', { className: 'tipsy-inner' }, 'Tooltips like this')
|
|
|
|
|
]).css({
|
|
|
|
|
'display': 'block',
|
|
|
|
|
'top': 24,
|
|
|
|
|
'left': -5
|
|
|
|
|
})
|
2012-02-17 18:36:33 -08:00
|
|
|
])
|
2012-07-29 14:10:07 -07:00
|
|
|
]),
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('div', { className: 'NB-preference NB-preference-opml' }, [
|
|
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
|
|
|
|
$.make('a', { className: 'NB-splash-link', href: NEWSBLUR.URLs['opml-export'] }, 'Download OPML')
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
|
|
|
|
'Backup your sites',
|
|
|
|
|
$.make('div', { className: 'NB-preference-sublabel' }, 'Download this XML file as a backup')
|
|
|
|
|
])
|
|
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-tab NB-tab-feeds' }, [
|
|
|
|
|
$.make('div', { className: 'NB-preference NB-preference-view' }, [
|
2012-05-07 15:11:10 -07:00
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
|
|
|
|
$.make('div', [
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('input', { id: 'NB-preference-view-1', type: 'radio', name: 'default_view', value: 'page' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-view-1' }, [
|
|
|
|
|
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL+'/img/reader/preferences_view_original.png' })
|
2012-05-07 15:11:10 -07:00
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
2013-01-06 15:55:24 -08:00
|
|
|
$.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' })
|
2012-05-07 15:11:10 -07:00
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
2013-01-06 15:55:24 -08:00
|
|
|
$.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' })
|
2012-05-07 15:11:10 -07:00
|
|
|
])
|
|
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
2013-01-06 15:55:24 -08:00
|
|
|
'Default view',
|
|
|
|
|
$.make('div', { className: 'NB-preference-sublabel' }, 'You can override this on a per-site basis.')
|
2012-05-07 15:11:10 -07:00
|
|
|
])
|
|
|
|
|
]),
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('div', { className: 'NB-preference NB-preference-view-setting' }, [
|
2011-09-29 09:53:55 -07:00
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('ul', { className: 'segmented-control NB-preference-view-setting-order' }, [
|
|
|
|
|
$.make('li', { className: 'NB-preference-view-setting-order-newest NB-active' }, 'Newest first'),
|
|
|
|
|
$.make('li', { className: 'NB-preference-view-setting-order-oldest' }, 'Oldest')
|
2011-09-29 09:53:55 -07:00
|
|
|
]),
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('ul', { className: 'segmented-control NB-preference-view-setting-read-filter' }, [
|
|
|
|
|
$.make('li', { className: 'NB-preference-view-setting-read-filter-all NB-active' }, 'All stories'),
|
|
|
|
|
$.make('li', { className: 'NB-preference-view-setting-read-filter-unread' }, 'Unread only')
|
2011-04-25 20:53:29 -04:00
|
|
|
])
|
|
|
|
|
]),
|
2011-09-29 09:53:55 -07:00
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
2013-01-06 15:55:24 -08:00
|
|
|
'Default story order',
|
|
|
|
|
$.make('div', { className: 'NB-preference-sublabel' }, 'You can override this on a per-site and per-folder basis.')
|
2011-04-25 20:53:29 -04:00
|
|
|
])
|
|
|
|
|
]),
|
2011-09-29 09:53:55 -07: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 }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-singlestory-1' }, [
|
|
|
|
|
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL+'/img/icons/silk/text_linespacing.png' }),
|
|
|
|
|
'Show all stories'
|
|
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', { id: 'NB-preference-singlestory-2', type: 'radio', name: 'feed_view_single_story', value: 1 }),
|
|
|
|
|
$.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'
|
|
|
|
|
])
|
2011-04-13 23:06:16 -04:00
|
|
|
])
|
|
|
|
|
]),
|
2011-09-29 09:53:55 -07:00
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
|
|
|
|
'Feed view'
|
2011-04-13 23:06:16 -04:00
|
|
|
])
|
|
|
|
|
]),
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('div', { className: 'NB-preference NB-preference-story-pane-position' }, [
|
2011-09-29 09:53:55 -07:00
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
|
|
|
|
$.make('div', [
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('input', { id: 'NB-preference-story-pane-position-1', type: 'radio', name: 'story_pane_anchor', value: 'north' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-story-pane-position-1' }, [
|
|
|
|
|
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL+'/img/reader/layout_top.png' }),
|
|
|
|
|
'Top'
|
2011-09-29 09:53:55 -07:00
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('input', { id: 'NB-preference-story-pane-position-2', type: 'radio', name: 'story_pane_anchor', value: 'west' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-story-pane-position-2' }, [
|
|
|
|
|
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL+'/img/reader/layout_left.png' }),
|
|
|
|
|
'Left'
|
2011-10-31 19:44:36 -07:00
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('input', { id: 'NB-preference-story-pane-position-3', type: 'radio', name: 'story_pane_anchor', value: 'south' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-story-pane-position-3' }, [
|
|
|
|
|
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL+'/img/reader/layout_bottom.png' }),
|
|
|
|
|
'Bottom'
|
2011-10-31 19:44:36 -07:00
|
|
|
])
|
|
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
2013-01-06 15:55:24 -08:00
|
|
|
'Story titles pane'
|
2011-10-31 19:44:36 -07:00
|
|
|
])
|
|
|
|
|
]),
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('div', { className: 'NB-preference NB-preference-openfeedaction' }, [
|
2011-09-29 09:53:55 -07:00
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
|
|
|
|
$.make('div', [
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('input', { id: 'NB-preference-openfeedaction-1', type: 'radio', name: 'open_feed_action', value: 'newest' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-openfeedaction-1' }, [
|
|
|
|
|
'Open the first story'
|
|
|
|
|
])
|
2011-09-29 09:53:55 -07:00
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('input', { id: 'NB-preference-openfeedaction-0', type: 'radio', name: 'open_feed_action', value: 0, checked: true }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-openfeedaction-0' }, [
|
|
|
|
|
'Show all stories'
|
|
|
|
|
])
|
2011-06-07 12:57:34 -04:00
|
|
|
])
|
|
|
|
|
]),
|
2011-09-29 09:53:55 -07:00
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
2013-01-06 15:55:24 -08:00
|
|
|
'When opening a site'
|
2011-06-07 12:57:34 -04:00
|
|
|
])
|
|
|
|
|
]),
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('div', { className: 'NB-preference NB-preference-readstorydelay' }, [
|
2012-10-23 14:07:28 -07:00
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
|
|
|
|
$.make('div', [
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('input', { id: 'NB-preference-readstorydelay-1', type: 'radio', name: 'read_story_delay', value: '0' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-readstorydelay-1' }, [
|
|
|
|
|
'Immediately'
|
|
|
|
|
])
|
2012-10-23 14:07:28 -07:00
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('input', { id: 'NB-preference-readstorydelay-2', type: 'radio', name: 'read_story_delay', value: '1' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-readstorydelay-2' }, [
|
|
|
|
|
'After ',
|
|
|
|
|
$.make('span', { className: 'NB-tangle-readstorydelay', 'data-var': 'delay' }),
|
|
|
|
|
$.make('span', { className: 'NB-tangle-seconds' }, ' second.')
|
2011-09-29 09:53:55 -07:00
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('input', { id: 'NB-preference-readstorydelay-0', type: 'radio', name: 'read_story_delay', value: "-1" }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-readstorydelay-0' }, [
|
|
|
|
|
'Manually by hitting ',
|
|
|
|
|
$.make('div', { className: 'NB-keyboard-shortcut-key',
|
|
|
|
|
style: 'display: inline; float: none' }, [
|
|
|
|
|
'u'
|
|
|
|
|
])
|
2011-09-29 09:53:55 -07:00
|
|
|
])
|
|
|
|
|
])
|
2010-11-25 15:34:06 -05:00
|
|
|
]),
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
|
|
|
|
'Mark a story as read'
|
2010-11-25 15:34:06 -05:00
|
|
|
])
|
2013-01-06 15:55:24 -08:00
|
|
|
])
|
|
|
|
|
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-tab NB-tab-stories' }, [
|
2011-09-29 09:53:55 -07: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' })
|
|
|
|
|
]),
|
2012-03-19 20:12:57 -07: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-09-29 09:53:55 -07: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' })
|
|
|
|
|
]),
|
2011-11-07 18:21:38 -08:00
|
|
|
$.make('div', { className: 'NB-preference-option', title: 'Pinboard.in' }, [
|
|
|
|
|
$.make('input', { type: 'checkbox', id: 'NB-preference-story-share-pinboard', name: 'story_share_pinboard' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-story-share-pinboard' })
|
|
|
|
|
]),
|
2012-06-27 12:49:40 -07:00
|
|
|
$.make('div', { className: 'NB-preference-option', title: 'Diigo' }, [
|
|
|
|
|
$.make('input', { type: 'checkbox', id: 'NB-preference-story-share-diigo', name: 'story_share_diigo' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-story-share-diigo' })
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference-option', title: 'Kippt' }, [
|
|
|
|
|
$.make('input', { type: 'checkbox', id: 'NB-preference-story-share-kippt', name: 'story_share_kippt' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-story-share-kippt' })
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference-option', title: 'Evernote' }, [
|
|
|
|
|
$.make('input', { type: 'checkbox', id: 'NB-preference-story-share-evernote', name: 'story_share_evernote' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-story-share-evernote' })
|
|
|
|
|
]),
|
2011-11-07 18:21:38 -08:00
|
|
|
$.make('div', { className: 'NB-preference-option', title: 'Google+' }, [
|
|
|
|
|
$.make('input', { type: 'checkbox', id: 'NB-preference-story-share-googleplus', name: 'story_share_googleplus' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-story-share-googleplus' })
|
|
|
|
|
]),
|
2012-04-17 10:58:32 -07:00
|
|
|
$.make('div', { className: 'NB-preference-option', title: 'Pocket (RIL)' }, [
|
2011-09-29 09:53:55 -07:00
|
|
|
$.make('input', { type: 'checkbox', id: 'NB-preference-story-share-readitlater', name: 'story_share_readitlater' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-story-share-readitlater' })
|
2012-01-13 10:46:56 -08:00
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference-option', title: 'Tumblr' }, [
|
|
|
|
|
$.make('input', { type: 'checkbox', id: 'NB-preference-story-share-tumblr', name: 'story_share_tumblr' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-story-share-tumblr' })
|
2012-05-06 16:26:54 -07:00
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference-option', title: 'Delicious' }, [
|
|
|
|
|
$.make('input', { type: 'checkbox', id: 'NB-preference-story-share-delicious', name: 'story_share_delicious' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-story-share-delicious' })
|
2011-05-01 19:58:40 -04:00
|
|
|
])
|
|
|
|
|
]),
|
2011-09-29 09:53:55 -07:00
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
|
|
|
|
'Sharing services'
|
2011-05-01 19:58:40 -04:00
|
|
|
])
|
|
|
|
|
]),
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('div', { className: 'NB-preference NB-preference-window' }, [
|
2011-09-29 09:53:55 -07:00
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
2013-01-06 15:55:24 -08:00
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', { id: 'NB-preference-window-1', type: 'radio', name: 'new_window', value: 0 }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-window-1' }, [
|
|
|
|
|
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL+'/img/icons/silk/application_view_gallery.png' }),
|
|
|
|
|
'In this window'
|
|
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', { id: 'NB-preference-window-2', type: 'radio', name: 'new_window', value: 1 }),
|
|
|
|
|
$.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'
|
|
|
|
|
])
|
|
|
|
|
])
|
2011-02-16 20:45:37 -05:00
|
|
|
]),
|
2011-09-29 09:53:55 -07:00
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
2013-01-06 15:55:24 -08:00
|
|
|
'Open links'
|
|
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference NB-preference-hidestorychanges' }, [
|
|
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', { id: 'NB-preference-hidestorychanges-1', type: 'radio', name: 'hide_story_changes', value: 0 }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-hidestorychanges-1' }, [
|
2013-03-06 16:49:23 -08:00
|
|
|
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL+'/img/icons/circular/g_icn_modified.png' }),
|
2013-01-06 15:55:24 -08:00
|
|
|
'Show ',
|
|
|
|
|
$.make('del', 'changes'),
|
|
|
|
|
' ',
|
|
|
|
|
$.make('ins', 'revisions'),
|
|
|
|
|
' in stories'
|
|
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', { id: 'NB-preference-hidestorychanges-2', type: 'radio', name: 'hide_story_changes', value: 1 }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-hidestorychanges-2' }, [
|
|
|
|
|
'Hide changes and only show the final story'
|
|
|
|
|
])
|
|
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
|
|
|
|
'Story changes'
|
|
|
|
|
])
|
|
|
|
|
]),
|
2013-02-05 12:52:32 -08:00
|
|
|
$.make('div', { className: 'NB-preference NB-preference-truncatestory' }, [
|
|
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', { id: 'NB-preference-truncatestory-1', type: 'radio', name: 'truncate_story', value: 'social' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-truncatestory-1' }, [
|
|
|
|
|
'Only truncate long shared stories in blurblogs'
|
|
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', { id: 'NB-preference-truncatestory-2', type: 'radio', name: 'truncate_story', value: 'all' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-truncatestory-2' }, [
|
|
|
|
|
'Force all tall stories to have a max height'
|
|
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', { id: 'NB-preference-truncatestory-3', type: 'radio', name: 'truncate_story', value: 'none' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-truncatestory-3' }, [
|
|
|
|
|
'Show the entire story, even if really, really long'
|
|
|
|
|
])
|
|
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
|
|
|
|
'Truncate stories'
|
|
|
|
|
])
|
|
|
|
|
]),
|
2013-01-06 15:55:24 -08: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'}, [
|
2013-01-06 16:44:15 -08:00
|
|
|
'Feed view font family'
|
|
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference NB-preference-story-size' }, [
|
|
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', { id: 'NB-preference-story-size-1', type: 'radio', name: 'story_size', value: 'xs' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-story-size-1', className: 'NB-preference-story-size-xs' }, 'Extra small')
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', { id: 'NB-preference-story-size-2', type: 'radio', name: 'story_size', value: 's' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-story-size-2', className: 'NB-preference-story-size-s' }, 'Small')
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', { id: 'NB-preference-story-size-3', type: 'radio', name: 'story_size', value: 'm' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-story-size-3', className: 'NB-preference-story-size-m' }, 'Medium')
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', { id: 'NB-preference-story-size-4', type: 'radio', name: 'story_size', value: 'l' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-story-size-4', className: 'NB-preference-story-size-l' }, 'Large')
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', { id: 'NB-preference-story-size-5', type: 'radio', name: 'story_size', value: 'xl' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-story-size-5', className: 'NB-preference-story-size-xl' }, 'Extra large')
|
|
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
|
|
|
|
'Feed view text size'
|
2013-01-06 15:55:24 -08:00
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference NB-preference-public-comments' }, [
|
|
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', { id: 'NB-preference-public-comments-1', type: 'radio', name: 'hide_public_comments', value: 'false' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-public-comments-1' }, 'Show from both friends and the public')
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', { id: 'NB-preference-public-comments-2', type: 'radio', name: 'hide_public_comments', value: 'true' }),
|
|
|
|
|
$.make('label', { 'for': 'NB-preference-public-comments-2' }, 'Only show comments from friends')
|
|
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
|
|
|
|
'Show all comments'
|
2011-02-16 20:45:37 -05:00
|
|
|
])
|
2011-03-11 11:22:28 -05:00
|
|
|
])
|
2013-05-22 14:24:25 -07:00
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-tab NB-tab-keyboard' }, [
|
2013-05-22 16:40:56 -07:00
|
|
|
(!NEWSBLUR.Globals.is_premium && $.make('div', { className: 'NB-preferences-notpremium' }, [
|
2013-05-22 14:24:25 -07:00
|
|
|
'You must have a ',
|
2013-05-22 16:40:56 -07:00
|
|
|
$.make('span', { className: 'NB-splash-link NB-premium-link' }, 'premium account'),
|
2013-05-22 14:24:25 -07:00
|
|
|
' to change keyboard shortcuts.'
|
|
|
|
|
])),
|
2013-05-22 16:40:56 -07:00
|
|
|
$.make('div', { className: 'NB-preference NB-preference-keyboard-horizontalarrows' }, [
|
2013-05-22 14:24:25 -07:00
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', {
|
2013-05-22 16:40:56 -07:00
|
|
|
id: 'NB-preference-keyboard-horizontalarrows-1',
|
2013-05-22 14:24:25 -07:00
|
|
|
type: 'radio',
|
2013-05-22 16:40:56 -07:00
|
|
|
name: 'keyboard_horizontalarrows',
|
|
|
|
|
value: 'view',
|
2013-05-22 14:24:25 -07:00
|
|
|
disabled: !NEWSBLUR.Globals.is_premium
|
|
|
|
|
}),
|
2013-05-22 16:40:56 -07:00
|
|
|
$.make('label', { 'for': 'NB-preference-keyboard-horizontalarrows-1' }, 'Switch between views (original, feed, text, story)')
|
2013-05-22 14:24:25 -07:00
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', {
|
2013-05-22 16:40:56 -07:00
|
|
|
id: 'NB-preference-keyboard-horizontalarrows-2',
|
2013-05-22 14:24:25 -07:00
|
|
|
type: 'radio',
|
2013-05-22 16:40:56 -07:00
|
|
|
name: 'keyboard_horizontalarrows',
|
|
|
|
|
value: 'site',
|
2013-05-22 14:24:25 -07:00
|
|
|
disabled: !NEWSBLUR.Globals.is_premium
|
|
|
|
|
}),
|
2013-05-22 16:40:56 -07:00
|
|
|
$.make('label', { 'for': 'NB-preference-keyboard-horizontalarrows-2' }, 'Open the next site/folder')
|
2013-05-22 14:24:25 -07:00
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
|
|
|
|
$.make('div', { className: 'NB-keyboard-shortcut-key' }, [
|
2013-05-22 16:40:56 -07:00
|
|
|
'←'
|
2013-05-22 14:24:25 -07:00
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-keyboard-shortcut-key' }, [
|
2013-05-22 16:40:56 -07:00
|
|
|
'→'
|
2013-05-22 14:24:25 -07:00
|
|
|
])
|
|
|
|
|
])
|
|
|
|
|
]),
|
2013-05-22 16:40:56 -07:00
|
|
|
$.make('div', { className: 'NB-preference NB-preference-keyboard-verticalarrows' }, [
|
2013-05-22 14:24:25 -07:00
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', {
|
2013-05-22 16:40:56 -07:00
|
|
|
id: 'NB-preference-keyboard-verticalarrows-1',
|
2013-05-22 14:24:25 -07:00
|
|
|
type: 'radio',
|
2013-05-22 16:40:56 -07:00
|
|
|
name: 'keyboard_verticalarrows',
|
|
|
|
|
value: 'story',
|
2013-05-22 14:24:25 -07:00
|
|
|
disabled: !NEWSBLUR.Globals.is_premium
|
|
|
|
|
}),
|
2013-05-22 16:40:56 -07:00
|
|
|
$.make('label', { 'for': 'NB-preference-keyboard-verticalarrows-1' }, 'Navigate between stories')
|
2013-05-22 14:24:25 -07:00
|
|
|
]),
|
|
|
|
|
$.make('div', [
|
|
|
|
|
$.make('input', {
|
2013-05-22 16:40:56 -07:00
|
|
|
id: 'NB-preference-keyboard-verticalarrows-2',
|
2013-05-22 14:24:25 -07:00
|
|
|
type: 'radio',
|
2013-05-22 16:40:56 -07:00
|
|
|
name: 'keyboard_verticalarrows',
|
|
|
|
|
value: 'scroll',
|
2013-05-22 14:24:25 -07:00
|
|
|
disabled: !NEWSBLUR.Globals.is_premium
|
|
|
|
|
}),
|
2013-05-22 16:40:56 -07:00
|
|
|
$.make('label', { 'for': 'NB-preference-keyboard-verticalarrows-2' }, [
|
|
|
|
|
'Scroll up/down in story by ',
|
|
|
|
|
$.make('span', { className: 'NB-tangle-arrowscrollspacing-control NB-preference-slider', 'data-var': 'arrow' }),
|
|
|
|
|
$.make('span', { className: 'NB-tangle-arrowscrollspacing' }, '100'),
|
|
|
|
|
'px.',
|
|
|
|
|
$.make('input', { name: 'arrow_scroll_spacing', value: NEWSBLUR.Preferences.arrow_scroll_spacing, type: 'hidden' })
|
|
|
|
|
])
|
2013-05-22 14:24:25 -07:00
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
|
|
|
|
$.make('div', { className: 'NB-keyboard-shortcut-key' }, [
|
2013-05-22 16:40:56 -07:00
|
|
|
'↓'
|
2013-05-22 14:24:25 -07:00
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-keyboard-shortcut-key' }, [
|
2013-05-22 16:40:56 -07:00
|
|
|
'↑'
|
|
|
|
|
])
|
|
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference NB-preference-keyboard-spacebar' }, [
|
|
|
|
|
$.make('div', { className: 'NB-preference-options' }, [
|
|
|
|
|
$.make('div', [
|
|
|
|
|
'Page down by ',
|
|
|
|
|
$.make('span', { className: 'NB-tangle-spacescrollspacing-control NB-preference-slider', 'data-var': 'space' }),
|
|
|
|
|
' ',
|
|
|
|
|
$.make('span', { className: 'NB-tangle-spacescrollspacing' }, '40%'),
|
|
|
|
|
' of the screen',
|
|
|
|
|
$.make('input', { name: 'space_scroll_spacing', value: NEWSBLUR.Preferences.space_scroll_spacing, type: 'hidden' })
|
|
|
|
|
])
|
|
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-preference-label'}, [
|
|
|
|
|
$.make('div', { className: 'NB-keyboard-shortcut-key' }, [
|
|
|
|
|
'space'
|
2013-05-22 14:24:25 -07:00
|
|
|
])
|
|
|
|
|
])
|
|
|
|
|
])
|
2010-06-13 18:57:20 -04:00
|
|
|
])
|
2013-04-04 16:22:49 -07:00
|
|
|
]),
|
|
|
|
|
$.make('div', { className: 'NB-modal-submit NB-modal-submit-form' }, [
|
2013-04-05 11:26:25 -07:00
|
|
|
$.make('div', { disabled: 'true', className: 'NB-modal-submit-button NB-modal-submit-green NB-disabled' }, 'Make changes above...')
|
2013-04-04 16:22:49 -07:00
|
|
|
])
|
2010-06-13 18:57:20 -04:00
|
|
|
]);
|
|
|
|
|
},
|
2011-09-29 22:12:46 -07:00
|
|
|
|
|
|
|
|
resize_modal: function() {
|
2013-01-08 14:11:59 -08:00
|
|
|
var $scroll = $('.NB-tab.NB-active', this.$modal);
|
2011-09-29 22:12:46 -07:00
|
|
|
var $modal = this.$modal;
|
|
|
|
|
var $modal_container = $modal.closest('.simplemodal-container');
|
|
|
|
|
|
|
|
|
|
if ($modal.height() > $modal_container.height() - 24) {
|
|
|
|
|
$scroll.height($scroll.height() - 5);
|
|
|
|
|
this.resize_modal();
|
|
|
|
|
}
|
2010-06-30 12:17:22 -04:00
|
|
|
|
2011-09-29 22:12:46 -07:00
|
|
|
},
|
|
|
|
|
|
2010-10-30 00:27:52 -04:00
|
|
|
select_preferences: function() {
|
2012-05-07 15:11:10 -07:00
|
|
|
var $modal = this.$modal;
|
|
|
|
|
|
2010-10-30 00:27:52 -04:00
|
|
|
if (NEWSBLUR.Preferences.timezone) {
|
2012-05-07 15:11:10 -07:00
|
|
|
$('select[name=timezone] option', $modal).each(function() {
|
2010-10-30 00:27:52 -04:00
|
|
|
if ($(this).val() == NEWSBLUR.Preferences.timezone) {
|
|
|
|
|
$(this).attr('selected', true);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
2012-05-07 15:11:10 -07:00
|
|
|
$('input[name=default_view]', $modal).each(function() {
|
2010-10-30 00:27:52 -04:00
|
|
|
if ($(this).val() == NEWSBLUR.Preferences.default_view) {
|
|
|
|
|
$(this).attr('checked', true);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
2011-09-29 09:53:55 -07:00
|
|
|
});
|
2012-05-07 15:11:10 -07:00
|
|
|
$('input[name=story_pane_anchor]', $modal).each(function() {
|
2011-09-29 09:53:55 -07:00
|
|
|
if ($(this).val() == NEWSBLUR.Preferences.story_pane_anchor) {
|
|
|
|
|
$(this).attr('checked', true);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
2013-06-17 17:37:38 -07:00
|
|
|
});
|
2013-07-08 17:06:01 -07:00
|
|
|
$('input[name=new_window]', $modal).each(function() {
|
2010-10-30 00:27:52 -04:00
|
|
|
if ($(this).val() == NEWSBLUR.Preferences.new_window) {
|
|
|
|
|
$(this).attr('checked', true);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
2012-05-07 15:11:10 -07:00
|
|
|
$('input[name=feed_order]', $modal).each(function() {
|
2011-04-25 20:53:29 -04:00
|
|
|
if ($(this).val() == NEWSBLUR.Preferences.feed_order) {
|
|
|
|
|
$(this).attr('checked', true);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
2012-05-07 15:11:10 -07:00
|
|
|
$('input[name=ssl]', $modal).each(function() {
|
2012-02-29 17:18:55 -08:00
|
|
|
if ($(this).val() == NEWSBLUR.Preferences.ssl) {
|
|
|
|
|
$(this).attr('checked', true);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
2013-01-06 15:55:24 -08:00
|
|
|
$('input[name=title_counts]', $modal).each(function() {
|
|
|
|
|
if (NEWSBLUR.Preferences.title_counts) {
|
|
|
|
|
$(this).attr('checked', true);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
2012-05-07 15:11:10 -07:00
|
|
|
$('input[name=open_feed_action]', $modal).each(function() {
|
2012-02-17 18:36:33 -08:00
|
|
|
if ($(this).val() == NEWSBLUR.Preferences.open_feed_action) {
|
|
|
|
|
$(this).attr('checked', true);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
2012-05-07 15:11:10 -07:00
|
|
|
$('input[name=read_story_delay]', $modal).each(function() {
|
|
|
|
|
if ($(this).val() == ""+NEWSBLUR.Preferences.read_story_delay) {
|
|
|
|
|
$(this).attr('checked', true);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
$('input[name=hide_story_changes]', $modal).each(function() {
|
2011-04-13 23:06:16 -04:00
|
|
|
if ($(this).val() == NEWSBLUR.Preferences.hide_story_changes) {
|
|
|
|
|
$(this).attr('checked', true);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
2013-02-05 12:52:32 -08:00
|
|
|
$('input[name=truncate_story]', $modal).each(function() {
|
|
|
|
|
if ($(this).val() == NEWSBLUR.Preferences.truncate_story) {
|
|
|
|
|
$(this).attr('checked', true);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
2012-05-07 15:11:10 -07:00
|
|
|
$('input[name=feed_view_single_story]', $modal).each(function() {
|
2010-12-07 09:52:14 -05:00
|
|
|
if ($(this).val() == NEWSBLUR.Preferences.feed_view_single_story) {
|
|
|
|
|
$(this).attr('checked', true);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
2012-05-07 15:11:10 -07:00
|
|
|
$('input[name=animations]', $modal).each(function() {
|
2011-06-07 12:57:34 -04:00
|
|
|
if ($(this).val() == ""+NEWSBLUR.Preferences.animations) {
|
|
|
|
|
$(this).attr('checked', true);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
2012-05-07 15:11:10 -07:00
|
|
|
$('input[name=folder_counts]', $modal).each(function() {
|
2011-10-31 19:44:36 -07:00
|
|
|
if ($(this).val() == ""+NEWSBLUR.Preferences.folder_counts) {
|
|
|
|
|
$(this).attr('checked', true);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
2012-05-07 15:11:10 -07:00
|
|
|
$('input[name=show_tooltips]', $modal).each(function() {
|
2011-05-01 19:58:40 -04:00
|
|
|
if ($(this).val() == NEWSBLUR.Preferences.show_tooltips) {
|
|
|
|
|
$(this).attr('checked', true);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
2012-05-07 15:11:10 -07:00
|
|
|
$('input[name=story_styling]', $modal).each(function() {
|
2010-11-25 15:34:06 -05:00
|
|
|
if ($(this).val() == NEWSBLUR.Preferences.story_styling) {
|
|
|
|
|
$(this).attr('checked', true);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
2013-01-06 16:44:15 -08:00
|
|
|
$('input[name=story_size]', $modal).each(function() {
|
|
|
|
|
if ($(this).val() == NEWSBLUR.Preferences.story_size) {
|
|
|
|
|
$(this).attr('checked', true);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
2012-10-23 14:07:28 -07:00
|
|
|
$('input[name=hide_public_comments]', $modal).each(function() {
|
|
|
|
|
if ($(this).val() == ""+NEWSBLUR.Preferences.hide_public_comments) {
|
|
|
|
|
$(this).attr('checked', true);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
2013-05-22 14:24:25 -07:00
|
|
|
$('input[name=keyboard_verticalarrows]', $modal).each(function() {
|
|
|
|
|
if ($(this).val() == NEWSBLUR.Preferences.keyboard_verticalarrows) {
|
|
|
|
|
$(this).attr('checked', true);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
$('input[name=keyboard_horizontalarrows]', $modal).each(function() {
|
|
|
|
|
if ($(this).val() == NEWSBLUR.Preferences.keyboard_horizontalarrows) {
|
|
|
|
|
$(this).attr('checked', true);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
2013-05-22 16:40:56 -07:00
|
|
|
$('input[name=arrow_scroll_spacing]', $modal).val(NEWSBLUR.Preferences.arrow_scroll_spacing);
|
|
|
|
|
$('input[name=space_scroll_spacing]', $modal).val(NEWSBLUR.Preferences.space_scroll_spacing);
|
|
|
|
|
|
2012-07-29 21:07:03 -07:00
|
|
|
var order = NEWSBLUR.Preferences['default_order'];
|
|
|
|
|
var read_filter = NEWSBLUR.Preferences['default_read_filter'];
|
|
|
|
|
$('.NB-preference-view-setting-order-oldest', $modal).toggleClass('NB-active', order == 'oldest');
|
|
|
|
|
$('.NB-preference-view-setting-order-newest', $modal).toggleClass('NB-active', order != 'oldest');
|
|
|
|
|
$('.NB-preference-view-setting-read-filter-unread', $modal).toggleClass('NB-active', read_filter == 'unread');
|
|
|
|
|
$('.NB-preference-view-setting-read-filter-all', $modal).toggleClass('NB-active', read_filter != 'unread');
|
2011-02-16 20:45:37 -05:00
|
|
|
|
|
|
|
|
var share_preferences = _.select(_.keys(NEWSBLUR.Preferences), function(p) {
|
|
|
|
|
return p.indexOf('story_share') != -1;
|
|
|
|
|
});
|
2012-05-07 15:11:10 -07:00
|
|
|
_.each(share_preferences, function(share) {
|
2011-02-16 20:45:37 -05:00
|
|
|
var share_name = share.match(/story_share_(.*)/)[1];
|
2012-05-07 15:11:10 -07:00
|
|
|
$('input#NB-preference-story-share-'+share_name, $modal).attr('checked', NEWSBLUR.Preferences[share]);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$(".NB-tangle-readstorydelay", $modal).slider({
|
|
|
|
|
range: 'min',
|
|
|
|
|
min: 1,
|
|
|
|
|
max: 60,
|
|
|
|
|
step: 1,
|
|
|
|
|
value: NEWSBLUR.Preferences.read_story_delay > 0 ? NEWSBLUR.Preferences.read_story_delay : 1,
|
|
|
|
|
slide: _.bind(this.slide_read_story_delay_slider, this)
|
|
|
|
|
});
|
2013-05-22 16:40:56 -07:00
|
|
|
$(".NB-tangle-arrowscrollspacing-control", $modal).slider({
|
|
|
|
|
range: 'min',
|
|
|
|
|
min: 20,
|
|
|
|
|
max: 500,
|
|
|
|
|
step: 20,
|
|
|
|
|
value: NEWSBLUR.Preferences.arrow_scroll_spacing,
|
|
|
|
|
slide: _.bind(this.slide_arrow_scroll_spacing_slider, this),
|
|
|
|
|
disabled: !NEWSBLUR.Globals.is_premium
|
|
|
|
|
});
|
|
|
|
|
$(".NB-tangle-spacescrollspacing-control", $modal).slider({
|
|
|
|
|
range: 'min',
|
|
|
|
|
min: 10,
|
|
|
|
|
max: 100,
|
|
|
|
|
step: 10,
|
|
|
|
|
value: NEWSBLUR.Preferences.space_scroll_spacing,
|
|
|
|
|
slide: _.bind(this.slide_space_scroll_spacing_slider, this),
|
|
|
|
|
disabled: !NEWSBLUR.Globals.is_premium
|
|
|
|
|
});
|
2012-05-07 15:11:10 -07:00
|
|
|
this.slide_read_story_delay_slider();
|
2013-05-22 16:40:56 -07:00
|
|
|
this.slide_arrow_scroll_spacing_slider();
|
|
|
|
|
this.slide_space_scroll_spacing_slider();
|
2012-05-07 15:11:10 -07:00
|
|
|
},
|
|
|
|
|
|
|
|
|
|
slide_read_story_delay_slider: function(e, ui) {
|
|
|
|
|
var value = (ui && ui.value) ||
|
|
|
|
|
(NEWSBLUR.Preferences.read_story_delay > 0 ? NEWSBLUR.Preferences.read_story_delay : 1);
|
|
|
|
|
$(".NB-tangle-seconds", this.$modal).text(value == 1 ? value + ' second.' : value + ' seconds.');
|
|
|
|
|
if (NEWSBLUR.Preferences.read_story_delay > 0 || ui) {
|
|
|
|
|
$("#NB-preference-readstorydelay-2", this.$modal).attr('checked', true).val(value);
|
|
|
|
|
if (ui) {
|
|
|
|
|
this.enable_save();
|
|
|
|
|
}
|
|
|
|
|
}
|
2010-10-30 00:27:52 -04:00
|
|
|
},
|
2013-05-22 16:40:56 -07:00
|
|
|
|
|
|
|
|
slide_arrow_scroll_spacing_slider: function(e, ui) {
|
|
|
|
|
var value = (ui && ui.value) || NEWSBLUR.Preferences.arrow_scroll_spacing;
|
|
|
|
|
if (!NEWSBLUR.Globals.is_premium) {
|
|
|
|
|
value = NEWSBLUR.Preferences.arrow_scroll_spacing;
|
|
|
|
|
}
|
|
|
|
|
$(".NB-tangle-arrowscrollspacing", this.$modal).text(value);
|
|
|
|
|
$("input[name=arrow_scroll_spacing]", this.$modal).val(value);
|
|
|
|
|
if (NEWSBLUR.Preferences.keyboard_verticalarrows == 'scroll' || ui) {
|
|
|
|
|
$("#NB-preference-keyboard-verticalarrows-2", this.$modal).attr('checked', true);
|
|
|
|
|
if (ui) {
|
|
|
|
|
this.enable_save();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
slide_space_scroll_spacing_slider: function(e, ui) {
|
|
|
|
|
var value = (ui && ui.value) || NEWSBLUR.Preferences.space_scroll_spacing;
|
|
|
|
|
if (!NEWSBLUR.Globals.is_premium) {
|
|
|
|
|
value = NEWSBLUR.Preferences.space_scroll_spacing;
|
|
|
|
|
}
|
|
|
|
|
$(".NB-tangle-spacescrollspacing", this.$modal).text(value + "%");
|
|
|
|
|
$("input[name=space_scroll_spacing]", this.$modal).val(value);
|
|
|
|
|
if (ui) {
|
|
|
|
|
this.enable_save();
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
2010-10-30 00:27:52 -04:00
|
|
|
serialize_preferences: function() {
|
|
|
|
|
var preferences = {};
|
|
|
|
|
|
2011-07-27 22:17:34 -07:00
|
|
|
$('input[type=radio]:checked, select', this.$modal).each(function() {
|
2011-06-07 12:57:34 -04:00
|
|
|
var name = $(this).attr('name');
|
|
|
|
|
var preference = preferences[name] = $(this).val();
|
|
|
|
|
if (preference == 'true') preferences[name] = true;
|
|
|
|
|
else if (preference == 'false') preferences[name] = false;
|
2010-10-30 00:27:52 -04:00
|
|
|
});
|
2011-02-16 20:45:37 -05:00
|
|
|
$('input[type=checkbox]', this.$modal).each(function() {
|
|
|
|
|
preferences[$(this).attr('name')] = $(this).is(':checked');
|
|
|
|
|
});
|
2013-05-22 16:40:56 -07:00
|
|
|
$('input[type=hidden]', this.$modal).each(function() {
|
|
|
|
|
preferences[$(this).attr('name')] = $(this).val();
|
|
|
|
|
});
|
2012-07-29 21:07:03 -07:00
|
|
|
preferences['default_order'] = $('.NB-preference-view-setting-order li.NB-active', this.$modal).hasClass('NB-preference-view-setting-order-oldest') ? 'oldest' : 'newest';
|
|
|
|
|
preferences['default_read_filter'] = $('.NB-preference-view-setting-read-filter li.NB-active', this.$modal).hasClass('NB-preference-view-setting-read-filter-unread') ? 'unread' : 'all';
|
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('');
|
2013-04-04 16:22:49 -07:00
|
|
|
$('.NB-modal-submit-button', this.$modal).text('Saving...').attr('disabled', true).addClass('NB-disabled');
|
2010-10-30 00:27:52 -04:00
|
|
|
|
2010-11-08 12:09:55 -05:00
|
|
|
this.model.save_preferences(form, function(data) {
|
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);
|
2011-05-01 20:22:54 -04:00
|
|
|
NEWSBLUR.reader.apply_tipsy_titles();
|
2012-06-14 15:03:20 -07:00
|
|
|
NEWSBLUR.app.story_list.show_stories_preference_in_feed_view();
|
2013-01-06 15:55:24 -08:00
|
|
|
NEWSBLUR.app.sidebar_header.count();
|
2011-11-01 00:20:06 -07:00
|
|
|
if (self.original_preferences['feed_order'] != form['feed_order'] ||
|
|
|
|
|
self.original_preferences['folder_counts'] != form['folder_counts']) {
|
2012-05-17 18:40:46 -07:00
|
|
|
NEWSBLUR.app.feed_list.make_feeds();
|
|
|
|
|
NEWSBLUR.app.feed_list.make_social_feeds();
|
2011-04-25 20:53:29 -04:00
|
|
|
}
|
2013-07-08 17:06:01 -07:00
|
|
|
if (self.original_preferences['story_pane_anchor'] != form['story_pane_anchor']) {
|
2011-09-29 09:53:55 -07:00
|
|
|
NEWSBLUR.reader.apply_resizable_layout(true);
|
|
|
|
|
}
|
2012-02-29 17:18:55 -08:00
|
|
|
if (self.original_preferences['ssl'] != form['ssl']) {
|
|
|
|
|
NEWSBLUR.reader.check_and_load_ssl();
|
|
|
|
|
}
|
2011-07-27 22:17:34 -07:00
|
|
|
self.close();
|
2010-10-30 00:27:52 -04:00
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
2011-07-27 09:33:34 -07:00
|
|
|
close_and_load_account: function() {
|
|
|
|
|
this.close(function() {
|
|
|
|
|
NEWSBLUR.reader.open_account_modal();
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
2013-05-22 16:40:56 -07:00
|
|
|
close_and_load_feedchooser: function() {
|
|
|
|
|
this.close(function() {
|
|
|
|
|
NEWSBLUR.reader.open_feedchooser_modal();
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
2012-07-29 21:07:03 -07:00
|
|
|
change_view_setting: function(view, setting) {
|
|
|
|
|
if (view == 'order') {
|
|
|
|
|
$('.NB-preference-view-setting-order-oldest').toggleClass('NB-active', setting == 'oldest');
|
|
|
|
|
$('.NB-preference-view-setting-order-newest').toggleClass('NB-active', setting != 'oldest');
|
|
|
|
|
} else if (view == 'read_filter') {
|
|
|
|
|
$('.NB-preference-view-setting-read-filter-unread').toggleClass('NB-active', setting == 'unread');
|
|
|
|
|
$('.NB-preference-view-setting-read-filter-all').toggleClass('NB-active', setting != 'unread');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
this.enable_save();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2010-06-13 18:57:20 -04:00
|
|
|
// ===========
|
|
|
|
|
// = Actions =
|
|
|
|
|
// ===========
|
|
|
|
|
|
|
|
|
|
handle_click: function(elem, e) {
|
|
|
|
|
var self = this;
|
|
|
|
|
|
2013-01-06 15:55:24 -08:00
|
|
|
$.targetIs(e, { tagSelector: '.NB-modal-tab' }, function($t, $p) {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
var newtab;
|
|
|
|
|
if ($t.hasClass('NB-modal-tab-general')) {
|
|
|
|
|
newtab = 'general';
|
|
|
|
|
} else if ($t.hasClass('NB-modal-tab-feeds')) {
|
|
|
|
|
newtab = 'feeds';
|
|
|
|
|
} else if ($t.hasClass('NB-modal-tab-stories')) {
|
|
|
|
|
newtab = 'stories';
|
2013-05-22 14:24:25 -07:00
|
|
|
} else if ($t.hasClass('NB-modal-tab-keyboard')) {
|
|
|
|
|
newtab = 'keyboard';
|
2013-01-06 15:55:24 -08:00
|
|
|
}
|
2013-04-11 16:50:18 -07:00
|
|
|
self.resize_modal();
|
2013-01-06 15:55:24 -08:00
|
|
|
self.switch_tab(newtab);
|
|
|
|
|
});
|
2013-04-04 16:22:49 -07:00
|
|
|
$.targetIs(e, { tagSelector: '.NB-modal-submit-button' }, function($t, $p) {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
|
|
|
|
|
self.save_preferences();
|
|
|
|
|
});
|
2013-01-06 15:55:24 -08:00
|
|
|
|
2010-06-13 18:57:20 -04:00
|
|
|
$.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
|
|
|
});
|
2011-07-27 09:33:34 -07:00
|
|
|
$.targetIs(e, { tagSelector: '.NB-link-account-preferences' }, function($t, $p) {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
|
|
|
|
|
self.close_and_load_account();
|
|
|
|
|
});
|
2011-07-27 22:17:34 -07:00
|
|
|
$.targetIs(e, { tagSelector: '.NB-modal-cancel' }, function($t, $p) {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
|
|
|
|
|
self.close();
|
|
|
|
|
});
|
2013-05-22 16:40:56 -07:00
|
|
|
$.targetIs(e, { tagSelector: '.NB-premium-link' }, function($t, $p) {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
self.close_and_load_feedchooser();
|
|
|
|
|
});
|
2012-07-29 21:07:03 -07:00
|
|
|
$.targetIs(e, { tagSelector: '.segmented-control.NB-preference-view-setting-order li' }, function($t, $p) {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
var order = $t.hasClass('NB-preference-view-setting-order-oldest') ? 'oldest' : 'newest';
|
|
|
|
|
self.change_view_setting('order', order);
|
|
|
|
|
});
|
|
|
|
|
$.targetIs(e, { tagSelector: '.segmented-control.NB-preference-view-setting-read-filter li' }, function($t, $p) {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
var read_filter = $t.hasClass('NB-preference-view-setting-read-filter-unread') ? 'unread' : 'all';
|
|
|
|
|
self.change_view_setting('read_filter', read_filter);
|
|
|
|
|
});
|
2010-10-30 00:27:52 -04:00
|
|
|
},
|
|
|
|
|
|
|
|
|
|
handle_change: function() {
|
2010-11-08 12:09:55 -05:00
|
|
|
|
2011-07-27 22:17:34 -07:00
|
|
|
$('input[type=radio],input[type=checkbox],select', this.$modal).bind('change', _.bind(this.enable_save, this));
|
2010-11-08 12:09:55 -05:00
|
|
|
},
|
|
|
|
|
|
|
|
|
|
enable_save: function() {
|
2013-04-04 16:22:49 -07:00
|
|
|
$('.NB-modal-submit-button', this.$modal).removeAttr('disabled').removeClass('NB-disabled').text('Save Preferences');
|
2010-11-08 12:09:55 -05:00
|
|
|
},
|
|
|
|
|
|
|
|
|
|
disable_save: function() {
|
2013-04-04 16:22:49 -07:00
|
|
|
$('.NB-modal-submit-button', this.$modal).attr('disabled', true).addClass('NB-disabled').text('Make changes above...');
|
2010-06-13 18:57:20 -04:00
|
|
|
}
|
|
|
|
|
|
2011-07-27 09:33:34 -07:00
|
|
|
});
|
