-
Notifications
You must be signed in to change notification settings - Fork 225
/
controller.js
77 lines (68 loc) · 2.21 KB
/
controller.js
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
// Licensed under the Apache License, Version 2.0 (the "License"); you may not
// use this file except in compliance with the License. You may obtain a copy of
// the License at
//
// https://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
// WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
// License for the specific language governing permissions and limitations under
// the License.
import React from 'react';
import { ActiveTasksFilterTabs, ActiveTasksFilter } from './filtertabs';
import ActiveTaskTable from './table';
export default class ActiveTasksController extends React.Component {
componentDidMount() {
this.props.init();
}
setNewSearchTerm = (searchTerm) => {
this.props.setSearchTerm(searchTerm);
};
switchTab = (newRadioButton) => {
//tabs buttons
this.props.switchTab(newRadioButton);
};
tableHeaderOnClick = (headerClicked) => {
this.props.sortByColumnHeader(headerClicked);
};
render() {
const {
isLoading,
tasks,
searchTerm,
selectedRadio,
sortByHeader,
headerIsAscending,
hiddenColumns,
} = this.props;
const setSearchTerm = this.setNewSearchTerm;
const onTableHeaderClick = this.tableHeaderOnClick;
return (
<div id="active-tasks-page" className="scrollable">
<div className="inner">
<ActiveTasksFilterTabs
searchTerm={searchTerm}
selectedRadio={selectedRadio}
onRadioClick={this.switchTab}
/>
<div className="row">
<div id="active-tasks-search" className="col-12 col-md-6">
<ActiveTasksFilter onSearch={setSearchTerm} />
</div>
</div>
<ActiveTaskTable
isLoading={isLoading}
tasks={tasks}
searchTerm={searchTerm}
selectedRadio={selectedRadio}
onTableHeaderClick={onTableHeaderClick}
sortByHeader={sortByHeader}
headerIsAscending={headerIsAscending}
hiddenColumns={hiddenColumns}
/>
</div>
</div>
);
}
}