| | |
| | | backgroundSize: 'cover', |
| | | }} |
| | | > |
| | | <video |
| | | {/* <video |
| | | autoPlay |
| | | loop |
| | | muted |
| | |
| | | {LOGIN_BACKGROUND === 'media' && ( |
| | | <source src="/login_bg.mp4" type="video/mp4" /> |
| | | )} |
| | | </video> |
| | | </video> */} |
| | | |
| | | <Card sx={{ |
| | | width: 400, |
| | |
| | | </AppBar> |
| | | </div> |
| | | |
| | | <Tabs |
| | | value={tab} |
| | | onChange={(event, value) => { |
| | | setTab(value); |
| | | }} |
| | | indicatorColor="primary" |
| | | textColor="primary" |
| | | variant="fullWidth" |
| | | > |
| | | <Tab label={translate('page.login.tab.login')} sx={{ fontSize: '.8em' }} /> |
| | | <Tab label={translate('page.login.tab.register')} sx={{ fontSize: '.8em' }} /> |
| | | </Tabs> |
| | | {systemInfo.mode === 'ONLINE' ? ( |
| | | <> |
| | | <Tabs |
| | | value={tab} |
| | | onChange={(event, value) => { |
| | | setTab(value); |
| | | }} |
| | | indicatorColor="primary" |
| | | textColor="primary" |
| | | variant="fullWidth" |
| | | > |
| | | <Tab label={translate('page.login.tab.login')} sx={{ fontSize: '.8em' }} /> |
| | | <Tab label={translate('page.login.tab.register')} sx={{ fontSize: '.8em' }} /> |
| | | </Tabs> |
| | | |
| | | {tab === 0 && <Login systemInfo={systemInfo} tenantList={tenantList} />} |
| | | {tab === 1 && <Register systemInfo={systemInfo} tenantList={tenantList} />} |
| | | {tab === 0 && <Login systemInfo={systemInfo} tenantList={tenantList} />} |
| | | {tab === 1 && <Register systemInfo={systemInfo} tenantList={tenantList} />} |
| | | </> |
| | | ) : ( |
| | | <Login systemInfo={systemInfo} tenantList={tenantList} /> |
| | | )} |
| | | |
| | | <Box mb={1} sx={{ textAlign: 'center' }}> |
| | | {/* <Box mb={1} sx={{ textAlign: 'center' }}> |
| | | <Typography variant="caption" align="center">{translate("page.login.footer")}</Typography> |
| | | </Box> |
| | | </Box> */} |
| | | </Card> |
| | | </Box > |
| | | ); |