pantalla login
This commit is contained in:
Lizeth Lopez
parent
35ab44f035
commit
81246517ce
|
|
@ -8,7 +8,7 @@
|
|||
Created by potrace 1.16, written by Peter Selinger 2001-2019
|
||||
</metadata>
|
||||
<g transform="translate(0.000000,327.000000) scale(0.100000,-0.100000)"
|
||||
fill="#000000" stroke="none">
|
||||
fill="#fdfefe" stroke="none">
|
||||
<path d="M1153 3226 c-219 -42 -403 -142 -552 -302 -431 -460 -324 -1213 219
|
||||
-1534 77 -46 174 -84 277 -111 123 -32 329 -32 456 -1 103 26 214 70 283 113
|
||||
30 19 52 28 59 23 74 -57 111 -74 164 -74 130 0 212 103 187 235 -5 22 -23 54
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 4.5 KiB After Width: | Height: | Size: 4.5 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 28 KiB |
|
|
@ -7493,7 +7493,7 @@
|
|||
"data": {
|
||||
"displayName": "Abbott Keitch",
|
||||
"photoURL": "assets/images/avatars/brian-hughes.jpg",
|
||||
"email": "admin@fusetheme.com",
|
||||
"email": "admin@qsoftec.com",
|
||||
"settings": {
|
||||
"layout": {},
|
||||
"theme": {}
|
||||
|
|
@ -32753,7 +32753,7 @@
|
|||
"data": {
|
||||
"displayName": "Abbott Keitch",
|
||||
"photoURL": "assets/images/avatars/brian-hughes.jpg",
|
||||
"email": "admin@fusetheme.com",
|
||||
"email": "admin@qsoftec.com",
|
||||
"settings": {
|
||||
"layout": {},
|
||||
"theme": {}
|
||||
|
|
|
|||
|
|
@ -65,8 +65,8 @@ function SignInPage() {
|
|||
const [selectedTabId, setSelectedTabId] = useState(tabs[0].id);
|
||||
|
||||
function handleSelectTab(id: string) {
|
||||
setSelectedTabId(id);
|
||||
}
|
||||
setSelectedTabId("jwt");
|
||||
}
|
||||
|
||||
const { control, formState, handleSubmit, reset } = useForm<FormType>({
|
||||
mode: 'onChange',
|
||||
|
|
@ -104,7 +104,7 @@ function SignInPage() {
|
|||
</Link>
|
||||
</div>
|
||||
|
||||
<Tabs
|
||||
{/* <Tabs
|
||||
value={_.findIndex(tabs, { id: selectedTabId })}
|
||||
variant="fullWidth"
|
||||
className="w-full mt-24 mb-32"
|
||||
|
|
@ -125,97 +125,87 @@ function SignInPage() {
|
|||
label={item.title}
|
||||
/>
|
||||
))}
|
||||
</Tabs>
|
||||
{selectedTabId === 'jwt' && <JwtLoginTab />}
|
||||
</Tabs> */}
|
||||
{selectedTabId === 'jwt' && <JwtLoginTab />}
|
||||
|
||||
{selectedTabId === 'firebase' && <FirebaseSignInTab />}
|
||||
{/* {selectedTabId === 'firebase' && <FirebaseSignInTab />} */}
|
||||
|
||||
<div className="mt-32 flex items-center">
|
||||
<div className="mt-px flex-auto border-t" />
|
||||
<Typography
|
||||
className="mx-8"
|
||||
color="text.secondary"
|
||||
>
|
||||
Or continue with
|
||||
</Typography>
|
||||
<div className="mt-px flex-auto border-t" />
|
||||
</div>
|
||||
|
||||
<div className="mt-32 flex items-center space-x-16">
|
||||
<Button
|
||||
variant="outlined"
|
||||
className="flex-auto"
|
||||
>
|
||||
<FuseSvgIcon
|
||||
size={20}
|
||||
color="action"
|
||||
>
|
||||
feather:facebook
|
||||
</FuseSvgIcon>
|
||||
</Button>
|
||||
<Button
|
||||
variant="outlined"
|
||||
className="flex-auto"
|
||||
>
|
||||
<FuseSvgIcon
|
||||
size={20}
|
||||
color="action"
|
||||
>
|
||||
feather:twitter
|
||||
</FuseSvgIcon>
|
||||
</Button>
|
||||
<Button
|
||||
variant="outlined"
|
||||
className="flex-auto"
|
||||
>
|
||||
<FuseSvgIcon
|
||||
size={20}
|
||||
color="action"
|
||||
>
|
||||
feather:github
|
||||
</FuseSvgIcon>
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Box
|
||||
className="relative hidden h-full flex-auto items-center justify-center overflow-hidden p-64 md:flex lg:px-112"
|
||||
sx={{ backgroundColor: 'primary.main' }}
|
||||
>
|
||||
className="relative hidden h-auto justify-center items-center flex-auto p-64 md:flex lg:px-112"
|
||||
sx={{ backgroundColor: 'primary.main' }}>
|
||||
<svg
|
||||
className="pointer-events-none absolute inset-0"
|
||||
viewBox="0 0 960 540"
|
||||
width="100%"
|
||||
height="100%"
|
||||
preserveAspectRatio="xMidYMax slice"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<Box
|
||||
component="g"
|
||||
sx={{ color: 'primary.light' }}
|
||||
className="opacity-20"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
strokeWidth="100"
|
||||
>
|
||||
<circle
|
||||
r="234"
|
||||
cx="796"
|
||||
cy="23"
|
||||
/>
|
||||
</Box>
|
||||
</svg>
|
||||
<Box
|
||||
component="svg"
|
||||
className="absolute -right-64 -top-64 opacity-20"
|
||||
sx={{ color: 'primary.light' }}
|
||||
viewBox="0 0 220 192"
|
||||
width="220px"
|
||||
height="192px"
|
||||
fill="none"
|
||||
>
|
||||
<defs>
|
||||
<pattern
|
||||
id="837c3e70-6c3a-44e6-8854-cc48c737b659"
|
||||
x="0"
|
||||
y="0"
|
||||
width="20"
|
||||
height="20"
|
||||
patternUnits="userSpaceOnUse"
|
||||
>
|
||||
<rect
|
||||
x="0"
|
||||
y="0"
|
||||
width="4"
|
||||
height="4"
|
||||
fill="currentColor"
|
||||
/>
|
||||
</pattern>
|
||||
</defs>
|
||||
<rect
|
||||
width="220"
|
||||
height="192"
|
||||
fill="url(#837c3e70-6c3a-44e6-8854-cc48c737b659)"
|
||||
/>
|
||||
</Box>
|
||||
|
||||
<div className="relative z-10 w-full max-w-2xl">
|
||||
<img
|
||||
className="w-48"
|
||||
src="assets/images/empresa/logoAlphaBC.svg"
|
||||
className="w-216 "
|
||||
src="assets/images/empresa/logoAlphaWC.svg"
|
||||
alt="logo"
|
||||
width="500"
|
||||
/>
|
||||
<div className="text-7xl font-bold leading-none text-gray-100">
|
||||
<div>Welcome to</div>
|
||||
<div>our community</div>
|
||||
<div className="text-7xl font-bold leading-loose text-gray-100">
|
||||
<div>Bienvenido</div>
|
||||
</div>
|
||||
<div className="mt-24 text-lg leading-6 tracking-tight text-gray-400">
|
||||
Fuse helps developers to build organized and well coded dashboards full of beautiful and
|
||||
rich modules. Join us and start building your application today.
|
||||
<div className="mt-24 text-lg leading-none text-gray-400">
|
||||
Al sistema que se encarga de tu facturación electrónica.
|
||||
</div>
|
||||
<div className="mt-32 flex items-center">
|
||||
<AvatarGroup
|
||||
sx={{
|
||||
'& .MuiAvatar-root': {
|
||||
borderColor: 'primary.main'
|
||||
}
|
||||
}}
|
||||
>
|
||||
<Avatar src="assets/images/avatars/female-18.jpg" />
|
||||
<Avatar src="assets/images/avatars/female-11.jpg" />
|
||||
<Avatar src="assets/images/avatars/male-09.jpg" />
|
||||
<Avatar src="assets/images/avatars/male-16.jpg" />
|
||||
</AvatarGroup>
|
||||
|
||||
<div className="ml-16 font-medium tracking-tight text-gray-400">
|
||||
More than 17k people joined us, it's your turn
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Box>
|
||||
</Paper>
|
||||
|
|
|
|||
|
|
@ -47,7 +47,7 @@ function jwtSignInTab() {
|
|||
const { isValid, dirtyFields, errors } = formState;
|
||||
|
||||
useEffect(() => {
|
||||
setValue('email', 'admin@fusetheme.com', { shouldDirty: true, shouldValidate: true });
|
||||
setValue('email', 'admin@qsoftec.com', { shouldDirty: true, shouldValidate: true });
|
||||
setValue('password', 'admin', { shouldDirty: true, shouldValidate: true });
|
||||
}, [setValue]);
|
||||
|
||||
|
|
@ -132,7 +132,7 @@ function jwtSignInTab() {
|
|||
render={({ field }) => (
|
||||
<FormControl>
|
||||
<FormControlLabel
|
||||
label="Remember me"
|
||||
label="Recúerdame"
|
||||
control={
|
||||
<Checkbox
|
||||
size="small"
|
||||
|
|
@ -148,20 +148,20 @@ function jwtSignInTab() {
|
|||
className="text-md font-medium"
|
||||
to="/pages/auth/forgot-password"
|
||||
>
|
||||
Forgot password?
|
||||
Olvidaste tu contraseña?
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
<Button
|
||||
variant="contained"
|
||||
color="secondary"
|
||||
color="primary"
|
||||
className=" mt-16 w-full"
|
||||
aria-label="Sign in"
|
||||
disabled={_.isEmpty(dirtyFields) || !isValid}
|
||||
type="submit"
|
||||
size="large"
|
||||
>
|
||||
Sign in
|
||||
Ingresar
|
||||
</Button>
|
||||
</form>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue