From c63e027aece1270c8e1378ee27b015304d25f89d Mon Sep 17 00:00:00 2001
From: Christopher Speller <crspeller@gmail.com>
Date: Mon, 2 May 2016 08:07:58 -0400
Subject: Fixing LDAP editing of attributes (#2824)

---
 .../user_settings/user_settings_general.jsx        | 313 ++++++++++++---------
 1 file changed, 179 insertions(+), 134 deletions(-)

(limited to 'webapp/components/user_settings')

diff --git a/webapp/components/user_settings/user_settings_general.jsx b/webapp/components/user_settings/user_settings_general.jsx
index abf5ca7a9..718ad5ed8 100644
--- a/webapp/components/user_settings/user_settings_general.jsx
+++ b/webapp/components/user_settings/user_settings_general.jsx
@@ -513,85 +513,100 @@ class UserSettingsGeneralTab extends React.Component {
         const inputs = [];
 
         if (this.props.activeSection === 'name') {
-            inputs.push(
-                <div
-                    key='firstNameSetting'
-                    className='form-group'
-                >
-                    <label className='col-sm-5 control-label'>
-                        <FormattedMessage
-                            id='user.settings.general.firstName'
-                            defaultMessage='First Name'
-                        />
-                    </label>
-                    <div className='col-sm-7'>
-                        <input
-                            className='form-control'
-                            type='text'
-                            onChange={this.updateFirstName}
-                            value={this.state.firstName}
-                        />
+            let extraInfo;
+            let submit = null;
+            if (this.props.user.auth_service === '') {
+                inputs.push(
+                    <div
+                        key='firstNameSetting'
+                        className='form-group'
+                    >
+                        <label className='col-sm-5 control-label'>
+                            <FormattedMessage
+                                id='user.settings.general.firstName'
+                                defaultMessage='First Name'
+                            />
+                        </label>
+                        <div className='col-sm-7'>
+                            <input
+                                className='form-control'
+                                type='text'
+                                onChange={this.updateFirstName}
+                                value={this.state.firstName}
+                            />
+                        </div>
                     </div>
-                </div>
-            );
+                );
 
-            inputs.push(
-                <div
-                    key='lastNameSetting'
-                    className='form-group'
-                >
-                    <label className='col-sm-5 control-label'>
+                inputs.push(
+                    <div
+                        key='lastNameSetting'
+                        className='form-group'
+                    >
+                        <label className='col-sm-5 control-label'>
+                            <FormattedMessage
+                                id='user.settings.general.lastName'
+                                defaultMessage='Last Name'
+                            />
+                        </label>
+                        <div className='col-sm-7'>
+                            <input
+                                className='form-control'
+                                type='text'
+                                onChange={this.updateLastName}
+                                value={this.state.lastName}
+                            />
+                        </div>
+                    </div>
+                );
+
+                function notifClick(e) {
+                    e.preventDefault();
+                    this.updateSection('');
+                    this.props.updateTab('notifications');
+                }
+
+                const notifLink = (
+                    <a
+                        href='#'
+                        onClick={notifClick.bind(this)}
+                    >
                         <FormattedMessage
-                            id='user.settings.general.lastName'
-                            defaultMessage='Last Name'
+                            id='user.settings.general.notificationsLink'
+                            defaultMessage='Notifications'
                         />
-                    </label>
-                    <div className='col-sm-7'>
-                        <input
-                            className='form-control'
-                            type='text'
-                            onChange={this.updateLastName}
-                            value={this.state.lastName}
+                    </a>
+                );
+
+                extraInfo = (
+                    <span>
+                        <FormattedMessage
+                            id='user.settings.general.notificationsExtra'
+                            defaultMessage='By default, you will receive mention notifications when someone types your first name. Go to {notify} settings to change this default.'
+                            values={{
+                                notify: (notifLink)
+                            }}
                         />
-                    </div>
-                </div>
-            );
+                    </span>
+                );
 
-            function notifClick(e) {
-                e.preventDefault();
-                this.updateSection('');
-                this.props.updateTab('notifications');
+                submit = this.submitName;
+            } else {
+                extraInfo = (
+                    <span>
+                        <FormattedMessage
+                            id='user.settings.general.field_handled_externally'
+                            defaultMessage='This field is handled through your login provider. If you want to change it, you need to do so though your login provider.'
+                        />
+                    </span>
+                );
             }
 
-            const notifLink = (
-                <a
-                    href='#'
-                    onClick={notifClick.bind(this)}
-                >
-                    <FormattedMessage
-                        id='user.settings.general.notificationsLink'
-                        defaultMessage='Notifications'
-                    />
-                </a>
-            );
-
-            const extraInfo = (
-                <span>
-                    <FormattedMessage
-                        id='user.settings.general.notificationsExtra'
-                        defaultMessage='By default, you will receive mention notifications when someone types your first name. Go to {notify} settings to change this default.'
-                        values={{
-                            notify: (notifLink)
-                        }}
-                    />
-                </span>
-            );
-
             nameSection = (
                 <SettingItemMax
                     title={formatMessage(holders.fullName)}
                     inputs={inputs}
-                    submit={this.submitName}
+                    submit={submit}
                     server_error={serverError}
                     client_error={clientError}
                     updateSection={(e) => {
@@ -632,47 +647,62 @@ class UserSettingsGeneralTab extends React.Component {
 
         let nicknameSection;
         if (this.props.activeSection === 'nickname') {
-            let nicknameLabel = (
-                <FormattedMessage
-                    id='user.settings.general.nickname'
-                    defaultMessage='Nickname'
-                />
-            );
-            if (Utils.isMobile()) {
-                nicknameLabel = '';
-            }
-
-            inputs.push(
-                <div
-                    key='nicknameSetting'
-                    className='form-group'
-                >
-                    <label className='col-sm-5 control-label'>{nicknameLabel}</label>
-                    <div className='col-sm-7'>
-                        <input
-                            className='form-control'
-                            type='text'
-                            onChange={this.updateNickname}
-                            value={this.state.nickname}
+            let extraInfo;
+            let submit = null;
+            if (this.props.user.auth_service === 'ldap' && global.window.mm_config.NicknameAttributeSet) {
+                extraInfo = (
+                    <span>
+                        <FormattedMessage
+                            id='user.settings.general.field_handled_externally'
+                            defaultMessage='This field is handled through your login provider. If you want to change it, you need to do so though your login provider.'
                         />
-                    </div>
-                </div>
-            );
-
-            const extraInfo = (
-                <span>
+                    </span>
+                );
+            } else {
+                let nicknameLabel = (
                     <FormattedMessage
-                        id='user.settings.general.nicknameExtra'
-                        defaultMessage='Use Nickname for a name you might be called that is different from your first name and username. This is most often used when two or more people have similar sounding names and usernames.'
+                        id='user.settings.general.nickname'
+                        defaultMessage='Nickname'
                     />
-                </span>
-            );
+                );
+                if (Utils.isMobile()) {
+                    nicknameLabel = '';
+                }
+
+                inputs.push(
+                    <div
+                        key='nicknameSetting'
+                        className='form-group'
+                    >
+                        <label className='col-sm-5 control-label'>{nicknameLabel}</label>
+                        <div className='col-sm-7'>
+                            <input
+                                className='form-control'
+                                type='text'
+                                onChange={this.updateNickname}
+                                value={this.state.nickname}
+                            />
+                        </div>
+                    </div>
+                );
+
+                extraInfo = (
+                    <span>
+                        <FormattedMessage
+                            id='user.settings.general.nicknameExtra'
+                            defaultMessage='Use Nickname for a name you might be called that is different from your first name and username. This is most often used when two or more people have similar sounding names and usernames.'
+                        />
+                    </span>
+                );
+
+                submit = this.submitNickname;
+            }
 
             nicknameSection = (
                 <SettingItemMax
                     title={formatMessage(holders.nickname)}
                     inputs={inputs}
-                    submit={this.submitNickname}
+                    submit={submit}
                     server_error={serverError}
                     client_error={clientError}
                     updateSection={(e) => {
@@ -708,48 +738,63 @@ class UserSettingsGeneralTab extends React.Component {
 
         let usernameSection;
         if (this.props.activeSection === 'username') {
-            let usernameLabel = (
-                <FormattedMessage
-                    id='user.settings.general.username'
-                    defaultMessage='Username'
-                />
-            );
-            if (Utils.isMobile()) {
-                usernameLabel = '';
-            }
+            let extraInfo;
+            let submit = null;
+            if (this.props.user.auth_service === '') {
+                let usernameLabel = (
+                    <FormattedMessage
+                        id='user.settings.general.username'
+                        defaultMessage='Username'
+                    />
+                );
+                if (Utils.isMobile()) {
+                    usernameLabel = '';
+                }
 
-            inputs.push(
-                <div
-                    key='usernameSetting'
-                    className='form-group'
-                >
-                    <label className='col-sm-5 control-label'>{usernameLabel}</label>
-                    <div className='col-sm-7'>
-                        <input
-                            maxLength={Constants.MAX_USERNAME_LENGTH}
-                            className='form-control'
-                            type='text'
-                            onChange={this.updateUsername}
-                            value={this.state.username}
-                        />
+                inputs.push(
+                    <div
+                        key='usernameSetting'
+                        className='form-group'
+                    >
+                        <label className='col-sm-5 control-label'>{usernameLabel}</label>
+                        <div className='col-sm-7'>
+                            <input
+                                maxLength={Constants.MAX_USERNAME_LENGTH}
+                                className='form-control'
+                                type='text'
+                                onChange={this.updateUsername}
+                                value={this.state.username}
+                            />
+                        </div>
                     </div>
-                </div>
-            );
+                );
 
-            const extraInfo = (
-                <span>
-                    <FormattedMessage
-                        id='user.settings.general.usernameInfo'
-                        defaultMessage='Pick something easy for teammates to recognize and recall.'
-                    />
-                </span>
-            );
+                extraInfo = (
+                    <span>
+                        <FormattedMessage
+                            id='user.settings.general.usernameInfo'
+                            defaultMessage='Pick something easy for teammates to recognize and recall.'
+                        />
+                    </span>
+                );
+
+                submit = this.submitUsername;
+            } else {
+                extraInfo = (
+                    <span>
+                        <FormattedMessage
+                            id='user.settings.general.field_handled_externally'
+                            defaultMessage='This field is handled through your login provider. If you want to change it, you need to do so though your login provider.'
+                        />
+                    </span>
+                );
+            }
 
             usernameSection = (
                 <SettingItemMax
                     title={formatMessage(holders.username)}
                     inputs={inputs}
-                    submit={this.submitUsername}
+                    submit={submit}
                     server_error={serverError}
                     client_error={clientError}
                     updateSection={(e) => {
-- 
cgit v1.2.3-1-g7c22