{
41 | constructor(props: Props) {
42 | super(props);
43 | this.handleNextButton = this.handleNextButton.bind(this);
44 | }
45 |
46 | state = {
47 | domain: '',
48 | consumerKey: '',
49 | consumerSecret: '',
50 | err: null,
51 | }
52 |
53 | handleNextButton() {
54 | this.setState({err: null});
55 | const status = instances[Object.keys(instances)[this.props.selected]];
56 | console.log(status);
57 | try{
58 | if (status.type !== 'Twitter'){
59 | status.instance = this.state.domain.trim();
60 | status.apiurl = 'https://' + status.instance + '/';
61 | if (status.instance === '') throw errorType.INSTANCENAME;
62 | }
63 | status.apikey = this.state.consumerKey.trim();
64 | status.apisecret = this.state.consumerSecret.trim();
65 | if (status.apikey === '') throw errorType.APIKEY;
66 | if (status.apisecret === '') throw errorType.APISECRET;
67 |
68 | this.props.openPinAuthWindow(status);
69 | this.props.forwardPinAuthSection();
70 | }catch(e){
71 | this.setState({err: e});
72 | }
73 | }
74 |
75 | render() {
76 | return (
77 |
78 | {'追加したいアカウントの情報を入力してください'}
79 |
80 | {'consumer-key, consumer-secretはアカウントが登録されているインスタンスから発行されたものを使用する必要があります。インスタンスによっては外部アプリケーション連携が不可能な場合もあります。その場合登録することはできません'}
81 | this.setState({domain: event.target.value})}
84 | id='api-url'
85 | label='Domain Name(example: mstdn.jp, friends.nico)'
86 | margin='normal'
87 | error={this.state.err === errorType.INSTANCENAME}
88 | fullWidth />
89 | this.setState({consumerKey: event.target.value})}
92 | id='api-key'
93 | label='Consumer Key'
94 | margin='normal'
95 | error={this.state.err === errorType.APIKEY}
96 | fullWidth />
97 | this.setState({consumerSecret: event.target.value})}
100 | id='api-key-secret'
101 | label='Consumer Secret'
102 | margin='normal'
103 | error={this.state.err === errorType.APISECRET}
104 | fullWidth />
105 |
106 |
107 |
108 |
109 | );
110 | }
111 | }
112 |
113 | export default withStyles(styles)(InputInstanceView);
114 |
--------------------------------------------------------------------------------
/src/component/Dialog/AddAccountDialog/InputPinView.jsx:
--------------------------------------------------------------------------------
1 | // @flow
2 |
3 | import React, {PureComponent} from 'react';
4 | import {withStyles} from 'material-ui/styles';
5 | import Button from 'material-ui/Button';
6 | import { DialogActions,
7 | DialogContent,
8 | DialogTitle } from 'material-ui/Dialog';
9 | import TextField from 'material-ui/TextField';
10 |
11 | const styles = () => ({
12 | root: {
13 |
14 | },
15 | });
16 |
17 | type Props = {
18 | classes: Object,
19 | onRequestClose: Function,
20 | startAuth: Function,
21 | };
22 |
23 | type State = {
24 | pin: string,
25 | };
26 |
27 | class InputPinView extends PureComponent {
28 | constructor(props: Props) {
29 | super(props);
30 | this.handleCancelClick = this.handleCancelClick.bind(this);
31 | this.handleAuthClick = this.handleAuthClick.bind(this);
32 | }
33 |
34 | state = {
35 | pin: '',
36 | }
37 |
38 | handleCancelClick() {
39 | this.props.onRequestClose();
40 | }
41 |
42 | handleAuthClick() {
43 | if(this.state.pin.trim() !== '') {
44 | this.props.startAuth({pin: this.state.pin});
45 | }
46 | }
47 |
48 | render() {
49 | return (
50 |
51 | {"Activate Account"}
52 |
53 | this.setState({pin: event.target.value})}
56 | id="insert-pin"
57 | label="Input PIN Here..."
58 | margin="normal"
59 | fullWidth/>
60 |
61 |
62 |
65 |
68 |
69 |
70 | );
71 | }
72 | }
73 |
74 | export default withStyles(styles)(InputPinView);
75 |
--------------------------------------------------------------------------------
/src/component/Dialog/AddAccountDialog/SelectAccountTypeView.jsx:
--------------------------------------------------------------------------------
1 | // @flow
2 |
3 | import React from 'react';
4 | import {pure} from 'recompose';
5 | import { withStyles } from 'material-ui/styles';
6 | import Button from 'material-ui/Button';
7 | import List, { ListItem,
8 | ListItemText,
9 | ListItemSecondaryAction } from 'material-ui/List';
10 | import { DialogActions,
11 | DialogContent,
12 | DialogContentText } from 'material-ui/Dialog';
13 | import Radio from 'material-ui/Radio';
14 |
15 | import instances from '../../../core/constant/_instanceList';
16 |
17 | const styles = () => ({
18 | list: {
19 | maxHeight: 320,
20 | overflowY: 'auto',
21 | }
22 | });
23 |
24 | type Props = {
25 | classes: Object,
26 | selected: number,
27 | selectInstance: Function,
28 | forwardInputSection: Function,
29 | forwardPinAuthSection: Function,
30 | openPinAuthWindow: Function,
31 | };
32 |
33 | const handleClickForwardButton = (props: Props): Function => (
34 | () => {
35 | if(props.selected <= 1) { // 1以下はcommon扱い…
36 | props.forwardInputSection();
37 | }else{
38 | props.openPinAuthWindow(instances[Object.keys(instances)[props.selected]]);
39 | props.forwardPinAuthSection();
40 | }
41 | }
42 | );
43 |
44 | const handleItemSelected = (index: number, select: Function): Function => (
45 | () => (select({selected: index}))
46 | );
47 |
48 | const SelectAccountTypeView = pure((props: Props) => (
49 |
50 |
51 |
52 | {'Twitter, GNU Social, Mastodonのアカウントを最大16個まで追加できます'}
53 |
54 |
55 | {Object.keys(instances).map((item, index)=>(
56 |
60 |
63 |
64 |
65 |
66 |
67 | ))}
68 |
69 |
70 |
71 |
74 |
75 |
76 | ));
77 |
78 | export default withStyles(styles)(SelectAccountTypeView);
79 |
--------------------------------------------------------------------------------
/src/component/Dialog/AddTimelineDialog/AccountList.jsx:
--------------------------------------------------------------------------------
1 | // @flow
2 |
3 | import React from 'react';
4 | import {pure} from 'recompose';
5 | import {withStyles} from 'material-ui/styles';
6 | import List, { ListItem, ListItemText, ListItemSecondaryAction } from 'material-ui/List';
7 | import Radio from 'material-ui/Radio';
8 | import Avatar from 'material-ui/Avatar';
9 |
10 | const styles = theme => ({
11 | root: {
12 | maxHeight: '320px',
13 | overflowY: 'auto',
14 | }
15 | });
16 |
17 | type Props = {
18 | classes: Object,
19 | accounts: Array