overflow_backup_2018_0455/overflow_app
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ㅇtslint

Browse Source
This commit is contained in:
geek 2017-07-20 12:20:42 +09:00
parent 6a51403af1
commit 94fa662b96
6 changed files with 126 additions and 88 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -5,3 +5,4 @@ dist/
**/.vscode
.idea
yarn.lock
npm-debug.log

9
config/webpack/webpack.config.dev.js
View File

@ -17,11 +17,18 @@ module.exports = WebpackMerge(configBase, {
inline: true,
historyApiFallback: true,
publicPath: '/', // match the output `publicPath`
contentBase: [__dirname + '/public', __dirname + '/dist', __dirname + '/node_modules'], // match the output path
host: '127.0.0.1',
port: 9091,
port: 9093,
stats: {
colors: true
},
watchOptions: {
// ignored: [ Path.resolve(__dirname, '../../node_modules/') ],
ignored: /node_modules/,
aggregateTimeout: 300,
poll: 1000
},
},
module: {

33
src/ts/@overflow/member/react/components/PWChange.tsx
View File

@ -1,38 +1,39 @@
import *as React from 'react'
import *as React from 'react';
import {
Input, InputOnChangeData,
Select, Button, Grid, Form, Container
} from 'semantic-ui-react'
Input,
InputOnChangeData,
Select,
Button,
Grid,
Form,
Container,
} from 'semantic-ui-react';
export interface State {
pass: string;
passCon: string;
}
export interface Props {
}
export class PWChange extends React.Component<any, any> {
constructor(props: any, context: any) {
export class PWChange extends React.Component<Props, State> {
constructor(props: Props, context: State) {
super(props, context);
this.state = {
pass:'',
passCon:'',
}
pass:null,
passCon:null,
};
}
public onSubmit = () => {
public onSubmit():void {
console.log(this.state);
}
public render(): JSX.Element {
return (
<Container fluid>
<Grid>

2
src/ts/@overflow/member/react/components/SignIn.tsx
View File

@ -27,7 +27,7 @@ export interface State {
}
export class SignIn extends React.Component<Props, State> {
constructor(props: any, context: any) {
constructor(props: Props, context: State) {
super(props, context);
this.state = {

98
src/ts/@overflow/member/react/components/SignUp.tsx
View File

@ -1,19 +1,31 @@
import *as React from 'react'
import *as React from 'react';
import {
Input, InputOnChangeData,
Select, Button, Dropdown, Grid, Form, Container
} from 'semantic-ui-react'
Input,
InputOnChangeData,
Select,
Button,
Dropdown,
Grid,
Form,
Container,
} from 'semantic-ui-react';
export interface State {
}
export interface Props {
}
export interface State {
email: string;
name: string;
pass: string;
passCon: string;
company: string;
phone: string;
country: string;
}
const options = [{ key: 'southkorea', value: '82', text: 'South Korea(82)' },
{ key: 'unitedstates', value: '1', text: 'United States(1)' }]
{ key: 'unitedstates', value: '1', text: 'United States(1)' }]
export class SignUp extends React.Component<any, any> {
@ -21,31 +33,27 @@ export class SignUp extends React.Component<any, any> {
super(props, context);
this.state = {
email: '',
name: '',
pass: '',
passCon: '',
company: '',
phone: '',
country: '',
email: null,
name: null,
pass: null,
passCon: null,
company: null,
phone: null,
country: null,
};
}
public onSubmit = () => {
console.log(this.state)
public onSubmit():void {
console.log(this.state);
}
public onChange = (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
public onChange (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData):void {
console.log(event);
console.log(data);
}
public render(): JSX.Element {
return (
<Container fluid>
<Grid>
@ -58,24 +66,36 @@ export class SignUp extends React.Component<any, any> {
(event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
this.setState({ email: data.value });
}} />
<Form.Input fluid placeholder='Name' onChange={(event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
<Form.Input fluid placeholder='Name' onChange= {
(event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
this.setState({ name: data.value });
}} />
<Form.Input fluid placeholder='Password' type='password' onChange={(event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
}
}/>
<Form.Input fluid placeholder='Password' type='password' onChange={
(event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
this.setState({ pass: data.value });
}} />
<Form.Input fluid placeholder='Password Confirm' type='password' onChange={(event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
}
} />
<Form.Input fluid placeholder='Password Confirm' type='password' onChange={
(event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
this.setState({ passCon: data.value });
}} />
<Form.Input fluid placeholder='Company' onChange={(event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
}
} />
<Form.Input fluid placeholder='Company' onChange={
(event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
this.setState({ company: data.value });
}} />
<Form.Select fluid value={this.state.country} placeholder='Select your country' options={options} onChange={(event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
}
}/>
<Form.Select fluid value={this.state.country} placeholder='Select your country' options={options} onChange={
(event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
this.setState({ country: data.value });
}} />
<Form.Input fluid placeholder='phone' onChange={(event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
}
} />
<Form.Input fluid placeholder='phone' onChange={
(event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
this.setState({ phone: data.value });
}} />
}
} />
<Form.Group>
<Button primary fluid style={{margin:'7'}} onClick={this.onSubmit}> Sign Up </Button>
<Button fluid style={{margin:'7'}}> Cancel </Button>
@ -88,12 +108,8 @@ export class SignUp extends React.Component<any, any> {
</Grid>
</Container>
);
}
}

53
src/ts/@overflow/temp/react/components/DiscoveryDetails.tsx
View File

@ -1,63 +1,76 @@
import * as React from 'react';
import { Button, Modal, Checkbox, Header, Container } from 'semantic-ui-react';
import {
Button,
Modal,
Checkbox,
Header,
Container,
} from 'semantic-ui-react';
import { DiscoveryProbe } from './DiscoveryProbe';
import { DiscoveryTable } from './DiscoveryTable';
export class DiscoveryDetails extends React.Component<any, any> {
export interface Props {
}
export interface State {
startPopup:boolean;
}
export class DiscoveryDetails extends React.Component<Props, State> {
private probeTemp: any;
private submitData: any;
constructor(props: any, context: any) {
public constructor(props: Props, context: State) {
super(props, context);
this.handleProbeChange.bind(this);
this.state = {
startPopup:false
startPopup:false,
};
}
componentWillMount() {
this.probeTemp =
{
public componentWillMount():void {
super.componentWillMount();
this.probeTemp = {
'id': '11',
'metaProbeStatus': {
'name': 'STARTED'
'name': 'STARTED',
},
'domain': {
'name': 'overFlow\'s domain111'
'name': 'overFlow\'s domain111',
},
'host': {
'ip': '192.168.1.103',
'mac': '44:8a:5b:44:8c:e8',
'os': 'Ubuntu 17.04',
'name': '?????'
'name': '?????',
},
'createAt': '2017-07-12',
'probeKey': 'AGBLKDFJ2452ASDGFL2KWJLKSDJ',
'description': 'description1111111111',
'lastPollingAt': '2017-07-12 14:20',
'nextPollingAt': '2017-07-12 14:30'
'nextPollingAt': '2017-07-12 14:30',
};
}
handleProbeChange(obj: any) {
console.log(obj)
public handleProbeChange(obj: any): void {
console.log(obj);
this.setState({ startPopup:true });
this.submitData = obj;
}
handleSubmit() {
console.log(this.submitData)
public handleSubmit(): void {
console.log(this.submitData);
}
handleCancel= () => this.setState({ startPopup: false });
public handleCancel= () => this.setState({ startPopup: false });
handlePopupClose = () => this.setState({ startPopup: false });
public handlePopupClose = () => this.setState({ startPopup: false });
render() {
public render(): JSX.Element {
return (
<Container fluid>
<Header as='h3' dividing> Discovery Details</Header>