RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-09 10:34:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

0.1.09-T1

Browse Source
This commit is contained in:
srgooglo 2020-02-09 02:24:49 +01:00
parent 1279fcc3db
commit 3020298501
13 changed files with 169 additions and 107 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/DropOption/DropOption.js
View File

@ -1,6 +1,7 @@
import React from 'react' import React from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import { Dropdown, Button, Icon, Menu } from 'antd' import { Icon as LegacyIcon } from '@ant-design/compatible';
import { Dropdown, Button, Menu } from 'antd';
const DropOption = ({ const DropOption = ({
onMenuClick, onMenuClick,
@ -17,11 +18,11 @@ const DropOption = ({
} {...dropdownProps}> } {...dropdownProps}>
<Button style={{ border: 'none', ...buttonStyle }}> <Button style={{ border: 'none', ...buttonStyle }}>
<Icon style={{ marginRight: 2 }} type="bars" /> <LegacyIcon style={{ marginRight: 2 }} type="bars" />
<Icon type="down" /> <LegacyIcon type="down" />
</Button> </Button>
</Dropdown> </Dropdown>
) );
} }
DropOption.propTypes = { DropOption.propTypes = {

28
src/components/Layout/Header.js
View File

@ -1,5 +1,17 @@
import React, { PureComponent, Fragment } from 'react' import React, { PureComponent, Fragment } from 'react'
import { Menu, Icon, Layout, Avatar, Popover, Badge, List, Switch, Tooltip, Dropdown, Button } from 'antd' import { Icon as LegacyIcon } from '@ant-design/compatible';
import {
Menu,
Layout,
Avatar,
Popover,
Badge,
List,
Switch,
Tooltip,
Dropdown,
Button,
} from 'antd';
import { Trans, withI18n } from '@lingui/react' import { Trans, withI18n } from '@lingui/react'
import { Ellipsis } from 'ant-design-pro' import { Ellipsis } from 'ant-design-pro'
import classnames from 'classnames' import classnames from 'classnames'
@ -32,7 +44,7 @@ class Header extends PureComponent {
handleOpenMenu() { handleOpenMenu() {
let ListControls = [ let ListControls = [
(<div> (<div>
<Button type="dashed" icon="close" shape="circle" onClick={() => ycore.ControlBar.close()}></Button> <Button type="dashed" icon={<LegacyIcon type="close" />} shape="circle" onClick={() => ycore.ControlBar.close()}></Button>
</div> </div>
) )
] ]
@ -78,7 +90,7 @@ class Header extends PureComponent {
} }
description={moment(item.date).fromNow()} description={moment(item.date).fromNow()}
/> />
<Icon <LegacyIcon
style={{ fontSize: '15px', color: '#ccc' }} style={{ fontSize: '15px', color: '#ccc' }}
type="right" type="right"
/> />
@ -102,7 +114,7 @@ class Header extends PureComponent {
offset={[-10, 10]} offset={[-10, 10]}
className={styles.iconButton} className={styles.iconButton}
> >
<Icon className={styles.iconFont} type="bell" /> <LegacyIcon className={styles.iconFont} type="bell" />
</Badge> </Badge>
</Popover> </Popover>
) )
@ -111,15 +123,15 @@ class Header extends PureComponent {
<Layout.Header id='layoutHeader' className={classnames(styles.header, {[styles.fixed]: fixed})} > <Layout.Header id='layoutHeader' className={classnames(styles.header, {[styles.fixed]: fixed})} >
<div className={styles.leftContainer}> <div className={styles.leftContainer}>
<img className={styles.brand} src={config.FullLogoPath} /> <img className={styles.brand} src={config.FullLogoPath} />
<Tooltip title={'Main'}><a target="_blank" href="" rel="noopener noreferrer"><Icon type="home" className={styles.iconButton} style={{ fontSize: '15px' }} /></a></Tooltip> <Tooltip title={'Main'}><a target="_blank" href="" rel="noopener noreferrer"><LegacyIcon type="home" className={styles.iconButton} style={{ fontSize: '15px' }} /></a></Tooltip>
<Tooltip title={'Search'}><a target="_blank" href="" rel="noopener noreferrer"><Icon type="search" className={styles.iconButton} style={{ fontSize: '15px' }} /></a></Tooltip> <Tooltip title={'Search'}><a target="_blank" href="" rel="noopener noreferrer"><LegacyIcon type="search" className={styles.iconButton} style={{ fontSize: '15px' }} /></a></Tooltip>
</div> </div>
<div className={styles.rightContainer}> <div className={styles.rightContainer}>
<Tooltip title={'Create'}><Icon type="plus" onClick={() => this.handleOpenMenu()} className={styles.iconButton} style={{ fontSize: '15px' }} /></Tooltip> <Tooltip title={'Create'}><LegacyIcon type="plus" onClick={() => this.handleOpenMenu()} className={styles.iconButton} style={{ fontSize: '15px' }} /></Tooltip>
{notificationIcon} {notificationIcon}
</div> </div>
</Layout.Header> </Layout.Header>
) );
} }
} }

13
src/components/Layout/Menu.js
View File

@ -1,6 +1,7 @@
import React, { PureComponent, Fragment } from 'react' import React, { PureComponent, Fragment } from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import { Menu, Icon } from 'antd' import { Icon as LegacyIcon } from '@ant-design/compatible';
import { Menu } from 'antd';
import Navlink from 'umi/navlink' import Navlink from 'umi/navlink'
import withRouter from 'umi/withRouter' import withRouter from 'umi/withRouter'
import {SDCP} from 'ycore' import {SDCP} from 'ycore'
@ -51,24 +52,24 @@ class SiderMenu extends PureComponent {
className={styles.SubMenuItems} className={styles.SubMenuItems}
title={ title={
<Fragment> <Fragment>
{item.icon && <Icon type={item.icon} />} {item.icon && <LegacyIcon type={item.icon} />}
<span className={styles.SubItemTitle}>{item.name}</span> <span className={styles.SubItemTitle}>{item.name}</span>
</Fragment> </Fragment>
} }
> >
{this.generateMenus(item.children)} {this.generateMenus(item.children)}
</SubMenu> </SubMenu>
) );
} }
return ( return (
<Menu.Item key={item.id} > <Menu.Item key={item.id} >
<Navlink to={addLangPrefix(item.route) || '#'}> <Navlink to={addLangPrefix(item.route) || '#'}>
{item.icon && <Icon type={item.icon} />} {item.icon && <LegacyIcon type={item.icon} />}
<span>{item.name}</span> <span>{item.name}</span>
</Navlink> </Navlink>
</Menu.Item> </Menu.Item>
) );
}) });
} }
render() { render() {

21
src/components/Layout/R_Sider.js
View File

@ -1,6 +1,7 @@
import React, { PureComponent, StrictMode } from 'react' import React, { PureComponent, StrictMode } from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import { Icon, Switch, Layout, Tag, Divider, Drawer, Avatar, Menu} from 'antd' import { Icon as LegacyIcon } from '@ant-design/compatible';
import { Switch, Layout, Tag, Divider, Drawer, Avatar, Menu } from 'antd';
import { withI18n, Trans } from '@lingui/react' import { withI18n, Trans } from '@lingui/react'
import classNames from 'classnames' import classNames from 'classnames'
import router from 'umi/router' import router from 'umi/router'
@ -90,7 +91,7 @@ class R_Sider extends PureComponent {
<div className={styles.siderhead}> <div className={styles.siderhead}>
<Avatar size={this.Balancer()? "small" : "large"} shape={this.Balancer()? "circle" : "square"} src={userData.avatar} className={this.Balancer()? styles.avatar : styles.avatarFull} /> <Avatar size={this.Balancer()? "small" : "large"} shape={this.Balancer()? "circle" : "square"} src={userData.avatar} className={this.Balancer()? styles.avatar : styles.avatarFull} />
</div> </div>
{this.Balancer()? <div style={{ height: "100%", textAlign: "center" }} ><Icon onClick={this.hover} type="left" style={{ color: "#2F2E30", position: "absolute", bottom: "50%" }} /></div> : {this.Balancer()? <div style={{ height: "100%", textAlign: "center" }} ><LegacyIcon onClick={this.hover} type="left" style={{ color: "#2F2E30", position: "absolute", bottom: "50%" }} /></div> :
<div> <div>
<div className={styles.userInfo}> <div className={styles.userInfo}>
<h2>@{userData.username}</h2> <h2>@{userData.username}</h2>
@ -101,26 +102,26 @@ class R_Sider extends PureComponent {
<Menu className={styles.menuItems} mode="vertical" onClick={this.handleClickMenu}> <Menu className={styles.menuItems} mode="vertical" onClick={this.handleClickMenu}>
{this.UserIsPro()? {this.UserIsPro()?
<Menu.Item key="boosted_pages"> <Menu.Item key="boosted_pages">
<Icon style={{ fontSize: '15px' }} type="thunderbolt" /> <LegacyIcon style={{ fontSize: '15px' }} type="thunderbolt" />
<Trans> Boosted Posts </Trans> <Trans> Boosted Posts </Trans>
</Menu.Item> </Menu.Item>
: :
<Menu.Item key="upgrade_pro"> <Menu.Item key="upgrade_pro">
<Icon style={{ fontSize: '15px' }} type="star" /> <LegacyIcon style={{ fontSize: '15px' }} type="star" />
<Trans> Upgrade to Pro </Trans> <Trans> Upgrade to Pro </Trans>
</Menu.Item>} </Menu.Item>}
<Menu.Item key="edit_profile"> <Menu.Item key="edit_profile">
<Icon style={{ fontSize: '15px' }} type="profile" /> <LegacyIcon style={{ fontSize: '15px' }} type="profile" />
<Trans>Edit Profile</Trans> <Trans>Edit Profile</Trans>
</Menu.Item> </Menu.Item>
<Menu.Item key="general_settings"> <Menu.Item key="general_settings">
<Icon style={{ fontSize: '15px' }} type="setting" /> <LegacyIcon style={{ fontSize: '15px' }} type="setting" />
<Trans>General Settings</Trans> <Trans>General Settings</Trans>
</Menu.Item> </Menu.Item>
<Divider dashed style={{margin: '0 0 0 0', borderWidth: '1px 0 1px 0', letterSpacing: '0.6px'}} /> <Divider dashed style={{margin: '0 0 0 0', borderWidth: '1px 0 1px 0', letterSpacing: '0.6px'}} />
{this.UserIsAdmin()? {this.UserIsAdmin()?
<Menu.Item key="admin_area"> <Menu.Item key="admin_area">
<Icon style={{ fontSize: '15px' }} type="tool" /> <LegacyIcon style={{ fontSize: '15px' }} type="tool" />
<Trans>Admin Area</Trans> <Trans>Admin Area</Trans>
</Menu.Item> </Menu.Item>
: :
@ -132,7 +133,7 @@ class R_Sider extends PureComponent {
<div className={styles.something_thats_pulling_me_down}> <div className={styles.something_thats_pulling_me_down}>
<Menu className={styles.menuItems} mode="vertical" onClick={this.handleClickMenu}> <Menu className={styles.menuItems} mode="vertical" onClick={this.handleClickMenu}>
<Menu.Item style={{ fontSize: '15px' }} key="LightMode" disabled={false} > <Menu.Item style={{ fontSize: '15px' }} key="LightMode" disabled={false} >
<Icon type="bg-colors" /> <LegacyIcon type="bg-colors" />
<Switch <Switch
onChange={onThemeChange.bind( onChange={onThemeChange.bind(
this, this,
@ -144,7 +145,7 @@ class R_Sider extends PureComponent {
/> />
</Menu.Item> </Menu.Item>
<Menu.Item key="SignOut"> <Menu.Item key="SignOut">
<Icon type="logout" style={{ color: 'red' }} /> <LegacyIcon type="logout" style={{ color: 'red' }} />
<Trans>Logout</Trans> <Trans>Logout</Trans>
</Menu.Item> </Menu.Item>
</Menu> </Menu>
@ -154,7 +155,7 @@ class R_Sider extends PureComponent {
} }
</Layout.Sider> </Layout.Sider>
</div> </div>
) );
} }
} }

32
src/components/Layout/local_components/CustomMenu/index.js
View File

@ -1,6 +1,7 @@
import React from 'react' import React from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import { Menu, Icon, Button, Divider, Tooltip, message } from 'antd' import { Icon as LegacyIcon } from '@ant-design/compatible';
import { Menu, Button, Divider, Tooltip, message } from 'antd';
import Navlink from 'umi/navlink' import Navlink from 'umi/navlink'
import withRouter from 'umi/withRouter' import withRouter from 'umi/withRouter'
import { arrayToTree, addLangPrefix} from 'utils' import { arrayToTree, addLangPrefix} from 'utils'
@ -38,26 +39,25 @@ class CustomMenu extends React.Component {
return data.map(item => { return data.map(item => {
if (EditMode == true) { if (EditMode == true) {
return ( return (
<div className={styles.RemovePin} key={item.id}> <div className={styles.RemovePin} key={item.id}>
<Button className={styles.RemovePin} onClick={ () => this.DeletePin(item)} type='dashed'> <Button className={styles.RemovePin} onClick={ () => this.DeletePin(item)} type='dashed'>
<Icon type="delete" style={{ color: 'rgb(245, 48, 48)' }} /> <LegacyIcon type="delete" style={{ color: 'rgb(245, 48, 48)' }} />
<span>{item.name}</span> <span>{item.name}</span>
</Button> </Button>
</div> </div>
);
)
}else { }else {
return ( return (
<Menu.Item key={item.id} > <Menu.Item key={item.id} >
<Navlink to={addLangPrefix(item.route) || '#'}> <Navlink to={addLangPrefix(item.route) || '#'}>
{item.icon && <Icon type={item.icon} />} {item.icon && <LegacyIcon type={item.icon} />}
<span>{item.name}</span> <span>{item.name}</span>
</Navlink> </Navlink>
</Menu.Item> </Menu.Item>
) );
} }
} }
) );
} }
componentDidUpdate(){ componentDidUpdate(){
@ -89,7 +89,7 @@ class CustomMenu extends React.Component {
: { : {
openKeys: this.state.openKeys, openKeys: this.state.openKeys,
} }
return ( return (
<Menu <Menu
theme={theme} theme={theme}
mode="inline" mode="inline"
@ -105,7 +105,7 @@ class CustomMenu extends React.Component {
<div className={styles.DividerZT}><Divider dashed className={ styles.DividerZT } style={{ margin: '15px 0 5px 0' }} /></div> <div className={styles.DividerZT}><Divider dashed className={ styles.DividerZT } style={{ margin: '15px 0 5px 0' }} /></div>
{collapsed? null : <div className={styles.EditBTN}> {collapsed? null : <div className={styles.EditBTN}>
<Button className={EditMode? styles.edit_pins_active : styles.edit_pins} onClick={this.HandleEditMode} id={this.isDarkMode()? styles.edit_btn_dark : styles.edit_btn_light} type="link"> <Button className={EditMode? styles.edit_pins_active : styles.edit_pins} onClick={this.HandleEditMode} id={this.isDarkMode()? styles.edit_btn_dark : styles.edit_btn_light} type="link">
<span className={styles.circle}><Icon className={EditMode? styles.icon_active : styles.icon} type={EditMode? "save" : "pushpin"}/> </span> <span className={styles.circle}><LegacyIcon className={EditMode? styles.icon_active : styles.icon} type={EditMode? "save" : "pushpin"}/> </span>
<span className={styles.button_text}>{EditMode? 'Save' : 'Edit pins'}</span> <span className={styles.button_text}>{EditMode? 'Save' : 'Edit pins'}</span>
</Button> </Button>
@ -114,10 +114,10 @@ class CustomMenu extends React.Component {
{this.generateMenus(menuTree)} {this.generateMenus(menuTree)}
{EditMode? (pins.length < 1)? <div style={{ marginTop: '15px', textAlign: 'center', }} ><Button type='ghost' style={{ width: 'auto' }} onClick={() => this.SetDefaultPins()}>Set Default Pins</Button></div> : null : (pins.length < 1)? <Icon style={{ marginTop: '15px', width: '100%', fontSize: '20px', color: '#666' }} type="unordered-list" /> : null } {EditMode? (pins.length < 1)? <div style={{ marginTop: '15px', textAlign: 'center', }} ><Button type='ghost' style={{ width: 'auto' }} onClick={() => this.SetDefaultPins()}>Set Default Pins</Button></div> : null : (pins.length < 1)? <LegacyIcon style={{ marginTop: '15px', width: '100%', fontSize: '20px', color: '#666' }} type="unordered-list" /> : null }
</Menu> </Menu>
) );
} }
} }

5
src/components/Layout/local_components/HeaderSearch/index.tsx
View File

@ -1,4 +1,5 @@
import { AutoComplete, Icon, Input } from 'antd'; import { Icon as LegacyIcon } from '@ant-design/compatible';
import { AutoComplete, Input } from 'antd';
import { AutoCompleteProps, DataSourceItemType } from 'antd/es/auto-complete'; import { AutoCompleteProps, DataSourceItemType } from 'antd/es/auto-complete';
import React, { Component } from 'react'; import React, { Component } from 'react';
@ -122,7 +123,7 @@ export default class HeaderSearch extends Component<HeaderSearchProps, HeaderSea
} }
}} }}
> >
<Icon type="search" key="Icon" /> <LegacyIcon type="search" key="Icon" />
<AutoComplete <AutoComplete
key="AutoComplete" key="AutoComplete"
{...restProps} {...restProps}

6
src/components/YulioID/experimental/components/StatusBoxC.old.js
View File

@ -1,5 +1,5 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import { Icon } from 'antd'; import { Icon as LegacyIcon } from '@ant-design/compatible';
import styles from '../yid.scss'; import styles from '../yid.scss';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
@ -22,13 +22,13 @@ class StatusBox extends Component {
if (Reactive == 'loading') { if (Reactive == 'loading') {
return ( return (
<div className={styles.spinner__wrapper} id="loadingspn" > <div className={styles.spinner__wrapper} id="loadingspn" >
<div><Icon type="loading" style={{ fontSize: 24, margin: '13px' }} spin /></div> <div><LegacyIcon type="loading" style={{ fontSize: 24, margin: '13px' }} spin /></div>
<div> <div>
<br /><br /><br /> <br /><br /><br />
<div style={{ margin: 'auto' }}><h6 className={styles.h6lp} style={{ textAlign: 'center', marginTop: '15%' }}>Wait a sec...</h6></div> <div style={{ margin: 'auto' }}><h6 className={styles.h6lp} style={{ textAlign: 'center', marginTop: '15%' }}>Wait a sec...</h6></div>
</div> </div>
</div> </div>
) );
} }
if (Reactive == '200') { if (Reactive == '200') {
return ( return (

16
src/components/YulioID/experimental/index.js
View File

@ -2,7 +2,9 @@ import React, { Component } from 'react'
import {GetAuth, InitSDCP, DevOptions, asyncSDCP} from 'ycore'; import {GetAuth, InitSDCP, DevOptions, asyncSDCP} from 'ycore';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { connect } from 'dva'; import { connect } from 'dva';
import { Button, Form, Input, Drawer, Icon, Collapse } from 'antd' import { Form, Icon as LegacyIcon } from '@ant-design/compatible';
import '@ant-design/compatible/assets/index.css';
import { Button, Input, Drawer, Collapse } from 'antd';
import styles from './yid.scss'; import styles from './yid.scss';
import formstyle from './formstyle.less' import formstyle from './formstyle.less'
@ -104,7 +106,7 @@ class YulioID extends Component {
{ShowLoading ? ( {ShowLoading ? (
<div style={{ height: '329px' }}> <div style={{ height: '329px' }}>
<div className={styles.spinner__wrapper} id="loadingspn"> <div className={styles.spinner__wrapper} id="loadingspn">
{StateIcon ? (<Icon type={StateIcon} className={StateException? styles.StateIcon_exception : styles.StateIcon} /> ) : (<Icon type="loading" style={{ fontSize: 24, margin: '13px' }} spin />)} {StateIcon ? (<LegacyIcon type={StateIcon} className={StateException? styles.StateIcon_exception : styles.StateIcon} /> ) : (<LegacyIcon type="loading" style={{ fontSize: 24, margin: '13px' }} spin />)}
<div><br/><br/><br/> <div><br/><br/><br/>
<div style={{ margin: 'auto' }}> <div style={{ margin: 'auto' }}>
<h6 className={styles.h6lp} style={{ textAlign: 'center', marginTop: '15%' }} > {StateMessage} </h6> <h6 className={styles.h6lp} style={{ textAlign: 'center', marginTop: '15%' }} > {StateMessage} </h6>
@ -118,7 +120,7 @@ class YulioID extends Component {
<div> <div>
<div className={styles.input__wrapper}> <div className={styles.input__wrapper}>
<label className={styles.labelform}> <label className={styles.labelform}>
<Icon type="user" style={{ fontSize: '15px' }} />{' '} <LegacyIcon type="user" style={{ fontSize: '15px' }} />{' '}
Username Username
</label> </label>
<FormItem> <FormItem>
@ -140,7 +142,7 @@ class YulioID extends Component {
<div className={styles.input__wrapper}> <div className={styles.input__wrapper}>
<label className={styles.labelform}> <label className={styles.labelform}>
<Icon type="unlock" style={{ fontSize: '15px' }} />{' '} <LegacyIcon type="unlock" style={{ fontSize: '15px' }} />{' '}
Password Password
</label> </label>
<FormItem> <FormItem>
@ -183,7 +185,7 @@ class YulioID extends Component {
onClick={this.initFPassword} onClick={this.initFPassword}
style={{ top: '8px' }} style={{ top: '8px' }}
> >
<Icon type="exclamation-circle" /> Forgotten password <LegacyIcon type="exclamation-circle" /> Forgotten password
</Button> </Button>
</div> </div>
<div style={{ float: 'right' }}> <div style={{ float: 'right' }}>
@ -192,7 +194,7 @@ class YulioID extends Component {
onClick={this.initRegister} onClick={this.initRegister}
style={{ top: '8px' }} style={{ top: '8px' }}
> >
<Icon type="user-add" /> Create an account <LegacyIcon type="user-add" /> Create an account
</Button> </Button>
</div> </div>
</div> </div>
@ -202,7 +204,7 @@ class YulioID extends Component {
</main> </main>
</Drawer> </Drawer>
</div> </div>
) );
} }
} }

52
src/components/YulioID/legacy/forms.js
View File

@ -11,7 +11,21 @@
import React, { PureComponent } from 'react' import React, { PureComponent } from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import { connect } from 'dva' import { connect } from 'dva'
import { Button, Row, Form, Input, Drawer, Icon, Collapse, Select, Checkbox, Result, Layout, message, notification } from 'antd' import { Form, Icon as LegacyIcon } from '@ant-design/compatible';
import '@ant-design/compatible/assets/index.css';
import {
Button,
Row,
Input,
Drawer,
Collapse,
Select,
Checkbox,
Result,
Layout,
message,
notification,
} from 'antd';
import { Trans, withI18n } from '@lingui/react' import { Trans, withI18n } from '@lingui/react'
import { setLocale } from 'utils' import { setLocale } from 'utils'
import { UIFxPY, UIFxList, DevOptions } from 'ycore'; import { UIFxPY, UIFxList, DevOptions } from 'ycore';
@ -195,7 +209,7 @@ render() {
<div className={styles.input__wrapper}> <div className={styles.input__wrapper}>
<label className={styles.labelform}><Icon type="user" style={{ fontSize: '15px' }} /> Username</label> <label className={styles.labelform}><LegacyIcon type="user" style={{ fontSize: '15px' }} /> Username</label>
<FormItem hasFeedback>{getFieldDecorator('Username', { rules: [{ required: true }] })( <FormItem hasFeedback>{getFieldDecorator('Username', { rules: [{ required: true }] })(
<input className={styles.inputform} type="text" placeholder="Username" onChange={(text) => { this.handleUsername(text) }} /> <input className={styles.inputform} type="text" placeholder="Username" onChange={(text) => { this.handleUsername(text) }} />
)} )}
@ -203,7 +217,7 @@ render() {
</div> </div>
<div className={styles.input__wrapper}> <div className={styles.input__wrapper}>
<label className={styles.labelform}><Icon type="unlock" style={{ fontSize: '15px' }} /> Password</label> <label className={styles.labelform}><LegacyIcon type="unlock" style={{ fontSize: '15px' }} /> Password</label>
<FormItem hasFeedback>{getFieldDecorator('Password', { rules: [{ required: true }] })( <FormItem hasFeedback>{getFieldDecorator('Password', { rules: [{ required: true }] })(
<input className={styles.inputform} type="password" placeholder="Password (At least 8 characters)" onChange={(text) => { this.handlePassword(text) }} /> <input className={styles.inputform} type="password" placeholder="Password (At least 8 characters)" onChange={(text) => { this.handlePassword(text) }} />
)} )}
@ -212,11 +226,11 @@ render() {
<div style={{ margin: 'auto' }}><a className={styles.buttonlp} id="login" onClick={this.getAuth}>Login</a></div> <div style={{ margin: 'auto' }}><a className={styles.buttonlp} id="login" onClick={this.getAuth}>Login</a></div>
<h2 style={{ textAlign: 'center', margin: '8px', color: '#666' }}>Or</h2> <h2 style={{ textAlign: 'center', margin: '8px', color: '#666' }}>Or</h2>
<div style={{ float: 'left' }}><Button type="dashed" onClick={this.initFPassword} style={{ top: '8px' }}><Icon type="exclamation-circle" /> Forgotten password</Button></div> <div style={{ float: 'left' }}><Button type="dashed" onClick={this.initFPassword} style={{ top: '8px' }}><LegacyIcon type="exclamation-circle" /> Forgotten password</Button></div>
<div style={{ float: 'right' }}><Button type="dashed" onClick={this.initRegister} style={{ top: '8px' }}><Icon type="user-add" /> Create an account</Button></div> <div style={{ float: 'right' }}><Button type="dashed" onClick={this.initRegister} style={{ top: '8px' }}><LegacyIcon type="user-add" /> Create an account</Button></div>
<div className={styles.spinner__wrapper} id="loadingspn"> <div className={styles.spinner__wrapper} id="loadingspn">
<div><Icon type="loading" style={{ fontSize: 24, margin: '13px' }} spin /></div> <div><LegacyIcon type="loading" style={{ fontSize: 24, margin: '13px' }} spin /></div>
<div> <div>
<br /><br /><br /> <br /><br /><br />
<div style={{ margin: 'auto' }}><h6 className={styles.h6lp} style={{ textAlign: 'center', marginTop: '15%' }}>Wait a sec...</h6></div> <div style={{ margin: 'auto' }}><h6 className={styles.h6lp} style={{ textAlign: 'center', marginTop: '15%' }}>Wait a sec...</h6></div>
@ -245,21 +259,21 @@ render() {
<div className={styles.inputRG__wrapper}> <div className={styles.inputRG__wrapper}>
<label className={styles.labelform}> Choose your Username</label> <label className={styles.labelform}> Choose your Username</label>
<FormItem hasFeedback>{getFieldDecorator('rgUsername', { rules: [{ required: true }] })( <FormItem hasFeedback>{getFieldDecorator('rgUsername', { rules: [{ required: true }] })(
<Input type="text" prefix={<Icon type="user" style={{ color: 'rgba(0,0,0,.25)' }} />} placeholder="Username" onChange={(text) => { this.handleRGUsername(text) }} /> <Input type="text" prefix={<LegacyIcon type="user" style={{ color: 'rgba(0,0,0,.25)' }} />} placeholder="Username" onChange={(text) => { this.handleRGUsername(text) }} />
)} )}
</FormItem> </FormItem>
</div> </div>
<div className={styles.inputRG__wrapper}> <div className={styles.inputRG__wrapper}>
<label className={styles.labelform}> Fill with your email</label> <label className={styles.labelform}> Fill with your email</label>
<FormItem hasFeedback>{getFieldDecorator('rgEmail', { rules: [{ required: true }] })( <FormItem hasFeedback>{getFieldDecorator('rgEmail', { rules: [{ required: true }] })(
<Input type="text" prefix={<Icon type="link" style={{ color: 'rgba(0,0,0,.25)' }} />} placeholder="Email" onChange={(text) => { this.handleRGEmail(text) }} /> <Input type="text" prefix={<LegacyIcon type="link" style={{ color: 'rgba(0,0,0,.25)' }} />} placeholder="Email" onChange={(text) => { this.handleRGEmail(text) }} />
)} )}
</FormItem> </FormItem>
</div> </div>
<div className={styles.inputRG__wrapper}> <div className={styles.inputRG__wrapper}>
<label className={styles.labelform}> Fill with your password</label> <label className={styles.labelform}> Fill with your password</label>
<FormItem hasFeedback>{getFieldDecorator('rgPassword', { rules: [{ required: true }] })( <FormItem hasFeedback>{getFieldDecorator('rgPassword', { rules: [{ required: true }] })(
<Input type="password" prefix={<Icon type="key" style={{ color: 'rgba(0,0,0,.25)' }} />} placeholder="Password" onChange={(text) => { this.handleRGPassword(text) }} /> <Input type="password" prefix={<LegacyIcon type="key" style={{ color: 'rgba(0,0,0,.25)' }} />} placeholder="Password" onChange={(text) => { this.handleRGPassword(text) }} />
)} )}
</FormItem> </FormItem>
</div> </div>
@ -268,9 +282,9 @@ render() {
<div className={styles.TOSAccept}><span><span style={{ color: 'red', fontSize: '17px' }}>*</span> Clicking the register button you accept our <a href="#">terms and conditions</a></span> </div> <div className={styles.TOSAccept}><span><span style={{ color: 'red', fontSize: '17px' }}>*</span> Clicking the register button you accept our <a href="#">terms and conditions</a></span> </div>
<a className={styles.buttonlp} id="register" onClick={this.getRegister}>Register</a> <a className={styles.buttonlp} id="register" onClick={this.getRegister}>Register</a>
<div className={styles.spinner__wrapper} id="loadingRGspn"> <div className={styles.spinner__wrapper} id="loadingRGspn">
<div style={{ position: 'absolute', marginLeft: '86%', marginTop: '-65%' }}><Icon type="loading" style={{ fontSize: 24 }} spin /></div> <div style={{ position: 'absolute', marginLeft: '86%', marginTop: '-65%' }}><LegacyIcon type="loading" style={{ fontSize: 24 }} spin /></div>
<div> <div>
<div><Icon style={{ fontSize: '160px', margin: '30px', color: '#5B2A86' }} type="smile" /></div> <div><LegacyIcon style={{ fontSize: '160px', margin: '30px', color: '#5B2A86' }} type="smile" /></div>
<h6 className={styles.h6lp} style={{ textAlign: 'center' }}>Ok thanks, wait a minute...</h6> <h6 className={styles.h6lp} style={{ textAlign: 'center' }}>Ok thanks, wait a minute...</h6>
</div> </div>
</div> </div>
@ -288,14 +302,14 @@ render() {
<h3>To recover your account enter the email used to register</h3> <h3>To recover your account enter the email used to register</h3>
<form className={styles.formlogin}> <form className={styles.formlogin}>
<div className={styles.input__wrapper}> <div className={styles.input__wrapper}>
<label className={styles.labelform}><Icon type="mail" style={{ fontSize: '15px' }} /> Email</label> <label className={styles.labelform}><LegacyIcon type="mail" style={{ fontSize: '15px' }} /> Email</label>
<FormItem hasFeedback>{getFieldDecorator('Email', { rules: [{ required: true }] })( <FormItem hasFeedback>{getFieldDecorator('Email', { rules: [{ required: true }] })(
<input className={styles.inputform} type="text" placeholder="myaccount@example.com" onChange={(text) => { this.handleFPEmail(text) }} /> )} <input className={styles.inputform} type="text" placeholder="myaccount@example.com" onChange={(text) => { this.handleFPEmail(text) }} /> )}
</FormItem> </FormItem>
</div> </div>
{/* <div style={{ margin: 'auto' }}><a className={styles.buttonlp} id="login" onClick={this.RecoverPassword(this.state.FGEmail)}>Recover</a></div> */} {/* <div style={{ margin: 'auto' }}><a className={styles.buttonlp} id="login" onClick={this.RecoverPassword(this.state.FGEmail)}>Recover</a></div> */}
<div className={styles.spinner__wrapper} id="loadingspn"> <div className={styles.spinner__wrapper} id="loadingspn">
<div><Icon type="loading" style={{ fontSize: 24, margin: '13px' }} spin /></div> <div><LegacyIcon type="loading" style={{ fontSize: 24, margin: '13px' }} spin /></div>
<div> <div>
<br /><br /><br /> <br /><br /><br />
<div style={{ margin: 'auto' }}><h6 className={styles.h6lp} style={{ textAlign: 'center', marginTop: '15%' }}>Wait a sec...</h6></div> <div style={{ margin: 'auto' }}><h6 className={styles.h6lp} style={{ textAlign: 'center', marginTop: '15%' }}>Wait a sec...</h6></div>
@ -308,13 +322,13 @@ render() {
{/* NOTF */} {/* NOTF */}
<Drawer width={320} closable={false} visible={this.state.NOTFdrawer} > <Drawer width={320} closable={false} visible={this.state.NOTFdrawer} >
<div style={{ textAlign: 'center', color: 'orange' }} ><Icon type="warning" style={{ fontSize: '230px' }} /> <div style={{ textAlign: 'center', color: 'orange' }} ><LegacyIcon type="warning" style={{ fontSize: '230px' }} />
<h2 className={styles.h2lp}> {this.state.FailArray} </h2> <h2 className={styles.h2lp}> {this.state.FailArray} </h2>
<h4 className={styles.apierrort}> {MensageException} </h4> <hr /> <h4 className={styles.apierrort}> {MensageException} </h4> <hr />
<div id="details-collapse" style={{ textAlign: 'center' }}> <div id="details-collapse" style={{ textAlign: 'center' }}>
<Collapse bordered={false} defaultActiveKey={['0']} expandIcon={({ isActive }) => <Icon type="caret-right" rotate={isActive ? 90 : 0} />}> <Collapse bordered={false} defaultActiveKey={['0']} expandIcon={({ isActive }) => <LegacyIcon type="caret-right" rotate={isActive ? 90 : 0} />}>
<Panel header="Details" key="1" style={{ borderRadius: 4, marginBottom: 24, border: 0, overflow: 'hidden', }}> <Panel header="Details" key="1" style={{ borderRadius: 4, marginBottom: 24, border: 0, overflow: 'hidden', }}>
<Icon type="exception" /> <LegacyIcon type="exception" />
<h6>STATUS HANDLER => {this.state.ErrorType} </h6> <h6>STATUS HANDLER => {this.state.ErrorType} </h6>
<h6>EXCEPTION => {this.state.api_response} </h6> <h6>EXCEPTION => {this.state.api_response} </h6>
<h6>EXCEPTION MENSAGE => {MensageException}</h6> <h6>EXCEPTION MENSAGE => {MensageException}</h6>
@ -329,7 +343,7 @@ render() {
{/* SOTF */} {/* SOTF */}
<Drawer width={320} closable={false} visible={this.state.SOTFdrawer}> <Drawer width={320} closable={false} visible={this.state.SOTFdrawer}>
<div style={{ textAlign: 'center', color: '#4BB543' }} ><Icon type="check" style={{ fontSize: '200px' }} /> <div style={{ textAlign: 'center', color: '#4BB543' }} ><LegacyIcon type="check" style={{ fontSize: '200px' }} />
<h2 className={styles.h2lp} style={{ color: '#4BB543' }} > Success </h2> <h2 className={styles.h2lp} style={{ color: '#4BB543' }} > Success </h2>
<h4>Please wait while process your data ...</h4> <h4>Please wait while process your data ...</h4>
</div> </div>
@ -337,14 +351,14 @@ render() {
{/* RGSOTF */} {/* RGSOTF */}
<Drawer width={320} closable={false} visible={this.state.RGSOTFdrawer}> <Drawer width={320} closable={false} visible={this.state.RGSOTFdrawer}>
<div style={{ textAlign: 'center', color: 'green' }} > <div style={{ textAlign: 'center', color: 'green' }} >
<Icon type="check" style={{ fontSize: '200px' }} /> <LegacyIcon type="check" style={{ fontSize: '200px' }} />
<h2 className={styles.h2lp} style={{ color: 'green' }} > Registered </h2> <h2 className={styles.h2lp} style={{ color: 'green' }} > Registered </h2>
<h4 className={styles.apierrort}> Welcome to Dashboard, you will start discovering now</h4> <h4 className={styles.apierrort}> Welcome to Dashboard, you will start discovering now</h4>
<h4>Please check your new data while we are process you ...</h4> <h4>Please check your new data while we are process you ...</h4>
</div> </div>
</Drawer> </Drawer>
</div> </div>
) );
} }
} }

22
src/components/YulioID/legacy/index.js
View File

@ -11,7 +11,21 @@
import React, { PureComponent } from 'react' import React, { PureComponent } from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import { connect } from 'dva' import { connect } from 'dva'
import { Button, Row, Form, Input, Drawer, Icon, Collapse, Select, Checkbox, Result, Layout, message, notification } from 'antd' import { Form, Icon as LegacyIcon } from '@ant-design/compatible';
import '@ant-design/compatible/assets/index.css';
import {
Button,
Row,
Input,
Drawer,
Collapse,
Select,
Checkbox,
Result,
Layout,
message,
notification,
} from 'antd';
import { Trans, withI18n } from '@lingui/react' import { Trans, withI18n } from '@lingui/react'
import { setLocale } from 'utils' import { setLocale } from 'utils'
import { UIFxPY, UIFxList, DevOptions } from 'ycore'; import { UIFxPY, UIFxList, DevOptions } from 'ycore';
@ -208,7 +222,7 @@ class YulioID extends PureComponent {
message: 'For continue your request, is necessary to login with YulioID™ again', message: 'For continue your request, is necessary to login with YulioID™ again',
description: description:
'LoginBridge™ report a access token expiration, and is required you for continue login again with security reasons.', 'LoginBridge™ report a access token expiration, and is required you for continue login again with security reasons.',
icon: <Icon type="login" style={{ color: '#108ee9' }} />, icon: <LegacyIcon type="login" style={{ color: '#108ee9' }} />,
}); });
cookies.remove('access_token', { path: '/' }) cookies.remove('access_token', { path: '/' })
}); });
@ -348,7 +362,7 @@ class YulioID extends PureComponent {
message: 'The instructions to recover your account have been sent to the email', message: 'The instructions to recover your account have been sent to the email',
description: description:
'If you cant find the email, try looking for it in the spam folder or try again', 'If you cant find the email, try looking for it in the spam folder or try again',
icon: <Icon type="mail" style={{ color: '#108ee9' }} />, icon: <LegacyIcon type="mail" style={{ color: '#108ee9' }} />,
}); });
console.log(response) console.log(response)
}); });
@ -395,7 +409,7 @@ class YulioID extends PureComponent {
placement: 'topLeft', placement: 'topLeft',
message: 'Currently our servers are having operating problems', message: 'Currently our servers are having operating problems',
description: 'Please be patient until the services become available again, try again later. We apologize for the inconveniences', description: 'Please be patient until the services become available again, try again later. We apologize for the inconveniences',
icon: <Icon type="login" style={{ color: '#ff0f2f' }} /> icon: <LegacyIcon type="login" style={{ color: '#ff0f2f' }} />
}), }),
$("#loadingspn").css({ opacity: 0, "z-index": -1 }), $("#loadingspn").css({ opacity: 0, "z-index": -1 }),
_this.triggerNOTF(); _this.triggerNOTF();

58
src/components/YulioID/legacy/legacy.js
View File

@ -11,7 +11,21 @@
import React, { PureComponent } from 'react' import React, { PureComponent } from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import { connect } from 'dva' import { connect } from 'dva'
import { Button, Row, Form, Input, Drawer, Icon, Collapse, Select, Checkbox, Result, Layout, message, notification } from 'antd' import { Form, Icon as LegacyIcon } from '@ant-design/compatible';
import '@ant-design/compatible/assets/index.css';
import {
Button,
Row,
Input,
Drawer,
Collapse,
Select,
Checkbox,
Result,
Layout,
message,
notification,
} from 'antd';
import { Trans, withI18n } from '@lingui/react' import { Trans, withI18n } from '@lingui/react'
import { setLocale } from 'utils' import { setLocale } from 'utils'
import { UIFxPY, UIFxList, DevOptions, avilableSDCP } from 'ycore'; import { UIFxPY, UIFxList, DevOptions, avilableSDCP } from 'ycore';
@ -214,7 +228,7 @@ class YulioID extends PureComponent {
message: 'For continue your request, is necessary to login with YulioID™ again', message: 'For continue your request, is necessary to login with YulioID™ again',
description: description:
'LoginBridge™ report a access token expiration, and is required you for continue login again with security reasons.', 'LoginBridge™ report a access token expiration, and is required you for continue login again with security reasons.',
icon: <Icon type="login" style={{ color: '#108ee9' }} />, icon: <LegacyIcon type="login" style={{ color: '#108ee9' }} />,
}); });
cookies.remove('access_token', { path: '/' }) cookies.remove('access_token', { path: '/' })
}); });
@ -354,7 +368,7 @@ class YulioID extends PureComponent {
message: 'The instructions to recover your account have been sent to the email', message: 'The instructions to recover your account have been sent to the email',
description: description:
'If you cant find the email, try looking for it in the spam folder or try again', 'If you cant find the email, try looking for it in the spam folder or try again',
icon: <Icon type="mail" style={{ color: '#108ee9' }} />, icon: <LegacyIcon type="mail" style={{ color: '#108ee9' }} />,
}); });
console.log(response) console.log(response)
}); });
@ -401,7 +415,7 @@ class YulioID extends PureComponent {
placement: 'topLeft', placement: 'topLeft',
message: 'Currently our servers are having operating problems', message: 'Currently our servers are having operating problems',
description: 'Please be patient until the services become available again, try again later. We apologize for the inconveniences', description: 'Please be patient until the services become available again, try again later. We apologize for the inconveniences',
icon: <Icon type="login" style={{ color: '#ff0f2f' }} /> icon: <LegacyIcon type="login" style={{ color: '#ff0f2f' }} />
}), }),
$("#loadingspn").css({ opacity: 0, "z-index": -1 }), $("#loadingspn").css({ opacity: 0, "z-index": -1 }),
_this.triggerNOTF(); _this.triggerNOTF();
@ -575,7 +589,7 @@ class YulioID extends PureComponent {
<div className={styles.input__wrapper}> <div className={styles.input__wrapper}>
<label className={styles.labelform}><Icon type="user" style={{ fontSize: '15px' }} /> Username</label> <label className={styles.labelform}><LegacyIcon type="user" style={{ fontSize: '15px' }} /> Username</label>
<FormItem hasFeedback>{getFieldDecorator('Username', { rules: [{ required: true }] })( <FormItem hasFeedback>{getFieldDecorator('Username', { rules: [{ required: true }] })(
<input className={styles.inputform} type="text" onKeyDown={this.handleKeyDown} placeholder="Username" onChange={(text) => { this.handleUsername(text) }} /> <input className={styles.inputform} type="text" onKeyDown={this.handleKeyDown} placeholder="Username" onChange={(text) => { this.handleUsername(text) }} />
)} )}
@ -583,7 +597,7 @@ class YulioID extends PureComponent {
</div> </div>
<div className={styles.input__wrapper}> <div className={styles.input__wrapper}>
<label className={styles.labelform}><Icon type="unlock" style={{ fontSize: '15px' }} /> Password</label> <label className={styles.labelform}><LegacyIcon type="unlock" style={{ fontSize: '15px' }} /> Password</label>
<FormItem hasFeedback>{getFieldDecorator('Password', { rules: [{ required: true }] })( <FormItem hasFeedback>{getFieldDecorator('Password', { rules: [{ required: true }] })(
<input className={styles.inputform} type="password" onKeyDown={this.handleKeyDown} dplaceholder="Password (At least 8 characters)" onChange={(text) => { this.handlePassword(text) }} /> <input className={styles.inputform} type="password" onKeyDown={this.handleKeyDown} dplaceholder="Password (At least 8 characters)" onChange={(text) => { this.handlePassword(text) }} />
)} )}
@ -592,11 +606,11 @@ class YulioID extends PureComponent {
<div style={{ margin: 'auto' }}><a className={styles.buttonlp} id="login" onClick={this.getAuth} >Login</a></div> <div style={{ margin: 'auto' }}><a className={styles.buttonlp} id="login" onClick={this.getAuth} >Login</a></div>
<h2 style={{ textAlign: 'center', margin: '8px', color: '#666' }}>Or</h2> <h2 style={{ textAlign: 'center', margin: '8px', color: '#666' }}>Or</h2>
<div style={{ float: 'left' }}><Button type="dashed" onClick={this.initFPassword} style={{ top: '8px' }}><Icon type="exclamation-circle" /> Forgotten password</Button></div> <div style={{ float: 'left' }}><Button type="dashed" onClick={this.initFPassword} style={{ top: '8px' }}><LegacyIcon type="exclamation-circle" /> Forgotten password</Button></div>
<div style={{ float: 'right' }}><Button type="dashed" onClick={this.initRegister} style={{ top: '8px' }}><Icon type="user-add" /> Create an account</Button></div><br/><br/> <div style={{ float: 'right' }}><Button type="dashed" onClick={this.initRegister} style={{ top: '8px' }}><LegacyIcon type="user-add" /> Create an account</Button></div><br/><br/>
<div style={{ textAlign: 'center', margin: '20px' }}> <RenderInclude data={include} /></div> <div style={{ textAlign: 'center', margin: '20px' }}> <RenderInclude data={include} /></div>
<div className={styles.spinner__wrapper} id="loadingspn"> <div className={styles.spinner__wrapper} id="loadingspn">
<div><Icon type="loading" style={{ fontSize: 24, margin: '13px' }} spin /></div> <div><LegacyIcon type="loading" style={{ fontSize: 24, margin: '13px' }} spin /></div>
<div> <div>
<br /><br /><br /> <br /><br /><br />
<div style={{ margin: 'auto' }}><h6 className={styles.h6lp} style={{ textAlign: 'center', marginTop: '15%' }}>Wait a sec...</h6></div> <div style={{ margin: 'auto' }}><h6 className={styles.h6lp} style={{ textAlign: 'center', marginTop: '15%' }}>Wait a sec...</h6></div>
@ -625,21 +639,21 @@ class YulioID extends PureComponent {
<div className={styles.inputRG__wrapper}> <div className={styles.inputRG__wrapper}>
<label className={styles.labelform}> Choose your Username</label> <label className={styles.labelform}> Choose your Username</label>
<FormItem hasFeedback>{getFieldDecorator('rgUsername', { rules: [{ required: true }] })( <FormItem hasFeedback>{getFieldDecorator('rgUsername', { rules: [{ required: true }] })(
<Input type="text" prefix={<Icon type="user" style={{ color: 'rgba(0,0,0,.25)' }} />} placeholder="Username" onChange={(text) => { this.handleRGUsername(text) }} /> <Input type="text" prefix={<LegacyIcon type="user" style={{ color: 'rgba(0,0,0,.25)' }} />} placeholder="Username" onChange={(text) => { this.handleRGUsername(text) }} />
)} )}
</FormItem> </FormItem>
</div> </div>
<div className={styles.inputRG__wrapper}> <div className={styles.inputRG__wrapper}>
<label className={styles.labelform}> Fill with your email</label> <label className={styles.labelform}> Fill with your email</label>
<FormItem hasFeedback>{getFieldDecorator('rgEmail', { rules: [{ required: true }] })( <FormItem hasFeedback>{getFieldDecorator('rgEmail', { rules: [{ required: true }] })(
<Input type="text" prefix={<Icon type="link" style={{ color: 'rgba(0,0,0,.25)' }} />} placeholder="Email" onChange={(text) => { this.handleRGEmail(text) }} /> <Input type="text" prefix={<LegacyIcon type="link" style={{ color: 'rgba(0,0,0,.25)' }} />} placeholder="Email" onChange={(text) => { this.handleRGEmail(text) }} />
)} )}
</FormItem> </FormItem>
</div> </div>
<div className={styles.inputRG__wrapper}> <div className={styles.inputRG__wrapper}>
<label className={styles.labelform}> Fill with your password</label> <label className={styles.labelform}> Fill with your password</label>
<FormItem hasFeedback>{getFieldDecorator('rgPassword', { rules: [{ required: true }] })( <FormItem hasFeedback>{getFieldDecorator('rgPassword', { rules: [{ required: true }] })(
<Input type="password" prefix={<Icon type="key" style={{ color: 'rgba(0,0,0,.25)' }} />} placeholder="Password" onChange={(text) => { this.handleRGPassword(text) }} /> <Input type="password" prefix={<LegacyIcon type="key" style={{ color: 'rgba(0,0,0,.25)' }} />} placeholder="Password" onChange={(text) => { this.handleRGPassword(text) }} />
)} )}
</FormItem> </FormItem>
</div> </div>
@ -648,9 +662,9 @@ class YulioID extends PureComponent {
<div className={styles.TOSAccept}><span><span style={{ color: 'red', fontSize: '17px' }}>*</span> Clicking the register button you accept our <a href="#">terms and conditions</a></span> </div> <div className={styles.TOSAccept}><span><span style={{ color: 'red', fontSize: '17px' }}>*</span> Clicking the register button you accept our <a href="#">terms and conditions</a></span> </div>
<a className={styles.buttonlp} id="register" onClick={this.getRegister}>Register</a> <a className={styles.buttonlp} id="register" onClick={this.getRegister}>Register</a>
<div className={styles.spinner__wrapper} id="loadingRGspn"> <div className={styles.spinner__wrapper} id="loadingRGspn">
<div style={{ position: 'absolute', marginLeft: '86%', marginTop: '-65%' }}><Icon type="loading" style={{ fontSize: 24 }} spin /></div> <div style={{ position: 'absolute', marginLeft: '86%', marginTop: '-65%' }}><LegacyIcon type="loading" style={{ fontSize: 24 }} spin /></div>
<div> <div>
<div><Icon style={{ fontSize: '160px', margin: '30px', color: '#5B2A86' }} type="smile" /></div> <div><LegacyIcon style={{ fontSize: '160px', margin: '30px', color: '#5B2A86' }} type="smile" /></div>
<h6 className={styles.h6lp} style={{ textAlign: 'center' }}>Ok thanks, wait a minute...</h6> <h6 className={styles.h6lp} style={{ textAlign: 'center' }}>Ok thanks, wait a minute...</h6>
</div> </div>
</div> </div>
@ -668,14 +682,14 @@ class YulioID extends PureComponent {
<h3>To recover your account enter the email used to register</h3> <h3>To recover your account enter the email used to register</h3>
<form className={styles.formlogin}> <form className={styles.formlogin}>
<div className={styles.input__wrapper}> <div className={styles.input__wrapper}>
<label className={styles.labelform}><Icon type="mail" style={{ fontSize: '15px' }} /> Email</label> <label className={styles.labelform}><LegacyIcon type="mail" style={{ fontSize: '15px' }} /> Email</label>
<FormItem hasFeedback>{getFieldDecorator('Email', { rules: [{ required: true }] })( <FormItem hasFeedback>{getFieldDecorator('Email', { rules: [{ required: true }] })(
<input className={styles.inputform} type="text" placeholder="myaccount@example.com" onChange={(text) => { this.handleFPEmail(text) }} /> )} <input className={styles.inputform} type="text" placeholder="myaccount@example.com" onChange={(text) => { this.handleFPEmail(text) }} /> )}
</FormItem> </FormItem>
</div> </div>
{/* <div style={{ margin: 'auto' }}><a className={styles.buttonlp} id="login" onClick={this.RecoverPassword(this.state.FGEmail)}>Recover</a></div> */} {/* <div style={{ margin: 'auto' }}><a className={styles.buttonlp} id="login" onClick={this.RecoverPassword(this.state.FGEmail)}>Recover</a></div> */}
<div className={styles.spinner__wrapper} id="loadingspn"> <div className={styles.spinner__wrapper} id="loadingspn">
<div><Icon type="loading" style={{ fontSize: 24, margin: '13px' }} spin /></div> <div><LegacyIcon type="loading" style={{ fontSize: 24, margin: '13px' }} spin /></div>
<div> <div>
<br /><br /><br /> <br /><br /><br />
<div style={{ margin: 'auto' }}><h6 className={styles.h6lp} style={{ textAlign: 'center', marginTop: '15%' }}>Wait a sec...</h6></div> <div style={{ margin: 'auto' }}><h6 className={styles.h6lp} style={{ textAlign: 'center', marginTop: '15%' }}>Wait a sec...</h6></div>
@ -688,13 +702,13 @@ class YulioID extends PureComponent {
{/* NOTF */} {/* NOTF */}
<Drawer width={320} closable={false} visible={this.state.NOTFdrawer} > <Drawer width={320} closable={false} visible={this.state.NOTFdrawer} >
<div style={{ textAlign: 'center', color: 'orange' }} ><Icon type="warning" style={{ fontSize: '230px' }} /> <div style={{ textAlign: 'center', color: 'orange' }} ><LegacyIcon type="warning" style={{ fontSize: '230px' }} />
<h2 className={styles.h2lp}> {this.state.FailArray} </h2> <h2 className={styles.h2lp}> {this.state.FailArray} </h2>
<h4 className={styles.apierrort}> {MensageException} </h4> <hr /> <h4 className={styles.apierrort}> {MensageException} </h4> <hr />
<div id="details-collapse" style={{ textAlign: 'center' }}> <div id="details-collapse" style={{ textAlign: 'center' }}>
<Collapse bordered={false} defaultActiveKey={['0']} expandIcon={({ isActive }) => <Icon type="caret-right" rotate={isActive ? 90 : 0} />}> <Collapse bordered={false} defaultActiveKey={['0']} expandIcon={({ isActive }) => <LegacyIcon type="caret-right" rotate={isActive ? 90 : 0} />}>
<Panel header="Details" key="1" style={{ borderRadius: 4, marginBottom: 24, border: 0, overflow: 'hidden', }}> <Panel header="Details" key="1" style={{ borderRadius: 4, marginBottom: 24, border: 0, overflow: 'hidden', }}>
<Icon type="exception" /> <LegacyIcon type="exception" />
<h6>STATUS HANDLER => {this.state.ErrorType} </h6> <h6>STATUS HANDLER => {this.state.ErrorType} </h6>
<h6>EXCEPTION => {this.state.api_response} </h6> <h6>EXCEPTION => {this.state.api_response} </h6>
<h6>EXCEPTION MENSAGE => {MensageException}</h6> <h6>EXCEPTION MENSAGE => {MensageException}</h6>
@ -709,7 +723,7 @@ class YulioID extends PureComponent {
{/* SOTF */} {/* SOTF */}
<Drawer width={320} closable={false} visible={this.state.SOTFdrawer}> <Drawer width={320} closable={false} visible={this.state.SOTFdrawer}>
<div style={{ textAlign: 'center', color: '#4BB543' }} ><Icon type="check" style={{ fontSize: '200px' }} /> <div style={{ textAlign: 'center', color: '#4BB543' }} ><LegacyIcon type="check" style={{ fontSize: '200px' }} />
<h2 className={styles.h2lp} style={{ color: '#4BB543' }} > Success </h2> <h2 className={styles.h2lp} style={{ color: '#4BB543' }} > Success </h2>
<h4>Please wait while process your data ...</h4> <h4>Please wait while process your data ...</h4>
</div> </div>
@ -717,14 +731,14 @@ class YulioID extends PureComponent {
{/* RGSOTF */} {/* RGSOTF */}
<Drawer width={320} closable={false} visible={this.state.RGSOTFdrawer}> <Drawer width={320} closable={false} visible={this.state.RGSOTFdrawer}>
<div style={{ textAlign: 'center', color: 'green' }} > <div style={{ textAlign: 'center', color: 'green' }} >
<Icon type="check" style={{ fontSize: '200px' }} /> <LegacyIcon type="check" style={{ fontSize: '200px' }} />
<h2 className={styles.h2lp} style={{ color: 'green' }} > Registered </h2> <h2 className={styles.h2lp} style={{ color: 'green' }} > Registered </h2>
<h4 className={styles.apierrort}> Welcome to Dashboard, you will start discovering now</h4> <h4 className={styles.apierrort}> Welcome to Dashboard, you will start discovering now</h4>
<h4>Please check your new data while we are process you ...</h4> <h4>Please check your new data while we are process you ...</h4>
</div> </div>
</Drawer> </Drawer>
</div> </div>
) );
} }
} }

10
src/components/YulioID/legacy/ycore_sdcp.js
View File

@ -9,7 +9,9 @@
//****************************************| //****************************************|
import React, { PureComponent } from 'react' import React, { PureComponent } from 'react'
import { Form, Icon, message, notification } from 'antd' import { Form, Icon as LegacyIcon } from '@ant-design/compatible';
import '@ant-design/compatible/assets/index.css';
import { message, notification } from 'antd';
import { UIFxPY, UIFxList, DevOptions } from 'ycoreLegacy'; import { UIFxPY, UIFxList, DevOptions } from 'ycoreLegacy';
import { endpoints } from 'ycoreLegacy'; import { endpoints } from 'ycoreLegacy';
import $ from 'jquery'; import $ from 'jquery';
@ -139,7 +141,7 @@ export class SDCP extends PureComponent {
message: 'For continue your request, is necessary to login with YulioID™ again', message: 'For continue your request, is necessary to login with YulioID™ again',
description: description:
'LoginBridge™ report a access token expiration, and is required you for continue login again with security reasons.', 'LoginBridge™ report a access token expiration, and is required you for continue login again with security reasons.',
icon: <Icon type="login" style={{ color: '#108ee9' }} />, icon: <LegacyIcon type="login" style={{ color: '#108ee9' }} />,
}); });
cookies.remove('access_token', { path: '/' }) cookies.remove('access_token', { path: '/' })
}); });
@ -269,7 +271,7 @@ export class SDCP extends PureComponent {
message: 'The instructions to recover your account have been sent to the email', message: 'The instructions to recover your account have been sent to the email',
description: description:
'If you cant find the email, try looking for it in the spam folder or try again', 'If you cant find the email, try looking for it in the spam folder or try again',
icon: <Icon type="mail" style={{ color: '#108ee9' }} />, icon: <LegacyIcon type="mail" style={{ color: '#108ee9' }} />,
}); });
console.log(response) console.log(response)
}); });
@ -314,7 +316,7 @@ export class SDCP extends PureComponent {
placement: 'topLeft', placement: 'topLeft',
message: 'Currently our servers are having operating problems', message: 'Currently our servers are having operating problems',
description: 'Please be patient until the services become available again, try again later. We apologize for the inconveniences', description: 'Please be patient until the services become available again, try again later. We apologize for the inconveniences',
icon: <Icon type="login" style={{ color: '#ff0f2f' }} /> icon: <LegacyIcon type="login" style={{ color: '#ff0f2f' }} />
}), }),
$("#loadingspn").css({ opacity: 0, "z-index": -1 }), $("#loadingspn").css({ opacity: 0, "z-index": -1 }),
_this.triggerNOTF(); _this.triggerNOTF();

4
src/pages/404.js
View File

@ -1,12 +1,12 @@
import React from 'react' import React from 'react'
import { Icon } from 'antd' import { Icon as LegacyIcon } from '@ant-design/compatible';
import { Page } from 'components' import { Page } from 'components'
import styles from './404.less' import styles from './404.less'
const Error = () => ( const Error = () => (
<Page inner> <Page inner>
<div className={styles.error}> <div className={styles.error}>
<Icon type="api" /> <LegacyIcon type="api" />
<h1>OBA BLYAT</h1> <h1>OBA BLYAT</h1>
<p><strong>ERROR 404</strong></p> <p><strong>ERROR 404</strong></p>
</div> </div>