Add IDs for Account Settings > Notifications (#5788)

* Add IDs for desktop notification settings

* Add IDs for email notifications

* Add IDs to user notification settings

* Add close button ID
Этот коммит содержится в:
Eric Sethna
2017-03-16 14:37:28 -06:00
коммит произвёл Joram Wilander
родитель b7a128ec1c
Коммит 05e3dc9f2a
3 изменённых файлов: 28 добавлений и 0 удалений

Просмотреть файл

@@ -74,6 +74,7 @@ export default class DesktopNotificationSettings extends React.Component {
<div className='radio'> <div className='radio'>
<label> <label>
<input <input
id='soundOn'
type='radio' type='radio'
name='notificationSounds' name='notificationSounds'
checked={soundRadio[0]} checked={soundRadio[0]}
@@ -89,6 +90,7 @@ export default class DesktopNotificationSettings extends React.Component {
<div className='radio'> <div className='radio'>
<label> <label>
<input <input
id='soundOff'
type='radio' type='radio'
name='notificationSounds' name='notificationSounds'
checked={soundRadio[1]} checked={soundRadio[1]}
@@ -136,6 +138,7 @@ export default class DesktopNotificationSettings extends React.Component {
<div className='radio'> <div className='radio'>
<label> <label>
<input <input
id='soundDuration3'
type='radio' type='radio'
name='desktopDuration' name='desktopDuration'
checked={durationRadio[0]} checked={durationRadio[0]}
@@ -154,6 +157,7 @@ export default class DesktopNotificationSettings extends React.Component {
<div className='radio'> <div className='radio'>
<label> <label>
<input <input
id='soundDuration5'
type='radio' type='radio'
name='desktopDuration' name='desktopDuration'
checked={durationRadio[1]} checked={durationRadio[1]}
@@ -172,6 +176,7 @@ export default class DesktopNotificationSettings extends React.Component {
<div className='radio'> <div className='radio'>
<label> <label>
<input <input
id='soundDuration10'
type='radio' type='radio'
name='desktopDuration' name='desktopDuration'
checked={durationRadio[2]} checked={durationRadio[2]}
@@ -189,6 +194,7 @@ export default class DesktopNotificationSettings extends React.Component {
<div className='radio'> <div className='radio'>
<label> <label>
<input <input
id='soundDurationUnlimited'
type='radio' type='radio'
name='desktopDuration' name='desktopDuration'
checked={durationRadio[3]} checked={durationRadio[3]}
@@ -225,6 +231,7 @@ export default class DesktopNotificationSettings extends React.Component {
<div className='radio'> <div className='radio'>
<label> <label>
<input <input
id='desktopNotificationAllActivity'
type='radio' type='radio'
name='desktopNotificationLevel' name='desktopNotificationLevel'
checked={activityRadio[0]} checked={activityRadio[0]}
@@ -240,6 +247,7 @@ export default class DesktopNotificationSettings extends React.Component {
<div className='radio'> <div className='radio'>
<label> <label>
<input <input
id='desktopNotificationMentions'
type='radio' type='radio'
name='desktopNotificationLevel' name='desktopNotificationLevel'
checked={activityRadio[1]} checked={activityRadio[1]}
@@ -255,6 +263,7 @@ export default class DesktopNotificationSettings extends React.Component {
<div className='radio'> <div className='radio'>
<label> <label>
<input <input
id='desktopNotificationNever'
type='radio' type='radio'
name='desktopNotificationLevel' name='desktopNotificationLevel'
checked={activityRadio[2]} checked={activityRadio[2]}

Просмотреть файл

@@ -113,6 +113,7 @@ export default class EmailNotificationSetting extends React.Component {
<div className='radio'> <div className='radio'>
<label> <label>
<input <input
id='emailNotificationMinutes'
type='radio' type='radio'
name='emailNotifications' name='emailNotifications'
checked={this.props.enableEmail && this.state.emailInterval === Preferences.INTERVAL_FIFTEEN_MINUTES} checked={this.props.enableEmail && this.state.emailInterval === Preferences.INTERVAL_FIFTEEN_MINUTES}
@@ -128,6 +129,7 @@ export default class EmailNotificationSetting extends React.Component {
<div className='radio'> <div className='radio'>
<label> <label>
<input <input
id='emailNotificationHour'
type='radio' type='radio'
name='emailNotifications' name='emailNotifications'
checked={this.props.enableEmail && this.state.emailInterval === Preferences.INTERVAL_HOUR} checked={this.props.enableEmail && this.state.emailInterval === Preferences.INTERVAL_HOUR}
@@ -164,6 +166,7 @@ export default class EmailNotificationSetting extends React.Component {
<div className='radio'> <div className='radio'>
<label> <label>
<input <input
id='emailNotificationImmediately'
type='radio' type='radio'
name='emailNotifications' name='emailNotifications'
checked={this.props.enableEmail && this.state.emailInterval === Preferences.INTERVAL_IMMEDIATE} checked={this.props.enableEmail && this.state.emailInterval === Preferences.INTERVAL_IMMEDIATE}
@@ -179,6 +182,7 @@ export default class EmailNotificationSetting extends React.Component {
<div className='radio'> <div className='radio'>
<label> <label>
<input <input
id='emailNotificationNever'
type='radio' type='radio'
name='emailNotifications' name='emailNotifications'
checked={!this.props.enableEmail} checked={!this.props.enableEmail}

Просмотреть файл

@@ -281,6 +281,7 @@ export default class NotificationsTab extends React.Component {
<div className='radio'> <div className='radio'>
<label> <label>
<input <input
id='pushNotificationOnline'
type='radio' type='radio'
name='pushNotificationStatus' name='pushNotificationStatus'
checked={pushStatusRadio[0]} checked={pushStatusRadio[0]}
@@ -296,6 +297,7 @@ export default class NotificationsTab extends React.Component {
<div className='radio'> <div className='radio'>
<label> <label>
<input <input
id='pushNotificationAway'
type='radio' type='radio'
name='pushNotificationStatus' name='pushNotificationStatus'
checked={pushStatusRadio[1]} checked={pushStatusRadio[1]}
@@ -311,6 +313,7 @@ export default class NotificationsTab extends React.Component {
<div className='radio'> <div className='radio'>
<label> <label>
<input <input
id='pushNotificationOffline'
type='radio' type='radio'
name='pushNotificationStatus' name='pushNotificationStatus'
checked={pushStatusRadio[2]} checked={pushStatusRadio[2]}
@@ -347,6 +350,7 @@ export default class NotificationsTab extends React.Component {
<div className='radio'> <div className='radio'>
<label> <label>
<input <input
id='pushNotificationAllActivity'
type='radio' type='radio'
name='pushNotificationLevel' name='pushNotificationLevel'
checked={pushActivityRadio[0]} checked={pushActivityRadio[0]}
@@ -362,6 +366,7 @@ export default class NotificationsTab extends React.Component {
<div className='radio'> <div className='radio'>
<label> <label>
<input <input
id='pushNotificationMentions'
type='radio' type='radio'
name='pushNotificationLevel' name='pushNotificationLevel'
checked={pushActivityRadio[1]} checked={pushActivityRadio[1]}
@@ -377,6 +382,7 @@ export default class NotificationsTab extends React.Component {
<div className='radio'> <div className='radio'>
<label> <label>
<input <input
id='pushNotificationNever'
type='radio' type='radio'
name='pushNotificationLevel' name='pushNotificationLevel'
checked={pushActivityRadio[2]} checked={pushActivityRadio[2]}
@@ -520,6 +526,7 @@ export default class NotificationsTab extends React.Component {
<div className='checkbox'> <div className='checkbox'>
<label> <label>
<input <input
id='notificationTriggerFirst'
type='checkbox' type='checkbox'
checked={this.state.firstNameKey} checked={this.state.firstNameKey}
onChange={handleUpdateFirstNameKey} onChange={handleUpdateFirstNameKey}
@@ -545,6 +552,7 @@ export default class NotificationsTab extends React.Component {
<div className='checkbox'> <div className='checkbox'>
<label> <label>
<input <input
id='notificationTriggerUsername'
type='checkbox' type='checkbox'
checked={this.state.usernameKey} checked={this.state.usernameKey}
onChange={handleUpdateUsernameKey} onChange={handleUpdateUsernameKey}
@@ -569,6 +577,7 @@ export default class NotificationsTab extends React.Component {
<div className='checkbox'> <div className='checkbox'>
<label> <label>
<input <input
id='notificationTriggerShouts'
type='checkbox' type='checkbox'
checked={this.state.channelKey} checked={this.state.channelKey}
onChange={handleUpdateChannelKey} onChange={handleUpdateChannelKey}
@@ -587,6 +596,7 @@ export default class NotificationsTab extends React.Component {
<div className='checkbox'> <div className='checkbox'>
<label> <label>
<input <input
id='notificationTriggerCustom'
ref='customcheck' ref='customcheck'
type='checkbox' type='checkbox'
checked={this.state.customKeysChecked} checked={this.state.customKeysChecked}
@@ -599,6 +609,7 @@ export default class NotificationsTab extends React.Component {
</label> </label>
</div> </div>
<input <input
id='notificationTriggerCustomText'
ref='custommentions' ref='custommentions'
className='form-control mentions-input' className='form-control mentions-input'
type='text' type='text'
@@ -697,6 +708,7 @@ export default class NotificationsTab extends React.Component {
<div className='radio'> <div className='radio'>
<label> <label>
<input <input
id='notificationCommentsAny'
type='radio' type='radio'
name='commentsNotificationLevel' name='commentsNotificationLevel'
checked={commentsActive[0]} checked={commentsActive[0]}
@@ -712,6 +724,7 @@ export default class NotificationsTab extends React.Component {
<div className='radio'> <div className='radio'>
<label> <label>
<input <input
id='notificationCommentsRoot'
type='radio' type='radio'
name='commentsNotificationLevel' name='commentsNotificationLevel'
checked={commentsActive[1]} checked={commentsActive[1]}
@@ -727,6 +740,7 @@ export default class NotificationsTab extends React.Component {
<div className='radio'> <div className='radio'>
<label> <label>
<input <input
id='notificationCommentsNever'
type='radio' type='radio'
name='commentsNotificationLevel' name='commentsNotificationLevel'
checked={commentsActive[2]} checked={commentsActive[2]}
@@ -804,6 +818,7 @@ export default class NotificationsTab extends React.Component {
<div> <div>
<div className='modal-header'> <div className='modal-header'>
<button <button
id='closeButton'
type='button' type='button'
className='close' className='close'
data-dismiss='modal' data-dismiss='modal'