0.1.09-T1

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

View File

@ -1,6 +1,7 @@
import React from 'react'
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 = ({
onMenuClick,
@ -17,11 +18,11 @@ const DropOption = ({
} {...dropdownProps}>
<Button style={{ border: 'none', ...buttonStyle }}>
<Icon style={{ marginRight: 2 }} type="bars" />
<Icon type="down" />
<LegacyIcon style={{ marginRight: 2 }} type="bars" />
<LegacyIcon type="down" />
</Button>
</Dropdown>
)
);
}
DropOption.propTypes = {

View File

@ -1,5 +1,17 @@
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 { Ellipsis } from 'ant-design-pro'
import classnames from 'classnames'
@ -32,7 +44,7 @@ class Header extends PureComponent {
handleOpenMenu() {
let ListControls = [
(<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>
)
]
@ -78,7 +90,7 @@ class Header extends PureComponent {
}
description={moment(item.date).fromNow()}
/>
<Icon
<LegacyIcon
style={{ fontSize: '15px', color: '#ccc' }}
type="right"
/>
@ -102,7 +114,7 @@ class Header extends PureComponent {
offset={[-10, 10]}
className={styles.iconButton}
>
<Icon className={styles.iconFont} type="bell" />
<LegacyIcon className={styles.iconFont} type="bell" />
</Badge>
</Popover>
)
@ -111,15 +123,15 @@ class Header extends PureComponent {
<Layout.Header id='layoutHeader' className={classnames(styles.header, {[styles.fixed]: fixed})} >
<div className={styles.leftContainer}>
<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={'Search'}><a target="_blank" href="" rel="noopener noreferrer"><Icon type="search" 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"><LegacyIcon type="search" className={styles.iconButton} style={{ fontSize: '15px' }} /></a></Tooltip>
</div>
<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}
</div>
</Layout.Header>
)
);
}
}

View File

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

View File

@ -1,6 +1,7 @@
import React, { PureComponent, StrictMode } from 'react'
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 classNames from 'classnames'
import router from 'umi/router'
@ -90,7 +91,7 @@ class R_Sider extends PureComponent {
<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} />
</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 className={styles.userInfo}>
<h2>@{userData.username}</h2>
@ -101,26 +102,26 @@ class R_Sider extends PureComponent {
<Menu className={styles.menuItems} mode="vertical" onClick={this.handleClickMenu}>
{this.UserIsPro()?
<Menu.Item key="boosted_pages">
<Icon style={{ fontSize: '15px' }} type="thunderbolt" />
<LegacyIcon style={{ fontSize: '15px' }} type="thunderbolt" />
<Trans> Boosted Posts </Trans>
</Menu.Item>
:
<Menu.Item key="upgrade_pro">
<Icon style={{ fontSize: '15px' }} type="star" />
<LegacyIcon style={{ fontSize: '15px' }} type="star" />
<Trans> Upgrade to Pro </Trans>
</Menu.Item>}
<Menu.Item key="edit_profile">
<Icon style={{ fontSize: '15px' }} type="profile" />
<LegacyIcon style={{ fontSize: '15px' }} type="profile" />
<Trans>Edit Profile</Trans>
</Menu.Item>
<Menu.Item key="general_settings">
<Icon style={{ fontSize: '15px' }} type="setting" />
<LegacyIcon style={{ fontSize: '15px' }} type="setting" />
<Trans>General Settings</Trans>
</Menu.Item>
<Divider dashed style={{margin: '0 0 0 0', borderWidth: '1px 0 1px 0', letterSpacing: '0.6px'}} />
{this.UserIsAdmin()?
<Menu.Item key="admin_area">
<Icon style={{ fontSize: '15px' }} type="tool" />
<LegacyIcon style={{ fontSize: '15px' }} type="tool" />
<Trans>Admin Area</Trans>
</Menu.Item>
:
@ -132,7 +133,7 @@ class R_Sider extends PureComponent {
<div className={styles.something_thats_pulling_me_down}>
<Menu className={styles.menuItems} mode="vertical" onClick={this.handleClickMenu}>
<Menu.Item style={{ fontSize: '15px' }} key="LightMode" disabled={false} >
<Icon type="bg-colors" />
<LegacyIcon type="bg-colors" />
<Switch
onChange={onThemeChange.bind(
this,
@ -144,7 +145,7 @@ class R_Sider extends PureComponent {
/>
</Menu.Item>
<Menu.Item key="SignOut">
<Icon type="logout" style={{ color: 'red' }} />
<LegacyIcon type="logout" style={{ color: 'red' }} />
<Trans>Logout</Trans>
</Menu.Item>
</Menu>
@ -154,7 +155,7 @@ class R_Sider extends PureComponent {
}
</Layout.Sider>
</div>
)
);
}
}

View File

@ -1,6 +1,7 @@
import React from 'react'
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 withRouter from 'umi/withRouter'
import { arrayToTree, addLangPrefix} from 'utils'
@ -38,26 +39,25 @@ class CustomMenu extends React.Component {
return data.map(item => {
if (EditMode == true) {
return (
<div className={styles.RemovePin} key={item.id}>
<Button className={styles.RemovePin} onClick={ () => this.DeletePin(item)} type='dashed'>
<Icon type="delete" style={{ color: 'rgb(245, 48, 48)' }} />
<span>{item.name}</span>
</Button>
</div>
)
<div className={styles.RemovePin} key={item.id}>
<Button className={styles.RemovePin} onClick={ () => this.DeletePin(item)} type='dashed'>
<LegacyIcon type="delete" style={{ color: 'rgb(245, 48, 48)' }} />
<span>{item.name}</span>
</Button>
</div>
);
}else {
return (
<Menu.Item key={item.id} >
<Navlink to={addLangPrefix(item.route) || '#'}>
{item.icon && <Icon type={item.icon} />}
{item.icon && <LegacyIcon type={item.icon} />}
<span>{item.name}</span>
</Navlink>
</Menu.Item>
)
);
}
}
)
);
}
componentDidUpdate(){
@ -89,7 +89,7 @@ class CustomMenu extends React.Component {
: {
openKeys: this.state.openKeys,
}
return (
return (
<Menu
theme={theme}
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>
{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">
<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>
</Button>
@ -114,10 +114,10 @@ class CustomMenu extends React.Component {
{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>
)
);
}
}

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 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
key="AutoComplete"
{...restProps}

View File

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

View File

@ -2,7 +2,9 @@ import React, { Component } from 'react'
import {GetAuth, InitSDCP, DevOptions, asyncSDCP} from 'ycore';
import PropTypes from 'prop-types';
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 formstyle from './formstyle.less'
@ -104,7 +106,7 @@ class YulioID extends Component {
{ShowLoading ? (
<div style={{ height: '329px' }}>
<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 style={{ margin: 'auto' }}>
<h6 className={styles.h6lp} style={{ textAlign: 'center', marginTop: '15%' }} > {StateMessage} </h6>
@ -118,7 +120,7 @@ class YulioID extends Component {
<div>
<div className={styles.input__wrapper}>
<label className={styles.labelform}>
<Icon type="user" style={{ fontSize: '15px' }} />{' '}
<LegacyIcon type="user" style={{ fontSize: '15px' }} />{' '}
Username
</label>
<FormItem>
@ -140,7 +142,7 @@ class YulioID extends Component {
<div className={styles.input__wrapper}>
<label className={styles.labelform}>
<Icon type="unlock" style={{ fontSize: '15px' }} />{' '}
<LegacyIcon type="unlock" style={{ fontSize: '15px' }} />{' '}
Password
</label>
<FormItem>
@ -183,7 +185,7 @@ class YulioID extends Component {
onClick={this.initFPassword}
style={{ top: '8px' }}
>
<Icon type="exclamation-circle" /> Forgotten password
<LegacyIcon type="exclamation-circle" /> Forgotten password
</Button>
</div>
<div style={{ float: 'right' }}>
@ -192,7 +194,7 @@ class YulioID extends Component {
onClick={this.initRegister}
style={{ top: '8px' }}
>
<Icon type="user-add" /> Create an account
<LegacyIcon type="user-add" /> Create an account
</Button>
</div>
</div>
@ -202,7 +204,7 @@ class YulioID extends Component {
</main>
</Drawer>
</div>
)
);
}
}

View File

@ -11,7 +11,21 @@
import React, { PureComponent } from 'react'
import PropTypes from 'prop-types'
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 { setLocale } from 'utils'
import { UIFxPY, UIFxList, DevOptions } from 'ycore';
@ -195,7 +209,7 @@ render() {
<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 }] })(
<input className={styles.inputform} type="text" placeholder="Username" onChange={(text) => { this.handleUsername(text) }} />
)}
@ -203,7 +217,7 @@ render() {
</div>
<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 }] })(
<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>
<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: 'right' }}><Button type="dashed" onClick={this.initRegister} style={{ top: '8px' }}><Icon type="user-add" /> Create an account</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' }}><LegacyIcon type="user-add" /> Create an account</Button></div>
<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>
<br /><br /><br />
<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}>
<label className={styles.labelform}> Choose your Username</label>
<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>
</div>
<div className={styles.inputRG__wrapper}>
<label className={styles.labelform}> Fill with your email</label>
<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>
</div>
<div className={styles.inputRG__wrapper}>
<label className={styles.labelform}> Fill with your password</label>
<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>
</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>
<a className={styles.buttonlp} id="register" onClick={this.getRegister}>Register</a>
<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><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>
</div>
</div>
@ -288,14 +302,14 @@ render() {
<h3>To recover your account enter the email used to register</h3>
<form className={styles.formlogin}>
<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 }] })(
<input className={styles.inputform} type="text" placeholder="myaccount@example.com" onChange={(text) => { this.handleFPEmail(text) }} /> )}
</FormItem>
</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><Icon type="loading" style={{ fontSize: 24, margin: '13px' }} spin /></div>
<div><LegacyIcon type="loading" style={{ fontSize: 24, margin: '13px' }} spin /></div>
<div>
<br /><br /><br />
<div style={{ margin: 'auto' }}><h6 className={styles.h6lp} style={{ textAlign: 'center', marginTop: '15%' }}>Wait a sec...</h6></div>
@ -308,13 +322,13 @@ render() {
{/* NOTF */}
<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>
<h4 className={styles.apierrort}> {MensageException} </h4> <hr />
<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', }}>
<Icon type="exception" />
<LegacyIcon type="exception" />
<h6>STATUS HANDLER => {this.state.ErrorType} </h6>
<h6>EXCEPTION => {this.state.api_response} </h6>
<h6>EXCEPTION MENSAGE => {MensageException}</h6>
@ -329,7 +343,7 @@ render() {
{/* SOTF */}
<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>
<h4>Please wait while process your data ...</h4>
</div>
@ -337,14 +351,14 @@ render() {
{/* RGSOTF */}
<Drawer width={320} closable={false} visible={this.state.RGSOTFdrawer}>
<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>
<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>
</div>
</Drawer>
</div>
)
);
}
}

View File

@ -11,7 +11,21 @@
import React, { PureComponent } from 'react'
import PropTypes from 'prop-types'
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 { setLocale } from 'utils'
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',
description:
'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: '/' })
});
@ -348,7 +362,7 @@ class YulioID extends PureComponent {
message: 'The instructions to recover your account have been sent to the email',
description:
'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)
});
@ -395,7 +409,7 @@ class YulioID extends PureComponent {
placement: 'topLeft',
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',
icon: <Icon type="login" style={{ color: '#ff0f2f' }} />
icon: <LegacyIcon type="login" style={{ color: '#ff0f2f' }} />
}),
$("#loadingspn").css({ opacity: 0, "z-index": -1 }),
_this.triggerNOTF();

View File

@ -11,7 +11,21 @@
import React, { PureComponent } from 'react'
import PropTypes from 'prop-types'
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 { setLocale } from 'utils'
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',
description:
'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: '/' })
});
@ -354,7 +368,7 @@ class YulioID extends PureComponent {
message: 'The instructions to recover your account have been sent to the email',
description:
'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)
});
@ -401,7 +415,7 @@ class YulioID extends PureComponent {
placement: 'topLeft',
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',
icon: <Icon type="login" style={{ color: '#ff0f2f' }} />
icon: <LegacyIcon type="login" style={{ color: '#ff0f2f' }} />
}),
$("#loadingspn").css({ opacity: 0, "z-index": -1 }),
_this.triggerNOTF();
@ -575,7 +589,7 @@ class YulioID extends PureComponent {
<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 }] })(
<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 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 }] })(
<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>
<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: 'right' }}><Button type="dashed" onClick={this.initRegister} style={{ top: '8px' }}><Icon type="user-add" /> Create an account</Button></div><br/><br/>
<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' }}><LegacyIcon type="user-add" /> Create an account</Button></div><br/><br/>
<div style={{ textAlign: 'center', margin: '20px' }}> <RenderInclude data={include} /></div>
<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>
<br /><br /><br />
<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}>
<label className={styles.labelform}> Choose your Username</label>
<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>
</div>
<div className={styles.inputRG__wrapper}>
<label className={styles.labelform}> Fill with your email</label>
<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>
</div>
<div className={styles.inputRG__wrapper}>
<label className={styles.labelform}> Fill with your password</label>
<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>
</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>
<a className={styles.buttonlp} id="register" onClick={this.getRegister}>Register</a>
<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><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>
</div>
</div>
@ -668,14 +682,14 @@ class YulioID extends PureComponent {
<h3>To recover your account enter the email used to register</h3>
<form className={styles.formlogin}>
<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 }] })(
<input className={styles.inputform} type="text" placeholder="myaccount@example.com" onChange={(text) => { this.handleFPEmail(text) }} /> )}
</FormItem>
</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><Icon type="loading" style={{ fontSize: 24, margin: '13px' }} spin /></div>
<div><LegacyIcon type="loading" style={{ fontSize: 24, margin: '13px' }} spin /></div>
<div>
<br /><br /><br />
<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 */}
<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>
<h4 className={styles.apierrort}> {MensageException} </h4> <hr />
<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', }}>
<Icon type="exception" />
<LegacyIcon type="exception" />
<h6>STATUS HANDLER => {this.state.ErrorType} </h6>
<h6>EXCEPTION => {this.state.api_response} </h6>
<h6>EXCEPTION MENSAGE => {MensageException}</h6>
@ -709,7 +723,7 @@ class YulioID extends PureComponent {
{/* SOTF */}
<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>
<h4>Please wait while process your data ...</h4>
</div>
@ -717,14 +731,14 @@ class YulioID extends PureComponent {
{/* RGSOTF */}
<Drawer width={320} closable={false} visible={this.state.RGSOTFdrawer}>
<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>
<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>
</div>
</Drawer>
</div>
)
);
}
}

View File

@ -9,7 +9,9 @@
//****************************************|
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 { endpoints } from 'ycoreLegacy';
import $ from 'jquery';
@ -139,7 +141,7 @@ export class SDCP extends PureComponent {
message: 'For continue your request, is necessary to login with YulioID™ again',
description:
'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: '/' })
});
@ -269,7 +271,7 @@ export class SDCP extends PureComponent {
message: 'The instructions to recover your account have been sent to the email',
description:
'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)
});
@ -314,7 +316,7 @@ export class SDCP extends PureComponent {
placement: 'topLeft',
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',
icon: <Icon type="login" style={{ color: '#ff0f2f' }} />
icon: <LegacyIcon type="login" style={{ color: '#ff0f2f' }} />
}),
$("#loadingspn").css({ opacity: 0, "z-index": -1 }),
_this.triggerNOTF();

View File

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