forked from treehouse/mastodon
Replace tutorial modal with welcome e-mail (#6273)
* Remove onboarding modal * Welcome e-mail * Send welcome e-mail after confirmation * Remove obsolete translationssignup-info-prompt
parent
e56404be41
commit
d799921c75
|
@ -0,0 +1,4 @@
|
||||||
|
<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M0 0h24v24H0z" fill="none"/>
|
||||||
|
<path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 214 B |
|
@ -1,14 +0,0 @@
|
||||||
import { openModal } from './modal';
|
|
||||||
import { changeSetting, saveSettings } from './settings';
|
|
||||||
|
|
||||||
export function showOnboardingOnce() {
|
|
||||||
return (dispatch, getState) => {
|
|
||||||
const alreadySeen = getState().getIn(['settings', 'onboarded']);
|
|
||||||
|
|
||||||
if (!alreadySeen) {
|
|
||||||
dispatch(openModal('ONBOARDING'));
|
|
||||||
dispatch(changeSetting(['onboarded'], true));
|
|
||||||
dispatch(saveSettings());
|
|
||||||
}
|
|
||||||
};
|
|
||||||
};
|
|
|
@ -2,7 +2,6 @@ import React from 'react';
|
||||||
import { Provider } from 'react-redux';
|
import { Provider } from 'react-redux';
|
||||||
import PropTypes from 'prop-types';
|
import PropTypes from 'prop-types';
|
||||||
import configureStore from '../store/configureStore';
|
import configureStore from '../store/configureStore';
|
||||||
import { showOnboardingOnce } from '../actions/onboarding';
|
|
||||||
import { BrowserRouter, Route } from 'react-router-dom';
|
import { BrowserRouter, Route } from 'react-router-dom';
|
||||||
import { ScrollContext } from 'react-router-scroll-4';
|
import { ScrollContext } from 'react-router-scroll-4';
|
||||||
import UI from '../features/ui';
|
import UI from '../features/ui';
|
||||||
|
@ -40,8 +39,6 @@ export default class Mastodon extends React.PureComponent {
|
||||||
const handlerUrl = window.location.protocol + '//' + window.location.host + '/intent?uri=%s';
|
const handlerUrl = window.location.protocol + '//' + window.location.host + '/intent?uri=%s';
|
||||||
window.setTimeout(() => navigator.registerProtocolHandler('web+mastodon', handlerUrl, 'Mastodon'), 5 * 60 * 1000);
|
window.setTimeout(() => navigator.registerProtocolHandler('web+mastodon', handlerUrl, 'Mastodon'), 5 * 60 * 1000);
|
||||||
}
|
}
|
||||||
|
|
||||||
store.dispatch(showOnboardingOnce());
|
|
||||||
}
|
}
|
||||||
|
|
||||||
componentWillUnmount () {
|
componentWillUnmount () {
|
||||||
|
|
|
@ -9,7 +9,6 @@ import VideoModal from './video_modal';
|
||||||
import BoostModal from './boost_modal';
|
import BoostModal from './boost_modal';
|
||||||
import ConfirmationModal from './confirmation_modal';
|
import ConfirmationModal from './confirmation_modal';
|
||||||
import {
|
import {
|
||||||
OnboardingModal,
|
|
||||||
MuteModal,
|
MuteModal,
|
||||||
ReportModal,
|
ReportModal,
|
||||||
EmbedModal,
|
EmbedModal,
|
||||||
|
@ -18,7 +17,6 @@ import {
|
||||||
|
|
||||||
const MODAL_COMPONENTS = {
|
const MODAL_COMPONENTS = {
|
||||||
'MEDIA': () => Promise.resolve({ default: MediaModal }),
|
'MEDIA': () => Promise.resolve({ default: MediaModal }),
|
||||||
'ONBOARDING': OnboardingModal,
|
|
||||||
'VIDEO': () => Promise.resolve({ default: VideoModal }),
|
'VIDEO': () => Promise.resolve({ default: VideoModal }),
|
||||||
'BOOST': () => Promise.resolve({ default: BoostModal }),
|
'BOOST': () => Promise.resolve({ default: BoostModal }),
|
||||||
'CONFIRM': () => Promise.resolve({ default: ConfirmationModal }),
|
'CONFIRM': () => Promise.resolve({ default: ConfirmationModal }),
|
||||||
|
|
|
@ -1,318 +0,0 @@
|
||||||
import React from 'react';
|
|
||||||
import { connect } from 'react-redux';
|
|
||||||
import PropTypes from 'prop-types';
|
|
||||||
import ImmutablePropTypes from 'react-immutable-proptypes';
|
|
||||||
import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
|
|
||||||
import ReactSwipeableViews from 'react-swipeable-views';
|
|
||||||
import classNames from 'classnames';
|
|
||||||
import Permalink from '../../../components/permalink';
|
|
||||||
import ComposeForm from '../../compose/components/compose_form';
|
|
||||||
import Search from '../../compose/components/search';
|
|
||||||
import NavigationBar from '../../compose/components/navigation_bar';
|
|
||||||
import ColumnHeader from './column_header';
|
|
||||||
import { List as ImmutableList } from 'immutable';
|
|
||||||
import { me } from '../../../initial_state';
|
|
||||||
|
|
||||||
const noop = () => { };
|
|
||||||
|
|
||||||
const messages = defineMessages({
|
|
||||||
home_title: { id: 'column.home', defaultMessage: 'Home' },
|
|
||||||
notifications_title: { id: 'column.notifications', defaultMessage: 'Notifications' },
|
|
||||||
local_title: { id: 'column.community', defaultMessage: 'Local timeline' },
|
|
||||||
federated_title: { id: 'column.public', defaultMessage: 'Federated timeline' },
|
|
||||||
});
|
|
||||||
|
|
||||||
const PageOne = ({ acct, domain }) => (
|
|
||||||
<div className='onboarding-modal__page onboarding-modal__page-one'>
|
|
||||||
<div style={{ flex: '0 0 auto' }}>
|
|
||||||
<div className='onboarding-modal__page-one__elephant-friend' />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<h1><FormattedMessage id='onboarding.page_one.welcome' defaultMessage='Welcome to Mastodon!' /></h1>
|
|
||||||
<p><FormattedMessage id='onboarding.page_one.federation' defaultMessage='Mastodon is a network of independent servers joining up to make one larger social network. We call these servers instances.' /></p>
|
|
||||||
<p><FormattedMessage id='onboarding.page_one.handle' defaultMessage='You are on {domain}, so your full handle is {handle}' values={{ domain, handle: <strong>@{acct}@{domain}</strong> }} /></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
|
|
||||||
PageOne.propTypes = {
|
|
||||||
acct: PropTypes.string.isRequired,
|
|
||||||
domain: PropTypes.string.isRequired,
|
|
||||||
};
|
|
||||||
|
|
||||||
const PageTwo = ({ myAccount }) => (
|
|
||||||
<div className='onboarding-modal__page onboarding-modal__page-two'>
|
|
||||||
<div className='figure non-interactive'>
|
|
||||||
<div className='pseudo-drawer'>
|
|
||||||
<NavigationBar account={myAccount} />
|
|
||||||
</div>
|
|
||||||
<ComposeForm
|
|
||||||
text='Awoo! #introductions'
|
|
||||||
suggestions={ImmutableList()}
|
|
||||||
mentionedDomains={[]}
|
|
||||||
spoiler={false}
|
|
||||||
onChange={noop}
|
|
||||||
onSubmit={noop}
|
|
||||||
onPaste={noop}
|
|
||||||
onPickEmoji={noop}
|
|
||||||
onChangeSpoilerText={noop}
|
|
||||||
onClearSuggestions={noop}
|
|
||||||
onFetchSuggestions={noop}
|
|
||||||
onSuggestionSelected={noop}
|
|
||||||
showSearch
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p><FormattedMessage id='onboarding.page_two.compose' defaultMessage='Write posts from the compose column. You can upload images, change privacy settings, and add content warnings with the icons below.' /></p>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
|
|
||||||
PageTwo.propTypes = {
|
|
||||||
myAccount: ImmutablePropTypes.map.isRequired,
|
|
||||||
};
|
|
||||||
|
|
||||||
const PageThree = ({ myAccount }) => (
|
|
||||||
<div className='onboarding-modal__page onboarding-modal__page-three'>
|
|
||||||
<div className='figure non-interactive'>
|
|
||||||
<Search
|
|
||||||
value=''
|
|
||||||
onChange={noop}
|
|
||||||
onSubmit={noop}
|
|
||||||
onClear={noop}
|
|
||||||
onShow={noop}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<div className='pseudo-drawer'>
|
|
||||||
<NavigationBar account={myAccount} />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p><FormattedMessage id='onboarding.page_three.search' defaultMessage='Use the search bar to find people and look at hashtags, such as {illustration} and {introductions}. To look for a person who is not on this instance, use their full handle.' values={{ illustration: <Permalink to='/timelines/tag/illustration' href='/tags/illustration'>#illustration</Permalink>, introductions: <Permalink to='/timelines/tag/introductions' href='/tags/introductions'>#introductions</Permalink> }} /></p>
|
|
||||||
<p><FormattedMessage id='onboarding.page_three.profile' defaultMessage='Edit your profile to change your avatar, bio, and display name. There, you will also find other preferences.' /></p>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
|
|
||||||
PageThree.propTypes = {
|
|
||||||
myAccount: ImmutablePropTypes.map.isRequired,
|
|
||||||
};
|
|
||||||
|
|
||||||
const PageFour = ({ domain, intl }) => (
|
|
||||||
<div className='onboarding-modal__page onboarding-modal__page-four'>
|
|
||||||
<div className='onboarding-modal__page-four__columns'>
|
|
||||||
<div className='row'>
|
|
||||||
<div>
|
|
||||||
<div className='figure non-interactive'><ColumnHeader icon='home' type={intl.formatMessage(messages.home_title)} /></div>
|
|
||||||
<p><FormattedMessage id='onboarding.page_four.home' defaultMessage='The home timeline shows posts from people you follow.' /></p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<div className='figure non-interactive'><ColumnHeader icon='bell' type={intl.formatMessage(messages.notifications_title)} /></div>
|
|
||||||
<p><FormattedMessage id='onboarding.page_four.notifications' defaultMessage='The notifications column shows when someone interacts with you.' /></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className='row'>
|
|
||||||
<div>
|
|
||||||
<div className='figure non-interactive' style={{ marginBottom: 0 }}><ColumnHeader icon='users' type={intl.formatMessage(messages.local_title)} /></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<div className='figure non-interactive' style={{ marginBottom: 0 }}><ColumnHeader icon='globe' type={intl.formatMessage(messages.federated_title)} /></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p><FormattedMessage id='onboarding.page_five.public_timelines' defaultMessage='The local timeline shows public posts from everyone on {domain}. The federated timeline shows public posts from everyone who people on {domain} follow. These are the Public Timelines, a great way to discover new people.' values={{ domain }} /></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
|
|
||||||
PageFour.propTypes = {
|
|
||||||
domain: PropTypes.string.isRequired,
|
|
||||||
intl: PropTypes.object.isRequired,
|
|
||||||
};
|
|
||||||
|
|
||||||
const PageSix = ({ admin, domain }) => {
|
|
||||||
let adminSection = '';
|
|
||||||
|
|
||||||
if (admin) {
|
|
||||||
adminSection = (
|
|
||||||
<p>
|
|
||||||
<FormattedMessage id='onboarding.page_six.admin' defaultMessage="Your instance's admin is {admin}." values={{ admin: <Permalink href={admin.get('url')} to={`/accounts/${admin.get('id')}`}>@{admin.get('acct')}</Permalink> }} />
|
|
||||||
<br />
|
|
||||||
<FormattedMessage id='onboarding.page_six.read_guidelines' defaultMessage="Please read {domain}'s {guidelines}!" values={{ domain, guidelines: <a href='/about/more' target='_blank'><FormattedMessage id='onboarding.page_six.guidelines' defaultMessage='community guidelines' /></a> }} />
|
|
||||||
</p>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className='onboarding-modal__page onboarding-modal__page-six'>
|
|
||||||
<h1><FormattedMessage id='onboarding.page_six.almost_done' defaultMessage='Almost done...' /></h1>
|
|
||||||
{adminSection}
|
|
||||||
<p><FormattedMessage id='onboarding.page_six.github' defaultMessage='Mastodon is free open-source software. You can report bugs, request features, or contribute to the code on {github}.' values={{ github: <a href='https://github.com/tootsuite/mastodon' target='_blank' rel='noopener'>GitHub</a> }} /></p>
|
|
||||||
<p><FormattedMessage id='onboarding.page_six.apps_available' defaultMessage='There are {apps} available for iOS, Android and other platforms.' values={{ apps: <a href='https://github.com/tootsuite/documentation/blob/master/Using-Mastodon/Apps.md' target='_blank' rel='noopener'><FormattedMessage id='onboarding.page_six.various_app' defaultMessage='mobile apps' /></a> }} /></p>
|
|
||||||
<p><em><FormattedMessage id='onboarding.page_six.appetoot' defaultMessage='Bon Appetoot!' /></em></p>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
PageSix.propTypes = {
|
|
||||||
admin: ImmutablePropTypes.map,
|
|
||||||
domain: PropTypes.string.isRequired,
|
|
||||||
};
|
|
||||||
|
|
||||||
const mapStateToProps = state => ({
|
|
||||||
myAccount: state.getIn(['accounts', me]),
|
|
||||||
admin: state.getIn(['accounts', state.getIn(['meta', 'admin'])]),
|
|
||||||
domain: state.getIn(['meta', 'domain']),
|
|
||||||
});
|
|
||||||
|
|
||||||
@connect(mapStateToProps)
|
|
||||||
@injectIntl
|
|
||||||
export default class OnboardingModal extends React.PureComponent {
|
|
||||||
|
|
||||||
static propTypes = {
|
|
||||||
onClose: PropTypes.func.isRequired,
|
|
||||||
intl: PropTypes.object.isRequired,
|
|
||||||
myAccount: ImmutablePropTypes.map.isRequired,
|
|
||||||
domain: PropTypes.string.isRequired,
|
|
||||||
admin: ImmutablePropTypes.map,
|
|
||||||
};
|
|
||||||
|
|
||||||
state = {
|
|
||||||
currentIndex: 0,
|
|
||||||
};
|
|
||||||
|
|
||||||
componentWillMount() {
|
|
||||||
const { myAccount, admin, domain, intl } = this.props;
|
|
||||||
this.pages = [
|
|
||||||
<PageOne acct={myAccount.get('acct')} domain={domain} />,
|
|
||||||
<PageTwo myAccount={myAccount} />,
|
|
||||||
<PageThree myAccount={myAccount} />,
|
|
||||||
<PageFour domain={domain} intl={intl} />,
|
|
||||||
<PageSix admin={admin} domain={domain} />,
|
|
||||||
];
|
|
||||||
};
|
|
||||||
|
|
||||||
componentDidMount() {
|
|
||||||
window.addEventListener('keyup', this.handleKeyUp);
|
|
||||||
}
|
|
||||||
|
|
||||||
componentWillUnmount() {
|
|
||||||
window.addEventListener('keyup', this.handleKeyUp);
|
|
||||||
}
|
|
||||||
|
|
||||||
handleSkip = (e) => {
|
|
||||||
e.preventDefault();
|
|
||||||
this.props.onClose();
|
|
||||||
}
|
|
||||||
|
|
||||||
handleDot = (e) => {
|
|
||||||
const i = Number(e.currentTarget.getAttribute('data-index'));
|
|
||||||
e.preventDefault();
|
|
||||||
this.setState({ currentIndex: i });
|
|
||||||
}
|
|
||||||
|
|
||||||
handlePrev = () => {
|
|
||||||
this.setState(({ currentIndex }) => ({
|
|
||||||
currentIndex: Math.max(0, currentIndex - 1),
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
|
|
||||||
handleNext = () => {
|
|
||||||
const { pages } = this;
|
|
||||||
this.setState(({ currentIndex }) => ({
|
|
||||||
currentIndex: Math.min(currentIndex + 1, pages.length - 1),
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
|
|
||||||
handleSwipe = (index) => {
|
|
||||||
this.setState({ currentIndex: index });
|
|
||||||
}
|
|
||||||
|
|
||||||
handleKeyUp = ({ key }) => {
|
|
||||||
switch (key) {
|
|
||||||
case 'ArrowLeft':
|
|
||||||
this.handlePrev();
|
|
||||||
break;
|
|
||||||
case 'ArrowRight':
|
|
||||||
this.handleNext();
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
handleClose = () => {
|
|
||||||
this.props.onClose();
|
|
||||||
}
|
|
||||||
|
|
||||||
render () {
|
|
||||||
const { pages } = this;
|
|
||||||
const { currentIndex } = this.state;
|
|
||||||
const hasMore = currentIndex < pages.length - 1;
|
|
||||||
|
|
||||||
const nextOrDoneBtn = hasMore ? (
|
|
||||||
<button
|
|
||||||
onClick={this.handleNext}
|
|
||||||
className='onboarding-modal__nav onboarding-modal__next'
|
|
||||||
>
|
|
||||||
<FormattedMessage id='onboarding.next' defaultMessage='Next' />
|
|
||||||
</button>
|
|
||||||
) : (
|
|
||||||
<button
|
|
||||||
onClick={this.handleClose}
|
|
||||||
className='onboarding-modal__nav onboarding-modal__done'
|
|
||||||
>
|
|
||||||
<FormattedMessage id='onboarding.done' defaultMessage='Done' />
|
|
||||||
</button>
|
|
||||||
);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className='modal-root__modal onboarding-modal'>
|
|
||||||
<ReactSwipeableViews index={currentIndex} onChangeIndex={this.handleSwipe} className='onboarding-modal__pager'>
|
|
||||||
{pages.map((page, i) => {
|
|
||||||
const className = classNames('onboarding-modal__page__wrapper', {
|
|
||||||
'onboarding-modal__page__wrapper--active': i === currentIndex,
|
|
||||||
});
|
|
||||||
return (
|
|
||||||
<div key={i} className={className}>{page}</div>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</ReactSwipeableViews>
|
|
||||||
|
|
||||||
<div className='onboarding-modal__paginator'>
|
|
||||||
<div>
|
|
||||||
<button
|
|
||||||
onClick={this.handleSkip}
|
|
||||||
className='onboarding-modal__nav onboarding-modal__skip'
|
|
||||||
>
|
|
||||||
<FormattedMessage id='onboarding.skip' defaultMessage='Skip' />
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className='onboarding-modal__dots'>
|
|
||||||
{pages.map((_, i) => {
|
|
||||||
const className = classNames('onboarding-modal__dot', {
|
|
||||||
active: i === currentIndex,
|
|
||||||
});
|
|
||||||
return (
|
|
||||||
<div
|
|
||||||
key={`dot-${i}`}
|
|
||||||
role='button'
|
|
||||||
tabIndex='0'
|
|
||||||
data-index={i}
|
|
||||||
onClick={this.handleDot}
|
|
||||||
className={className}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
{nextOrDoneBtn}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
|
@ -94,10 +94,6 @@ export function Mutes () {
|
||||||
return import(/* webpackChunkName: "features/mutes" */'../../mutes');
|
return import(/* webpackChunkName: "features/mutes" */'../../mutes');
|
||||||
}
|
}
|
||||||
|
|
||||||
export function OnboardingModal () {
|
|
||||||
return import(/* webpackChunkName: "modals/onboarding_modal" */'../components/onboarding_modal');
|
|
||||||
}
|
|
||||||
|
|
||||||
export function MuteModal () {
|
export function MuteModal () {
|
||||||
return import(/* webpackChunkName: "modals/mute_modal" */'../components/mute_modal');
|
return import(/* webpackChunkName: "modals/mute_modal" */'../components/mute_modal');
|
||||||
}
|
}
|
||||||
|
|
|
@ -228,6 +228,13 @@ h3 {
|
||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
h5 {
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 21px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: lighten($ui-base-color, 34%);
|
||||||
|
}
|
||||||
|
|
||||||
.input {
|
.input {
|
||||||
td {
|
td {
|
||||||
background: darken($ui-base-color, 8%);
|
background: darken($ui-base-color, 8%);
|
||||||
|
@ -356,6 +363,19 @@ h3 {
|
||||||
font-weight: 500 !important;
|
font-weight: 500 !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.button-small {
|
||||||
|
td {
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 14px;
|
||||||
|
padding: 8px 16px;
|
||||||
|
|
||||||
|
a {
|
||||||
|
padding: 5px 16px !important;
|
||||||
|
line-height: 26px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-default {
|
.button-default {
|
||||||
|
@ -379,6 +399,14 @@ h3 {
|
||||||
padding-right: 16px;
|
padding-right: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.padded-bottom {
|
||||||
|
padding-bottom: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.margin-bottom {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
.hero-icon {
|
.hero-icon {
|
||||||
width: 64px;
|
width: 64px;
|
||||||
|
|
||||||
|
@ -463,6 +491,22 @@ h3 {
|
||||||
border-top: 1px solid lighten($ui-base-color, 8%);
|
border-top: 1px solid lighten($ui-base-color, 8%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
padding-left: 15px;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding-top: 16px;
|
||||||
|
|
||||||
|
li {
|
||||||
|
margin-bottom: 16px;
|
||||||
|
color: lighten($ui-base-color, 26%);
|
||||||
|
|
||||||
|
span {
|
||||||
|
color: $ui-primary-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
|
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
|
||||||
body {
|
body {
|
||||||
min-height: 1024px !important;
|
min-height: 1024px !important;
|
||||||
|
|
|
@ -3303,7 +3303,6 @@
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
}
|
}
|
||||||
|
|
||||||
.onboarding-modal,
|
|
||||||
.error-modal,
|
.error-modal,
|
||||||
.embed-modal {
|
.embed-modal {
|
||||||
background: $ui-secondary-color;
|
background: $ui-secondary-color;
|
||||||
|
@ -3314,26 +3313,6 @@
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.onboarding-modal__pager {
|
|
||||||
height: 80vh;
|
|
||||||
width: 80vw;
|
|
||||||
max-width: 520px;
|
|
||||||
max-height: 420px;
|
|
||||||
|
|
||||||
.react-swipeable-view-container > div {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding: 25px;
|
|
||||||
display: none;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
display: flex;
|
|
||||||
user-select: text;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.error-modal__body {
|
.error-modal__body {
|
||||||
height: 80vh;
|
height: 80vh;
|
||||||
width: 80vw;
|
width: 80vw;
|
||||||
|
@ -3367,23 +3346,6 @@
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 550px) {
|
|
||||||
.onboarding-modal {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.onboarding-modal__pager {
|
|
||||||
width: 100%;
|
|
||||||
height: auto;
|
|
||||||
max-width: none;
|
|
||||||
max-height: none;
|
|
||||||
flex: 1 1 auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.onboarding-modal__paginator,
|
|
||||||
.error-modal__footer {
|
.error-modal__footer {
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
background: darken($ui-secondary-color, 8%);
|
background: darken($ui-secondary-color, 8%);
|
||||||
|
@ -3394,7 +3356,6 @@
|
||||||
min-width: 33px;
|
min-width: 33px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.onboarding-modal__nav,
|
|
||||||
.error-modal__nav {
|
.error-modal__nav {
|
||||||
color: darken($ui-secondary-color, 34%);
|
color: darken($ui-secondary-color, 34%);
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
@ -3410,11 +3371,6 @@
|
||||||
&:active {
|
&:active {
|
||||||
color: darken($ui-secondary-color, 38%);
|
color: darken($ui-secondary-color, 38%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.onboarding-modal__done,
|
|
||||||
&.onboarding-modal__next {
|
|
||||||
color: $ui-highlight-color;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -3422,216 +3378,6 @@
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.onboarding-modal__dots {
|
|
||||||
flex: 1 1 auto;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.onboarding-modal__dot {
|
|
||||||
width: 14px;
|
|
||||||
height: 14px;
|
|
||||||
border-radius: 14px;
|
|
||||||
background: darken($ui-secondary-color, 16%);
|
|
||||||
margin: 0 3px;
|
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background: darken($ui-secondary-color, 18%);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.active {
|
|
||||||
cursor: default;
|
|
||||||
background: darken($ui-secondary-color, 24%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.onboarding-modal__page__wrapper {
|
|
||||||
pointer-events: none;
|
|
||||||
|
|
||||||
&.onboarding-modal__page__wrapper--active {
|
|
||||||
pointer-events: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.onboarding-modal__page {
|
|
||||||
cursor: default;
|
|
||||||
line-height: 21px;
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 500;
|
|
||||||
color: $ui-base-color;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: $ui-highlight-color;
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus,
|
|
||||||
&:active {
|
|
||||||
color: lighten($ui-highlight-color, 4%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
font-size: 16px;
|
|
||||||
color: lighten($ui-base-color, 8%);
|
|
||||||
margin-top: 10px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
|
|
||||||
&:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
strong {
|
|
||||||
font-weight: 500;
|
|
||||||
background: $ui-base-color;
|
|
||||||
color: $ui-secondary-color;
|
|
||||||
border-radius: 4px;
|
|
||||||
font-size: 14px;
|
|
||||||
padding: 3px 6px;
|
|
||||||
|
|
||||||
@each $lang in $cjk-langs {
|
|
||||||
&:lang(#{$lang}) {
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.onboarding-modal__page-one {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.onboarding-modal__page-one__elephant-friend {
|
|
||||||
background: url('../images/elephant-friend-1.png') no-repeat center center / contain;
|
|
||||||
width: 155px;
|
|
||||||
height: 193px;
|
|
||||||
margin-right: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 400px) {
|
|
||||||
.onboarding-modal__page-one {
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.onboarding-modal__page-one__elephant-friend {
|
|
||||||
width: 100%;
|
|
||||||
height: 30vh;
|
|
||||||
max-height: 160px;
|
|
||||||
margin-bottom: 5vh;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.onboarding-modal__page-two,
|
|
||||||
.onboarding-modal__page-three,
|
|
||||||
.onboarding-modal__page-four,
|
|
||||||
.onboarding-modal__page-five {
|
|
||||||
p {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.figure {
|
|
||||||
background: darken($ui-base-color, 8%);
|
|
||||||
color: $ui-secondary-color;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
border-radius: 4px;
|
|
||||||
padding: 10px;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 14px;
|
|
||||||
box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.3);
|
|
||||||
|
|
||||||
.onboarding-modal__image {
|
|
||||||
border-radius: 4px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.non-interactive {
|
|
||||||
pointer-events: none;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.onboarding-modal__page-four__columns {
|
|
||||||
.row {
|
|
||||||
display: flex;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
|
|
||||||
& > div {
|
|
||||||
flex: 1 1 0;
|
|
||||||
margin: 0 10px;
|
|
||||||
|
|
||||||
&:first-child {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:last-child {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.column-header {
|
|
||||||
color: $primary-text-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 320px) and (max-height: 600px) {
|
|
||||||
.onboarding-modal__page p {
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.onboarding-modal__page-two .figure,
|
|
||||||
.onboarding-modal__page-three .figure,
|
|
||||||
.onboarding-modal__page-four .figure,
|
|
||||||
.onboarding-modal__page-five .figure {
|
|
||||||
font-size: 12px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.onboarding-modal__page-four__columns .row {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.onboarding-modal__page-four__columns .column-header {
|
|
||||||
padding: 5px;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.onboarding-modal__image {
|
|
||||||
border-radius: 8px;
|
|
||||||
width: 70vw;
|
|
||||||
max-width: 450px;
|
|
||||||
max-height: auto;
|
|
||||||
display: block;
|
|
||||||
margin: auto;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.onboard-sliders {
|
|
||||||
display: inline-block;
|
|
||||||
max-width: 30px;
|
|
||||||
max-height: auto;
|
|
||||||
margin-left: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.boost-modal,
|
.boost-modal,
|
||||||
.confirmation-modal,
|
.confirmation-modal,
|
||||||
.report-modal,
|
.report-modal,
|
||||||
|
|
|
@ -54,4 +54,15 @@ class UserMailer < Devise::Mailer
|
||||||
mail to: @resource.email, subject: I18n.t('devise.mailer.email_changed.subject')
|
mail to: @resource.email, subject: I18n.t('devise.mailer.email_changed.subject')
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|
||||||
|
def welcome(user)
|
||||||
|
@resource = user
|
||||||
|
@instance = Rails.configuration.x.local_domain
|
||||||
|
|
||||||
|
return if @resource.disabled?
|
||||||
|
|
||||||
|
I18n.with_locale(@resource.locale || I18n.default_locale) do
|
||||||
|
mail to: @resource.email, subject: I18n.t('user_mailer.welcome.subject')
|
||||||
|
end
|
||||||
|
end
|
||||||
end
|
end
|
||||||
|
|
|
@ -223,5 +223,6 @@ class User < ApplicationRecord
|
||||||
def update_statistics!
|
def update_statistics!
|
||||||
BootstrapTimelineWorker.perform_async(account_id)
|
BootstrapTimelineWorker.perform_async(account_id)
|
||||||
ActivityTracker.increment('activity:accounts:local')
|
ActivityTracker.increment('activity:accounts:local')
|
||||||
|
UserMailer.welcome(self).deliver_later
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<%= yield %>
|
<%= yield %>
|
||||||
---
|
---
|
||||||
|
|
||||||
<%= t('application_mailer.signature', instance: site_hostname) %>
|
<%= t 'about.hosted_on', domain: site_hostname %>
|
||||||
<%= t('application_mailer.settings', link: settings_preferences_url) %>
|
<%= t('application_mailer.settings', link: settings_preferences_url) %>
|
||||||
|
|
|
@ -0,0 +1,146 @@
|
||||||
|
%table.email-table{ cellspacing: 0, cellpadding: 0 }
|
||||||
|
%tbody
|
||||||
|
%tr
|
||||||
|
%td.email-body
|
||||||
|
.email-container
|
||||||
|
%table.content-section{ cellspacing: 0, cellpadding: 0 }
|
||||||
|
%tbody
|
||||||
|
%tr
|
||||||
|
%td.content-cell.hero
|
||||||
|
.email-row
|
||||||
|
.col-6
|
||||||
|
%table.column{ cellspacing: 0, cellpadding: 0 }
|
||||||
|
%tbody
|
||||||
|
%tr
|
||||||
|
%td.column-cell.text-center.padded
|
||||||
|
%table.hero-icon{ align: 'center', cellspacing: 0, cellpadding: 0 }
|
||||||
|
%tbody
|
||||||
|
%tr
|
||||||
|
%td
|
||||||
|
= image_tag full_pack_url('icon_done.svg'), alt: ''
|
||||||
|
|
||||||
|
%h1= t 'user_mailer.welcome.title', name: @resource.account.username
|
||||||
|
%p.lead= t 'user_mailer.welcome.explanation'
|
||||||
|
|
||||||
|
%table.email-table{ cellspacing: 0, cellpadding: 0 }
|
||||||
|
%tbody
|
||||||
|
%tr
|
||||||
|
%td.email-body
|
||||||
|
.email-container
|
||||||
|
%table.content-section{ cellspacing: 0, cellpadding: 0 }
|
||||||
|
%tbody
|
||||||
|
%tr
|
||||||
|
%td.content-cell
|
||||||
|
.email-row
|
||||||
|
.col-3
|
||||||
|
%table.column{ cellspacing: 0, cellpadding: 0 }
|
||||||
|
%tbody
|
||||||
|
%tr
|
||||||
|
%td.column-cell.input-cell.text-center.padded-bottom
|
||||||
|
%h5= t 'user_mailer.welcome.full_handle'
|
||||||
|
%table.input{ align: 'center', cellspacing: 0, cellpadding: 0 }
|
||||||
|
%tbody
|
||||||
|
%tr
|
||||||
|
%td= "@#{@resource.account.username}@#{@instance}"
|
||||||
|
.col-3
|
||||||
|
%table.column{ cellspacing: 0, cellpadding: 0 }
|
||||||
|
%tbody
|
||||||
|
%tr
|
||||||
|
%td.column-cell.content-start
|
||||||
|
%p= t 'user_mailer.welcome.full_handle_hint', instance: @instance
|
||||||
|
|
||||||
|
%table.email-table{ cellspacing: 0, cellpadding: 0 }
|
||||||
|
%tbody
|
||||||
|
%tr
|
||||||
|
%td.email-body
|
||||||
|
.email-container
|
||||||
|
%table.content-section{ cellspacing: 0, cellpadding: 0 }
|
||||||
|
%tbody
|
||||||
|
%tr
|
||||||
|
%td.content-cell.content-start.border-top
|
||||||
|
.email-row
|
||||||
|
.col-4
|
||||||
|
%table.column{ cellspacing: 0, cellpadding: 0 }
|
||||||
|
%tbody
|
||||||
|
%tr
|
||||||
|
%td.column-cell.padded
|
||||||
|
= t 'user_mailer.welcome.edit_profile_step'
|
||||||
|
.col-2
|
||||||
|
%table.column{ cellspacing: 0, cellpadding: 0 }
|
||||||
|
%tbody
|
||||||
|
%tr
|
||||||
|
%td.column-cell
|
||||||
|
%table.button.button-small{ align: 'left', cellspacing: 0, cellpadding: 0 }
|
||||||
|
%tbody
|
||||||
|
%tr
|
||||||
|
%td.button-primary
|
||||||
|
= link_to settings_profile_url do
|
||||||
|
%span= t 'user_mailer.welcome.edit_profile_action'
|
||||||
|
%tr
|
||||||
|
%td.content-cell
|
||||||
|
.email-row
|
||||||
|
.col-4
|
||||||
|
%table.column{ cellspacing: 0, cellpadding: 0 }
|
||||||
|
%tbody
|
||||||
|
%tr
|
||||||
|
%td.column-cell.padded
|
||||||
|
= t 'user_mailer.welcome.review_preferences_step'
|
||||||
|
.col-2
|
||||||
|
%table.column{ cellspacing: 0, cellpadding: 0 }
|
||||||
|
%tbody
|
||||||
|
%tr
|
||||||
|
%td.column-cell
|
||||||
|
%table.button.button-small{ align: 'left', cellspacing: 0, cellpadding: 0 }
|
||||||
|
%tbody
|
||||||
|
%tr
|
||||||
|
%td.button-primary
|
||||||
|
= link_to settings_preferences_url do
|
||||||
|
%span= t 'user_mailer.welcome.review_preferences_action'
|
||||||
|
%tr
|
||||||
|
%td.content-cell.padded-bottom
|
||||||
|
.email-row
|
||||||
|
.col-4
|
||||||
|
%table.column{ cellspacing: 0, cellpadding: 0 }
|
||||||
|
%tbody
|
||||||
|
%tr
|
||||||
|
%td.column-cell.padded
|
||||||
|
= t 'user_mailer.welcome.final_step'
|
||||||
|
.col-2
|
||||||
|
%table.column{ cellspacing: 0, cellpadding: 0 }
|
||||||
|
%tbody
|
||||||
|
%tr
|
||||||
|
%td.column-cell
|
||||||
|
%table.button.button-small{ align: 'left', cellspacing: 0, cellpadding: 0 }
|
||||||
|
%tbody
|
||||||
|
%tr
|
||||||
|
%td.button-primary
|
||||||
|
= link_to web_url do
|
||||||
|
%span= t 'user_mailer.welcome.final_action'
|
||||||
|
|
||||||
|
%table.email-table{ cellspacing: 0, cellpadding: 0 }
|
||||||
|
%tbody
|
||||||
|
%tr
|
||||||
|
%td.email-body
|
||||||
|
.email-container
|
||||||
|
%table.content-section{ cellspacing: 0, cellpadding: 0 }
|
||||||
|
%tbody
|
||||||
|
%tr
|
||||||
|
%td.content-cell.border-top
|
||||||
|
.email-row
|
||||||
|
.col-6
|
||||||
|
%table.column{ cellspacing: 0, cellpadding: 0 }
|
||||||
|
%tbody
|
||||||
|
%tr
|
||||||
|
%td.column-cell.padded
|
||||||
|
%h5= t 'user_mailer.welcome.tips'
|
||||||
|
%ul
|
||||||
|
%li
|
||||||
|
%span= t 'user_mailer.welcome.tip_mobile_webapp'
|
||||||
|
%li
|
||||||
|
%span= t 'user_mailer.welcome.tip_bridge_html', bridge_url: 'https://bridge.joinmastodon.org'
|
||||||
|
%li
|
||||||
|
%span= t 'user_mailer.welcome.tip_following'
|
||||||
|
%li
|
||||||
|
%span= t 'user_mailer.welcome.tip_local_timeline', instance: @instance
|
||||||
|
%li
|
||||||
|
%span= t 'user_mailer.welcome.tip_federated_timeline'
|
|
@ -0,0 +1,30 @@
|
||||||
|
<%= t 'user_mailer.welcome.title', name: @resource.account.username %> <%= t 'user_mailer.welcome.explanation' %>
|
||||||
|
|
||||||
|
===
|
||||||
|
|
||||||
|
<%= t 'user_mailer.welcome.full_handle' %> (<%= "@#{@resource.account.username}@#{@instance}" %>)
|
||||||
|
<%= t 'user_mailer.welcome.full_handle_hint', instance: @instance %>
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
<%= t 'user_mailer.welcome.edit_profile_step' %>
|
||||||
|
|
||||||
|
=> <%= settings_profile_url %>
|
||||||
|
|
||||||
|
<%= t 'user_mailer.welcome.review_preferences_step' %>
|
||||||
|
|
||||||
|
=> <%= settings_preferences_url %>
|
||||||
|
|
||||||
|
<%= t 'user_mailer.welcome.final_step' %>
|
||||||
|
|
||||||
|
=> <%= web_url %>
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
<%= t 'user_mailer.welcome.tips' %>
|
||||||
|
|
||||||
|
* <%= t 'user_mailer.welcome.tip_mobile_webapp' %>
|
||||||
|
* <%= strip_tags(t('user_mailer.welcome.tip_bridge_html')) %> (https://bridge.joinmastodon.org)
|
||||||
|
* <%= t 'user_mailer.welcome.tip_following' %>
|
||||||
|
* <%= t 'user_mailer.welcome.tip_local_timeline', instance: @instance %>
|
||||||
|
* <%= t 'user_mailer.welcome.tip_federated_timeline' %>
|
|
@ -140,7 +140,6 @@ ar:
|
||||||
application_mailer:
|
application_mailer:
|
||||||
salutation: "%{name}،"
|
salutation: "%{name}،"
|
||||||
settings: 'تغيير تفضيلات البريد الإلكتروني : %{link}'
|
settings: 'تغيير تفضيلات البريد الإلكتروني : %{link}'
|
||||||
signature: إشعارات ماستدون من %{instance}
|
|
||||||
view: 'View:'
|
view: 'View:'
|
||||||
applications:
|
applications:
|
||||||
created: تم إنشاء التطبيق بنجاح
|
created: تم إنشاء التطبيق بنجاح
|
||||||
|
|
|
@ -26,7 +26,6 @@ bg:
|
||||||
unfollow: Не следвай
|
unfollow: Не следвай
|
||||||
application_mailer:
|
application_mailer:
|
||||||
settings: 'Промяна на предпочитанията за e-mail: %{link}'
|
settings: 'Промяна на предпочитанията за e-mail: %{link}'
|
||||||
signature: Mastodon известия от %{instance}
|
|
||||||
view: 'Преглед:'
|
view: 'Преглед:'
|
||||||
applications:
|
applications:
|
||||||
invalid_url: Предоставеният URL е невалиден
|
invalid_url: Предоставеният URL е невалиден
|
||||||
|
|
|
@ -340,7 +340,6 @@ ca:
|
||||||
application_mailer:
|
application_mailer:
|
||||||
salutation: "%{name},"
|
salutation: "%{name},"
|
||||||
settings: 'Canvia les preferències de correu: %{link}'
|
settings: 'Canvia les preferències de correu: %{link}'
|
||||||
signature: Notificacions de Mastodon des de %{instance}
|
|
||||||
view: 'Vista:'
|
view: 'Vista:'
|
||||||
applications:
|
applications:
|
||||||
created: L'aplicació s'ha creat correctament
|
created: L'aplicació s'ha creat correctament
|
||||||
|
|
|
@ -321,7 +321,6 @@ de:
|
||||||
application_mailer:
|
application_mailer:
|
||||||
salutation: "%{name},"
|
salutation: "%{name},"
|
||||||
settings: 'E-Mail-Einstellungen ändern: %{link}'
|
settings: 'E-Mail-Einstellungen ändern: %{link}'
|
||||||
signature: Mastodon-Benachrichtigungen von %{instance}
|
|
||||||
view: 'Ansehen:'
|
view: 'Ansehen:'
|
||||||
applications:
|
applications:
|
||||||
created: Anwendung erstellt
|
created: Anwendung erstellt
|
||||||
|
|
|
@ -341,7 +341,6 @@ en:
|
||||||
notification_preferences: Change e-mail preferences
|
notification_preferences: Change e-mail preferences
|
||||||
salutation: "%{name},"
|
salutation: "%{name},"
|
||||||
settings: 'Change e-mail preferences: %{link}'
|
settings: 'Change e-mail preferences: %{link}'
|
||||||
signature: Mastodon notifications from %{instance}
|
|
||||||
view: 'View:'
|
view: 'View:'
|
||||||
view_profile: View Profile
|
view_profile: View Profile
|
||||||
view_status: View status
|
view_status: View status
|
||||||
|
@ -725,6 +724,25 @@ en:
|
||||||
recovery_instructions_html: If you ever lose access to your phone, you can use one of the recovery codes below to regain access to your account. <strong>Keep the recovery codes safe</strong>. For example, you may print them and store them with other important documents.
|
recovery_instructions_html: If you ever lose access to your phone, you can use one of the recovery codes below to regain access to your account. <strong>Keep the recovery codes safe</strong>. For example, you may print them and store them with other important documents.
|
||||||
setup: Set up
|
setup: Set up
|
||||||
wrong_code: The entered code was invalid! Are server time and device time correct?
|
wrong_code: The entered code was invalid! Are server time and device time correct?
|
||||||
|
user_mailer:
|
||||||
|
welcome:
|
||||||
|
edit_profile_action: Setup profile
|
||||||
|
edit_profile_step: You can customize your profile by uploading an avatar, header, changing your display name and more. If you’d like to review new followers before they’re allowed to follow you, you can lock your account.
|
||||||
|
explanation: Here are some tips to get you started
|
||||||
|
final_action: Start posting
|
||||||
|
final_step: 'Start posting! Even without followers your public messages may be seen by others, for example on the local timeline and in hashtags. You may want to introduce yourself on the #introductions hashtag.'
|
||||||
|
full_handle: Your full handle
|
||||||
|
full_handle_hint: This is what you would tell your friends so they can message or follow you from another instance.
|
||||||
|
review_preferences_action: Change preferences
|
||||||
|
review_preferences_step: Make sure to set your preferences, such as which emails you'd like to receive, or what privacy level you’d like your posts to default to. If you don’t have motion sickness, you could choose to enable GIF autoplay.
|
||||||
|
subject: Welcome to Mastodon
|
||||||
|
tip_bridge_html: If you are coming from Twitter, you can find your friends on Mastodon by using the <a href="%{bridge_url}">bridge app</a>. It only works if they also used the bridge app though!
|
||||||
|
tip_federated_timeline: The federated timeline is a firehose view of the Mastodon network. But it only includes people your neighbours are subscribed to, so it's not complete.
|
||||||
|
tip_following: You follow your server's admin(s) by default. To find more interesting people, check the local and federated timelines.
|
||||||
|
tip_local_timeline: The local timeline is a firehose view of people on %{instance}. These are your immediate neighbours!
|
||||||
|
tip_mobile_webapp: If your mobile browser offers you to add Mastodon to your homescreen, you can receive push notifications. It acts like a native app in many ways!
|
||||||
|
tips: Tips
|
||||||
|
title: Welcome aboard, %{name}!
|
||||||
users:
|
users:
|
||||||
invalid_email: The e-mail address is invalid
|
invalid_email: The e-mail address is invalid
|
||||||
invalid_otp_token: Invalid two-factor code
|
invalid_otp_token: Invalid two-factor code
|
||||||
|
|
|
@ -237,7 +237,6 @@ eo:
|
||||||
subject: Nova raporto por %{instance} (#%{id})
|
subject: Nova raporto por %{instance} (#%{id})
|
||||||
application_mailer:
|
application_mailer:
|
||||||
settings: 'Ŝanĝi la retpoŝt-mesaĝajn preferojn: %{link}'
|
settings: 'Ŝanĝi la retpoŝt-mesaĝajn preferojn: %{link}'
|
||||||
signature: Sciigoj de Mastodon el %{instance}
|
|
||||||
view: 'Vidi:'
|
view: 'Vidi:'
|
||||||
applications:
|
applications:
|
||||||
created: Aplikaĵo sukcesa kreis
|
created: Aplikaĵo sukcesa kreis
|
||||||
|
|
|
@ -332,7 +332,6 @@ es:
|
||||||
application_mailer:
|
application_mailer:
|
||||||
salutation: "%{name},"
|
salutation: "%{name},"
|
||||||
settings: 'Cambiar preferencias de correo: %{link}'
|
settings: 'Cambiar preferencias de correo: %{link}'
|
||||||
signature: Notificaciones de Mastodon desde %{instance}
|
|
||||||
view: 'Vista:'
|
view: 'Vista:'
|
||||||
applications:
|
applications:
|
||||||
created: Aplicación creada exitosamente
|
created: Aplicación creada exitosamente
|
||||||
|
|
|
@ -334,7 +334,6 @@ fa:
|
||||||
application_mailer:
|
application_mailer:
|
||||||
salutation: "%{name}،"
|
salutation: "%{name}،"
|
||||||
settings: 'تغییر تنظیمات ایمیل: %{link}'
|
settings: 'تغییر تنظیمات ایمیل: %{link}'
|
||||||
signature: اعلانهای ماستدون از %{instance}
|
|
||||||
view: 'نمایش:'
|
view: 'نمایش:'
|
||||||
applications:
|
applications:
|
||||||
created: برنامه با موفقیت ساخته شد
|
created: برنامه با موفقیت ساخته شد
|
||||||
|
|
|
@ -25,7 +25,6 @@ fi:
|
||||||
unfollow: Lopeta seuraaminen
|
unfollow: Lopeta seuraaminen
|
||||||
application_mailer:
|
application_mailer:
|
||||||
settings: 'Muokkaa sähköpostiasetuksia: %{link}'
|
settings: 'Muokkaa sähköpostiasetuksia: %{link}'
|
||||||
signature: Mastodon-ilmoituksia palvelimelta %{instance}
|
|
||||||
view: 'Katso:'
|
view: 'Katso:'
|
||||||
applications:
|
applications:
|
||||||
invalid_url: Annettu URL on väärä
|
invalid_url: Annettu URL on väärä
|
||||||
|
|
|
@ -334,7 +334,6 @@ fr:
|
||||||
application_mailer:
|
application_mailer:
|
||||||
salutation: "%{name},"
|
salutation: "%{name},"
|
||||||
settings: 'Changer les préférences courriel : %{link}'
|
settings: 'Changer les préférences courriel : %{link}'
|
||||||
signature: Notifications de Mastodon depuis %{instance}
|
|
||||||
view: 'Voir :'
|
view: 'Voir :'
|
||||||
applications:
|
applications:
|
||||||
created: Application créée avec succès
|
created: Application créée avec succès
|
||||||
|
|
|
@ -340,7 +340,6 @@ gl:
|
||||||
application_mailer:
|
application_mailer:
|
||||||
salutation: "%{name},"
|
salutation: "%{name},"
|
||||||
settings: 'Mudar as preferencias de e-mail: %{link}'
|
settings: 'Mudar as preferencias de e-mail: %{link}'
|
||||||
signature: Notificacións Mastodon de %{instance}
|
|
||||||
view: 'Vista:'
|
view: 'Vista:'
|
||||||
applications:
|
applications:
|
||||||
created: Creouse con éxito este aplicativo
|
created: Creouse con éxito este aplicativo
|
||||||
|
|
|
@ -229,7 +229,6 @@ he:
|
||||||
title: ניהול
|
title: ניהול
|
||||||
application_mailer:
|
application_mailer:
|
||||||
settings: 'שינוי הגדרות דוא"ל: %{link}'
|
settings: 'שינוי הגדרות דוא"ל: %{link}'
|
||||||
signature: התראות מסטודון מקהילת %{instance}
|
|
||||||
view: 'תצוגה:'
|
view: 'תצוגה:'
|
||||||
applications:
|
applications:
|
||||||
invalid_url: כתובת הקישורית אינה חוקית
|
invalid_url: כתובת הקישורית אינה חוקית
|
||||||
|
|
|
@ -26,7 +26,6 @@ hr:
|
||||||
unfollow: Prestani slijediti
|
unfollow: Prestani slijediti
|
||||||
application_mailer:
|
application_mailer:
|
||||||
settings: 'Promijeni e-mail postavke: %{link}'
|
settings: 'Promijeni e-mail postavke: %{link}'
|
||||||
signature: Mastodon notifikacije sa %{instance}
|
|
||||||
view: 'Vidi:'
|
view: 'Vidi:'
|
||||||
applications:
|
applications:
|
||||||
invalid_url: Uneseni link nije valjan
|
invalid_url: Uneseni link nije valjan
|
||||||
|
|
|
@ -12,8 +12,6 @@ hu:
|
||||||
people_who_follow: "%{name} követői"
|
people_who_follow: "%{name} követői"
|
||||||
posts: Bejegyzések
|
posts: Bejegyzések
|
||||||
unfollow: Követés abbahagyása
|
unfollow: Követés abbahagyása
|
||||||
application_mailer:
|
|
||||||
signature: "%{instance} Mastodon értesítései"
|
|
||||||
auth:
|
auth:
|
||||||
change_password: Jelszó változtatása
|
change_password: Jelszó változtatása
|
||||||
didnt_get_confirmation: Nem kaptad meg a megerősítési lépéseket?
|
didnt_get_confirmation: Nem kaptad meg a megerősítési lépéseket?
|
||||||
|
|
|
@ -151,7 +151,6 @@ id:
|
||||||
title: Administrasi
|
title: Administrasi
|
||||||
application_mailer:
|
application_mailer:
|
||||||
settings: 'Ubah pilihan email: %{link}'
|
settings: 'Ubah pilihan email: %{link}'
|
||||||
signature: Notifikasi Mastodon dari %{instance}
|
|
||||||
view: 'Tampilan:'
|
view: 'Tampilan:'
|
||||||
applications:
|
applications:
|
||||||
invalid_url: URL tidak sesuai
|
invalid_url: URL tidak sesuai
|
||||||
|
|
|
@ -149,7 +149,6 @@ io:
|
||||||
title: Administration
|
title: Administration
|
||||||
application_mailer:
|
application_mailer:
|
||||||
settings: 'Chanjar la retpost-mesajala preferi: %{link}'
|
settings: 'Chanjar la retpost-mesajala preferi: %{link}'
|
||||||
signature: Savigi di Mastodon de %{instance}
|
|
||||||
view: 'Vidar:'
|
view: 'Vidar:'
|
||||||
applications:
|
applications:
|
||||||
invalid_url: La URL donita ne esas valida
|
invalid_url: La URL donita ne esas valida
|
||||||
|
|
|
@ -26,7 +26,6 @@ it:
|
||||||
unfollow: Non seguire più
|
unfollow: Non seguire più
|
||||||
application_mailer:
|
application_mailer:
|
||||||
settings: 'Cambia le impostazioni per le e-mail: %{link}'
|
settings: 'Cambia le impostazioni per le e-mail: %{link}'
|
||||||
signature: Notifiche Mastodon da %{instance}
|
|
||||||
view: 'Guarda:'
|
view: 'Guarda:'
|
||||||
applications:
|
applications:
|
||||||
invalid_url: L'URL fornito non è valido
|
invalid_url: L'URL fornito non è valido
|
||||||
|
|
|
@ -341,7 +341,6 @@ ja:
|
||||||
notification_preferences: メール設定の変更
|
notification_preferences: メール設定の変更
|
||||||
salutation: "%{name} さん"
|
salutation: "%{name} さん"
|
||||||
settings: 'メール設定の変更: %{link}'
|
settings: 'メール設定の変更: %{link}'
|
||||||
signature: Mastodon %{instance} インスタンスからの通知
|
|
||||||
view: 'リンク:'
|
view: 'リンク:'
|
||||||
view_profile: プロフィールを表示
|
view_profile: プロフィールを表示
|
||||||
view_status: トゥートを表示
|
view_status: トゥートを表示
|
||||||
|
|
|
@ -340,7 +340,6 @@ ko:
|
||||||
application_mailer:
|
application_mailer:
|
||||||
notification_preferences: 메일 설정 변경
|
notification_preferences: 메일 설정 변경
|
||||||
settings: '메일 설정을 변경: %{link}'
|
settings: '메일 설정을 변경: %{link}'
|
||||||
signature: Mastodon %{instance} 인스턴스로에서 알림
|
|
||||||
view: 'View:'
|
view: 'View:'
|
||||||
view_profile: 프로필 보기
|
view_profile: 프로필 보기
|
||||||
view_status: 게시물 보기
|
view_status: 게시물 보기
|
||||||
|
|
|
@ -340,7 +340,6 @@ nl:
|
||||||
application_mailer:
|
application_mailer:
|
||||||
salutation: "%{name},"
|
salutation: "%{name},"
|
||||||
settings: 'E-mailvoorkeuren wijzigen: %{link}'
|
settings: 'E-mailvoorkeuren wijzigen: %{link}'
|
||||||
signature: Mastodon-meldingen van %{instance}
|
|
||||||
view: 'Bekijk:'
|
view: 'Bekijk:'
|
||||||
applications:
|
applications:
|
||||||
created: Aanmaken toepassing geslaagd
|
created: Aanmaken toepassing geslaagd
|
||||||
|
|
|
@ -163,7 +163,6 @@
|
||||||
title: Administrasjon
|
title: Administrasjon
|
||||||
application_mailer:
|
application_mailer:
|
||||||
settings: 'Endre foretrukne e-postinnstillinger: %{link}'
|
settings: 'Endre foretrukne e-postinnstillinger: %{link}'
|
||||||
signature: Mastodon-notiser fra %{instance}
|
|
||||||
view: 'Se:'
|
view: 'Se:'
|
||||||
applications:
|
applications:
|
||||||
invalid_url: Den oppgitte URLen er ugyldig
|
invalid_url: Den oppgitte URLen er ugyldig
|
||||||
|
|
|
@ -340,7 +340,6 @@ oc:
|
||||||
application_mailer:
|
application_mailer:
|
||||||
salutation: "%{name},"
|
salutation: "%{name},"
|
||||||
settings: 'Cambiar las preferéncias de corrièl : %{link}'
|
settings: 'Cambiar las preferéncias de corrièl : %{link}'
|
||||||
signature: Notificacion de Mastodon sus %{instance}
|
|
||||||
view: 'Veire :'
|
view: 'Veire :'
|
||||||
applications:
|
applications:
|
||||||
created: Aplicacion ben creada
|
created: Aplicacion ben creada
|
||||||
|
|
|
@ -342,7 +342,6 @@ pl:
|
||||||
notification_preferences: Zmień ustawienia e-maili
|
notification_preferences: Zmień ustawienia e-maili
|
||||||
salutation: "%{name},"
|
salutation: "%{name},"
|
||||||
settings: 'Zmień ustawienia powiadamiania: %{link}'
|
settings: 'Zmień ustawienia powiadamiania: %{link}'
|
||||||
signature: Powiadomienie Mastodona z instancji %{instance}
|
|
||||||
view: 'Zobacz:'
|
view: 'Zobacz:'
|
||||||
view_status: Wyświetl wpis
|
view_status: Wyświetl wpis
|
||||||
applications:
|
applications:
|
||||||
|
|
|
@ -340,7 +340,6 @@ pt-BR:
|
||||||
application_mailer:
|
application_mailer:
|
||||||
salutation: "%{name},"
|
salutation: "%{name},"
|
||||||
settings: 'Mudar e-mail de preferência: %{link}'
|
settings: 'Mudar e-mail de preferência: %{link}'
|
||||||
signature: Notificações do Mastodon de %{instance}
|
|
||||||
view: 'Visualizar:'
|
view: 'Visualizar:'
|
||||||
applications:
|
applications:
|
||||||
created: Aplicação criada com sucesso
|
created: Aplicação criada com sucesso
|
||||||
|
|
|
@ -328,7 +328,6 @@ pt:
|
||||||
application_mailer:
|
application_mailer:
|
||||||
salutation: "%{name},"
|
salutation: "%{name},"
|
||||||
settings: 'Alterar preferências de email: %{link}'
|
settings: 'Alterar preferências de email: %{link}'
|
||||||
signature: notificações Mastodon do %{instance}
|
|
||||||
view: 'Ver:'
|
view: 'Ver:'
|
||||||
applications:
|
applications:
|
||||||
created: Aplicação criada com sucesso
|
created: Aplicação criada com sucesso
|
||||||
|
|
|
@ -342,7 +342,6 @@ ru:
|
||||||
notification_preferences: Изменить настройки e-mail
|
notification_preferences: Изменить настройки e-mail
|
||||||
salutation: "%{name},"
|
salutation: "%{name},"
|
||||||
settings: 'Изменить настройки e-mail: %{link}'
|
settings: 'Изменить настройки e-mail: %{link}'
|
||||||
signature: Уведомления Mastodon от %{instance}
|
|
||||||
view: 'Просмотр:'
|
view: 'Просмотр:'
|
||||||
view_status: Просмотреть статус
|
view_status: Просмотреть статус
|
||||||
applications:
|
applications:
|
||||||
|
|
|
@ -336,7 +336,6 @@ sr-Latn:
|
||||||
application_mailer:
|
application_mailer:
|
||||||
salutation: "%{name},"
|
salutation: "%{name},"
|
||||||
settings: 'Promeni podešavanja e-pošte: %{link}'
|
settings: 'Promeni podešavanja e-pošte: %{link}'
|
||||||
signature: Mastodont obaveštenje sa instance %{instance}
|
|
||||||
view: 'Pogledaj:'
|
view: 'Pogledaj:'
|
||||||
applications:
|
applications:
|
||||||
created: Aplikacija uspešno napravljena
|
created: Aplikacija uspešno napravljena
|
||||||
|
|
|
@ -336,7 +336,6 @@ sr:
|
||||||
application_mailer:
|
application_mailer:
|
||||||
salutation: "%{name},"
|
salutation: "%{name},"
|
||||||
settings: 'Промени подешавања е-поште: %{link}'
|
settings: 'Промени подешавања е-поште: %{link}'
|
||||||
signature: Мастодонт обавештење са инстанце %{instance}
|
|
||||||
view: 'Погледај:'
|
view: 'Погледај:'
|
||||||
applications:
|
applications:
|
||||||
created: Апликација успешно направљена
|
created: Апликација успешно направљена
|
||||||
|
|
|
@ -272,7 +272,6 @@ sv:
|
||||||
application_mailer:
|
application_mailer:
|
||||||
salutation: "%{name},"
|
salutation: "%{name},"
|
||||||
settings: 'Change e-mail preferences: %{link}'
|
settings: 'Change e-mail preferences: %{link}'
|
||||||
signature: Mastodon meddelande från %{instance}
|
|
||||||
view: 'Granska:'
|
view: 'Granska:'
|
||||||
applications:
|
applications:
|
||||||
created: Ansökan är framgångsrikt skapad
|
created: Ansökan är framgångsrikt skapad
|
||||||
|
|
|
@ -153,7 +153,6 @@ th:
|
||||||
title: แอดมิน
|
title: แอดมิน
|
||||||
application_mailer:
|
application_mailer:
|
||||||
settings: 'เปลี่ยนอีเมล์ preferences: %{link}'
|
settings: 'เปลี่ยนอีเมล์ preferences: %{link}'
|
||||||
signature: ฟอร์มการแจ้งเตือนแมสโทดอน %{instance}
|
|
||||||
view: 'วิว:'
|
view: 'วิว:'
|
||||||
applications:
|
applications:
|
||||||
invalid_url: URL ที่ระบุไม่ถูกตั้ง
|
invalid_url: URL ที่ระบุไม่ถูกตั้ง
|
||||||
|
|
|
@ -152,7 +152,6 @@ tr:
|
||||||
title: Yönetim
|
title: Yönetim
|
||||||
application_mailer:
|
application_mailer:
|
||||||
settings: 'E-mail tercihlerini değiştir: %{link}'
|
settings: 'E-mail tercihlerini değiştir: %{link}'
|
||||||
signature: "%{instance} sunucusundan Mastodon bildirimleri"
|
|
||||||
view: 'Görüntüle:'
|
view: 'Görüntüle:'
|
||||||
applications:
|
applications:
|
||||||
invalid_url: Verilen URL geçerli değil
|
invalid_url: Verilen URL geçerli değil
|
||||||
|
|
|
@ -143,7 +143,6 @@ uk:
|
||||||
title: Адміністрування
|
title: Адміністрування
|
||||||
application_mailer:
|
application_mailer:
|
||||||
settings: 'Змінити налаштування email: %{link}'
|
settings: 'Змінити налаштування email: %{link}'
|
||||||
signature: Сповіщення Mastodon від %{instance}
|
|
||||||
view: 'Перегляд:'
|
view: 'Перегляд:'
|
||||||
applications:
|
applications:
|
||||||
invalid_url: Введена URL неправильна
|
invalid_url: Введена URL неправильна
|
||||||
|
|
|
@ -339,7 +339,6 @@ zh-CN:
|
||||||
notification_preferences: 更改电子邮件首选项
|
notification_preferences: 更改电子邮件首选项
|
||||||
salutation: "%{name}:"
|
salutation: "%{name}:"
|
||||||
settings: 使用此链接更改你的电子邮件首选项:%{link}
|
settings: 使用此链接更改你的电子邮件首选项:%{link}
|
||||||
signature: 这是一封来自 %{instance} 的 Mastodon 电子邮件通知。
|
|
||||||
view: 点此链接查看详情:
|
view: 点此链接查看详情:
|
||||||
view_profile: 查看个人资料页
|
view_profile: 查看个人资料页
|
||||||
view_status: 查看嘟文
|
view_status: 查看嘟文
|
||||||
|
|
|
@ -152,7 +152,6 @@ zh-HK:
|
||||||
title: 管理
|
title: 管理
|
||||||
application_mailer:
|
application_mailer:
|
||||||
settings: 修改電郵設定︰%{link}
|
settings: 修改電郵設定︰%{link}
|
||||||
signature: 來自 %{instance} 的 Mastodon 通知
|
|
||||||
view: 進入瀏覽︰
|
view: 進入瀏覽︰
|
||||||
applications:
|
applications:
|
||||||
invalid_url: 所提供的網址不正確
|
invalid_url: 所提供的網址不正確
|
||||||
|
|
|
@ -123,7 +123,6 @@ zh-TW:
|
||||||
title: 管理介面
|
title: 管理介面
|
||||||
application_mailer:
|
application_mailer:
|
||||||
settings: 修改信箱設定︰ %{link}
|
settings: 修改信箱設定︰ %{link}
|
||||||
signature: 來自 %{instance} 的 Mastodon 通知
|
|
||||||
view: 進入瀏覽︰
|
view: 進入瀏覽︰
|
||||||
applications:
|
applications:
|
||||||
invalid_url: 網址不正確
|
invalid_url: 網址不正確
|
||||||
|
|
|
@ -29,4 +29,9 @@ class UserMailerPreview < ActionMailer::Preview
|
||||||
def reset_password_instructions
|
def reset_password_instructions
|
||||||
UserMailer.reset_password_instructions(User.first, 'spec')
|
UserMailer.reset_password_instructions(User.first, 'spec')
|
||||||
end
|
end
|
||||||
|
|
||||||
|
# Preview this email at http://localhost:3000/rails/mailers/user_mailer/welcome
|
||||||
|
def welcome
|
||||||
|
UserMailer.welcome(User.first)
|
||||||
|
end
|
||||||
end
|
end
|
||||||
|
|
Loading…
Reference in New Issue