98 lines
3.4 KiB
TypeScript
98 lines
3.4 KiB
TypeScript
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
import { createPageStory } from "../createPageStory";
|
|
|
|
const { PageStory } = createPageStory({
|
|
pageId: "login.ftl"
|
|
});
|
|
|
|
export default {
|
|
title: "login/Login",
|
|
component: PageStory,
|
|
} as ComponentMeta<typeof PageStory>;
|
|
|
|
export const Default: ComponentStory<typeof PageStory> = () => <PageStory />;
|
|
|
|
export const WithoutPasswordField: ComponentStory<typeof PageStory> = () => (
|
|
<PageStory
|
|
kcContext={{
|
|
realm: { password: false }
|
|
}}
|
|
/>
|
|
);
|
|
|
|
export const WithoutRegistration: ComponentStory<typeof PageStory> = () => (
|
|
<PageStory
|
|
kcContext={{
|
|
realm: { registrationAllowed: false }
|
|
}}
|
|
/>
|
|
);
|
|
|
|
export const WithoutRememberMe: ComponentStory<typeof PageStory> = () => (
|
|
<PageStory
|
|
kcContext={{
|
|
realm: { rememberMe: false }
|
|
}}
|
|
/>
|
|
);
|
|
|
|
export const WithoutPasswordReset: ComponentStory<typeof PageStory> = () => (
|
|
<PageStory
|
|
kcContext={{
|
|
realm: { resetPasswordAllowed: false }
|
|
}}
|
|
/>
|
|
);
|
|
|
|
export const WithEmailAsUsername: ComponentStory<typeof PageStory> = () => (
|
|
<PageStory
|
|
kcContext={{
|
|
realm: { loginWithEmailAllowed: false }
|
|
}}
|
|
/>
|
|
);
|
|
|
|
export const WithPresetUsername: ComponentStory<typeof PageStory> = () => (
|
|
<PageStory
|
|
kcContext={{
|
|
login: { username: "max.mustermann@mail.com" }
|
|
}}
|
|
/>
|
|
);
|
|
|
|
export const WithImmutablePresetUsername: ComponentStory<typeof PageStory> = () => (
|
|
<PageStory
|
|
kcContext={{
|
|
auth: {
|
|
attemptedUsername: "max.mustermann@mail.com",
|
|
showUsername: true
|
|
},
|
|
usernameHidden: true,
|
|
message: { type: "info", summary: "Please re-authenticate to continue" }
|
|
}}
|
|
/>
|
|
);
|
|
|
|
export const WithSocialProviders: ComponentStory<typeof PageStory> = () => (
|
|
<PageStory
|
|
kcContext={{
|
|
social: {
|
|
displayInfo: true, providers: [
|
|
{ loginUrl: 'google', alias: 'google', providerId: 'google', displayName: 'Google' },
|
|
{ loginUrl: 'microsoft', alias: 'microsoft', providerId: 'microsoft', displayName: 'Microsoft' },
|
|
{ loginUrl: 'facebook', alias: 'facebook', providerId: 'facebook', displayName: 'Facebook' },
|
|
{ loginUrl: 'instagram', alias: 'instagram', providerId: 'instagram', displayName: 'Instagram' },
|
|
{ loginUrl: 'twitter', alias: 'twitter', providerId: 'twitter', displayName: 'Twitter' },
|
|
{ loginUrl: 'linkedin', alias: 'linkedin', providerId: 'linkedin', displayName: 'LinkedIn' },
|
|
{ loginUrl: 'stackoverflow', alias: 'stackoverflow', providerId: 'stackoverflow', displayName: 'Stackoverflow' },
|
|
{ loginUrl: 'github', alias: 'github', providerId: 'github', displayName: 'Github' },
|
|
{ loginUrl: 'gitlab', alias: 'gitlab', providerId: 'gitlab', displayName: 'Gitlab' },
|
|
{ loginUrl: 'bitbucket', alias: 'bitbucket', providerId: 'bitbucket', displayName: 'Bitbucket' },
|
|
{ loginUrl: 'paypal', alias: 'paypal', providerId: 'paypal', displayName: 'PayPal' },
|
|
{ loginUrl: 'openshift', alias: 'openshift', providerId: 'openshift', displayName: 'OpenShift' },
|
|
|
|
]
|
|
}
|
|
}}
|
|
/>
|
|
);
|