cncjs

1
import PropTypes from 'prop-types';
2
import React, { PureComponent } from 'react';
3
import Space from 'app/components/Space';
4
import controller from 'app/lib/controller';
5
import i18n from 'app/lib/i18n';
6
import styles from './index.styl';
7

8
class QuickAccessToolbar extends PureComponent {
9
    static propTypes = {
10
      state: PropTypes.object,
11
      actions: PropTypes.object
12
    };
13

14
    command = {
15
      'cyclestart': () => {
16
        controller.command('cyclestart');
17
      },
18
      'feedhold': () => {
19
        controller.command('feedhold');
20
      },
21
      'homing': () => {
22
        controller.command('homing');
23
      },
24
      'sleep': () => {
25
        controller.command('sleep');
26
      },
27
      'unlock': () => {
28
        controller.command('unlock');
29
      },
30
      'reset': () => {
31
        controller.command('reset');
32
      }
33
    };
34

35
    render() {
36
      return (
37
        <div className={styles.quickAccessToolbar}>
38
          <ul className="nav navbar-nav">
39
            <li className="btn-group btn-group-sm" role="group">
40
              <button
41
                type="button"
42
                className="btn btn-default"
43
                onClick={this.command.cyclestart}
44
                title={i18n._('Cycle Start')}
45
              >
46
                <i className="fa fa-repeat" />
47
                <Space width="8" />
48
                {i18n._('Cycle Start')}
49
              </button>
50
              <button
51
                type="button"
52
                className="btn btn-default"
53
                onClick={this.command.feedhold}
54
                title={i18n._('Feedhold')}
55
              >
56
                <i className="fa fa-hand-paper-o" />
57
                <Space width="8" />
58
                {i18n._('Feedhold')}
59
              </button>
60
            </li>
61
            <li className="btn-group btn-group-sm" role="group">
62
              <button
63
                type="button"
64
                className="btn btn-primary"
65
                onClick={this.command.homing}
66
                title={i18n._('Homing')}
67
              >
68
                <i className="fa fa-home" />
69
                <Space width="8" />
70
                {i18n._('Homing')}
71
              </button>
72
              <button
73
                type="button"
74
                className="btn btn-success"
75
                onClick={this.command.sleep}
76
                title={i18n._('Sleep')}
77
              >
78
                <i className="fa fa-bed" />
79
                <Space width="8" />
80
                {i18n._('Sleep')}
81
              </button>
82
              <button
83
                type="button"
84
                className="btn btn-warning"
85
                onClick={this.command.unlock}
86
                title={i18n._('Unlock')}
87
              >
88
                <i className="fa fa-unlock-alt" />
89
                <Space width="8" />
90
                {i18n._('Unlock')}
91
              </button>
92
              <button
93
                type="button"
94
                className="btn btn-danger"
95
                onClick={this.command.reset}
96
                title={i18n._('Reset')}
97
              >
98
                <i className="fa fa-undo" />
99
                <Space width="8" />
100
                {i18n._('Reset')}
101
              </button>
102
            </li>
103
          </ul>
104
        </div>
105
      );
106
    }
107
}
108

109
export default QuickAccessToolbar;
110