|  |  |  | 
|---|
|  |  |  | 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 > | 
|---|
|  |  |  | ); | 
|---|