{'Mattermost'} {title}
\n {licensee}\n\n
\n \n
\n {config.Version}
\n \n
\n \n
\n {config.BuildNumber}
\n \n
\n \n
\n {config.BuildDate}
\n \n
\n \n
\n {config.BuildHash}
\n \n
\n );\n } else {\n moreInfo = (\n \n
\n \n
\n \n
\n \n
\n \n
\n {devicePlatform}
\n \n
\n \n
\n {moreInfo}\n \n \n
\n \n );\n }\n\n let content;\n if (this.state.sessions.loading) {\n content = \n
\n
\n \n );\n }\n}\n\nAdminController.defaultProps = {\n};\n\nAdminController.propTypes = {\n tab: React.PropTypes.string,\n teamId: React.PropTypes.string\n};\n","// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport * as Utils from '../../utils/utils.jsx';\nimport * as Client from '../../utils/client.jsx';\nimport TeamStore from '../../stores/team_store.jsx';\n\nimport Constants from '../../utils/constants.jsx';\n\nimport {FormattedMessage} from 'mm-intl';\n\nfunction getStateFromStores() {\n return {currentTeam: TeamStore.getCurrent()};\n}\n\nexport default class AdminNavbarDropdown extends React.Component {\n constructor(props) {\n super(props);\n this.blockToggle = false;\n\n this.handleLogoutClick = this.handleLogoutClick.bind(this);\n\n this.state = getStateFromStores();\n }\n\n handleLogoutClick(e) {\n e.preventDefault();\n Client.logout();\n }\n\n componentDidMount() {\n $(ReactDOM.findDOMNode(this.refs.dropdown)).on('hide.bs.dropdown', () => {\n this.blockToggle = true;\n setTimeout(() => {\n this.blockToggle = false;\n }, 100);\n });\n }\n\n componentWillUnmount() {\n $(ReactDOM.findDOMNode(this.refs.dropdown)).off('hide.bs.dropdown');\n }\n\n render() {\n return (\n \n
\n \n
\n \n \n {tab}\n
\n - \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
\n
\n );\n }\n}\n\nAdminSidebar.propTypes = {\n teams: React.PropTypes.object,\n selectedTeams: React.PropTypes.object,\n removeSelectedTeam: React.PropTypes.func,\n addSelectedTeam: React.PropTypes.func,\n selected: React.PropTypes.string,\n selectedTeam: React.PropTypes.string,\n selectTab: React.PropTypes.func\n};\n","// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport AdminNavbarDropdown from './admin_navbar_dropdown.jsx';\nimport UserStore from '../../stores/user_store.jsx';\nimport * as Utils from '../../utils/utils.jsx';\n\nimport {FormattedMessage} from 'mm-intl';\n\nexport default class SidebarHeader extends React.Component {\n constructor(props) {\n super(props);\n\n this.toggleDropdown = this.toggleDropdown.bind(this);\n\n this.state = {};\n }\n\n toggleDropdown(e) {\n e.preventDefault();\n\n if (this.refs.dropdown.blockToggle) {\n this.refs.dropdown.blockToggle = false;\n return;\n }\n\n $('.team__header').find('.dropdown-toggle').dropdown('toggle');\n }\n\n render() {\n var me = UserStore.getCurrentUser();\n var profilePicture = null;\n\n if (!me) {\n return null;\n }\n\n if (me.last_picture_update) {\n profilePicture = (\n \n
\n\n \n
\n - \n
- \n
- \n
- \n
\n \n \n
\n \n
- \n
- \n
- \n
- \n
\n \n \n
\n \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
\n \n \n
\n \n
- \n
- \n {teams}\n \n
- \n
- \n
\n \n \n
\n \n
- \n {licenseSettings}\n {audits}\n
- \n
\n - \n
\n \n {profilePicture}\n
\n );\n }\n}","// Copyright (c) 2016 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport LoadingScreen from '../loading_screen.jsx';\nimport AuditTable from '../audit_table.jsx';\n\nimport AdminStore from '../../stores/admin_store.jsx';\n\nimport * as AsyncClient from '../../utils/async_client.jsx';\n\nimport {FormattedMessage} from 'mm-intl';\n\nexport default class Audits extends React.Component {\n constructor(props) {\n super(props);\n\n this.onAuditListenerChange = this.onAuditListenerChange.bind(this);\n this.reload = this.reload.bind(this);\n\n this.state = {\n audits: AdminStore.getAudits()\n };\n }\n\n componentDidMount() {\n AdminStore.addAuditChangeListener(this.onAuditListenerChange);\n AsyncClient.getServerAudits();\n }\n\n componentWillUnmount() {\n AdminStore.removeAuditChangeListener(this.onAuditListenerChange);\n }\n\n onAuditListenerChange() {\n this.setState({\n audits: AdminStore.getAudits()\n });\n }\n\n reload() {\n AdminStore.saveAudits(null);\n this.setState({\n audits: null\n });\n\n AsyncClient.getServerAudits();\n }\n\n render() {\n var content = null;\n\n if (global.window.mm_license.IsLicensed !== 'true') {\n return ;\n }\n\n if (this.state.audits === null) {\n content = \n
\n \n {'@' + me.username}
\n \n
\n \n
\n );\n }\n\n return (\n \n \n
\n \n
\n );\n }\n}\n","// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport * as Client from '../../utils/client.jsx';\nimport * as AsyncClient from '../../utils/async_client.jsx';\nimport crypto from 'crypto';\n\nimport {injectIntl, intlShape, defineMessages, FormattedMessage, FormattedHTMLMessage} from 'mm-intl';\n\nvar holders = defineMessages({\n notificationDisplayExample: {\n id: 'admin.email.notificationDisplayExample',\n defaultMessage: 'Ex: \"Mattermost Notification\", \"System\", \"No-Reply\"'\n },\n notificationEmailExample: {\n id: 'admin.email.notificationEmailExample',\n defaultMessage: 'Ex: \"mattermost@yourcompany.com\", \"admin@yourcompany.com\"'\n },\n smtpUsernameExample: {\n id: 'admin.email.smtpUsernameExample',\n defaultMessage: 'Ex: \"admin@yourcompany.com\", \"AKIADTOVBGERKLCBV\"'\n },\n smtpPasswordExample: {\n id: 'admin.email.smtpPasswordExample',\n defaultMessage: 'Ex: \"yourpassword\", \"jcuS8PuvcpGhpgHhlcpT1Mx42pnqMxQY\"'\n },\n smtpServerExample: {\n id: 'admin.email.smtpServerExample',\n defaultMessage: 'Ex: \"smtp.yourcompany.com\", \"email-smtp.us-east-1.amazonaws.com\"'\n },\n smtpPortExample: {\n id: 'admin.email.smtpPortExample',\n defaultMessage: 'Ex: \"25\", \"465\"'\n },\n connectionSecurityNone: {\n id: 'admin.email.connectionSecurityNone',\n defaultMessage: 'None'\n },\n connectionSecurityTls: {\n id: 'admin.email.connectionSecurityTls',\n defaultMessage: 'TLS (Recommended)'\n },\n connectionSecurityStart: {\n id: 'admin.email.connectionSecurityStart',\n defaultMessage: 'STARTTLS'\n },\n inviteSaltExample: {\n id: 'admin.email.inviteSaltExample',\n defaultMessage: 'Ex \"bjlSR4QqkXFBr7TP4oDzlfZmcNuH9Yo\"'\n },\n passwordSaltExample: {\n id: 'admin.email.passwordSaltExample',\n defaultMessage: 'Ex \"bjlSR4QqkXFBr7TP4oDzlfZmcNuH9Yo\"'\n },\n pushServerEx: {\n id: 'admin.email.pushServerEx',\n defaultMessage: 'E.g.: \"http://push-test.mattermost.com\"'\n },\n testing: {\n id: 'admin.email.testing',\n defaultMessage: 'Testing...'\n },\n saving: {\n id: 'admin.email.saving',\n defaultMessage: 'Saving Config...'\n }\n});\n\nclass EmailSettings extends React.Component {\n constructor(props) {\n super(props);\n\n this.handleChange = this.handleChange.bind(this);\n this.handleTestConnection = this.handleTestConnection.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n this.buildConfig = this.buildConfig.bind(this);\n this.handleGenerateInvite = this.handleGenerateInvite.bind(this);\n this.handleGenerateReset = this.handleGenerateReset.bind(this);\n\n this.state = {\n sendEmailNotifications: this.props.config.EmailSettings.SendEmailNotifications,\n sendPushNotifications: this.props.config.EmailSettings.SendPushNotifications,\n saveNeeded: false,\n serverError: null,\n emailSuccess: null,\n emailFail: null\n };\n }\n\n handleChange(action) {\n var s = {saveNeeded: true, serverError: this.state.serverError};\n\n if (action === 'sendEmailNotifications_true') {\n s.sendEmailNotifications = true;\n }\n\n if (action === 'sendEmailNotifications_false') {\n s.sendEmailNotifications = false;\n }\n\n if (action === 'sendPushNotifications_true') {\n s.sendPushNotifications = true;\n }\n\n if (action === 'sendPushNotifications_false') {\n s.sendPushNotifications = false;\n }\n\n this.setState(s);\n }\n\n buildConfig() {\n var config = this.props.config;\n config.EmailSettings.EnableSignUpWithEmail = ReactDOM.findDOMNode(this.refs.allowSignUpWithEmail).checked;\n config.EmailSettings.EnableSignInWithEmail = ReactDOM.findDOMNode(this.refs.allowSignInWithEmail).checked;\n config.EmailSettings.EnableSignInWithUsername = ReactDOM.findDOMNode(this.refs.allowSignInWithUsername).checked;\n config.EmailSettings.SendEmailNotifications = ReactDOM.findDOMNode(this.refs.sendEmailNotifications).checked;\n config.EmailSettings.SendPushNotifications = ReactDOM.findDOMNode(this.refs.sendPushNotifications).checked;\n config.EmailSettings.RequireEmailVerification = ReactDOM.findDOMNode(this.refs.requireEmailVerification).checked;\n config.EmailSettings.FeedbackName = ReactDOM.findDOMNode(this.refs.feedbackName).value.trim();\n config.EmailSettings.FeedbackEmail = ReactDOM.findDOMNode(this.refs.feedbackEmail).value.trim();\n config.EmailSettings.SMTPServer = ReactDOM.findDOMNode(this.refs.SMTPServer).value.trim();\n config.EmailSettings.PushNotificationServer = ReactDOM.findDOMNode(this.refs.PushNotificationServer).value.trim();\n config.EmailSettings.SMTPPort = ReactDOM.findDOMNode(this.refs.SMTPPort).value.trim();\n config.EmailSettings.SMTPUsername = ReactDOM.findDOMNode(this.refs.SMTPUsername).value.trim();\n config.EmailSettings.SMTPPassword = ReactDOM.findDOMNode(this.refs.SMTPPassword).value.trim();\n config.EmailSettings.ConnectionSecurity = ReactDOM.findDOMNode(this.refs.ConnectionSecurity).value.trim();\n\n config.EmailSettings.InviteSalt = ReactDOM.findDOMNode(this.refs.InviteSalt).value.trim();\n if (config.EmailSettings.InviteSalt === '') {\n config.EmailSettings.InviteSalt = crypto.randomBytes(256).toString('base64').substring(0, 32);\n ReactDOM.findDOMNode(this.refs.InviteSalt).value = config.EmailSettings.InviteSalt;\n }\n\n config.EmailSettings.PasswordResetSalt = ReactDOM.findDOMNode(this.refs.PasswordResetSalt).value.trim();\n if (config.EmailSettings.PasswordResetSalt === '') {\n config.EmailSettings.PasswordResetSalt = crypto.randomBytes(256).toString('base64').substring(0, 32);\n ReactDOM.findDOMNode(this.refs.PasswordResetSalt).value = config.EmailSettings.PasswordResetSalt;\n }\n\n return config;\n }\n\n handleGenerateInvite(e) {\n e.preventDefault();\n ReactDOM.findDOMNode(this.refs.InviteSalt).value = crypto.randomBytes(256).toString('base64').substring(0, 32);\n var s = {saveNeeded: true, serverError: this.state.serverError};\n this.setState(s);\n }\n\n handleGenerateReset(e) {\n e.preventDefault();\n ReactDOM.findDOMNode(this.refs.PasswordResetSalt).value = crypto.randomBytes(256).toString('base64').substring(0, 32);\n var s = {saveNeeded: true, serverError: this.state.serverError};\n this.setState(s);\n }\n\n handleTestConnection(e) {\n e.preventDefault();\n $('#connection-button').button('loading');\n\n var config = this.buildConfig();\n\n Client.testEmail(\n config,\n () => {\n this.setState({\n sendEmailNotifications: config.EmailSettings.SendEmailNotifications,\n serverError: null,\n saveNeeded: true,\n emailSuccess: true,\n emailFail: null\n });\n $('#connection-button').button('reset');\n },\n (err) => {\n this.setState({\n sendEmailNotifications: config.EmailSettings.SendEmailNotifications,\n serverError: null,\n saveNeeded: true,\n emailSuccess: null,\n emailFail: err.message + ' - ' + err.detailed_error\n });\n $('#connection-button').button('reset');\n }\n );\n }\n\n handleSubmit(e) {\n e.preventDefault();\n $('#save-button').button('loading');\n\n var config = this.buildConfig();\n\n Client.saveConfig(\n config,\n () => {\n AsyncClient.getConfig();\n this.setState({\n sendEmailNotifications: config.EmailSettings.SendEmailNotifications,\n serverError: null,\n saveNeeded: false,\n emailSuccess: null,\n emailFail: null\n });\n $('#save-button').button('reset');\n },\n (err) => {\n this.setState({\n sendEmailNotifications: config.EmailSettings.SendEmailNotifications,\n serverError: err.message,\n saveNeeded: true,\n emailSuccess: null,\n emailFail: null\n });\n $('#save-button').button('reset');\n }\n );\n }\n\n render() {\n const {formatMessage} = this.props.intl;\n var serverError = '';\n if (this.state.serverError) {\n serverError = ;\n }\n\n var saveClass = 'btn';\n if (this.state.saveNeeded) {\n saveClass = 'btn btn-primary';\n }\n\n var emailSuccess = '';\n if (this.state.emailSuccess) {\n emailSuccess = (\n \n
\n \n {content}\n
\n \n \n
\n );\n }\n\n var emailFail = '';\n if (this.state.emailFail) {\n emailSuccess = (\n \n \n
\n );\n }\n\n return (\n \n \n
\n \n\n
\n );\n }\n}\n\nEmailSettings.propTypes = {\n intl: intlShape.isRequired,\n config: React.PropTypes.object\n};\n\nexport default injectIntl(EmailSettings);\n","// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport * as Client from '../../utils/client.jsx';\nimport * as AsyncClient from '../../utils/async_client.jsx';\n\nimport {injectIntl, intlShape, defineMessages, FormattedMessage, FormattedHTMLMessage} from 'mm-intl';\n\nconst holders = defineMessages({\n clientIdExample: {\n id: 'admin.gitlab.clientIdExample',\n defaultMessage: 'Ex \"jcuS8PuvcpGhpgHhlcpT1Mx42pnqMxQY\"'\n },\n clientSecretExample: {\n id: 'admin.gitlab.clientSecretExample',\n defaultMessage: 'Ex \"jcuS8PuvcpGhpgHhlcpT1Mx42pnqMxQY\"'\n },\n authExample: {\n id: 'admin.gitlab.authExample',\n defaultMessage: 'Ex \"\"'\n },\n tokenExample: {\n id: 'admin.gitlab.tokenExample',\n defaultMessage: 'Ex \"\"'\n },\n userExample: {\n id: 'admin.gitlab.userExample',\n defaultMessage: 'Ex \"\"'\n },\n saving: {\n id: 'admin.gitlab.saving',\n defaultMessage: 'Saving Config...'\n }\n});\n\nclass GitLabSettings extends React.Component {\n constructor(props) {\n super(props);\n\n this.handleChange = this.handleChange.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n\n this.state = {\n Enable: this.props.config.GitLabSettings.Enable,\n saveNeeded: false,\n serverError: null\n };\n }\n\n handleChange(action) {\n var s = {saveNeeded: true, serverError: this.state.serverError};\n\n if (action === 'EnableTrue') {\n s.Enable = true;\n }\n\n if (action === 'EnableFalse') {\n s.Enable = false;\n }\n\n this.setState(s);\n }\n\n handleSubmit(e) {\n e.preventDefault();\n $('#save-button').button('loading');\n\n var config = this.props.config;\n config.GitLabSettings.Enable = ReactDOM.findDOMNode(this.refs.Enable).checked;\n config.GitLabSettings.Secret = ReactDOM.findDOMNode(this.refs.Secret).value.trim();\n config.GitLabSettings.Id = ReactDOM.findDOMNode(this.refs.Id).value.trim();\n config.GitLabSettings.AuthEndpoint = ReactDOM.findDOMNode(this.refs.AuthEndpoint).value.trim();\n config.GitLabSettings.TokenEndpoint = ReactDOM.findDOMNode(this.refs.TokenEndpoint).value.trim();\n config.GitLabSettings.UserApiEndpoint = ReactDOM.findDOMNode(this.refs.UserApiEndpoint).value.trim();\n\n Client.saveConfig(\n config,\n () => {\n AsyncClient.getConfig();\n this.setState({\n serverError: null,\n saveNeeded: false\n });\n $('#save-button').button('reset');\n },\n (err) => {\n this.setState({\n serverError: err.message,\n saveNeeded: true\n });\n $('#save-button').button('reset');\n }\n );\n }\n\n render() {\n const {formatMessage} = this.props.intl;\n var serverError = '';\n if (this.state.serverError) {\n serverError = ;\n }\n\n var saveClass = 'btn';\n if (this.state.saveNeeded) {\n saveClass = 'btn btn-primary';\n }\n\n return (\n \n
\n \n \n
\n\n \n \n \n
\n \n
\n \n
\n\n \n \n \n
\n \n
\n \n
\n\n \n \n \n
\n \n
\n \n
\n\n \n \n \n
\n \n
\n \n
\n\n \n \n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n \n \n \n \n \n
\n \n \n \n \n \n {'TLS'} \n {'STARTTLS'} \n
\n \n ' + formatMessage(holders.testing)}\n >\n
\n \n \n
\n\n \n
\n \n
\n \n
\n \n \n
\n\n \n
\n \n
\n \n
\n \n \n
\n\n \n \n \n
\n \n
\n \n
\n\n \n
\n \n
\n
\n\n \n \n {serverError}\n ' + formatMessage(holders.saving)}\n >\n
\n \n\n \n
\n \n\n
\n );\n }\n}\n\n//config.GitLabSettings.Scope = ReactDOM.findDOMNode(this.refs.Scope).value.trim();\n// \n
\n \n \n
\n\n \n \n \n
\n \n
\n
\n
\n \n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n
\n\n \n \n {serverError}\n ' + formatMessage(holders.saving)}\n >\n
\n \n// \n// {'Scope:'}\n// \n//
\n\nGitLabSettings.propTypes = {\n intl: intlShape.isRequired,\n config: React.PropTypes.object\n};\n\nexport default injectIntl(GitLabSettings);\n","// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport * as Client from '../../utils/client.jsx';\nimport * as AsyncClient from '../../utils/async_client.jsx';\nimport crypto from 'crypto';\n\nimport {injectIntl, intlShape, defineMessages, FormattedMessage} from 'mm-intl';\n\nconst holders = defineMessages({\n storeLocal: {\n id: 'admin.image.storeLocal',\n defaultMessage: 'Local File System'\n },\n storeAmazonS3: {\n id: 'admin.image.storeAmazonS3',\n defaultMessage: 'Amazon S3'\n },\n localExample: {\n id: 'admin.image.localExample',\n defaultMessage: 'Ex \"./data/\"'\n },\n amazonS3IdExample: {\n id: 'admin.image.amazonS3IdExample',\n defaultMessage: 'Ex \"AKIADTOVBGERKLCBV\"'\n },\n amazonS3SecretExample: {\n id: 'admin.image.amazonS3SecretExample',\n defaultMessage: 'Ex \"jcuS8PuvcpGhpgHhlcpT1Mx42pnqMxQY\"'\n },\n amazonS3BucketExample: {\n id: 'admin.image.amazonS3BucketExample',\n defaultMessage: 'Ex \"mattermost-media\"'\n },\n amazonS3RegionExample: {\n id: 'admin.image.amazonS3RegionExample',\n defaultMessage: 'Ex \"us-east-1\"'\n },\n thumbWidthExample: {\n id: 'admin.image.thumbWidthExample',\n defaultMessage: 'Ex \"120\"'\n },\n thumbHeightExample: {\n id: 'admin.image.thumbHeightExample',\n defaultMessage: 'Ex \"100\"'\n },\n previewWidthExample: {\n id: 'admin.image.previewWidthExample',\n defaultMessage: 'Ex \"1024\"'\n },\n previewHeightExample: {\n id: 'admin.image.previewHeightExample',\n defaultMessage: 'Ex \"0\"'\n },\n profileWidthExample: {\n id: 'admin.image.profileWidthExample',\n defaultMessage: 'Ex \"1024\"'\n },\n profileHeightExample: {\n id: 'admin.image.profileHeightExample',\n defaultMessage: 'Ex \"0\"'\n },\n publicLinkExample: {\n id: 'admin.image.publicLinkExample',\n defaultMessage: 'Ex \"gxHVDcKUyP2y1eiyW8S8na1UYQAfq6J6\"'\n },\n saving: {\n id: 'admin.image.saving',\n defaultMessage: 'Saving Config...'\n }\n});\n\nclass FileSettings extends React.Component {\n constructor(props) {\n super(props);\n\n this.handleChange = this.handleChange.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n this.handleGenerate = this.handleGenerate.bind(this);\n\n this.state = {\n saveNeeded: false,\n serverError: null,\n DriverName: this.props.config.FileSettings.DriverName\n };\n }\n\n handleChange(action) {\n var s = {saveNeeded: true, serverError: this.state.serverError};\n\n if (action === 'DriverName') {\n s.DriverName = ReactDOM.findDOMNode(this.refs.DriverName).value;\n }\n\n this.setState(s);\n }\n\n handleGenerate(e) {\n e.preventDefault();\n ReactDOM.findDOMNode(this.refs.PublicLinkSalt).value = crypto.randomBytes(256).toString('base64').substring(0, 32);\n var s = {saveNeeded: true, serverError: this.state.serverError};\n this.setState(s);\n }\n\n handleSubmit(e) {\n e.preventDefault();\n $('#save-button').button('loading');\n\n var config = this.props.config;\n config.FileSettings.DriverName = ReactDOM.findDOMNode(this.refs.DriverName).value;\n config.FileSettings.Directory = ReactDOM.findDOMNode(this.refs.Directory).value;\n config.FileSettings.AmazonS3AccessKeyId = ReactDOM.findDOMNode(this.refs.AmazonS3AccessKeyId).value;\n config.FileSettings.AmazonS3SecretAccessKey = ReactDOM.findDOMNode(this.refs.AmazonS3SecretAccessKey).value;\n config.FileSettings.AmazonS3Bucket = ReactDOM.findDOMNode(this.refs.AmazonS3Bucket).value;\n config.FileSettings.AmazonS3Region = ReactDOM.findDOMNode(this.refs.AmazonS3Region).value;\n config.FileSettings.EnablePublicLink = ReactDOM.findDOMNode(this.refs.EnablePublicLink).checked;\n\n config.FileSettings.PublicLinkSalt = ReactDOM.findDOMNode(this.refs.PublicLinkSalt).value.trim();\n\n if (config.FileSettings.PublicLinkSalt === '') {\n config.FileSettings.PublicLinkSalt = crypto.randomBytes(256).toString('base64').substring(0, 32);\n ReactDOM.findDOMNode(this.refs.PublicLinkSalt).value = config.FileSettings.PublicLinkSalt;\n }\n\n var thumbnailWidth = 120;\n if (!isNaN(parseInt(ReactDOM.findDOMNode(this.refs.ThumbnailWidth).value, 10))) {\n thumbnailWidth = parseInt(ReactDOM.findDOMNode(this.refs.ThumbnailWidth).value, 10);\n }\n config.FileSettings.ThumbnailWidth = thumbnailWidth;\n ReactDOM.findDOMNode(this.refs.ThumbnailWidth).value = thumbnailWidth;\n\n var thumbnailHeight = 100;\n if (!isNaN(parseInt(ReactDOM.findDOMNode(this.refs.ThumbnailHeight).value, 10))) {\n thumbnailHeight = parseInt(ReactDOM.findDOMNode(this.refs.ThumbnailHeight).value, 10);\n }\n config.FileSettings.ThumbnailHeight = thumbnailHeight;\n ReactDOM.findDOMNode(this.refs.ThumbnailHeight).value = thumbnailHeight;\n\n var previewWidth = 1024;\n if (!isNaN(parseInt(ReactDOM.findDOMNode(this.refs.PreviewWidth).value, 10))) {\n previewWidth = parseInt(ReactDOM.findDOMNode(this.refs.PreviewWidth).value, 10);\n }\n config.FileSettings.PreviewWidth = previewWidth;\n ReactDOM.findDOMNode(this.refs.PreviewWidth).value = previewWidth;\n\n var previewHeight = 0;\n if (!isNaN(parseInt(ReactDOM.findDOMNode(this.refs.PreviewHeight).value, 10))) {\n previewHeight = parseInt(ReactDOM.findDOMNode(this.refs.PreviewHeight).value, 10);\n }\n config.FileSettings.PreviewHeight = previewHeight;\n ReactDOM.findDOMNode(this.refs.PreviewHeight).value = previewHeight;\n\n var profileWidth = 128;\n if (!isNaN(parseInt(ReactDOM.findDOMNode(this.refs.ProfileWidth).value, 10))) {\n profileWidth = parseInt(ReactDOM.findDOMNode(this.refs.ProfileWidth).value, 10);\n }\n config.FileSettings.ProfileWidth = profileWidth;\n ReactDOM.findDOMNode(this.refs.ProfileWidth).value = profileWidth;\n\n var profileHeight = 128;\n if (!isNaN(parseInt(ReactDOM.findDOMNode(this.refs.ProfileHeight).value, 10))) {\n profileHeight = parseInt(ReactDOM.findDOMNode(this.refs.ProfileHeight).value, 10);\n }\n config.FileSettings.ProfileHeight = profileHeight;\n ReactDOM.findDOMNode(this.refs.ProfileHeight).value = profileHeight;\n\n Client.saveConfig(\n config,\n () => {\n AsyncClient.getConfig();\n this.setState({\n serverError: null,\n saveNeeded: false\n });\n $('#save-button').button('reset');\n },\n (err) => {\n this.setState({\n serverError: err.message,\n saveNeeded: true\n });\n $('#save-button').button('reset');\n }\n );\n }\n\n render() {\n const {formatMessage} = this.props.intl;\n var serverError = '';\n if (this.state.serverError) {\n serverError = ;\n }\n\n var saveClass = 'btn';\n if (this.state.saveNeeded) {\n saveClass = 'btn btn-primary';\n }\n\n var enableFile = false;\n var enableS3 = false;\n\n if (this.state.DriverName === 'local') {\n enableFile = true;\n }\n\n if (this.state.DriverName === 'amazons3') {\n enableS3 = true;\n }\n\n return (\n \n//
\n// {'This field is not yet used by GitLab OAuth. Other OAuth providers may use this field to specify the scope of account data from OAuth provider that is sent to Mattermost.'}
\n//\n \n
\n \n\n
\n );\n }\n}\n\nFileSettings.propTypes = {\n intl: intlShape.isRequired,\n config: React.PropTypes.object\n};\n\nexport default injectIntl(FileSettings);","// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport * as Client from '../../utils/client.jsx';\nimport * as AsyncClient from '../../utils/async_client.jsx';\n\nimport {injectIntl, intlShape, defineMessages, FormattedMessage, FormattedHTMLMessage} from 'mm-intl';\n\nconst DEFAULT_LDAP_PORT = 389;\nconst DEFAULT_QUERY_TIMEOUT = 60;\n\nvar holders = defineMessages({\n serverEx: {\n id: 'admin.ldap.serverEx',\n defaultMessage: 'Ex \"10.0.0.23\"'\n },\n portEx: {\n id: 'admin.ldap.portEx',\n defaultMessage: 'Ex \"389\"'\n },\n baseEx: {\n id: 'admin.ldap.baseEx',\n defaultMessage: 'Ex \"ou=Unit Name,dc=corp,dc=example,dc=com\"'\n },\n firstnameAttrEx: {\n id: 'admin.ldap.firstnameAttrEx',\n defaultMessage: 'Ex \"givenName\"'\n },\n lastnameAttrEx: {\n id: 'admin.ldap.lastnameAttrEx',\n defaultMessage: 'Ex \"sn\"'\n },\n emailAttrEx: {\n id: 'admin.ldap.emailAttrEx',\n defaultMessage: 'Ex \"mail\" or \"userPrincipalName\"'\n },\n usernameAttrEx: {\n id: 'admin.ldap.usernameAttrEx',\n defaultMessage: 'Ex \"sAMAccountName\"'\n },\n idAttrEx: {\n id: 'admin.ldap.idAttrEx',\n defaultMessage: 'Ex \"sAMAccountName\"'\n },\n queryEx: {\n id: 'admin.ldap.queryEx',\n defaultMessage: 'Ex \"60\"'\n },\n saving: {\n id: 'admin.ldap.saving',\n defaultMessage: 'Saving Config...'\n }\n});\n\nclass LdapSettings extends React.Component {\n constructor(props) {\n super(props);\n\n this.handleSubmit = this.handleSubmit.bind(this);\n this.handleChange = this.handleChange.bind(this);\n this.handleEnable = this.handleEnable.bind(this);\n this.handleDisable = this.handleDisable.bind(this);\n\n this.state = {\n saveNeeded: false,\n serverError: null,\n enable: this.props.config.LdapSettings.Enable\n };\n }\n handleChange() {\n this.setState({saveNeeded: true});\n }\n handleEnable() {\n this.setState({saveNeeded: true, enable: true});\n }\n handleDisable() {\n this.setState({saveNeeded: true, enable: false});\n }\n handleSubmit(e) {\n e.preventDefault();\n $('#save-button').button('loading');\n\n const config = this.props.config;\n config.LdapSettings.Enable = this.refs.Enable.checked;\n config.LdapSettings.LdapServer = this.refs.LdapServer.value.trim();\n\n let LdapPort = DEFAULT_LDAP_PORT;\n if (!isNaN(parseInt(ReactDOM.findDOMNode(this.refs.LdapPort).value, 10))) {\n LdapPort = parseInt(ReactDOM.findDOMNode(this.refs.LdapPort).value, 10);\n }\n config.LdapSettings.LdapPort = LdapPort;\n\n config.LdapSettings.BaseDN = this.refs.BaseDN.value.trim();\n config.LdapSettings.BindUsername = this.refs.BindUsername.value.trim();\n config.LdapSettings.BindPassword = this.refs.BindPassword.value.trim();\n config.LdapSettings.FirstNameAttribute = this.refs.FirstNameAttribute.value.trim();\n config.LdapSettings.LastNameAttribute = this.refs.LastNameAttribute.value.trim();\n config.LdapSettings.EmailAttribute = this.refs.EmailAttribute.value.trim();\n config.LdapSettings.UsernameAttribute = this.refs.UsernameAttribute.value.trim();\n config.LdapSettings.IdAttribute = this.refs.IdAttribute.value.trim();\n\n let QueryTimeout = DEFAULT_QUERY_TIMEOUT;\n if (!isNaN(parseInt(ReactDOM.findDOMNode(this.refs.QueryTimeout).value, 10))) {\n QueryTimeout = parseInt(ReactDOM.findDOMNode(this.refs.QueryTimeout).value, 10);\n }\n config.LdapSettings.QueryTimeout = QueryTimeout;\n\n Client.saveConfig(\n config,\n () => {\n AsyncClient.getConfig();\n this.setState({\n serverError: null,\n saveNeeded: false\n });\n $('#save-button').button('reset');\n },\n (err) => {\n this.setState({\n serverError: err.message,\n saveNeeded: true\n });\n $('#save-button').button('reset');\n }\n );\n }\n render() {\n const {formatMessage} = this.props.intl;\n let serverError = '';\n if (this.state.serverError) {\n serverError = ;\n }\n\n let saveClass = 'btn';\n if (this.state.saveNeeded) {\n saveClass = 'btn btn-primary';\n }\n\n const licenseEnabled = global.window.mm_license.IsLicensed === 'true' && global.window.mm_license.LDAP === 'true';\n\n let bannerContent;\n if (licenseEnabled) {\n bannerContent = (\n \n
\n \n \n
\n\n \n \n \n \n \n
\n \n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n \n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n\n \n \n {serverError}\n ' + formatMessage(holders.saving)}\n >\n
\n \n
\n );\n } else {\n bannerContent = (\n \n \n
\n
\n \n
\n \n
\n
\n );\n }\n\n return (\n \n
\n \n {bannerContent}\n \n
\n \n
\n );\n }\n}\nLdapSettings.defaultProps = {\n};\n\nLdapSettings.propTypes = {\n intl: intlShape.isRequired,\n config: React.PropTypes.object\n};\n\nexport default injectIntl(LdapSettings);\n","// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport * as Client from '../../utils/client.jsx';\nimport * as AsyncClient from '../../utils/async_client.jsx';\n\nimport {injectIntl, intlShape, defineMessages, FormattedMessage} from 'mm-intl';\n\nvar holders = defineMessages({\n saving: {\n id: 'admin.support.saving',\n defaultMessage: 'Saving Config...'\n }\n});\n\nclass LegalAndSupportSettings extends React.Component {\n constructor(props) {\n super(props);\n\n this.handleChange = this.handleChange.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n\n this.state = {\n saveNeeded: false,\n serverError: null\n };\n }\n\n handleChange() {\n var s = {saveNeeded: true, serverError: this.state.serverError};\n this.setState(s);\n }\n\n handleSubmit(e) {\n e.preventDefault();\n $('#save-button').button('loading');\n\n var config = this.props.config;\n\n config.SupportSettings.TermsOfServiceLink = ReactDOM.findDOMNode(this.refs.TermsOfServiceLink).value.trim();\n config.SupportSettings.PrivacyPolicyLink = ReactDOM.findDOMNode(this.refs.PrivacyPolicyLink).value.trim();\n config.SupportSettings.AboutLink = ReactDOM.findDOMNode(this.refs.AboutLink).value.trim();\n config.SupportSettings.HelpLink = ReactDOM.findDOMNode(this.refs.HelpLink).value.trim();\n config.SupportSettings.ReportAProblemLink = ReactDOM.findDOMNode(this.refs.ReportAProblemLink).value.trim();\n config.SupportSettings.SupportEmail = ReactDOM.findDOMNode(this.refs.SupportEmail).value.trim();\n\n Client.saveConfig(\n config,\n () => {\n AsyncClient.getConfig();\n this.setState({\n serverError: null,\n saveNeeded: false\n });\n $('#save-button').button('reset');\n },\n (err) => {\n this.setState({\n serverError: err.message,\n saveNeeded: true\n });\n $('#save-button').button('reset');\n }\n );\n }\n\n render() {\n var serverError = '';\n if (this.state.serverError) {\n serverError = ;\n }\n\n var saveClass = 'btn';\n if (this.state.saveNeeded) {\n saveClass = 'btn btn-primary';\n }\n\n return (\n \n
\n \n \n
\n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n
\n \n \n {serverError}\n ' + formatMessage(holders.saving)}\n >\n
\n \n\n \n
\n \n\n
\n );\n }\n}\n\nLegalAndSupportSettings.propTypes = {\n intl: intlShape.isRequired,\n config: React.PropTypes.object\n};\n\nexport default injectIntl(LegalAndSupportSettings);","// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport * as Utils from '../../utils/utils.jsx';\nimport * as Client from '../../utils/client.jsx';\n\nimport {injectIntl, intlShape, defineMessages, FormattedMessage, FormattedHTMLMessage} from 'mm-intl';\n\nconst holders = defineMessages({\n removing: {\n id: 'admin.license.removing',\n defaultMessage: 'Removing License...'\n },\n uploading: {\n id: 'admin.license.uploading',\n defaultMessage: 'Uploading License...'\n }\n});\n\nclass LicenseSettings extends React.Component {\n constructor(props) {\n super(props);\n\n this.handleChange = this.handleChange.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n this.handleRemove = this.handleRemove.bind(this);\n\n this.state = {\n fileSelected: false,\n fileName: null,\n serverError: null\n };\n }\n\n handleChange() {\n const element = $(ReactDOM.findDOMNode(this.refs.fileInput));\n if (element.prop('files').length > 0) {\n this.setState({fileSelected: true, fileName: element.prop('files')[0].name});\n }\n }\n\n handleSubmit(e) {\n e.preventDefault();\n\n const element = $(ReactDOM.findDOMNode(this.refs.fileInput));\n if (element.prop('files').length === 0) {\n return;\n }\n const file = element.prop('files')[0];\n\n $('#upload-button').button('loading');\n\n const formData = new FormData();\n formData.append('license', file, file.name);\n\n Client.uploadLicenseFile(formData,\n () => {\n Utils.clearFileInput(element[0]);\n $('#upload-button').button('reset');\n this.setState({fileSelected: false, fileName: null, serverError: null});\n window.location.reload(true);\n },\n (error) => {\n Utils.clearFileInput(element[0]);\n $('#upload-button').button('reset');\n this.setState({fileSelected: false, fileName: null, serverError: error.message});\n }\n );\n }\n\n handleRemove(e) {\n e.preventDefault();\n\n $('#remove-button').button('loading');\n\n Client.removeLicenseFile(\n () => {\n $('#remove-button').button('reset');\n this.setState({fileSelected: false, fileName: null, serverError: null});\n window.location.reload(true);\n },\n (error) => {\n $('#remove-button').button('reset');\n this.setState({fileSelected: false, fileName: null, serverError: error.message});\n }\n );\n }\n\n render() {\n var serverError = '';\n if (this.state.serverError) {\n serverError = ;\n }\n\n var btnClass = 'btn';\n if (this.state.fileSelected) {\n btnClass = 'btn btn-primary';\n }\n\n let edition;\n let licenseType;\n let licenseKey;\n\n const issued = Utils.displayDate(parseInt(global.window.mm_license.IssuedAt, 10)) + ' ' + Utils.displayTime(parseInt(global.window.mm_license.IssuedAt, 10), true);\n const startsAt = Utils.displayDate(parseInt(global.window.mm_license.StartsAt, 10));\n const expiresAt = Utils.displayDate(parseInt(global.window.mm_license.ExpiresAt, 10));\n\n if (global.window.mm_license.IsLicensed === 'true') {\n // Note: DO NOT LOCALISE THESE STRINGS. Legally we can not since the license is in English.\n edition = 'Mattermost Enterprise Edition. Enterprise features on this server have been unlocked with a license key and a valid subscription.';\n licenseType = (\n \n
\n \n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n
\n\n \n \n {serverError}\n ' + this.props.intl.formatMessage(holders.saving)}\n >\n
\n \n
\n {`Company or organization name: ${global.window.mm_license.Company}`}
\n {`Number of users: ${global.window.mm_license.Users}`}
\n {`License issued: ${issued}`}
\n {`Start date of license: ${startsAt}`}
\n {`Expiry date of license: ${expiresAt}`}
\n
\n {'See also '}{'Enterprise Edition Terms of Service'}{' and '}{'Privacy Policy.'}\n
\n );\n\n licenseKey = (\n \n {'This software is offered under a commercial license.\\n\\nSee ENTERPRISE-EDITION-LICENSE.txt in your root install directory for details. See NOTICE.txt for information about open source software used in this system.\\n\\nYour subscription details are as follows:'}\n
\n {`Name: ${global.window.mm_license.Name}`}\n {`Company or organization name: ${global.window.mm_license.Company}`}
\n {`Number of users: ${global.window.mm_license.Users}`}
\n {`License issued: ${issued}`}
\n {`Start date of license: ${startsAt}`}
\n {`Expiry date of license: ${expiresAt}`}
\n
\n {'See also '}{'Enterprise Edition Terms of Service'}{' and '}{'Privacy Policy.'}\n
\n ' + this.props.intl.formatMessage(holders.removing)}\n >\n
\n
\n
\n );\n } else {\n // Note: DO NOT LOCALISE THESE STRINGS. Legally we can not since the license is in English.\n edition = (\n \n
\n
\n
\n {'Mattermost Enterprise Edition. Unlock enterprise features in this software through the purchase of a subscription from '}\n {'https://mattermost.com/'}\n
\n );\n\n licenseType = 'This software is offered under a commercial license.\\n\\nSee ENTERPRISE-EDITION-LICENSE.txt in your root install directory for details. See NOTICE.txt for information about open source software used in this system.';\n\n let fileName;\n if (this.state.fileName) {\n fileName = this.state.fileName;\n } else {\n fileName = (\n\n ' + this.props.intl.formatMessage(holders.uploading)}\n >\n
\n {serverError}\n
\n );\n }\n\n return (\n \n \n
\n \n {fileName}\n
\n \n {serverError}\n
\n
\n \n
\n \n
\n );\n }\n}\n\nLicenseSettings.propTypes = {\n intl: intlShape.isRequired,\n config: React.PropTypes.object\n};\n\nexport default injectIntl(LicenseSettings);\n","// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport * as Client from '../../utils/client.jsx';\nimport * as AsyncClient from '../../utils/async_client.jsx';\n\nimport {injectIntl, intlShape, defineMessages, FormattedMessage} from 'mm-intl';\n\nconst holders = defineMessages({\n locationPlaceholder: {\n id: 'admin.log.locationPlaceholder',\n defaultMessage: 'Enter your file location'\n },\n formatPlaceholder: {\n id: 'admin.log.formatPlaceholder',\n defaultMessage: 'Enter your file format'\n },\n saving: {\n id: 'admin.log.saving',\n defaultMessage: 'Saving Config...'\n }\n});\n\nclass LogSettings extends React.Component {\n constructor(props) {\n super(props);\n\n this.handleChange = this.handleChange.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n\n this.state = {\n consoleEnable: this.props.config.LogSettings.EnableConsole,\n fileEnable: this.props.config.LogSettings.EnableFile,\n saveNeeded: false,\n serverError: null\n };\n }\n\n handleChange(action) {\n var s = {saveNeeded: true, serverError: this.state.serverError};\n\n if (action === 'console_true') {\n s.consoleEnable = true;\n }\n\n if (action === 'console_false') {\n s.consoleEnable = false;\n }\n\n if (action === 'file_true') {\n s.fileEnable = true;\n }\n\n if (action === 'file_false') {\n s.fileEnable = false;\n }\n\n this.setState(s);\n }\n\n handleSubmit(e) {\n e.preventDefault();\n $('#save-button').button('loading');\n\n var config = this.props.config;\n config.LogSettings.EnableConsole = ReactDOM.findDOMNode(this.refs.consoleEnable).checked;\n config.LogSettings.ConsoleLevel = ReactDOM.findDOMNode(this.refs.consoleLevel).value;\n config.LogSettings.EnableFile = ReactDOM.findDOMNode(this.refs.fileEnable).checked;\n config.LogSettings.FileLevel = ReactDOM.findDOMNode(this.refs.fileLevel).value;\n config.LogSettings.FileLocation = ReactDOM.findDOMNode(this.refs.fileLocation).value.trim();\n config.LogSettings.FileFormat = ReactDOM.findDOMNode(this.refs.fileFormat).value.trim();\n\n Client.saveConfig(\n config,\n () => {\n AsyncClient.getConfig();\n this.setState({\n consoleEnable: config.LogSettings.EnableConsole,\n fileEnable: config.LogSettings.EnableFile,\n serverError: null,\n saveNeeded: false\n });\n $('#save-button').button('reset');\n },\n (err) => {\n this.setState({\n consoleEnable: config.LogSettings.EnableConsole,\n fileEnable: config.LogSettings.EnableFile,\n serverError: err.message,\n saveNeeded: true\n });\n $('#save-button').button('reset');\n }\n );\n }\n\n render() {\n const {formatMessage} = this.props.intl;\n var serverError = '';\n if (this.state.serverError) {\n serverError = ;\n }\n\n var saveClass = 'btn';\n if (this.state.saveNeeded) {\n saveClass = 'btn btn-primary';\n }\n\n return (\n \n
\n \n \n
\n \n {edition}\n
\n \n \n
\n \n {licenseType}\n
\n \n \n
\n \n \n \n
\n \n\n
\n );\n }\n}\n\nLogSettings.propTypes = {\n intl: intlShape.isRequired,\n config: React.PropTypes.object\n};\n\nexport default injectIntl(LogSettings);","// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport AdminStore from '../../stores/admin_store.jsx';\nimport LoadingScreen from '../loading_screen.jsx';\nimport * as AsyncClient from '../../utils/async_client.jsx';\n\nimport {FormattedMessage} from 'mm-intl';\n\nexport default class Logs extends React.Component {\n constructor(props) {\n super(props);\n\n this.onLogListenerChange = this.onLogListenerChange.bind(this);\n this.reload = this.reload.bind(this);\n\n this.state = {\n logs: AdminStore.getLogs()\n };\n }\n\n componentDidMount() {\n AdminStore.addLogChangeListener(this.onLogListenerChange);\n AsyncClient.getLogs();\n }\n\n componentWillUnmount() {\n AdminStore.removeLogChangeListener(this.onLogListenerChange);\n }\n\n onLogListenerChange() {\n this.setState({\n logs: AdminStore.getLogs()\n });\n }\n\n reload() {\n AdminStore.saveLogs(null);\n this.setState({\n logs: null\n });\n\n AsyncClient.getLogs();\n }\n\n render() {\n var content = null;\n\n if (this.state.logs === null) {\n content = \n
\n \n \n
\n\n \n \n \n
\n \n
\n \n
\n\n \n \n \n \n \n \n
\n \n
\n \n
\n\n \n \n \n
\n \n
\n \n
\n\n \n \n \n \n \n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n \n \n {'%T'} \n {'%D'} \n {'%d'} \n {'%L'} \n {'%S'} \n {'%M'} \n
\n \n
\n\n \n \n {serverError}\n ' + formatMessage(holders.saving)}\n >\n
\n );\n content.push(\n
\n \n
\n \n
\n );\n }\n}","// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport * as Client from '../../utils/client.jsx';\nimport * as AsyncClient from '../../utils/async_client.jsx';\n\nimport {injectIntl, intlShape, defineMessages, FormattedMessage} from 'mm-intl';\n\nconst holders = defineMessages({\n saving: {\n id: 'admin.privacy.saving',\n defaultMessage: 'Saving Config...'\n }\n});\n\nclass PrivacySettings extends React.Component {\n constructor(props) {\n super(props);\n\n this.handleChange = this.handleChange.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n\n this.state = {\n saveNeeded: false,\n serverError: null\n };\n }\n\n handleChange() {\n var s = {saveNeeded: true, serverError: this.state.serverError};\n\n this.setState(s);\n }\n\n handleSubmit(e) {\n e.preventDefault();\n $('#save-button').button('loading');\n\n var config = this.props.config;\n config.PrivacySettings.ShowEmailAddress = ReactDOM.findDOMNode(this.refs.ShowEmailAddress).checked;\n config.PrivacySettings.ShowFullName = ReactDOM.findDOMNode(this.refs.ShowFullName).checked;\n\n Client.saveConfig(\n config,\n () => {\n AsyncClient.getConfig();\n this.setState({\n serverError: null,\n saveNeeded: false\n });\n $('#save-button').button('reset');\n },\n (err) => {\n this.setState({\n serverError: err.message,\n saveNeeded: true\n });\n $('#save-button').button('reset');\n }\n );\n }\n\n render() {\n var serverError = '';\n if (this.state.serverError) {\n serverError = ;\n }\n\n var saveClass = 'btn';\n if (this.state.saveNeeded) {\n saveClass = 'btn btn-primary';\n }\n\n return (\n \n
\n \n {content}\n
\n \n \n
\n \n\n
\n );\n }\n}\n\nPrivacySettings.propTypes = {\n intl: intlShape.isRequired,\n config: React.PropTypes.object\n};\n\nexport default injectIntl(PrivacySettings);","// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport * as Client from '../../utils/client.jsx';\nimport * as AsyncClient from '../../utils/async_client.jsx';\n\nimport {injectIntl, intlShape, defineMessages, FormattedMessage} from 'mm-intl';\n\nconst holders = defineMessages({\n queriesExample: {\n id: 'admin.rate.queriesExample',\n defaultMessage: 'Ex \"10\"'\n },\n memoryExample: {\n id: 'admin.rate.memoryExample',\n defaultMessage: 'Ex \"10000\"'\n },\n httpHeaderExample: {\n id: 'admin.rate.httpHeaderExample',\n defaultMessage: 'Ex \"X-Real-IP\", \"X-Forwarded-For\"'\n },\n saving: {\n id: 'admin.rate.saving',\n defaultMessage: 'Saving Config...'\n }\n});\n\nclass RateSettings extends React.Component {\n constructor(props) {\n super(props);\n\n this.handleChange = this.handleChange.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n\n this.state = {\n EnableRateLimiter: this.props.config.RateLimitSettings.EnableRateLimiter,\n VaryByRemoteAddr: this.props.config.RateLimitSettings.VaryByRemoteAddr,\n saveNeeded: false,\n serverError: null\n };\n }\n\n handleChange(action) {\n var s = {saveNeeded: true, serverError: this.state.serverError};\n\n if (action === 'EnableRateLimiterTrue') {\n s.EnableRateLimiter = true;\n }\n\n if (action === 'EnableRateLimiterFalse') {\n s.EnableRateLimiter = false;\n }\n\n if (action === 'VaryByRemoteAddrTrue') {\n s.VaryByRemoteAddr = true;\n }\n\n if (action === 'VaryByRemoteAddrFalse') {\n s.VaryByRemoteAddr = false;\n }\n\n this.setState(s);\n }\n\n handleSubmit(e) {\n e.preventDefault();\n $('#save-button').button('loading');\n\n var config = this.props.config;\n config.RateLimitSettings.EnableRateLimiter = ReactDOM.findDOMNode(this.refs.EnableRateLimiter).checked;\n config.RateLimitSettings.VaryByRemoteAddr = ReactDOM.findDOMNode(this.refs.VaryByRemoteAddr).checked;\n config.RateLimitSettings.VaryByHeader = ReactDOM.findDOMNode(this.refs.VaryByHeader).value.trim();\n\n var PerSec = 10;\n if (!isNaN(parseInt(ReactDOM.findDOMNode(this.refs.PerSec).value, 10))) {\n PerSec = parseInt(ReactDOM.findDOMNode(this.refs.PerSec).value, 10);\n }\n config.RateLimitSettings.PerSec = PerSec;\n ReactDOM.findDOMNode(this.refs.PerSec).value = PerSec;\n\n var MemoryStoreSize = 10000;\n if (!isNaN(parseInt(ReactDOM.findDOMNode(this.refs.MemoryStoreSize).value, 10))) {\n MemoryStoreSize = parseInt(ReactDOM.findDOMNode(this.refs.MemoryStoreSize).value, 10);\n }\n config.RateLimitSettings.MemoryStoreSize = MemoryStoreSize;\n ReactDOM.findDOMNode(this.refs.MemoryStoreSize).value = MemoryStoreSize;\n\n Client.saveConfig(\n config,\n () => {\n AsyncClient.getConfig();\n this.setState({\n serverError: null,\n saveNeeded: false\n });\n $('#save-button').button('reset');\n },\n (err) => {\n this.setState({\n serverError: err.message,\n saveNeeded: true\n });\n $('#save-button').button('reset');\n }\n );\n }\n\n render() {\n const {formatMessage} = this.props.intl;\n var serverError = '';\n if (this.state.serverError) {\n serverError = ;\n }\n\n var saveClass = 'btn';\n if (this.state.saveNeeded) {\n saveClass = 'btn btn-primary';\n }\n\n return (\n \n
\n \n \n
\n\n \n \n \n
\n \n
\n \n
\n\n \n \n \n
\n \n
\n
\n\n \n \n {serverError}\n ' + this.props.intl.formatMessage(holders.saving)}\n >\n
\n \n\n \n
\n \n\n
\n );\n }\n}\n\nRateSettings.propTypes = {\n intl: intlShape.isRequired,\n config: React.PropTypes.object\n};\n\nexport default injectIntl(RateSettings);","// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport * as Client from '../../utils/client.jsx';\nimport Constants from '../../utils/constants.jsx';\nvar Modal = ReactBootstrap.Modal;\n\nimport {injectIntl, intlShape, defineMessages, FormattedMessage} from 'mm-intl';\n\nvar holders = defineMessages({\n submit: {\n id: 'admin.reset_password.submit',\n defaultMessage: 'Please enter at least {chars} characters.'\n }\n});\n\nclass ResetPasswordModal extends React.Component {\n constructor(props) {\n super(props);\n\n this.doSubmit = this.doSubmit.bind(this);\n this.doCancel = this.doCancel.bind(this);\n\n this.state = {\n serverError: null\n };\n }\n\n doSubmit(e) {\n e.preventDefault();\n var password = ReactDOM.findDOMNode(this.refs.password).value;\n\n if (!password || password.length < Constants.MIN_PASSWORD_LENGTH) {\n this.setState({serverError: this.props.intl.formatMessage(holders.submit, {chars: Constants.MIN_PASSWORD_LENGTH})});\n return;\n }\n\n this.setState({serverError: null});\n\n var data = {};\n data.new_password = password;\n data.name = this.props.team.name;\n data.user_id = this.props.user.id;\n\n Client.resetPassword(data,\n () => {\n this.props.onModalSubmit(ReactDOM.findDOMNode(this.refs.password).value);\n },\n (err) => {\n this.setState({serverError: err.message});\n }\n );\n }\n\n doCancel() {\n this.setState({serverError: null});\n this.props.onModalDismissed();\n }\n\n render() {\n if (this.props.user == null) {\n return ;\n }\n\n let urlClass = 'input-group input-group--limit';\n let serverError = null;\n\n if (this.state.serverError) {\n urlClass += ' has-error';\n serverError = \n
\n\n \n \n
\n
\n \n
\n \n
\n
\n \n \n
\n\n \n \n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n \n \n
\n \n
\n \n
\n\n \n
\n \n
\n
\n\n \n \n {serverError}\n ' + formatMessage(holders.saving)}\n >\n
\n {this.state.serverError}
\n
\n \n
\n \n \n
\n {serverError}\n \n
\n \n \n {options}\n \n
\n \n\n \n
\n \n\n
\n );\n }\n}\n\n// \n
\n \n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n \n \n
\n \n
\n \n
\n\n \n \n \n
\n \n
\n \n
\n\n \n \n \n
\n \n
\n \n
\n\n \n \n \n
\n \n
\n \n
\n\n \n \n \n
\n \n
\n \n
\n\n \n \n \n
\n \n
\n \n
\n\n \n \n \n
\n \n
\n \n
\n\n \n \n \n
\n \n
\n \n
\n\n \n \n \n
\n \n
\n \n
\n\n \n \n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n
\n\n \n \n {serverError}\n ' + formatMessage(holders.saving)}\n >\n
\n \n// \n// {'Enable OAuth Service Provider: '}\n// \n//
\n\nServiceSettings.propTypes = {\n intl: intlShape.isRequired,\n config: React.PropTypes.object\n};\n\nexport default injectIntl(ServiceSettings);\n","// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport * as Client from '../../utils/client.jsx';\nimport * as AsyncClient from '../../utils/async_client.jsx';\nimport crypto from 'crypto';\n\nimport {injectIntl, intlShape, defineMessages, FormattedMessage} from 'mm-intl';\n\nconst holders = defineMessages({\n warning: {\n id: 'admin.sql.warning',\n defaultMessage: 'Warning: re-generating this salt may cause some columns in the database to return empty results.'\n },\n maxConnectionsExample: {\n id: 'admin.sql.maxConnectionsExample',\n defaultMessage: 'Ex \"10\"'\n },\n maxOpenExample: {\n id: 'admin.sql.maxOpenExample',\n defaultMessage: 'Ex \"10\"'\n },\n keyExample: {\n id: 'admin.sql.keyExample',\n defaultMessage: 'Ex \"gxHVDcKUyP2y1eiyW8S8na1UYQAfq6J6\"'\n },\n saving: {\n id: 'admin.sql.saving',\n defaultMessage: 'Saving Config...'\n }\n});\n\nclass SqlSettings extends React.Component {\n constructor(props) {\n super(props);\n\n this.handleChange = this.handleChange.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n this.handleGenerate = this.handleGenerate.bind(this);\n\n this.state = {\n saveNeeded: false,\n serverError: null\n };\n }\n\n handleChange() {\n var s = {saveNeeded: true, serverError: this.state.serverError};\n this.setState(s);\n }\n\n handleSubmit(e) {\n e.preventDefault();\n $('#save-button').button('loading');\n\n var config = this.props.config;\n config.SqlSettings.Trace = ReactDOM.findDOMNode(this.refs.Trace).checked;\n config.SqlSettings.AtRestEncryptKey = ReactDOM.findDOMNode(this.refs.AtRestEncryptKey).value.trim();\n\n if (config.SqlSettings.AtRestEncryptKey === '') {\n config.SqlSettings.AtRestEncryptKey = crypto.randomBytes(256).toString('base64').substring(0, 32);\n ReactDOM.findDOMNode(this.refs.AtRestEncryptKey).value = config.SqlSettings.AtRestEncryptKey;\n }\n\n var MaxOpenConns = 10;\n if (!isNaN(parseInt(ReactDOM.findDOMNode(this.refs.MaxOpenConns).value, 10))) {\n MaxOpenConns = parseInt(ReactDOM.findDOMNode(this.refs.MaxOpenConns).value, 10);\n }\n config.SqlSettings.MaxOpenConns = MaxOpenConns;\n ReactDOM.findDOMNode(this.refs.MaxOpenConns).value = MaxOpenConns;\n\n var MaxIdleConns = 10;\n if (!isNaN(parseInt(ReactDOM.findDOMNode(this.refs.MaxIdleConns).value, 10))) {\n MaxIdleConns = parseInt(ReactDOM.findDOMNode(this.refs.MaxIdleConns).value, 10);\n }\n config.SqlSettings.MaxIdleConns = MaxIdleConns;\n ReactDOM.findDOMNode(this.refs.MaxIdleConns).value = MaxIdleConns;\n\n Client.saveConfig(\n config,\n () => {\n AsyncClient.getConfig();\n this.setState({\n serverError: null,\n saveNeeded: false\n });\n $('#save-button').button('reset');\n },\n (err) => {\n this.setState({\n serverError: err.message,\n saveNeeded: true\n });\n $('#save-button').button('reset');\n }\n );\n }\n\n handleGenerate(e) {\n e.preventDefault();\n\n var cfm = global.window.confirm(this.props.intl.formatMessage(holders.warning));\n if (cfm === false) {\n return;\n }\n\n ReactDOM.findDOMNode(this.refs.AtRestEncryptKey).value = crypto.randomBytes(256).toString('base64').substring(0, 32);\n var s = {saveNeeded: true, serverError: this.state.serverError};\n this.setState(s);\n }\n\n render() {\n const {formatMessage} = this.props.intl;\n var serverError = '';\n if (this.state.serverError) {\n serverError = ;\n }\n\n var saveClass = 'btn';\n if (this.state.saveNeeded) {\n saveClass = 'btn btn-primary';\n }\n\n var dataSource = '**********' + this.props.config.SqlSettings.DataSource.substring(this.props.config.SqlSettings.DataSource.indexOf('@'));\n\n var dataSourceReplicas = '';\n this.props.config.SqlSettings.DataSourceReplicas.forEach((replica) => {\n dataSourceReplicas += '[**********' + replica.substring(replica.indexOf('@')) + '] ';\n });\n\n if (this.props.config.SqlSettings.DataSourceReplicas.length === 0) {\n dataSourceReplicas = 'none';\n }\n\n return (\n \n// \n// \n//
\n// {'When enabled Mattermost will act as an OAuth2 Provider. Changing this will require a server restart before taking effect.'}
\n//\n\n \n
\n \n\n
\n );\n }\n}\n\nSqlSettings.propTypes = {\n intl: intlShape.isRequired,\n config: React.PropTypes.object\n};\n\nexport default injectIntl(SqlSettings);","// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport * as Client from '../../utils/client.jsx';\nimport * as AsyncClient from '../../utils/async_client.jsx';\n\nimport {injectIntl, intlShape, defineMessages, FormattedMessage} from 'mm-intl';\n\nconst holders = defineMessages({\n siteNameExample: {\n id: 'admin.team.siteNameExample',\n defaultMessage: 'Ex \"Mattermost\"'\n },\n maxUsersExample: {\n id: 'admin.team.maxUsersExample',\n defaultMessage: 'Ex \"25\"'\n },\n restrictExample: {\n id: 'admin.team.restrictExample',\n defaultMessage: 'Ex \"corp.mattermost.com, mattermost.org\"'\n },\n saving: {\n id: 'admin.team.saving',\n defaultMessage: 'Saving Config...'\n }\n});\n\nclass TeamSettings extends React.Component {\n constructor(props) {\n super(props);\n\n this.handleChange = this.handleChange.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n\n this.state = {\n saveNeeded: false,\n serverError: null\n };\n }\n\n handleChange() {\n var s = {saveNeeded: true, serverError: this.state.serverError};\n this.setState(s);\n }\n\n handleSubmit(e) {\n e.preventDefault();\n $('#save-button').button('loading');\n\n var config = this.props.config;\n config.TeamSettings.SiteName = ReactDOM.findDOMNode(this.refs.SiteName).value.trim();\n config.TeamSettings.RestrictCreationToDomains = ReactDOM.findDOMNode(this.refs.RestrictCreationToDomains).value.trim();\n config.TeamSettings.EnableTeamCreation = ReactDOM.findDOMNode(this.refs.EnableTeamCreation).checked;\n config.TeamSettings.EnableUserCreation = ReactDOM.findDOMNode(this.refs.EnableUserCreation).checked;\n config.TeamSettings.RestrictTeamNames = ReactDOM.findDOMNode(this.refs.RestrictTeamNames).checked;\n config.TeamSettings.EnableTeamListing = ReactDOM.findDOMNode(this.refs.EnableTeamListing).checked;\n\n var MaxUsersPerTeam = 50;\n if (!isNaN(parseInt(ReactDOM.findDOMNode(this.refs.MaxUsersPerTeam).value, 10))) {\n MaxUsersPerTeam = parseInt(ReactDOM.findDOMNode(this.refs.MaxUsersPerTeam).value, 10);\n }\n config.TeamSettings.MaxUsersPerTeam = MaxUsersPerTeam;\n ReactDOM.findDOMNode(this.refs.MaxUsersPerTeam).value = MaxUsersPerTeam;\n\n Client.saveConfig(\n config,\n () => {\n AsyncClient.getConfig();\n this.setState({\n serverError: null,\n saveNeeded: false\n });\n $('#save-button').button('reset');\n },\n (err) => {\n this.setState({\n serverError: err.message,\n saveNeeded: true\n });\n $('#save-button').button('reset');\n }\n );\n }\n\n render() {\n const {formatMessage} = this.props.intl;\n var serverError = '';\n if (this.state.serverError) {\n serverError = ;\n }\n\n var saveClass = 'btn';\n if (this.state.saveNeeded) {\n saveClass = 'btn btn-primary';\n }\n\n return (\n \n
\n\n \n \n
\n
\n \n
\n \n
\n
\n \n \n
\n\n \n
\n {this.props.config.SqlSettings.DriverName}
\n\n \n
\n\n \n
\n {dataSource}
\n\n \n
\n\n \n
\n {dataSourceReplicas}
\n\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n \n
\n\n \n \n \n
\n \n
\n
\n\n \n \n {serverError}\n ' + formatMessage(holders.saving)}\n >\n
\n \n\n \n
\n \n\n
\n );\n }\n}\n\nTeamSettings.propTypes = {\n intl: intlShape.isRequired,\n config: React.PropTypes.object\n};\n\nexport default injectIntl(TeamSettings);","// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport * as Client from '../../utils/client.jsx';\nimport LoadingScreen from '../loading_screen.jsx';\nimport UserItem from './user_item.jsx';\nimport ResetPasswordModal from './reset_password_modal.jsx';\n\nimport {FormattedMessage} from 'mm-intl';\n\nexport default class UserList extends React.Component {\n constructor(props) {\n super(props);\n\n this.getTeamProfiles = this.getTeamProfiles.bind(this);\n this.getCurrentTeamProfiles = this.getCurrentTeamProfiles.bind(this);\n this.doPasswordReset = this.doPasswordReset.bind(this);\n this.doPasswordResetDismiss = this.doPasswordResetDismiss.bind(this);\n this.doPasswordResetSubmit = this.doPasswordResetSubmit.bind(this);\n\n this.state = {\n teamId: props.team.id,\n users: null,\n serverError: null,\n showPasswordModal: false,\n user: null\n };\n }\n\n componentDidMount() {\n this.getCurrentTeamProfiles();\n }\n\n getCurrentTeamProfiles() {\n this.getTeamProfiles(this.props.team.id);\n }\n\n getTeamProfiles(teamId) {\n Client.getProfilesForTeam(\n teamId,\n (users) => {\n var memberList = [];\n for (var id in users) {\n if (users.hasOwnProperty(id)) {\n memberList.push(users[id]);\n }\n }\n\n memberList.sort((a, b) => {\n if (a.username < b.username) {\n return -1;\n }\n\n if (a.username > b.username) {\n return 1;\n }\n\n return 0;\n });\n\n this.setState({\n teamId: this.state.teamId,\n users: memberList,\n serverError: this.state.serverError,\n showPasswordModal: this.state.showPasswordModal,\n user: this.state.user\n });\n },\n (err) => {\n this.setState({\n teamId: this.state.teamId,\n users: null,\n serverError: err.message,\n showPasswordModal: this.state.showPasswordModal,\n user: this.state.user\n });\n }\n );\n }\n\n doPasswordReset(user) {\n this.setState({\n teamId: this.state.teamId,\n users: this.state.users,\n serverError: this.state.serverError,\n showPasswordModal: true,\n user\n });\n }\n\n doPasswordResetDismiss() {\n this.setState({\n teamId: this.state.teamId,\n users: this.state.users,\n serverError: this.state.serverError,\n showPasswordModal: false,\n user: null\n });\n }\n\n doPasswordResetSubmit() {\n this.setState({\n teamId: this.state.teamId,\n users: this.state.users,\n serverError: this.state.serverError,\n showPasswordModal: false,\n user: null\n });\n }\n\n componentWillReceiveProps(newProps) {\n this.getTeamProfiles(newProps.team.id);\n }\n\n render() {\n var serverError = '';\n if (this.state.serverError) {\n serverError = ;\n }\n\n if (this.state.users == null) {\n return (\n \n
\n \n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n \n \n
\n \n
\n \n
\n\n \n \n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n \n \n
\n \n
\n \n
\n\n \n \n \n
\n \n
\n
\n\n \n \n {serverError}\n ' + formatMessage(holders.saving)}\n >\n
\n \n \n
\n {serverError}\n
\n );\n }\n\n var memberList = this.state.users.map((user) => {\n return (\n \n
\n {serverError}\n \n \n
\n {serverError}\n \n \n \n {memberList}\n \n
\n \n
\n );\n }\n}\n\nUserList.propTypes = {\n team: React.PropTypes.object\n};\n","// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport * as Client from '../../utils/client.jsx';\nimport * as Utils from '../../utils/utils.jsx';\nimport UserStore from '../../stores/user_store.jsx';\nimport ConfirmModal from '../confirm_modal.jsx';\nimport TeamStore from '../../stores/team_store.jsx';\n\nimport {FormattedMessage} from 'mm-intl';\n\nexport default class UserItem extends React.Component {\n constructor(props) {\n super(props);\n\n this.handleMakeMember = this.handleMakeMember.bind(this);\n this.handleMakeActive = this.handleMakeActive.bind(this);\n this.handleMakeNotActive = this.handleMakeNotActive.bind(this);\n this.handleMakeAdmin = this.handleMakeAdmin.bind(this);\n this.handleMakeSystemAdmin = this.handleMakeSystemAdmin.bind(this);\n this.handleResetPassword = this.handleResetPassword.bind(this);\n this.handleDemote = this.handleDemote.bind(this);\n this.handleDemoteSubmit = this.handleDemoteSubmit.bind(this);\n this.handleDemoteCancel = this.handleDemoteCancel.bind(this);\n\n this.state = {\n serverError: null,\n showDemoteModal: false,\n user: null,\n role: null\n };\n }\n\n handleMakeMember(e) {\n e.preventDefault();\n const me = UserStore.getCurrentUser();\n if (this.props.user.id === me.id) {\n this.handleDemote(this.props.user, '');\n } else {\n const data = {\n user_id: this.props.user.id,\n new_roles: ''\n };\n\n Client.updateRoles(data,\n () => {\n this.props.refreshProfiles();\n },\n (err) => {\n this.setState({serverError: err.message});\n }\n );\n }\n }\n\n handleMakeActive(e) {\n e.preventDefault();\n Client.updateActive(this.props.user.id, true,\n () => {\n this.props.refreshProfiles();\n },\n (err) => {\n this.setState({serverError: err.message});\n }\n );\n }\n\n handleMakeNotActive(e) {\n e.preventDefault();\n Client.updateActive(this.props.user.id, false,\n () => {\n this.props.refreshProfiles();\n },\n (err) => {\n this.setState({serverError: err.message});\n }\n );\n }\n\n handleMakeAdmin(e) {\n e.preventDefault();\n const me = UserStore.getCurrentUser();\n if (this.props.user.id === me.id) {\n this.handleDemote(this.props.user, 'admin');\n } else {\n const data = {\n user_id: this.props.user.id,\n new_roles: 'admin'\n };\n\n Client.updateRoles(data,\n () => {\n this.props.refreshProfiles();\n },\n (err) => {\n this.setState({serverError: err.message});\n }\n );\n }\n }\n\n handleMakeSystemAdmin(e) {\n e.preventDefault();\n const data = {\n user_id: this.props.user.id,\n new_roles: 'system_admin'\n };\n\n Client.updateRoles(data,\n () => {\n this.props.refreshProfiles();\n },\n (err) => {\n this.setState({serverError: err.message});\n }\n );\n }\n\n handleResetPassword(e) {\n e.preventDefault();\n this.props.doPasswordReset(this.props.user);\n }\n\n handleDemote(user, role) {\n this.setState({\n serverError: this.state.serverError,\n showDemoteModal: true,\n user,\n role\n });\n }\n\n handleDemoteCancel() {\n this.setState({\n serverError: null,\n showDemoteModal: false,\n user: null,\n role: null\n });\n }\n\n handleDemoteSubmit() {\n const data = {\n user_id: this.props.user.id,\n new_roles: this.state.role\n };\n\n Client.updateRoles(data,\n () => {\n this.setState({\n serverError: null,\n showDemoteModal: false,\n user: null,\n role: null\n });\n\n const teamUrl = TeamStore.getCurrentTeamUrl();\n if (teamUrl) {\n window.location.href = teamUrl;\n } else {\n window.location.href = '/';\n }\n },\n (err) => {\n this.setState({\n serverError: err.message\n });\n }\n );\n }\n\n render() {\n let serverError = null;\n if (this.state.serverError) {\n serverError = (\n \n
\n {serverError}\n \n \n
\n );\n }\n\n const user = this.props.user;\n let currentRoles = (\n \n
\n
\n
\n );\n\n const confirmButton = (\n \n
\n
\n \n {currentRoles} \n \n \n \n {makeAdmin}\n {makeMember}\n {makeActive}\n {makeNotActive}\n {makeSystemAdmin}\n \n \n \n \n
\n {makeDemoteModal}\n {serverError}\n \n
\n );\n }\n}\n\nDoughnutChart.propTypes = {\n title: React.PropTypes.node,\n width: React.PropTypes.string,\n height: React.PropTypes.string,\n data: React.PropTypes.array,\n options: React.PropTypes.object\n};\n","// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport {FormattedMessage} from 'mm-intl';\n\nexport default class LineChart extends React.Component {\n constructor(props) {\n super(props);\n\n this.initChart = this.initChart.bind(this);\n this.chart = null;\n }\n\n componentDidMount() {\n this.initChart();\n }\n\n componentDidUpdate() {\n if (this.chart) {\n this.chart.destroy();\n }\n this.initChart();\n }\n\n componentWillUnmount() {\n if (this.chart) {\n this.chart.destroy();\n }\n }\n\n initChart() {\n if (!this.refs.canvas) {\n return;\n }\n var el = ReactDOM.findDOMNode(this.refs.canvas);\n var ctx = el.getContext('2d');\n this.chart = new Chart(ctx).Line(this.props.data, this.props.options || {}); //eslint-disable-line new-cap\n }\n\n render() {\n let content;\n if (this.props.data == null) {\n content = (\n \n
\n \n {this.props.title}\n
\n \n {content}\n
\n \n
\n );\n } else {\n content = (\n \n
\n );\n }\n}\n\nLineChart.propTypes = {\n title: React.PropTypes.node.isRequired,\n width: React.PropTypes.string.isRequired,\n height: React.PropTypes.string.isRequired,\n data: React.PropTypes.object,\n options: React.PropTypes.object\n};\n\n","// Copyright (c) 2016 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport {FormattedMessage} from 'mm-intl';\n\nexport default class StatisticCount extends React.Component {\n render() {\n let loading = (\n \n
\n \n {this.props.title}\n
\n \n {content}\n
\n \n
\n );\n }\n}\n\nStatisticCount.propTypes = {\n title: React.PropTypes.node.isRequired,\n icon: React.PropTypes.string.isRequired,\n count: React.PropTypes.number\n};\n","// Copyright (c) 2016 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport LineChart from './line_chart.jsx';\nimport DoughnutChart from './doughnut_chart.jsx';\nimport StatisticCount from './statistic_count.jsx';\n\nimport AnalyticsStore from '../../stores/analytics_store.jsx';\n\nimport * as Utils from '../../utils/utils.jsx';\nimport * as AsyncClient from '../../utils/async_client.jsx';\nimport Constants from '../../utils/constants.jsx';\nconst StatTypes = Constants.StatTypes;\n\nimport {injectIntl, intlShape, defineMessages, FormattedMessage} from 'mm-intl';\n\nconst holders = defineMessages({\n analyticsPublicChannels: {\n id: 'analytics.system.publicChannels',\n defaultMessage: 'Public Channels'\n },\n analyticsPrivateGroups: {\n id: 'analytics.system.privateGroups',\n defaultMessage: 'Private Groups'\n },\n analyticsFilePosts: {\n id: 'analytics.system.totalFilePosts',\n defaultMessage: 'Posts with Files'\n },\n analyticsHashtagPosts: {\n id: 'analytics.system.totalHashtagPosts',\n defaultMessage: 'Posts with Hashtags'\n },\n analyticsTextPosts: {\n id: 'analytics.system.textPosts',\n defaultMessage: 'Posts with Text-only'\n }\n});\n\nclass SystemAnalytics extends React.Component {\n constructor(props) {\n super(props);\n\n this.onChange = this.onChange.bind(this);\n\n this.state = {stats: AnalyticsStore.getAllSystem()};\n }\n\n componentDidMount() {\n AnalyticsStore.addChangeListener(this.onChange);\n\n AsyncClient.getStandardAnalytics();\n AsyncClient.getPostsPerDayAnalytics();\n AsyncClient.getUsersPerDayAnalytics();\n\n if (global.window.mm_license.IsLicensed === 'true') {\n AsyncClient.getAdvancedAnalytics();\n }\n }\n\n componentWillUnmount() {\n AnalyticsStore.removeChangeListener(this.onChange);\n }\n\n shouldComponentUpdate(nextProps, nextState) {\n if (!Utils.areObjectsEqual(nextState.stats, this.state.stats)) {\n return true;\n }\n\n return false;\n }\n\n onChange() {\n this.setState({stats: AnalyticsStore.getAllSystem()});\n }\n\n render() {\n const stats = this.state.stats;\n\n let advancedCounts;\n let advancedGraphs;\n if (global.window.mm_license.IsLicensed === 'true') {\n advancedCounts = (\n \n
\n \n {this.props.title}\n \n
\n {this.props.count == null ? loading : this.props.count}
\n \n
\n );\n\n const channelTypeData = formatChannelDoughtnutData(stats[StatTypes.TOTAL_PUBLIC_CHANNELS], stats[StatTypes.TOTAL_PRIVATE_GROUPS], this.props.intl);\n const postTypeData = formatPostDoughtnutData(stats[StatTypes.TOTAL_FILE_POSTS], stats[StatTypes.TOTAL_HASHTAG_POSTS], stats[StatTypes.TOTAL_POSTS], this.props.intl);\n\n advancedGraphs = (\n \n
\n );\n }\n\n const postCountsDay = formatPostsPerDayData(stats[StatTypes.POST_PER_DAY]);\n const userCountsWithPostsDay = formatUsersWithPostsPerDayData(stats[StatTypes.USERS_WITH_POSTS_PER_DAY]);\n\n return (\n \n \n
\n
\n );\n }\n}\n\nSystemAnalytics.propTypes = {\n intl: intlShape.isRequired,\n team: React.PropTypes.object\n};\n\nexport default injectIntl(SystemAnalytics);\n\nexport function formatChannelDoughtnutData(totalPublic, totalPrivate, intl) {\n const {formatMessage} = intl;\n const channelTypeData = [\n {\n value: totalPublic,\n color: '#46BFBD',\n highlight: '#5AD3D1',\n label: formatMessage(holders.analyticsPublicChannels)\n },\n {\n value: totalPrivate,\n color: '#FDB45C',\n highlight: '#FFC870',\n label: formatMessage(holders.analyticsPrivateGroups)\n }\n ];\n\n return channelTypeData;\n}\n\nexport function formatPostDoughtnutData(filePosts, hashtagPosts, totalPosts, intl) {\n const {formatMessage} = intl;\n const postTypeData = [\n {\n value: filePosts,\n color: '#46BFBD',\n highlight: '#5AD3D1',\n label: formatMessage(holders.analyticsFilePosts)\n },\n {\n value: hashtagPosts,\n color: '#F7464A',\n highlight: '#FF5A5E',\n label: formatMessage(holders.analyticsHashtagPosts)\n },\n {\n value: totalPosts - filePosts - hashtagPosts,\n color: '#FDB45C',\n highlight: '#FFC870',\n label: formatMessage(holders.analyticsTextPosts)\n }\n ];\n\n return postTypeData;\n}\n\nexport function formatPostsPerDayData(data) {\n var chartData = {\n labels: [],\n datasets: [{\n fillColor: 'rgba(151,187,205,0.2)',\n strokeColor: 'rgba(151,187,205,1)',\n pointColor: 'rgba(151,187,205,1)',\n pointStrokeColor: '#fff',\n pointHighlightFill: '#fff',\n pointHighlightStroke: 'rgba(151,187,205,1)',\n data: []\n }]\n };\n\n for (var index in data) {\n if (data[index]) {\n var row = data[index];\n chartData.labels.push(row.name);\n chartData.datasets[0].data.push(row.value);\n }\n }\n\n return chartData;\n}\n\nexport function formatUsersWithPostsPerDayData(data) {\n var chartData = {\n labels: [],\n datasets: [{\n fillColor: 'rgba(151,187,205,0.2)',\n strokeColor: 'rgba(151,187,205,1)',\n pointColor: 'rgba(151,187,205,1)',\n pointStrokeColor: '#fff',\n pointHighlightFill: '#fff',\n pointHighlightStroke: 'rgba(151,187,205,1)',\n data: []\n }]\n };\n\n for (var index in data) {\n if (data[index]) {\n var row = data[index];\n chartData.labels.push(row.name);\n chartData.datasets[0].data.push(row.value);\n }\n }\n\n return chartData;\n}\n","// Copyright (c) 2016 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport Constants from '../../utils/constants.jsx';\n\nconst Tooltip = ReactBootstrap.Tooltip;\nconst OverlayTrigger = ReactBootstrap.OverlayTrigger;\n\nexport default class TableChart extends React.Component {\n render() {\n return (\n \n
\n \n
\n {advancedCounts}\n {advancedGraphs}\n \n
\n \n
\n \n
\n );\n }\n}\n\nTableChart.propTypes = {\n title: React.PropTypes.node,\n data: React.PropTypes.array\n};\n","// Copyright (c) 2016 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport LineChart from './line_chart.jsx';\nimport StatisticCount from './statistic_count.jsx';\nimport TableChart from './table_chart.jsx';\n\nimport AnalyticsStore from '../../stores/analytics_store.jsx';\n\nimport * as Utils from '../../utils/utils.jsx';\nimport * as AsyncClient from '../../utils/async_client.jsx';\nimport Constants from '../../utils/constants.jsx';\nconst StatTypes = Constants.StatTypes;\n\nimport {formatPostsPerDayData, formatUsersWithPostsPerDayData} from './system_analytics.jsx';\nimport {injectIntl, intlShape, FormattedMessage, FormattedDate} from 'mm-intl';\n\nclass TeamAnalytics extends React.Component {\n constructor(props) {\n super(props);\n\n this.onChange = this.onChange.bind(this);\n\n this.state = {stats: AnalyticsStore.getAllTeam(this.props.team.id)};\n }\n\n componentDidMount() {\n AnalyticsStore.addChangeListener(this.onChange);\n\n this.getData(this.props.team.id);\n }\n\n getData(id) {\n AsyncClient.getStandardAnalytics(id);\n AsyncClient.getPostsPerDayAnalytics(id);\n AsyncClient.getUsersPerDayAnalytics(id);\n AsyncClient.getRecentAndNewUsersAnalytics(id);\n }\n\n componentWillUnmount() {\n AnalyticsStore.removeChangeListener(this.onChange);\n }\n\n componentWillReceiveProps(nextProps) {\n this.getData(nextProps.team.id);\n this.setState({stats: AnalyticsStore.getAllTeam(nextProps.team.id)});\n }\n\n shouldComponentUpdate(nextProps, nextState) {\n if (!Utils.areObjectsEqual(nextState.stats, this.state.stats)) {\n return true;\n }\n\n if (!Utils.areObjectsEqual(nextProps.team, this.props.team)) {\n return true;\n }\n\n return false;\n }\n\n onChange() {\n this.setState({stats: AnalyticsStore.getAllTeam(this.props.team.id)});\n }\n\n render() {\n const stats = this.state.stats;\n const postCountsDay = formatPostsPerDayData(stats[StatTypes.POST_PER_DAY]);\n const userCountsWithPostsDay = formatUsersWithPostsPerDayData(stats[StatTypes.USERS_WITH_POSTS_PER_DAY]);\n const recentActiveUsers = formatRecentUsersData(stats[StatTypes.RECENTLY_ACTIVE_USERS]);\n const newlyCreatedUsers = formatNewUsersData(stats[StatTypes.NEWLY_CREATED_USERS]);\n\n return (\n \n
\n \n {this.props.title}\n
\n \n \n \n {\n this.props.data.map((item) => {\n const tooltip = (\n
\n
\n | \n | \n \n {item.value}\n | \n
\n \n
\n
\n );\n }\n}\n\nTeamAnalytics.propTypes = {\n intl: intlShape.isRequired,\n team: React.PropTypes.object.isRequired\n};\n\nexport default injectIntl(TeamAnalytics);\n\nexport function formatRecentUsersData(data) {\n if (data == null) {\n return [];\n }\n\n const formattedData = data.map((user) => {\n const item = {};\n item.name = user.username;\n item.value = (\n \n
\n \n
\n \n
\n \n
\n \n
\n | \n | \n {userIdContent}\n \n | \n {ipContent}\n {sessionContent}\n
|---|
\n
\n );\n }\n}\n\nAuthorize.propTypes = {\n appName: React.PropTypes.string,\n teamName: React.PropTypes.string,\n responseType: React.PropTypes.string,\n clientId: React.PropTypes.string,\n redirectUri: React.PropTypes.string,\n state: React.PropTypes.string,\n scope: React.PropTypes.string\n};\n","// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport TutorialIntroScreens from './tutorial/tutorial_intro_screens.jsx';\nimport CreatePost from './create_post.jsx';\nimport PostsViewContainer from './posts_view_container.jsx';\nimport PostFocusView from './post_focus_view.jsx';\nimport ChannelHeader from './channel_header.jsx';\nimport Navbar from './navbar.jsx';\nimport FileUploadOverlay from './file_upload_overlay.jsx';\n\nimport PreferenceStore from '../stores/preference_store.jsx';\nimport ChannelStore from '../stores/channel_store.jsx';\nimport UserStore from '../stores/user_store.jsx';\n\nimport * as Utils from '../utils/utils.jsx';\n\nimport {FormattedMessage} from 'mm-intl';\n\nimport Constants from '../utils/constants.jsx';\nconst TutorialSteps = Constants.TutorialSteps;\nconst Preferences = Constants.Preferences;\n\nexport default class CenterPanel extends React.Component {\n constructor(props) {\n super(props);\n\n this.onPreferenceChange = this.onPreferenceChange.bind(this);\n this.onChannelChange = this.onChannelChange.bind(this);\n this.onUserChange = this.onUserChange.bind(this);\n\n const tutorialStep = PreferenceStore.getInt(Preferences.TUTORIAL_STEP, UserStore.getCurrentId(), 999);\n this.state = {\n showTutorialScreens: tutorialStep === TutorialSteps.INTRO_SCREENS,\n showPostFocus: ChannelStore.getPostMode() === ChannelStore.POST_MODE_FOCUS,\n user: UserStore.getCurrentUser(),\n profiles: JSON.parse(JSON.stringify(UserStore.getProfiles()))\n };\n }\n componentDidMount() {\n PreferenceStore.addChangeListener(this.onPreferenceChange);\n ChannelStore.addChangeListener(this.onChannelChange);\n UserStore.addChangeListener(this.onUserChange);\n }\n componentWillUnmount() {\n PreferenceStore.removeChangeListener(this.onPreferenceChange);\n ChannelStore.removeChangeListener(this.onChannelChange);\n UserStore.removeChangeListener(this.onUserChange);\n }\n onPreferenceChange() {\n const tutorialStep = PreferenceStore.getInt(Preferences.TUTORIAL_STEP, UserStore.getCurrentId(), 999);\n this.setState({showTutorialScreens: tutorialStep <= TutorialSteps.INTRO_SCREENS});\n }\n onChannelChange() {\n this.setState({showPostFocus: ChannelStore.getPostMode() === ChannelStore.POST_MODE_FOCUS});\n }\n onUserChange() {\n this.setState({user: UserStore.getCurrentUser(), profiles: JSON.parse(JSON.stringify(UserStore.getProfiles()))});\n }\n render() {\n const channel = ChannelStore.getCurrent();\n var handleClick = null;\n let postsContainer;\n let createPost;\n if (this.state.showTutorialScreens) {\n postsContainer = \n \n
\n
\n \n
\n \n
\n \n
\n \n
\n
\n \n \n \n
\n \n
\n \n );\n }\n}\n\nCenterPanel.defaultProps = {\n};\n\nCenterPanel.propTypes = {\n};\n","// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nvar Modal = ReactBootstrap.Modal;\nimport * as Utils from '../utils/utils.jsx';\n\nimport {FormattedMessage} from 'mm-intl';\n\nexport default class ChangeUrlModal extends React.Component {\n constructor(props) {\n super(props);\n\n this.onURLChanged = this.onURLChanged.bind(this);\n this.doSubmit = this.doSubmit.bind(this);\n this.doCancel = this.doCancel.bind(this);\n\n this.state = {\n currentURL: props.currentURL,\n urlError: '',\n userEdit: false\n };\n }\n componentWillReceiveProps(nextProps) {\n // This check prevents the url being deleted when we re-render\n // because of user status check\n if (!this.state.userEdit) {\n this.setState({\n currentURL: nextProps.currentURL\n });\n }\n }\n componentDidUpdate(prevProps) {\n if (this.props.show === true && prevProps.show === false) {\n ReactDOM.findDOMNode(this.refs.urlinput).select();\n }\n }\n onURLChanged(e) {\n const url = e.target.value.trim();\n this.setState({currentURL: url.replace(/[^A-Za-z0-9-_]/g, '').toLowerCase(), userEdit: true});\n }\n getURLError(url) {\n let error = []; //eslint-disable-line prefer-const\n if (url.length < 2) {\n error.push(\n \n \n \n
\n \n \n
\n \n
\n {postsContainer}\n {createPost}\n \n \n );\n }\n if (url.charAt(0) === '-' || url.charAt(0) === '_') {\n error.push(\n \n
\n \n );\n }\n if (url.length > 1 && (url.charAt(url.length - 1) === '-' || url.charAt(url.length - 1) === '_')) {\n error.push(\n \n
\n );\n }\n if (url.indexOf('__') > -1) {\n error.push(\n \n
\n );\n }\n\n // In case of error we don't detect\n if (error.length === 0) {\n error.push(\n \n
\n );\n }\n return error;\n }\n doSubmit(e) {\n e.preventDefault();\n\n const url = ReactDOM.findDOMNode(this.refs.urlinput).value;\n const cleanedURL = Utils.cleanUpUrlable(url);\n if (cleanedURL !== url || url.length < 2 || url.indexOf('__') > -1) {\n this.setState({urlError: this.getURLError(url)});\n return;\n }\n this.setState({urlError: '', userEdit: false});\n this.props.onModalSubmit(url);\n }\n doCancel() {\n this.setState({urlError: '', userEdit: false});\n this.props.onModalDismissed();\n }\n render() {\n let urlClass = 'input-group input-group--limit';\n let urlError = null;\n let serverError = null;\n\n if (this.state.urlError) {\n urlClass += ' has-error';\n urlError = (
{this.state.urlError}
);\n }\n\n if (this.props.serverError) {\n serverError ={this.props.serverError}
{this.props.description}
\n \n \n
\n \n
\n \n \n {teamURL}\n \n
\n {urlError}\n {serverError}\n \n \n \n
\n this.setState({showEditChannelPurposeModal: false})}\n channel={channel}\n />\n this.setState({showMembersModal: false})}\n channel={channel}\n />\n
\n );\n }\n}\n\nChannelHeader.propTypes = {\n user: React.PropTypes.object.isRequired\n};\n","// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport * as Utils from '../utils/utils.jsx';\n\nimport {intlShape, injectIntl, defineMessages, FormattedMessage} from 'mm-intl';\n\nconst Modal = ReactBootstrap.Modal;\n\nconst holders = defineMessages({\n notFound: {\n id: 'channel_info.notFound',\n defaultMessage: 'No Channel Found'\n }\n});\n\nclass ChannelInfoModal extends React.Component {\n render() {\n const {formatMessage} = this.props.intl;\n let channel = this.props.channel;\n if (!channel) {\n channel = {\n display_name: formatMessage(holders.notFound),\n name: formatMessage(holders.notFound),\n purpose: formatMessage(holders.notFound),\n id: formatMessage(holders.notFound)\n };\n }\n\n const channelURL = Utils.getShortenedTeamURL() + channel.name;\n\n return (\n | \n \n \n \n \n | \n \n {popoverListMembers}\n | \n\n \n \n | \n
|---|
\n
\n \n
\n {channel.display_name}
\n \n
\n \n
\n {channelURL}
\n \n
\n \n
\n {channel.id}
\n \n
\n \n
\n {channel.purpose}
\n \n \n \n \n {this.props.channel.display_name}\n \n {\n this.setState({showInviteModal: true});\n this.props.onModalDismissed();\n }}\n >\n \n \n {content}\n \n \n \n \n \n this.setState({showInviteModal: false})}\n channel={this.props.channel}\n />\n
\n );\n }\n}\n\nChannelMembersModal.defaultProps = {\n show: false\n};\n\nChannelMembersModal.propTypes = {\n show: React.PropTypes.bool.isRequired,\n onModalDismissed: React.PropTypes.func.isRequired,\n channel: React.PropTypes.object.isRequired\n};\n","// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nvar Modal = ReactBootstrap.Modal;\nimport SettingItemMin from './setting_item_min.jsx';\nimport SettingItemMax from './setting_item_max.jsx';\n\nimport * as Client from '../utils/client.jsx';\nimport UserStore from '../stores/user_store.jsx';\nimport ChannelStore from '../stores/channel_store.jsx';\n\nimport {FormattedMessage} from 'mm-intl';\n\nexport default class ChannelNotificationsModal extends React.Component {\n constructor(props) {\n super(props);\n\n this.onListenerChange = this.onListenerChange.bind(this);\n this.updateSection = this.updateSection.bind(this);\n\n this.handleSubmitNotifyLevel = this.handleSubmitNotifyLevel.bind(this);\n this.handleUpdateNotifyLevel = this.handleUpdateNotifyLevel.bind(this);\n this.createNotifyLevelSection = this.createNotifyLevelSection.bind(this);\n\n this.handleSubmitMarkUnreadLevel = this.handleSubmitMarkUnreadLevel.bind(this);\n this.handleUpdateMarkUnreadLevel = this.handleUpdateMarkUnreadLevel.bind(this);\n this.createMarkUnreadLevelSection = this.createMarkUnreadLevelSection.bind(this);\n\n const member = ChannelStore.getMember(props.channel.id);\n this.state = {\n notifyLevel: member.notify_props.desktop,\n markUnreadLevel: member.notify_props.mark_unread,\n channelId: ChannelStore.getCurrentId(),\n activeSection: ''\n };\n }\n componentWillReceiveProps(nextProps) {\n if (!this.props.show && nextProps.show) {\n this.onListenerChange();\n ChannelStore.addChangeListener(this.onListenerChange);\n } else {\n ChannelStore.removeChangeListener(this.onListenerChange);\n }\n }\n onListenerChange() {\n const curChannelId = ChannelStore.getCurrentId();\n\n if (!curChannelId) {\n return;\n }\n\n const newState = {channelId: curChannelId};\n const member = ChannelStore.getMember(curChannelId);\n\n if (member.notify_props.desktop !== this.state.notifyLevel || member.notify_props.mark_unread !== this.state.mark_unread) {\n newState.notifyLevel = member.notify_props.desktop;\n newState.markUnreadLevel = member.notify_props.mark_unread;\n }\n\n this.setState(newState);\n }\n updateSection(section) {\n this.setState({activeSection: section});\n }\n handleSubmitNotifyLevel() {\n var channelId = this.state.channelId;\n var notifyLevel = this.state.notifyLevel;\n\n if (ChannelStore.getMember(channelId).notify_props.desktop === notifyLevel) {\n this.updateSection('');\n return;\n }\n\n var data = {};\n data.channel_id = channelId;\n data.user_id = UserStore.getCurrentId();\n data.desktop = notifyLevel;\n\n Client.updateNotifyProps(data,\n () => {\n var member = ChannelStore.getMember(channelId);\n member.notify_props.desktop = notifyLevel;\n ChannelStore.setChannelMember(member);\n this.updateSection('');\n },\n (err) => {\n this.setState({serverError: err.message});\n }\n );\n }\n handleUpdateNotifyLevel(notifyLevel) {\n this.setState({notifyLevel});\n }\n createNotifyLevelSection(serverError) {\n var handleUpdateSection;\n\n const user = UserStore.getCurrentUser();\n const globalNotifyLevel = user.notify_props.desktop;\n\n let globalNotifyLevelName;\n if (globalNotifyLevel === 'all') {\n globalNotifyLevelName = (\n \n
\n );\n\n handleUpdateSection = function updateSection(e) {\n this.updateSection('');\n this.onListenerChange();\n e.preventDefault();\n }.bind(this);\n\n const extraInfo = (\n \n \n \n
\n
\n \n
\n \n
\n
\n \n
\n \n
\n
\n \n
\n \n
\n \n
\n )];\n\n const handleUpdateSection = function handleUpdateSection(e) {\n this.updateSection('');\n this.onListenerChange();\n e.preventDefault();\n }.bind(this);\n\n const extraInfo = (\n \n \n \n
\n
\n \n
\n \n
\n
\n \n
\n
\n \n {serverError}\n \n \n
\n \n {this.createNotifyLevelSection(serverError)}\n \n {this.createMarkUnreadLevelSection(serverError)}\n \n
\n \n \n {this.createNotifyLevelSection(serverError)}\n \n {this.createMarkUnreadLevelSection(serverError)}\n \n
\n \n
\n \n
\n \n
\n \n
\n );\n }\n}\n\nEmailToSSO.defaultProps = {\n};\nEmailToSSO.propTypes = {\n intl: intlShape.isRequired,\n type: React.PropTypes.string.isRequired,\n email: React.PropTypes.string.isRequired,\n teamName: React.PropTypes.string.isRequired,\n teamDisplayName: React.PropTypes.string.isRequired\n};\n\nexport default injectIntl(EmailToSSO);\n","// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport * as Utils from '../../utils/utils.jsx';\nimport * as Client from '../../utils/client.jsx';\n\nimport {intlShape, injectIntl, defineMessages, FormattedMessage} from 'mm-intl';\n\nconst holders = defineMessages({\n enterPwd: {\n id: 'claim.sso_to_email.enterPwd',\n defaultMessage: 'Please enter a password.'\n },\n pwdNotMatch: {\n id: 'claim.sso_to_email.pwdNotMatch',\n defaultMessage: 'Password do not match.'\n },\n newPwd: {\n id: 'claim.sso_to_email.newPwd',\n defaultMessage: 'New Password'\n },\n confirm: {\n id: 'claim.sso_to_email.confirm',\n defaultMessage: 'Confirm Password'\n }\n});\n\nclass SSOToEmail extends React.Component {\n constructor(props) {\n super(props);\n\n this.submit = this.submit.bind(this);\n\n this.state = {};\n }\n submit(e) {\n const {formatMessage} = this.props.intl;\n e.preventDefault();\n const state = {};\n\n const password = ReactDOM.findDOMNode(this.refs.password).value.trim();\n if (!password) {\n state.error = formatMessage(holders.enterPwd);\n this.setState(state);\n return;\n }\n\n const confirmPassword = ReactDOM.findDOMNode(this.refs.passwordconfirm).value.trim();\n if (!confirmPassword || password !== confirmPassword) {\n state.error = formatMessage(holders.pwdNotMatch);\n this.setState(state);\n return;\n }\n\n state.error = null;\n this.setState(state);\n\n var postData = {};\n postData.password = password;\n postData.email = this.props.email;\n postData.team_name = this.props.teamName;\n\n Client.switchToEmail(postData,\n (data) => {\n if (data.follow_link) {\n window.location.href = data.follow_link;\n }\n },\n (error) => {\n this.setState({error});\n }\n );\n }\n render() {\n const {formatMessage} = this.props.intl;\n var error = null;\n if (this.state.error) {\n error = ;\n }\n\n var formClass = 'form-group';\n if (error) {\n formClass += ' has-error';\n }\n\n const uiType = Utils.toTitleCase(this.props.currentType) + ' SSO';\n\n return (\n \n
\n \n \n \n
\n \n
\n );\n }\n}\n\nSSOToEmail.defaultProps = {\n};\nSSOToEmail.propTypes = {\n intl: intlShape.isRequired,\n currentType: React.PropTypes.string.isRequired,\n email: React.PropTypes.string.isRequired,\n teamName: React.PropTypes.string.isRequired,\n teamDisplayName: React.PropTypes.string.isRequired\n};\n\nexport default injectIntl(SSOToEmail);\n","// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.\n// See License.txt for license information.\n\nimport {FormattedMessage} from 'mm-intl';\nconst Modal = ReactBootstrap.Modal;\n\nexport default class ConfirmModal extends React.Component {\n constructor(props) {\n super(props);\n\n this.handleConfirm = this.handleConfirm.bind(this);\n }\n\n handleConfirm() {\n this.props.onConfirm();\n }\n\n render() {\n return (\n \n
\n \n \n \n
\n );\n }\n\n let postError = null;\n if (this.state.postError) {\n postError = ;\n }\n\n let preview = null;\n if (this.state.previews.length > 0 || this.state.uploadsInProgress.length > 0) {\n preview = (\n \n
\n );\n\n return (\n \n \n
\n );\n }\n\n let postError = null;\n if (this.state.postError) {\n postError = ;\n }\n\n let preview = null;\n if (this.state.previews.length > 0 || this.state.uploadsInProgress.length > 0) {\n preview = (\n \n
\n \n \n \n \n {tutorialTip}\n
\n \n
\n \n
\n \n
\n \n
\n {commentWarning}\n {error}\n
\n
\n
\n \n
\n );\n }\n\n let title = (\n \n \n \n
\n