mirror of
https://github.com/LaCasemate/fab-manager.git
synced 2025-01-30 19:52:20 +01:00
(wip)(ui) disabled fields mapped from the sso
This commit is contained in:
Sylvain
parent
fda74cf32f
commit
b9b8150e28
@ -2,7 +2,7 @@ import React from 'react';
|
||||
import { react2angular } from 'react2angular';
|
||||
import { SubmitHandler, useForm, useWatch } from 'react-hook-form';
|
||||
import { isNil as _isNil } from 'lodash';
|
||||
import { User } from '../../models/user';
|
||||
import { User, UserFieldMapping } from '../../models/user';
|
||||
import { IApplication } from '../../models/application';
|
||||
import { Loader } from '../base/loader';
|
||||
import { FormInput } from '../form/form-input';
|
||||
@ -50,6 +50,14 @@ export const UserProfileForm: React.FC<UserProfileFormProps> = ({ action, size,
|
||||
.catch((error) => { onError(error); });
|
||||
};
|
||||
|
||||
/**
|
||||
* Check if the given field path should be disabled because it's mapped to the SSO API.
|
||||
*/
|
||||
const isDisabled = function (id: string) {
|
||||
// TODO: check if AuthenticationProvider is not LocalDatabase
|
||||
return user.mapped_from_sso?.includes(UserFieldMapping[id]);
|
||||
};
|
||||
|
||||
const userNetworks = new UserLib(user).getUserSocialNetworks(user);
|
||||
|
||||
return (
|
||||
@ -69,11 +77,13 @@ export const UserProfileForm: React.FC<UserProfileFormProps> = ({ action, size,
|
||||
<FormInput id="profile_attributes.last_name"
|
||||
register={register}
|
||||
rules={{ required: true }}
|
||||
disabled={isDisabled}
|
||||
formState={formState}
|
||||
label={t('app.shared.user_profile_form.surname')} />
|
||||
<FormInput id="profile_attributes.first_name"
|
||||
register={register}
|
||||
rules={{ required: true }}
|
||||
disabled={isDisabled}
|
||||
formState={formState}
|
||||
label={t('app.shared.user_profile_form.first_name')} />
|
||||
</div>
|
||||
@ -81,6 +91,7 @@ export const UserProfileForm: React.FC<UserProfileFormProps> = ({ action, size,
|
||||
<FormInput id="statistic_profile_attributes.birthday"
|
||||
register={register}
|
||||
label={t('app.shared.user_profile_form.date_of_birth')}
|
||||
disabled={isDisabled}
|
||||
type="date" />
|
||||
<FormInput id="profile_attributes.phone"
|
||||
register={register}
|
||||
@ -90,6 +101,7 @@ export const UserProfileForm: React.FC<UserProfileFormProps> = ({ action, size,
|
||||
message: t('app.shared.user_profile_form.phone_number_invalid')
|
||||
}
|
||||
}}
|
||||
disabled={isDisabled}
|
||||
formState={formState}
|
||||
label={t('app.shared.user_profile_form.phone_number')} />
|
||||
</div>
|
||||
@ -99,6 +111,7 @@ export const UserProfileForm: React.FC<UserProfileFormProps> = ({ action, size,
|
||||
type="hidden" />
|
||||
<FormInput id="invoicing_profile_attributes.address_attributes.address"
|
||||
register={register}
|
||||
disabled={isDisabled}
|
||||
label={t('app.shared.user_profile_form.address')} />
|
||||
</div>
|
||||
</div>
|
||||
@ -107,11 +120,13 @@ export const UserProfileForm: React.FC<UserProfileFormProps> = ({ action, size,
|
||||
<FormInput id="username"
|
||||
register={register}
|
||||
rules={{ required: true }}
|
||||
disabled={isDisabled}
|
||||
formState={formState}
|
||||
label={t('app.shared.user_profile_form.pseudonym')} />
|
||||
<FormInput id="email"
|
||||
register={register}
|
||||
rules={{ required: true }}
|
||||
disabled={isDisabled}
|
||||
formState={formState}
|
||||
label={t('app.shared.user_profile_form.email_address')} />
|
||||
{/* TODO: no password change if sso */}
|
||||
@ -123,13 +138,6 @@ export const UserProfileForm: React.FC<UserProfileFormProps> = ({ action, size,
|
||||
currentFormPassword={output.password}
|
||||
formState={formState} />}
|
||||
</div>
|
||||
<div className='account-networks'>
|
||||
<h4>{t('app.shared.user_profile_form.account_networks')}</h4>
|
||||
<EditSocials register={register}
|
||||
networks={userNetworks}
|
||||
setValue={setValue}
|
||||
formState={formState} />
|
||||
</div>
|
||||
<div className="organization-data">
|
||||
<h4>{t('app.shared.user_profile_form.organization_data')}</h4>
|
||||
<FormSwitch control={control}
|
||||
@ -145,6 +153,7 @@ export const UserProfileForm: React.FC<UserProfileFormProps> = ({ action, size,
|
||||
<FormInput id="invoicing_profile_attributes.organization_attributes.name"
|
||||
register={register}
|
||||
rules={{ required: isOrganization }}
|
||||
disabled={isDisabled}
|
||||
formState={formState}
|
||||
label={t('app.shared.user_profile_form.organization_name')} />
|
||||
<FormInput id="invoicing_profile_attributes.organization_attributes.address_attributes.id"
|
||||
@ -153,6 +162,7 @@ export const UserProfileForm: React.FC<UserProfileFormProps> = ({ action, size,
|
||||
<FormInput id="invoicing_profile_attributes.organization_attributes.address_attributes.address"
|
||||
register={register}
|
||||
rules={{ required: isOrganization }}
|
||||
disabled={isDisabled}
|
||||
formState={formState}
|
||||
label={t('app.shared.user_profile_form.organization_address')} />
|
||||
</div>}
|
||||
@ -169,6 +179,7 @@ export const UserProfileForm: React.FC<UserProfileFormProps> = ({ action, size,
|
||||
}
|
||||
}}
|
||||
placeholder="https://www.example.com"
|
||||
disabled={isDisabled}
|
||||
formState={formState}
|
||||
label={t('app.shared.user_profile_form.website')} />
|
||||
<FormInput id="profile_attributes.job"
|
||||
@ -178,20 +189,31 @@ export const UserProfileForm: React.FC<UserProfileFormProps> = ({ action, size,
|
||||
<div className="interests-CAD">
|
||||
<FormRichText control={control}
|
||||
id="profile_attributes.interest"
|
||||
disabled={isDisabled}
|
||||
label={t('app.shared.user_profile_form.interests')} />
|
||||
<FormRichText control={control}
|
||||
disabled={isDisabled}
|
||||
id="profile_attributes.software_mastered"
|
||||
label={t('app.shared.user_profile_form.CAD_softwares_mastered')} />
|
||||
</div>
|
||||
</div>
|
||||
<div className='account-networks'>
|
||||
<h4>{t('app.shared.user_profile_form.account_networks')}</h4>
|
||||
<EditSocials register={register}
|
||||
networks={userNetworks}
|
||||
setValue={setValue}
|
||||
formState={formState} />
|
||||
</div>
|
||||
<div className="preferences-data">
|
||||
<h4>{t('app.shared.user_profile_form.preferences_data')}</h4>
|
||||
<FormSwitch control={control}
|
||||
id="is_allow_contact"
|
||||
disabled={isDisabled}
|
||||
label={t('app.shared.user_profile_form.allow_public_profile')}
|
||||
tooltip={t('app.shared.user_profile_form.allow_public_profile_help')} />
|
||||
<FormSwitch control={control}
|
||||
id="is_allow_newsletter"
|
||||
disabled={isDisabled}
|
||||
label={t('app.shared.user_profile_form.allow_newsletter')}
|
||||
tooltip={t('app.shared.user_profile_form.allow_newsletter_help')} />
|
||||
</div>
|
||||
|
||||
@ -17,4 +17,6 @@ export const supportedNetworks = [
|
||||
'pinterest',
|
||||
'lastfm',
|
||||
'flickr'
|
||||
];
|
||||
] as const;
|
||||
|
||||
export type SupportedSocialNetwork = typeof supportedNetworks[number];
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
import { Plan } from './plan';
|
||||
import { TDateISO, TDateISODate } from '../typings/date-iso';
|
||||
import { supportedNetworks, SupportedSocialNetwork } from './social-network';
|
||||
|
||||
export enum UserRole {
|
||||
Member = 'member',
|
||||
@ -7,6 +8,10 @@ export enum UserRole {
|
||||
Admin = 'admin'
|
||||
}
|
||||
|
||||
type ProfileAttributesSocial = {
|
||||
[network in SupportedSocialNetwork]: string
|
||||
}
|
||||
|
||||
export interface User {
|
||||
id: number,
|
||||
username: string,
|
||||
@ -19,7 +24,7 @@ export interface User {
|
||||
mapped_from_sso?: string[],
|
||||
password?: string,
|
||||
password_confirmation?: string,
|
||||
profile_attributes: {
|
||||
profile_attributes: ProfileAttributesSocial & {
|
||||
id: number,
|
||||
first_name: string,
|
||||
last_name: string,
|
||||
@ -29,20 +34,6 @@ export interface User {
|
||||
website: string,
|
||||
job: string,
|
||||
tours: Array<string>,
|
||||
facebook: string,
|
||||
twitter: string,
|
||||
google_plus: string,
|
||||
viadeo: string,
|
||||
linkedin: string,
|
||||
instagram: string,
|
||||
youtube: string,
|
||||
vimeo: string,
|
||||
dailymotion: string,
|
||||
github: string,
|
||||
echosciences: string,
|
||||
pinterest: string,
|
||||
lastfm: string,
|
||||
flickr: string,
|
||||
user_avatar_attributes: {
|
||||
id: number,
|
||||
attachment?: File,
|
||||
@ -100,3 +91,27 @@ export interface UserIndexFilter {
|
||||
page?: number,
|
||||
size?: number
|
||||
}
|
||||
|
||||
const socialMappings = supportedNetworks.map(network => {
|
||||
return { [`profile_attributes.${network}`]: `profile.${network}` };
|
||||
});
|
||||
|
||||
export const UserFieldMapping = Object.assign({
|
||||
'profile_attributes.user_avatar_attributes.attachment': 'profile.avatar',
|
||||
'statistic_profile_attributes.gender': 'profile.gender',
|
||||
'profile_attributes.last_name': 'profile.last_name',
|
||||
'profile_attributes.first_name': 'profile.first_name',
|
||||
'statistic_profile_attributes.birthday': 'profile.birthday',
|
||||
'profile_attributes.phone': 'profile.phone',
|
||||
username: 'user.username',
|
||||
email: 'user.email',
|
||||
'invoicing_profile_attributes.address_attributes.address': 'profile.address',
|
||||
'invoicing_profile_attributes.organization_attributes.name': 'profile.organization_name',
|
||||
'invoicing_profile_attributes.organization_attributes.address_attributes.address': 'profile.organization_address',
|
||||
'profile_attributes.website': 'profile.website',
|
||||
'profile_attributes.job': 'profile.job',
|
||||
'profile_attributes.interest': 'profile.interest',
|
||||
'profile_attributes.software_mastered': 'profile.software_mastered',
|
||||
is_allow_contact: 'user.is_allow_contact',
|
||||
is_allow_newsletter: 'user.is_allow_newsletter'
|
||||
}, ...socialMappings);
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user