fix(merge): Fix merge conflicts
This commit is contained in:
Quincy Larson
@ -686,6 +686,26 @@ code {
|
|||||||
z-index: 20000 !important;
|
z-index: 20000 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.email-settings {
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.toggle-btn-group {
|
||||||
|
float: right;
|
||||||
|
.btn[disabled] {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
float: none;
|
||||||
|
.btn-toggle {
|
||||||
|
margin-top: 10px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
//uncomment this to see the dimensions of all elements outlined in red
|
//uncomment this to see the dimensions of all elements outlined in red
|
||||||
//* {
|
//* {
|
||||||
|
|||||||
@ -8,7 +8,6 @@
|
|||||||
// they are painted using css so the
|
// they are painted using css so the
|
||||||
// nav is on top again
|
// nav is on top again
|
||||||
.grid(@direction: column-reverse);
|
.grid(@direction: column-reverse);
|
||||||
width: 100vw;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.@{ns}-content {
|
.@{ns}-content {
|
||||||
|
|||||||
@ -1,6 +1,12 @@
|
|||||||
import React, { PropTypes } from 'react';
|
import React, { PropTypes } from 'react';
|
||||||
import { Link } from 'react-router';
|
import { Link } from 'react-router';
|
||||||
import { Button, Row, Col } from 'react-bootstrap';
|
import {
|
||||||
|
ToggleButtonGroup,
|
||||||
|
ToggleButton,
|
||||||
|
Button,
|
||||||
|
Row,
|
||||||
|
Col
|
||||||
|
} from 'react-bootstrap';
|
||||||
import FA from 'react-fontawesome';
|
import FA from 'react-fontawesome';
|
||||||
import classnames from 'classnames';
|
import classnames from 'classnames';
|
||||||
|
|
||||||
@ -57,7 +63,7 @@ export default function EmailSettings({
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<div>
|
<div className='email-settings'>
|
||||||
<Row>
|
<Row>
|
||||||
<p className='large-p text-center'>
|
<p className='large-p text-center'>
|
||||||
<em>{ email }</em>
|
<em>{ email }</em>
|
||||||
@ -67,81 +73,153 @@ export default function EmailSettings({
|
|||||||
<UpdateEmailButton />
|
<UpdateEmailButton />
|
||||||
</Row>
|
</Row>
|
||||||
<Row>
|
<Row>
|
||||||
<Col xs={ 9 }>
|
<Col sm={ 8 }>
|
||||||
<p className='large-p'>
|
<p className='large-p'>
|
||||||
Send me announcement emails
|
Send me announcement emails
|
||||||
<br />
|
<br />
|
||||||
(we'll send you these every Thursday)
|
(we'll send you these every Thursday)
|
||||||
</p>
|
</p>
|
||||||
</Col>
|
</Col>
|
||||||
<Col xs={ 3 }>
|
<Col sm={ 4 }>
|
||||||
<Button
|
<ToggleButtonGroup
|
||||||
block={ true }
|
className='toggle-btn-group'
|
||||||
bsSize='lg'
|
name='monthly-email'
|
||||||
bsStyle='primary'
|
onChange={ toggleMonthlyEmail }
|
||||||
className={
|
type='radio'
|
||||||
classnames(
|
|
||||||
'positive-20',
|
|
||||||
{ active: sendMonthlyEmail },
|
|
||||||
'btn-toggle'
|
|
||||||
)
|
|
||||||
}
|
|
||||||
onClick={ toggleMonthlyEmail }
|
|
||||||
>
|
>
|
||||||
{ sendMonthlyEmail ? 'On' : 'Off' }
|
<ToggleButton
|
||||||
</Button>
|
bsSize='lg'
|
||||||
|
bsStyle='primary'
|
||||||
|
className={
|
||||||
|
classnames(
|
||||||
|
'positive-20',
|
||||||
|
{ active: sendMonthlyEmail },
|
||||||
|
'btn-toggle'
|
||||||
|
)
|
||||||
|
}
|
||||||
|
disabled={ sendMonthlyEmail }
|
||||||
|
type='radio'
|
||||||
|
value={ 1 }
|
||||||
|
>
|
||||||
|
On
|
||||||
|
</ToggleButton>
|
||||||
|
<ToggleButton
|
||||||
|
bsSize='lg'
|
||||||
|
bsStyle='primary'
|
||||||
|
className={
|
||||||
|
classnames(
|
||||||
|
'positive-20',
|
||||||
|
{ active: !sendMonthlyEmail },
|
||||||
|
'btn-toggle'
|
||||||
|
)
|
||||||
|
}
|
||||||
|
disabled={ !sendMonthlyEmail }
|
||||||
|
type='radio'
|
||||||
|
value={ 2 }
|
||||||
|
>
|
||||||
|
Off
|
||||||
|
</ToggleButton>
|
||||||
|
</ToggleButtonGroup>
|
||||||
</Col>
|
</Col>
|
||||||
</Row>
|
</Row>
|
||||||
<Row>
|
<Row>
|
||||||
<Col xs={ 9 }>
|
<Col sm={ 8 }>
|
||||||
<p className='large-p'>
|
<p className='large-p'>
|
||||||
Send me notification emails
|
Send me notification emails
|
||||||
<br />
|
<br />
|
||||||
(these will pertain to your account)
|
(these will pertain to your account)
|
||||||
</p>
|
</p>
|
||||||
</Col>
|
</Col>
|
||||||
<Col xs={ 3 }>
|
<Col sm={ 4 }>
|
||||||
<Button
|
<ToggleButtonGroup
|
||||||
block={ true }
|
className='toggle-btn-group'
|
||||||
bsSize='lg'
|
name='notification-email'
|
||||||
bsStyle='primary'
|
onChange={ toggleNotificationEmail }
|
||||||
className={
|
type='radio'
|
||||||
classnames(
|
|
||||||
'positive-20',
|
|
||||||
{ active: sendNotificationEmail },
|
|
||||||
'btn-toggle'
|
|
||||||
)
|
|
||||||
}
|
|
||||||
onClick={ toggleNotificationEmail }
|
|
||||||
>
|
>
|
||||||
{ sendNotificationEmail ? 'On' : 'Off' }
|
<ToggleButton
|
||||||
</Button>
|
bsSize='lg'
|
||||||
|
bsStyle='primary'
|
||||||
|
className={
|
||||||
|
classnames(
|
||||||
|
'positive-20',
|
||||||
|
{ active: sendNotificationEmail },
|
||||||
|
'btn-toggle'
|
||||||
|
)
|
||||||
|
}
|
||||||
|
disabled={ sendNotificationEmail }
|
||||||
|
type='radio'
|
||||||
|
value={ 1 }
|
||||||
|
>
|
||||||
|
On
|
||||||
|
</ToggleButton>
|
||||||
|
<ToggleButton
|
||||||
|
bsSize='lg'
|
||||||
|
bsStyle='primary'
|
||||||
|
className={
|
||||||
|
classnames(
|
||||||
|
'positive-20',
|
||||||
|
{ active: !sendNotificationEmail },
|
||||||
|
'btn-toggle'
|
||||||
|
)
|
||||||
|
}
|
||||||
|
disabled={ !sendNotificationEmail }
|
||||||
|
type='radio'
|
||||||
|
value={ 2 }
|
||||||
|
>
|
||||||
|
Off
|
||||||
|
</ToggleButton>
|
||||||
|
</ToggleButtonGroup>
|
||||||
</Col>
|
</Col>
|
||||||
</Row>
|
</Row>
|
||||||
<Row>
|
<Row>
|
||||||
<Col xs={ 9 }>
|
<Col sm={ 8 }>
|
||||||
<p className='large-p'>
|
<p className='large-p'>
|
||||||
Send me Quincy's weekly email
|
Send me Quincy's weekly email
|
||||||
<br />
|
<br />
|
||||||
(with new articles every Tuesday)
|
(with new articles every Tuesday)
|
||||||
</p>
|
</p>
|
||||||
</Col>
|
</Col>
|
||||||
<Col xs={ 3 }>
|
<Col sm={ 4 }>
|
||||||
<Button
|
<ToggleButtonGroup
|
||||||
block={ true }
|
className='toggle-btn-group'
|
||||||
bsSize='lg'
|
name='quincy-email'
|
||||||
bsStyle='primary'
|
onChange={ toggleQuincyEmail }
|
||||||
className={
|
type='radio'
|
||||||
classnames(
|
|
||||||
'positive-20',
|
|
||||||
{ active: sendQuincyEmail },
|
|
||||||
'btn-toggle'
|
|
||||||
)
|
|
||||||
}
|
|
||||||
onClick={ toggleQuincyEmail }
|
|
||||||
>
|
>
|
||||||
{ sendQuincyEmail ? 'On' : 'Off' }
|
<ToggleButton
|
||||||
</Button>
|
bsSize='lg'
|
||||||
|
bsStyle='primary'
|
||||||
|
className={
|
||||||
|
classnames(
|
||||||
|
'positive-20',
|
||||||
|
{ active: sendQuincyEmail },
|
||||||
|
'btn-toggle'
|
||||||
|
)
|
||||||
|
}
|
||||||
|
disabled={ sendQuincyEmail }
|
||||||
|
type='radio'
|
||||||
|
value={ 1 }
|
||||||
|
>
|
||||||
|
On
|
||||||
|
</ToggleButton>
|
||||||
|
<ToggleButton
|
||||||
|
bsSize='lg'
|
||||||
|
bsStyle='primary'
|
||||||
|
className={
|
||||||
|
classnames(
|
||||||
|
'positive-20',
|
||||||
|
{ active: !sendQuincyEmail },
|
||||||
|
'btn-toggle'
|
||||||
|
)
|
||||||
|
}
|
||||||
|
disabled={ !sendQuincyEmail }
|
||||||
|
type='radio'
|
||||||
|
value={ 2 }
|
||||||
|
>
|
||||||
|
Off
|
||||||
|
</ToggleButton>
|
||||||
|
</ToggleButtonGroup>
|
||||||
</Col>
|
</Col>
|
||||||
</Row>
|
</Row>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -138,173 +138,175 @@ export class Settings extends React.Component {
|
|||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<ChildContainer>
|
<ChildContainer>
|
||||||
<Row>
|
<div className='container'>
|
||||||
<Col xs={ 12 }>
|
<Row>
|
||||||
<Button
|
<Col xs={ 12 }>
|
||||||
block={ true }
|
<Button
|
||||||
bsSize='lg'
|
block={ true }
|
||||||
bsStyle='primary'
|
bsSize='lg'
|
||||||
className='btn-link-social'
|
bsStyle='primary'
|
||||||
href={ `/${username}` }
|
className='btn-link-social'
|
||||||
|
href={ `/${username}` }
|
||||||
|
>
|
||||||
|
<FA name='user' />
|
||||||
|
Show me my public profile
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
block={ true }
|
||||||
|
bsSize='lg'
|
||||||
|
bsStyle='primary'
|
||||||
|
className='btn-link-social'
|
||||||
|
href={ '/signout' }
|
||||||
|
>
|
||||||
|
Sign me out of freeCodeCamp
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
block={ true }
|
||||||
|
bsSize='lg'
|
||||||
|
bsStyle='primary'
|
||||||
|
className='btn-link-social'
|
||||||
|
href={ 'mail:team@freecodecamp.com' }
|
||||||
|
>
|
||||||
|
Email us at team@freecodecamp.com
|
||||||
|
</Button>
|
||||||
|
</Col>
|
||||||
|
</Row>
|
||||||
|
<h1 className='text-center'>Settings for your Account</h1>
|
||||||
|
<h2 className='text-center'>Actions</h2>
|
||||||
|
<Row>
|
||||||
|
<Col xs={ 12 }>
|
||||||
|
<Button
|
||||||
|
block={ true }
|
||||||
|
bsSize='lg'
|
||||||
|
bsStyle='primary'
|
||||||
|
className='btn-link-social'
|
||||||
|
onClick={ toggleNightMode }
|
||||||
|
>
|
||||||
|
NightMode
|
||||||
|
</Button>
|
||||||
|
</Col>
|
||||||
|
</Row>
|
||||||
|
<Row>
|
||||||
|
<Col xs={ 12 }>
|
||||||
|
<SocialSettings
|
||||||
|
isGithubCool={ isGithubCool }
|
||||||
|
isLinkedIn={ isLinkedIn }
|
||||||
|
isTwitter={ isTwitter }
|
||||||
|
/>
|
||||||
|
</Col>
|
||||||
|
</Row>
|
||||||
|
<div className='spacer' />
|
||||||
|
<h2 className='text-center'>Account Settings</h2>
|
||||||
|
<Row>
|
||||||
|
<Col xs={ 12 }>
|
||||||
|
<Button
|
||||||
|
block={ true }
|
||||||
|
bsSize='lg'
|
||||||
|
bsStyle='primary'
|
||||||
|
className='btn-link-social'
|
||||||
|
href='/commit'
|
||||||
|
>
|
||||||
|
Edit my pledge
|
||||||
|
</Button>
|
||||||
|
</Col>
|
||||||
|
</Row>
|
||||||
|
<div className='spacer' />
|
||||||
|
<h2 className='text-center'>Privacy Settings</h2>
|
||||||
|
<Row>
|
||||||
|
<Col
|
||||||
|
md={ 6 }
|
||||||
|
mdOffset={ 3 }
|
||||||
|
sm={ 8 }
|
||||||
|
smOffset={ 2 }
|
||||||
|
xs={ 12 }
|
||||||
>
|
>
|
||||||
<FA name='user' />
|
<LockedSettings
|
||||||
Show me my public profile
|
isLocked={ isLocked }
|
||||||
</Button>
|
toggle={ toggleIsLocked }
|
||||||
<Button
|
/>
|
||||||
block={ true }
|
</Col>
|
||||||
bsSize='lg'
|
</Row>
|
||||||
bsStyle='primary'
|
<div className='spacer' />
|
||||||
className='btn-link-social'
|
<h2 className='text-center'>Job Search Settings</h2>
|
||||||
href={ '/signout' }
|
<Row>
|
||||||
|
<Col
|
||||||
|
md={ 6 }
|
||||||
|
mdOffset={ 3 }
|
||||||
|
sm={ 8 }
|
||||||
|
smOffset={ 2 }
|
||||||
|
xs={ 12 }
|
||||||
>
|
>
|
||||||
Sign me out of freeCodeCamp
|
<JobSettings
|
||||||
</Button>
|
isAvailableForHire={ isAvailableForHire }
|
||||||
<Button
|
toggle={ toggleIsAvailableForHire }
|
||||||
block={ true }
|
/>
|
||||||
bsSize='lg'
|
</Col>
|
||||||
bsStyle='primary'
|
</Row>
|
||||||
className='btn-link-social'
|
<div className='spacer' />
|
||||||
href={ 'mail:team@freecodecamp.org' }
|
<h2 className='text-center'>Email Settings</h2>
|
||||||
|
<Row>
|
||||||
|
<Col
|
||||||
|
md={ 6 }
|
||||||
|
mdOffset={ 3 }
|
||||||
|
sm={ 8 }
|
||||||
|
smOffset={ 2 }
|
||||||
|
xs={ 12 }
|
||||||
>
|
>
|
||||||
Email us at team@freecodecamp.org
|
<EmailSettings
|
||||||
</Button>
|
email={ email }
|
||||||
</Col>
|
sendMonthlyEmail={ sendMonthlyEmail }
|
||||||
</Row>
|
sendNotificationEmail={ sendNotificationEmail }
|
||||||
<h1 className='text-center'>Settings for your Account</h1>
|
sendQuincyEmail={ sendQuincyEmail }
|
||||||
<h2 className='text-center'>Actions</h2>
|
toggleMonthlyEmail={ toggleMonthlyEmail }
|
||||||
<Row>
|
toggleNotificationEmail={ toggleNotificationEmail }
|
||||||
<Col xs={ 12 }>
|
toggleQuincyEmail={ toggleQuincyEmail }
|
||||||
<Button
|
/>
|
||||||
block={ true }
|
</Col>
|
||||||
bsSize='lg'
|
</Row>
|
||||||
bsStyle='primary'
|
<div className='spacer' />
|
||||||
className='btn-link-social'
|
<h2 className='text-center'>Display challenges in:</h2>
|
||||||
onClick={ toggleNightMode }
|
<Row>
|
||||||
|
<Col
|
||||||
|
md={ 6 }
|
||||||
|
mdOffset={ 3 }
|
||||||
|
sm={ 8 }
|
||||||
|
smOffset={ 2 }
|
||||||
|
xs={ 12 }
|
||||||
>
|
>
|
||||||
NightMode
|
<LanguageSettings />
|
||||||
</Button>
|
</Col>
|
||||||
</Col>
|
</Row>
|
||||||
</Row>
|
<div className='spacer' />
|
||||||
<Row>
|
<h2 className='text-center'>Danger Zone</h2>
|
||||||
<Col xs={ 12 }>
|
<Row>
|
||||||
<SocialSettings
|
<Col
|
||||||
isGithubCool={ isGithubCool }
|
md={ 6 }
|
||||||
isLinkedIn={ isLinkedIn }
|
mdOffset={ 3 }
|
||||||
isTwitter={ isTwitter }
|
sm={ 8 }
|
||||||
/>
|
smOffset={ 2 }
|
||||||
</Col>
|
xs={ 12 }
|
||||||
</Row>
|
|
||||||
<div className='spacer' />
|
|
||||||
<h2 className='text-center'>Account Settings</h2>
|
|
||||||
<Row>
|
|
||||||
<Col xs={ 12 }>
|
|
||||||
<Button
|
|
||||||
block={ true }
|
|
||||||
bsSize='lg'
|
|
||||||
bsStyle='primary'
|
|
||||||
className='btn-link-social'
|
|
||||||
href='/commit'
|
|
||||||
>
|
>
|
||||||
Edit my pledge
|
<Button
|
||||||
</Button>
|
block={ true }
|
||||||
</Col>
|
bsSize='lg'
|
||||||
</Row>
|
bsStyle='danger'
|
||||||
<div className='spacer' />
|
className='btn-link-social'
|
||||||
<h2 className='text-center'>Privacy Settings</h2>
|
href='/delete-my-account'
|
||||||
<Row>
|
>
|
||||||
<Col
|
Delete my freeCodeCamp account
|
||||||
md={ 6 }
|
</Button>
|
||||||
mdOffset={ 3 }
|
<Button
|
||||||
sm={ 8 }
|
block={ true }
|
||||||
smOffset={ 2 }
|
bsSize='lg'
|
||||||
xs={ 12 }
|
bsStyle='danger'
|
||||||
>
|
className='btn-link-social'
|
||||||
<LockedSettings
|
href='/reset-my-progress'
|
||||||
isLocked={ isLocked }
|
>
|
||||||
toggle={ toggleIsLocked }
|
Reset all of my progress and brownie points
|
||||||
/>
|
</Button>
|
||||||
</Col>
|
</Col>
|
||||||
</Row>
|
</Row>
|
||||||
<div className='spacer' />
|
</div>
|
||||||
<h2 className='text-center'>Job Search Settings</h2>
|
|
||||||
<Row>
|
|
||||||
<Col
|
|
||||||
md={ 6 }
|
|
||||||
mdOffset={ 3 }
|
|
||||||
sm={ 8 }
|
|
||||||
smOffset={ 2 }
|
|
||||||
xs={ 12 }
|
|
||||||
>
|
|
||||||
<JobSettings
|
|
||||||
isAvailableForHire={ isAvailableForHire }
|
|
||||||
toggle={ toggleIsAvailableForHire }
|
|
||||||
/>
|
|
||||||
</Col>
|
|
||||||
</Row>
|
|
||||||
<div className='spacer' />
|
|
||||||
<h2 className='text-center'>Email Settings</h2>
|
|
||||||
<Row>
|
|
||||||
<Col
|
|
||||||
md={ 6 }
|
|
||||||
mdOffset={ 3 }
|
|
||||||
sm={ 8 }
|
|
||||||
smOffset={ 2 }
|
|
||||||
xs={ 12 }
|
|
||||||
>
|
|
||||||
<EmailSettings
|
|
||||||
email={ email }
|
|
||||||
sendMonthlyEmail={ sendMonthlyEmail }
|
|
||||||
sendNotificationEmail={ sendNotificationEmail }
|
|
||||||
sendQuincyEmail={ sendQuincyEmail }
|
|
||||||
toggleMonthlyEmail={ toggleMonthlyEmail }
|
|
||||||
toggleNotificationEmail={ toggleNotificationEmail }
|
|
||||||
toggleQuincyEmail={ toggleQuincyEmail }
|
|
||||||
/>
|
|
||||||
</Col>
|
|
||||||
</Row>
|
|
||||||
<div className='spacer' />
|
|
||||||
<h2 className='text-center'>Display challenges in:</h2>
|
|
||||||
<Row>
|
|
||||||
<Col
|
|
||||||
md={ 6 }
|
|
||||||
mdOffset={ 3 }
|
|
||||||
sm={ 8 }
|
|
||||||
smOffset={ 2 }
|
|
||||||
xs={ 12 }
|
|
||||||
>
|
|
||||||
<LanguageSettings />
|
|
||||||
</Col>
|
|
||||||
</Row>
|
|
||||||
<div className='spacer' />
|
|
||||||
<h2 className='text-center'>Danger Zone</h2>
|
|
||||||
<Row>
|
|
||||||
<Col
|
|
||||||
md={ 6 }
|
|
||||||
mdOffset={ 3 }
|
|
||||||
sm={ 8 }
|
|
||||||
smOffset={ 2 }
|
|
||||||
xs={ 12 }
|
|
||||||
>
|
|
||||||
<Button
|
|
||||||
block={ true }
|
|
||||||
bsSize='lg'
|
|
||||||
bsStyle='danger'
|
|
||||||
className='btn-link-social'
|
|
||||||
href='/delete-my-account'
|
|
||||||
>
|
|
||||||
Delete my freeCodeCamp account
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
block={ true }
|
|
||||||
bsSize='lg'
|
|
||||||
bsStyle='danger'
|
|
||||||
className='btn-link-social'
|
|
||||||
href='/reset-my-progress'
|
|
||||||
>
|
|
||||||
Reset all of my progress and brownie points
|
|
||||||
</Button>
|
|
||||||
</Col>
|
|
||||||
</Row>
|
|
||||||
</ChildContainer>
|
</ChildContainer>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user