2017-07-18 18:21:04 +00:00
// Package imports
2017-06-29 05:00:54 +00:00
import React from 'react' ;
import PropTypes from 'prop-types' ;
import ImmutablePropTypes from 'react-immutable-proptypes' ;
2017-07-20 02:54:02 +00:00
import { defineMessages , FormattedMessage , injectIntl } from 'react-intl' ;
2017-07-12 08:02:51 +00:00
2017-07-18 18:21:04 +00:00
// Our imports
2017-07-20 02:54:02 +00:00
import LocalSettingsPageItem from './item' ;
2017-06-29 05:00:54 +00:00
2017-07-20 02:54:02 +00:00
// * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
2017-07-04 02:51:00 +00:00
const messages = defineMessages ( {
layout _auto : { id : 'layout.auto' , defaultMessage : 'Auto' } ,
layout _desktop : { id : 'layout.desktop' , defaultMessage : 'Desktop' } ,
layout _mobile : { id : 'layout.single' , defaultMessage : 'Mobile' } ,
2017-09-23 21:11:02 +00:00
side _arm _none : { id : 'settings.side_arm.none' , defaultMessage : 'None' } ,
2018-07-11 20:49:07 +00:00
side _arm _keep : { id : 'settings.side_arm_reply_mode.keep' , defaultMessage : 'Keep secondary toot button to set privacy' } ,
side _arm _copy : { id : 'settings.side_arm_reply_mode.copy' , defaultMessage : 'Copy privacy setting of the toot being replied to' } ,
2018-07-12 10:06:42 +00:00
side _arm _restrict : { id : 'settings.side_arm_reply_mode.restrict' , defaultMessage : 'Restrict privacy setting to that of the toot being replied to' } ,
2018-08-28 15:16:30 +00:00
regexp : { id : 'settings.content_warnings.regexp' , defaultMessage : 'Regular expression' } ,
2017-07-04 02:51:00 +00:00
} ) ;
@ injectIntl
2017-07-20 02:54:02 +00:00
export default class LocalSettingsPage extends React . PureComponent {
2017-06-29 05:00:54 +00:00
static propTypes = {
2017-07-20 02:54:02 +00:00
index : PropTypes . number ,
intl : PropTypes . object . isRequired ,
onChange : PropTypes . func . isRequired ,
settings : ImmutablePropTypes . map . isRequired ,
2017-06-29 05:00:54 +00:00
} ;
2017-07-20 02:54:02 +00:00
pages = [
( { intl , onChange , settings } ) => (
< div className = 'glitch local-settings__page general' >
2017-06-29 05:00:54 +00:00
< h1 > < FormattedMessage id = 'settings.general' defaultMessage = 'General' / > < / h 1 >
2018-08-22 11:17:21 +00:00
< LocalSettingsPageItem
settings = { settings }
item = { [ 'show_reply_count' ] }
id = 'mastodon-settings--reply-count'
onChange = { onChange }
>
< FormattedMessage id = 'settings.show_reply_counter' defaultMessage = 'Display an estimate of the reply count' / >
< / L o c a l S e t t i n g s P a g e I t e m >
2018-09-06 18:55:11 +00:00
< section >
< h2 > < FormattedMessage id = 'settings.notifications_opts' defaultMessage = 'Notifications options' / > < / h 2 >
< LocalSettingsPageItem
settings = { settings }
item = { [ 'notifications' , 'tab_badge' ] }
id = 'mastodon-settings--notifications-tab_badge'
onChange = { onChange }
>
< FormattedMessage id = 'settings.notifications.tab_badge' defaultMessage = "Display a badge for unread notifications if the notifications column isn't open" / >
< / L o c a l S e t t i n g s P a g e I t e m >
< LocalSettingsPageItem
settings = { settings }
item = { [ 'notifications' , 'favicon_badge' ] }
id = 'mastodon-settings--notifications-favicon_badge'
onChange = { onChange }
>
< FormattedMessage id = 'settings.notifications.favicon_badge' defaultMessage = 'Display unread notifications count in the favicon' / >
< / L o c a l S e t t i n g s P a g e I t e m >
< / s e c t i o n >
2018-08-22 11:01:12 +00:00
< section >
< h2 > < FormattedMessage id = 'settings.layout_opts' defaultMessage = 'Layout options' / > < / h 2 >
< LocalSettingsPageItem
settings = { settings }
item = { [ 'layout' ] }
id = 'mastodon-settings--layout'
options = { [
{ value : 'auto' , message : intl . formatMessage ( messages . layout _auto ) } ,
{ value : 'multiple' , message : intl . formatMessage ( messages . layout _desktop ) } ,
{ value : 'single' , message : intl . formatMessage ( messages . layout _mobile ) } ,
] }
onChange = { onChange }
>
< FormattedMessage id = 'settings.layout' defaultMessage = 'Layout:' / >
< / L o c a l S e t t i n g s P a g e I t e m >
< LocalSettingsPageItem
settings = { settings }
item = { [ 'stretch' ] }
id = 'mastodon-settings--stretch'
onChange = { onChange }
>
< FormattedMessage id = 'settings.wide_view' defaultMessage = 'Wide view (Desktop mode only)' / >
< / L o c a l S e t t i n g s P a g e I t e m >
< LocalSettingsPageItem
settings = { settings }
item = { [ 'navbar_under' ] }
id = 'mastodon-settings--navbar_under'
onChange = { onChange }
>
< FormattedMessage id = 'settings.navbar_under' defaultMessage = 'Navbar at the bottom (Mobile only)' / >
< / L o c a l S e t t i n g s P a g e I t e m >
< / s e c t i o n >
2018-09-06 18:46:42 +00:00
< / d i v >
) ,
( { intl , onChange , settings } ) => (
2018-09-28 16:18:57 +00:00
< div className = 'glitch local-settings__page compose_box_opts' >
2018-09-06 18:46:42 +00:00
< h1 > < FormattedMessage id = 'settings.compose_box_opts' defaultMessage = 'Compose box options' / > < / h 1 >
< LocalSettingsPageItem
settings = { settings }
item = { [ 'always_show_spoilers_field' ] }
id = 'mastodon-settings--always_show_spoilers_field'
onChange = { onChange }
>
< FormattedMessage id = 'settings.always_show_spoilers_field' defaultMessage = 'Always enable the Content Warning field' / >
< / L o c a l S e t t i n g s P a g e I t e m >
2018-09-28 18:58:03 +00:00
< LocalSettingsPageItem
settings = { settings }
item = { [ 'preselect_on_reply' ] }
id = 'mastodon-settings--preselect_on_reply'
onChange = { onChange }
>
< FormattedMessage id = 'settings.preselect_on_reply' defaultMessage = 'Pre-select usernames past the first when replying to a toot with multiple participants' / >
< / L o c a l S e t t i n g s P a g e I t e m >
2018-09-06 18:46:42 +00:00
< LocalSettingsPageItem
settings = { settings }
item = { [ 'confirm_missing_media_description' ] }
id = 'mastodon-settings--confirm_missing_media_description'
onChange = { onChange }
>
< FormattedMessage id = 'settings.confirm_missing_media_description' defaultMessage = 'Show confirmation dialog before sending toots lacking media descriptions' / >
< / L o c a l S e t t i n g s P a g e I t e m >
< LocalSettingsPageItem
settings = { settings }
item = { [ 'side_arm' ] }
id = 'mastodon-settings--side_arm'
options = { [
{ value : 'none' , message : intl . formatMessage ( messages . side _arm _none ) } ,
{ value : 'direct' , message : intl . formatMessage ( { id : 'privacy.direct.short' } ) } ,
{ value : 'private' , message : intl . formatMessage ( { id : 'privacy.private.short' } ) } ,
{ value : 'unlisted' , message : intl . formatMessage ( { id : 'privacy.unlisted.short' } ) } ,
{ value : 'public' , message : intl . formatMessage ( { id : 'privacy.public.short' } ) } ,
] }
onChange = { onChange }
>
< FormattedMessage id = 'settings.side_arm' defaultMessage = 'Secondary toot button:' / >
< / L o c a l S e t t i n g s P a g e I t e m >
< LocalSettingsPageItem
settings = { settings }
item = { [ 'side_arm_reply_mode' ] }
id = 'mastodon-settings--side_arm_reply_mode'
options = { [
{ value : 'keep' , message : intl . formatMessage ( messages . side _arm _keep ) } ,
{ value : 'copy' , message : intl . formatMessage ( messages . side _arm _copy ) } ,
{ value : 'restrict' , message : intl . formatMessage ( messages . side _arm _restrict ) } ,
] }
onChange = { onChange }
>
< FormattedMessage id = 'settings.side_arm_reply_mode' defaultMessage = 'When replying to a toot:' / >
< / L o c a l S e t t i n g s P a g e I t e m >
2017-06-29 05:00:54 +00:00
< / d i v >
2017-07-20 02:54:02 +00:00
) ,
2018-08-28 15:16:30 +00:00
( { intl , onChange , settings } ) => (
2018-08-28 12:10:26 +00:00
< div className = 'glitch local-settings__page content_warnings' >
< h1 > < FormattedMessage id = 'settings.content_warnings' defaultMessage = 'Content warnings' / > < / h 1 >
< LocalSettingsPageItem
settings = { settings }
item = { [ 'content_warnings' , 'auto_unfold' ] }
id = 'mastodon-settings--content_warnings-auto_unfold'
onChange = { onChange }
>
< FormattedMessage id = 'settings.enable_content_warnings_auto_unfold' defaultMessage = 'Automatically unfold content-warnings' / >
< / L o c a l S e t t i n g s P a g e I t e m >
2018-08-28 15:16:30 +00:00
< LocalSettingsPageItem
settings = { settings }
item = { [ 'content_warnings' , 'filter' ] }
id = 'mastodon-settings--content_warnings-auto_unfold'
onChange = { onChange }
dependsOn = { [ [ 'content_warnings' , 'auto_unfold' ] ] }
placeholder = { intl . formatMessage ( messages . regexp ) }
>
< FormattedMessage id = 'settings.content_warnings_filter' defaultMessage = 'Content warnings to not automatically unfold:' / >
< / L o c a l S e t t i n g s P a g e I t e m >
2018-08-28 12:10:26 +00:00
< / d i v >
) ,
2017-07-20 02:54:02 +00:00
( { onChange , settings } ) => (
< div className = 'glitch local-settings__page collapsed' >
2017-06-29 05:00:54 +00:00
< h1 > < FormattedMessage id = 'settings.collapsed_statuses' defaultMessage = 'Collapsed toots' / > < / h 1 >
2017-07-20 02:54:02 +00:00
< LocalSettingsPageItem
settings = { settings }
2017-06-29 05:00:54 +00:00
item = { [ 'collapsed' , 'enabled' ] }
id = 'mastodon-settings--collapsed-enabled'
2017-07-20 02:54:02 +00:00
onChange = { onChange }
2017-06-29 05:00:54 +00:00
>
< FormattedMessage id = 'settings.enable_collapsed' defaultMessage = 'Enable collapsed toots' / >
2017-07-20 02:54:02 +00:00
< / L o c a l S e t t i n g s P a g e I t e m >
2017-06-29 05:00:54 +00:00
< section >
< h2 > < FormattedMessage id = 'settings.auto_collapse' defaultMessage = 'Automatic collapsing' / > < / h 2 >
2017-07-20 02:54:02 +00:00
< LocalSettingsPageItem
settings = { settings }
2017-06-29 05:00:54 +00:00
item = { [ 'collapsed' , 'auto' , 'all' ] }
id = 'mastodon-settings--collapsed-auto-all'
2017-07-20 02:54:02 +00:00
onChange = { onChange }
2017-06-29 05:00:54 +00:00
dependsOn = { [ [ 'collapsed' , 'enabled' ] ] }
>
< FormattedMessage id = 'settings.auto_collapse_all' defaultMessage = 'Everything' / >
2017-07-20 02:54:02 +00:00
< / L o c a l S e t t i n g s P a g e I t e m >
< LocalSettingsPageItem
settings = { settings }
2017-06-29 05:00:54 +00:00
item = { [ 'collapsed' , 'auto' , 'notifications' ] }
id = 'mastodon-settings--collapsed-auto-notifications'
2017-07-20 02:54:02 +00:00
onChange = { onChange }
2017-06-29 05:00:54 +00:00
dependsOn = { [ [ 'collapsed' , 'enabled' ] ] }
dependsOnNot = { [ [ 'collapsed' , 'auto' , 'all' ] ] }
>
< FormattedMessage id = 'settings.auto_collapse_notifications' defaultMessage = 'Notifications' / >
2017-07-20 02:54:02 +00:00
< / L o c a l S e t t i n g s P a g e I t e m >
< LocalSettingsPageItem
settings = { settings }
2017-06-29 05:00:54 +00:00
item = { [ 'collapsed' , 'auto' , 'lengthy' ] }
id = 'mastodon-settings--collapsed-auto-lengthy'
2017-07-20 02:54:02 +00:00
onChange = { onChange }
2017-06-29 05:00:54 +00:00
dependsOn = { [ [ 'collapsed' , 'enabled' ] ] }
dependsOnNot = { [ [ 'collapsed' , 'auto' , 'all' ] ] }
>
< FormattedMessage id = 'settings.auto_collapse_lengthy' defaultMessage = 'Lengthy toots' / >
2017-07-20 02:54:02 +00:00
< / L o c a l S e t t i n g s P a g e I t e m >
< LocalSettingsPageItem
2017-11-05 23:05:12 +00:00
settings = { settings }
item = { [ 'collapsed' , 'auto' , 'reblogs' ] }
id = 'mastodon-settings--collapsed-auto-reblogs'
onChange = { onChange }
dependsOn = { [ [ 'collapsed' , 'enabled' ] ] }
dependsOnNot = { [ [ 'collapsed' , 'auto' , 'all' ] ] }
>
< FormattedMessage id = 'settings.auto_collapse_reblogs' defaultMessage = 'Boosts' / >
< / L o c a l S e t t i n g s P a g e I t e m >
< LocalSettingsPageItem
2017-07-20 02:54:02 +00:00
settings = { settings }
2017-06-29 05:00:54 +00:00
item = { [ 'collapsed' , 'auto' , 'replies' ] }
id = 'mastodon-settings--collapsed-auto-replies'
2017-07-20 02:54:02 +00:00
onChange = { onChange }
2017-06-29 05:00:54 +00:00
dependsOn = { [ [ 'collapsed' , 'enabled' ] ] }
dependsOnNot = { [ [ 'collapsed' , 'auto' , 'all' ] ] }
>
< FormattedMessage id = 'settings.auto_collapse_replies' defaultMessage = 'Replies' / >
2017-07-20 02:54:02 +00:00
< / L o c a l S e t t i n g s P a g e I t e m >
< LocalSettingsPageItem
settings = { settings }
2017-06-29 05:00:54 +00:00
item = { [ 'collapsed' , 'auto' , 'media' ] }
id = 'mastodon-settings--collapsed-auto-media'
2017-07-20 02:54:02 +00:00
onChange = { onChange }
2017-06-29 05:00:54 +00:00
dependsOn = { [ [ 'collapsed' , 'enabled' ] ] }
dependsOnNot = { [ [ 'collapsed' , 'auto' , 'all' ] ] }
>
< FormattedMessage id = 'settings.auto_collapse_media' defaultMessage = 'Toots with media' / >
2017-07-20 02:54:02 +00:00
< / L o c a l S e t t i n g s P a g e I t e m >
2017-06-29 05:00:54 +00:00
< / s e c t i o n >
< section >
< h2 > < FormattedMessage id = 'settings.image_backgrounds' defaultMessage = 'Image backgrounds' / > < / h 2 >
2017-07-20 02:54:02 +00:00
< LocalSettingsPageItem
settings = { settings }
2017-06-29 05:00:54 +00:00
item = { [ 'collapsed' , 'backgrounds' , 'user_backgrounds' ] }
id = 'mastodon-settings--collapsed-user-backgrouns'
2017-07-20 02:54:02 +00:00
onChange = { onChange }
2017-06-29 05:00:54 +00:00
dependsOn = { [ [ 'collapsed' , 'enabled' ] ] }
>
< FormattedMessage id = 'settings.image_backgrounds_users' defaultMessage = 'Give collapsed toots an image background' / >
2017-07-20 02:54:02 +00:00
< / L o c a l S e t t i n g s P a g e I t e m >
< LocalSettingsPageItem
settings = { settings }
2017-06-29 05:00:54 +00:00
item = { [ 'collapsed' , 'backgrounds' , 'preview_images' ] }
id = 'mastodon-settings--collapsed-preview-images'
2017-07-20 02:54:02 +00:00
onChange = { onChange }
2017-06-29 05:00:54 +00:00
dependsOn = { [ [ 'collapsed' , 'enabled' ] ] }
>
< FormattedMessage id = 'settings.image_backgrounds_media' defaultMessage = 'Preview collapsed toot media' / >
2017-07-20 02:54:02 +00:00
< / L o c a l S e t t i n g s P a g e I t e m >
2017-06-29 05:00:54 +00:00
< / s e c t i o n >
2018-09-29 23:44:02 +00:00
< section >
< h2 > < / h 2 >
< LocalSettingsPageItem
settings = { settings }
item = { [ 'collapsed' , 'show_action_bar' ] }
id = 'mastodon-settings--collapsed-show-action-bar'
onChange = { onChange }
dependsOn = { [ [ 'collapsed' , 'enabled' ] ] }
>
< FormattedMessage id = 'settings.show_action_bar' defaultMessage = 'Show action buttons in collapsed toots' / >
< / L o c a l S e t t i n g s P a g e I t e m >
< / s e c t i o n >
2017-06-29 05:00:54 +00:00
< / d i v >
2017-07-20 02:54:02 +00:00
) ,
( { onChange , settings } ) => (
< div className = 'glitch local-settings__page media' >
2017-06-30 09:15:18 +00:00
< h1 > < FormattedMessage id = 'settings.media' defaultMessage = 'Media' / > < / h 1 >
2017-07-20 02:54:02 +00:00
< LocalSettingsPageItem
settings = { settings }
2017-06-30 09:15:18 +00:00
item = { [ 'media' , 'letterbox' ] }
id = 'mastodon-settings--media-letterbox'
2017-07-20 02:54:02 +00:00
onChange = { onChange }
2017-06-30 09:15:18 +00:00
>
< FormattedMessage id = 'settings.media_letterbox' defaultMessage = 'Letterbox media' / >
2017-07-20 02:54:02 +00:00
< / L o c a l S e t t i n g s P a g e I t e m >
< LocalSettingsPageItem
settings = { settings }
2017-07-08 09:01:56 +00:00
item = { [ 'media' , 'fullwidth' ] }
id = 'mastodon-settings--media-fullwidth'
2017-07-20 02:54:02 +00:00
onChange = { onChange }
2017-07-08 09:01:56 +00:00
>
< FormattedMessage id = 'settings.media_fullwidth' defaultMessage = 'Full-width media previews' / >
2017-07-20 02:54:02 +00:00
< / L o c a l S e t t i n g s P a g e I t e m >
2017-06-30 09:15:18 +00:00
< / d i v >
2017-07-20 02:54:02 +00:00
) ,
] ;
2017-06-29 05:00:54 +00:00
render ( ) {
2017-07-20 02:54:02 +00:00
const { pages } = this ;
const { index , intl , onChange , settings } = this . props ;
const CurrentPage = pages [ index ] || pages [ 0 ] ;
2017-06-29 05:00:54 +00:00
2017-07-20 02:54:02 +00:00
return < CurrentPage intl = { intl } onChange = { onChange } settings = { settings } / > ;
2017-06-29 05:00:54 +00:00
}
}