diff --git a/.gitignore b/.gitignore index d77ce81..abdfecc 100644 --- a/.gitignore +++ b/.gitignore @@ -59,4 +59,5 @@ typings/ dist/ -.idea/ \ No newline at end of file +.idea/ +yarn.lock \ No newline at end of file diff --git a/src/ts/App.tsx b/src/ts/App.tsx index b20a867..330cf4a 100644 --- a/src/ts/App.tsx +++ b/src/ts/App.tsx @@ -32,11 +32,9 @@ export class App extends React.Component { render() { return ( - - ); } } diff --git a/src/ts/Routes.tsx b/src/ts/Routes.tsx index adec4bd..e2bfe85 100644 --- a/src/ts/Routes.tsx +++ b/src/ts/Routes.tsx @@ -2,11 +2,13 @@ import * as React from 'react'; import { Switch } from 'react-router'; import { Link, Route } from 'react-router-dom'; - import { TopBar } from './containers/test/TopBar'; - import { SignUp } from './containers/test/SignUp'; - import { SignIn } from './containers/test/SignIn'; - import { PWChange } from './containers/test/PWChange'; - import { ProbeDown } from './containers/test/ProbeDown'; +import { TopBar } from './containers/test/TopBar'; +import { SignUp } from './containers/test/SignUp'; +import { SignIn } from './containers/test/SignIn'; +import { PWChange } from './containers/test/PWChange'; +import { ProbeDown } from './containers/test/ProbeDown'; +import { DiscoveryDetails } from './containers/test/DiscoveryDetails' + import { Components } from './containers/test/Components'; @@ -21,15 +23,18 @@ export class Routes extends React.Component {
  • SignIn
  • PWChange
  • ProbeDown
    • +
  • DiscoveryDetails
  • Insanity
    • + + diff --git a/src/ts/containers/member/InputBox.tsx b/src/ts/containers/member/InputBox.tsx new file mode 100644 index 0000000..d253b41 --- /dev/null +++ b/src/ts/containers/member/InputBox.tsx @@ -0,0 +1,28 @@ +/** + * Created by geek on 17. 7. 7. + */ + +import * as React from 'react'; +import {Input, Button} from 'semantic-ui-react'; + +// const InputExampleInput = () => ( +// +// ) +// +// export default InputExampleInput + +export class InputBox extends React.Component { + + constructor(props: any, context: any) { + super(props, context); + } + + render() { + return ( +
    + + +
    + ); + } +} \ No newline at end of file diff --git a/src/ts/containers/member/InputBox1.tsx b/src/ts/containers/member/InputBox1.tsx new file mode 100644 index 0000000..e69de29 diff --git a/src/ts/containers/member/PasswordChange.tsx b/src/ts/containers/member/PasswordChange.tsx new file mode 100644 index 0000000..740af70 --- /dev/null +++ b/src/ts/containers/member/PasswordChange.tsx @@ -0,0 +1,134 @@ +import * as React from 'react'; +import { Link } from 'react-router-dom'; +import RaisedButton from 'material-ui/RaisedButton'; +import TextField from 'material-ui/TextField'; +import {Input} from 'semantic-ui-react' + +const styles = { + body: { + textAlign: 'center', + }, + container: { + textAlign: 'center', + + }, + + textfield: { + width: 300, + marginLeft: 3 + }, + + customWidth: { + width: 150, + }, + button: { + margin: 12, + } +}; + + +export class MemberPasswordChange extends React.Component { + constructor(props: any, context: any) { + super(props, context); + + this.handlePasswordChange = this.handlePasswordChange.bind(this); + + this.state = { + open: false, + value: 1, + + pw: "", + pwConfirm: "", + errtext:"", + }; + } + + handleChange = () => this.setState({}); + + private emailInput: any; + + handleRequestClose = () => { + this.setState({ + open: false, + }); + } + + handleTouchTap = () => { + this.setState({ + open: true, + }); + } + + handlePasswordChange = () => { + + let output: string; + let obj: any; //new object declaration + + console.log(this.state.pw); + console.log(this.state.pwConfirm); + if (this.state.pw !== this.state.pwConfirm) { + console.log("dddd"); + this.setState({ errtext: "Password not equal" }); + return; + + } + obj = { + "pw": this.state.pw, + "pwConfirm": this.state.pwConfirm, + }; + + let exeObj: any; + exeObj = { + "serviceName": "Member", + "methodName": "PwChange", + "param": obj + } + + + output = JSON.stringify(exeObj); + } + + + + btnTouchTap = () => { + alert(event) + }; + + render() { + + return ( +
    +

    Log in with a overflow Account:

    +
    + this.setState({ pw: newValue })} + /> + +
    + + this.setState({ pwConfirm: newValue })} + /> +
    + + + + + + +
    + ); + } +} diff --git a/src/ts/containers/test/DiscoveryDetails.tsx b/src/ts/containers/test/DiscoveryDetails.tsx new file mode 100644 index 0000000..033bded --- /dev/null +++ b/src/ts/containers/test/DiscoveryDetails.tsx @@ -0,0 +1,26 @@ +import * as React from 'react'; +import { Table, Label } from 'semantic-ui-react'; +import { DiscoveryProbe } from './DiscoveryProbe'; +import { DiscoveryTable } from './DiscoveryTable'; + +export class DiscoveryDetails extends React.Component { + + constructor(props: any, context: any) { + super(props, context); + this.state = {}; + } + + render() { + return ( +
    +
    + +
    +
    + +
    +
    + + ); + } +} \ No newline at end of file diff --git a/src/ts/containers/test/DiscoveryProbe.tsx b/src/ts/containers/test/DiscoveryProbe.tsx new file mode 100644 index 0000000..a835583 --- /dev/null +++ b/src/ts/containers/test/DiscoveryProbe.tsx @@ -0,0 +1,64 @@ +import * as React from 'react'; +import { Table, Label } from 'semantic-ui-react'; + + +export class DiscoveryProbe extends React.Component { + + constructor(props: any, context: any) { + super(props, context); + this.state = {}; + } + + componentWillMount() { + + } + + render() { + return ( +
    Probe Details... + + + + + + + overFlow's domain111 + + + + + + STARTED + + + + + + 192.168.1.103 + + + + + + Geek`s Ubuntu + + + + + + 2017-07-13 + + + + + + description1111111111 + + +
    + +
    + ) + } + +} \ No newline at end of file diff --git a/src/ts/containers/test/DiscoveryTable.tsx b/src/ts/containers/test/DiscoveryTable.tsx new file mode 100644 index 0000000..7f8a644 --- /dev/null +++ b/src/ts/containers/test/DiscoveryTable.tsx @@ -0,0 +1,41 @@ +import * as React from 'react'; +import { Table, Label, Input } from 'semantic-ui-react'; + +export class DiscoveryTable extends React.Component { + + constructor(props: any, context: any) { + super(props, context); + this.state = {}; + } + + render() { + return ( +
    + + + + Start IP + + + + End IP + + + + Exclude IP + + + + Start Port + + + + End Port + + + +
    +
    + ); + } +} \ No newline at end of file diff --git a/src/ts/index.tsx b/src/ts/index.tsx index 8b63d8c..d77099f 100644 --- a/src/ts/index.tsx +++ b/src/ts/index.tsx @@ -1,6 +1,8 @@ import * as React from 'react'; import * as ReactDOM from 'react-dom'; import * as injectTapEventPlugin from 'react-tap-event-plugin'; + + import { App } from './App'; injectTapEventPlugin();