simpread/src/module/sitebar.jsx at develop · csshuai/simpread · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
console.log( "=== simpread site bar load ===" )

import {storage} from 'storage';
import * as watch from 'watch';

import Button    from 'button';

export default class Sitebar extends React.Component {

    static defaultProps = {
        bgColors : {
            "global": "#fb584a",
            "custom": "#fa9a3f",
            "local": "#00a9f0",
        },
        labels: {
            "global": "官方适配源",
            "person": "站点集市适配源",
            "custom": "第三方适配源",
            "local": "自定义适配源",
        },
        icons: {
            "global": '<i class="fas fa-globe"></i>',
            "person": '<i class="fas fa-user"></i>',
            "custom": '<i class="fas fa-newspaper"></i>',
            "local": '<i class="fas fa-laptop"></i>',
        }
    };

    state = {
        category: []
    };

    active( obj ) {
        const target = obj.pop();
        Object.keys( storage.pr.sites ).forEach( key => {
            if ( key == target ) {
                storage.pr.sites[target].forEach( item => {
                    if ( JSON.stringify( item ) == JSON.stringify( obj ) ) {
                        item[1].active = true;
                    } else delete item[1].active;
                });
            } else {
                storage.pr.sites[key].forEach( item => {
                    delete item[1].active;
                });
            }
        });
        storage.Writesite( storage.pr.sites, ()=> {
            console.log( "current site is ", storage.pr.sites )
            watch.SendMessage( "site", true );
            new Notify().Render( "已成功切到换到此适配站点，请刷新本页。" );
        });
    }

    componentWillMount() {
        const category = {};
        !storage.pr.current.site.matching && ( storage.pr.current.site.matching = [] );
        storage.pr.current.site.matching.forEach( item => {
            if ( category[item[2]] ) {
                category[item[2]].push( item );
            } else {
                category[item[2]] = [ item ];
            }
        });
        this.setState({ category });
    }

    render() {
        const child = Object.keys( this.state.category ).map( item => {
            const label   = this.props.labels[item];
            const actions = this.state.category[item].map( arr => {
                const [ site, type ] = [ arr[1], arr[2] ],
                      tooltip = site.info ? site.info.title : "点击后默认进入当前站点",
                      color   = type != "person" ? "#fff" : site.info.color,
                      bgColor = type != "person" ? this.props.bgColors[type] : site.info.bgColor;
                return (
                    <Button shape="circle" type="flat"
                            color={ color } backgroundColor={ bgColor }
                            fontIcon={ this.props.icons[type] }
                            tooltip={{ text: tooltip + ( site.active ? '（已启用）' : '（未启用）' ) }}
                            waves="md-waves-effect md-waves-button"
                            onClick={ ()=>this.active( arr ) } />
                )
            });

            return (
                <sr-opt-gp>
                    <sr-opt-label>{ label }</sr-opt-label>
                    <actions style={{ display: "flex", margin: "10px 0" }}>{ actions }</actions>
                </sr-opt-gp>
            )
        });

        if ( child.length == 0 ) {
            child.push( <site-bar-empty style={{'font-size':'17px!important','color': 'rgba(51, 51, 51, 0.87)!important'}}>当前模式下无法使用此功能</site-bar-empty> );
        }

        return (
            <site-bar>{child}</site-bar>
        )
    }
}