agtic/keycloak_theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix non editable username

Browse Source
This commit is contained in:
Joseph Garrone 2021-03-05 00:03:21 +01:00
parent 533105d63a
commit 0cfe240590
2 changed files with 23 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/bin/build-keycloak-theme/generateFtl/index.ts
View File

@ -128,14 +128,21 @@ export function generateFtlFilesCodeFactory(
' "value": function callee(target, source) {',
' Object.keys(source).forEach(function (key) {',
' var value = source[key];',
' if (value instanceof Object) {',
' if (!(target[key] instanceof Object)) {',
' target[key] = {};',
' }',
' callee(target[key], value);',
' } else {',
' target[key] = value;',
' if( target[key] === undefined ){',
' target[key]= value;',
' return;',
' }',
' if( value instanceof Object ){',
' if( value instanceof Array ){',
' value.forEach(function (entry){',
' target[key].push(entry);',
' });',
' return;',
' }',
' callee(target[key], value);',
' return;',
' }',
' target[key]= value;',
' });',
' return target;',
' }',

11
src/lib/components/Login.tsx
View File

@ -44,6 +44,12 @@ export const Login = memo((props: LoginProps) => {
(setIsLoginButtonDisabled(true), true)
);
const [ usernameInputValue, setUsernameInputValue ] = useState(login.username ?? '');
const onUsernameChange = useConstCallback(
(event: React.ChangeEvent<HTMLInputElement>)=>
setUsernameInputValue(event.target.value)
);
return (
<Template
@ -82,9 +88,10 @@ export const Login = memo((props: LoginProps) => {
id="username"
className={cx(kcProperties.kcInputClass)}
name="username"
value={login.username ?? ''}
value={usernameInputValue}
type="text"
{...(usernameEditDisabled ? { "disabled": true } : { "autofocus": true, "autocomplete": "off" })}
onChange={onUsernameChange}
{...(usernameEditDisabled ? { "disabled": true } : { "autoFocus": true, "autocomplete": "off" })}
/>
</div>
<div className={cx(kcProperties.kcFormGroupClass)}>