diff options
author | Stefan Malzner <stefan@adlk.io> | 2017-11-10 12:08:35 +0100 |
---|---|---|
committer | Stefan Malzner <stefan@adlk.io> | 2017-11-10 12:08:35 +0100 |
commit | f5a9aa21e2ab958f60c143668f4836bc47e2b539 (patch) | |
tree | 7d7cb70dee56e6ca4a927f7789601cc428381659 /src/components/services/tabs | |
parent | feat(Service): Add option to mute service (diff) | |
download | ferdium-app-f5a9aa21e2ab958f60c143668f4836bc47e2b539.tar.gz ferdium-app-f5a9aa21e2ab958f60c143668f4836bc47e2b539.tar.zst ferdium-app-f5a9aa21e2ab958f60c143668f4836bc47e2b539.zip |
feat(App): Add option to mute all services in sidebar
Diffstat (limited to 'src/components/services/tabs')
-rw-r--r-- | src/components/services/tabs/TabBarSortableList.js | 22 | ||||
-rw-r--r-- | src/components/services/tabs/TabItem.js | 15 | ||||
-rw-r--r-- | src/components/services/tabs/Tabbar.js | 3 |
3 files changed, 23 insertions, 17 deletions
diff --git a/src/components/services/tabs/TabBarSortableList.js b/src/components/services/tabs/TabBarSortableList.js index e5ae36419..0146f5b35 100644 --- a/src/components/services/tabs/TabBarSortableList.js +++ b/src/components/services/tabs/TabBarSortableList.js | |||
@@ -2,17 +2,8 @@ import React, { Component } from 'react'; | |||
2 | import { observer, PropTypes as MobxPropTypes } from 'mobx-react'; | 2 | import { observer, PropTypes as MobxPropTypes } from 'mobx-react'; |
3 | import PropTypes from 'prop-types'; | 3 | import PropTypes from 'prop-types'; |
4 | import { SortableContainer } from 'react-sortable-hoc'; | 4 | import { SortableContainer } from 'react-sortable-hoc'; |
5 | import { defineMessages, intlShape } from 'react-intl'; | ||
6 | 5 | ||
7 | import TabItem from './TabItem'; | 6 | import TabItem from './TabItem'; |
8 | import { ctrlKey } from '../../../environment'; | ||
9 | |||
10 | const messages = defineMessages({ | ||
11 | addNewService: { | ||
12 | id: 'sidebar.addNewService', | ||
13 | defaultMessage: '!!!Add new service', | ||
14 | }, | ||
15 | }); | ||
16 | 7 | ||
17 | @observer | 8 | @observer |
18 | class TabBarSortableList extends Component { | 9 | class TabBarSortableList extends Component { |
@@ -22,27 +13,23 @@ class TabBarSortableList extends Component { | |||
22 | openSettings: PropTypes.func.isRequired, | 13 | openSettings: PropTypes.func.isRequired, |
23 | reload: PropTypes.func.isRequired, | 14 | reload: PropTypes.func.isRequired, |
24 | toggleNotifications: PropTypes.func.isRequired, | 15 | toggleNotifications: PropTypes.func.isRequired, |
16 | toggleAudio: PropTypes.func.isRequired, | ||
25 | deleteService: PropTypes.func.isRequired, | 17 | deleteService: PropTypes.func.isRequired, |
26 | disableService: PropTypes.func.isRequired, | 18 | disableService: PropTypes.func.isRequired, |
27 | } | 19 | } |
28 | 20 | ||
29 | static contextTypes = { | ||
30 | intl: intlShape, | ||
31 | }; | ||
32 | |||
33 | render() { | 21 | render() { |
34 | const { | 22 | const { |
35 | services, | 23 | services, |
36 | setActive, | 24 | setActive, |
37 | reload, | 25 | reload, |
38 | toggleNotifications, | 26 | toggleNotifications, |
27 | toggleAudio, | ||
39 | deleteService, | 28 | deleteService, |
40 | disableService, | 29 | disableService, |
41 | openSettings, | 30 | openSettings, |
42 | } = this.props; | 31 | } = this.props; |
43 | 32 | ||
44 | const { intl } = this.context; | ||
45 | |||
46 | return ( | 33 | return ( |
47 | <ul | 34 | <ul |
48 | className="tabs" | 35 | className="tabs" |
@@ -56,12 +43,13 @@ class TabBarSortableList extends Component { | |||
56 | shortcutIndex={index + 1} | 43 | shortcutIndex={index + 1} |
57 | reload={() => reload({ serviceId: service.id })} | 44 | reload={() => reload({ serviceId: service.id })} |
58 | toggleNotifications={() => toggleNotifications({ serviceId: service.id })} | 45 | toggleNotifications={() => toggleNotifications({ serviceId: service.id })} |
46 | toggleAudio={() => toggleAudio({ serviceId: service.id })} | ||
59 | deleteService={() => deleteService({ serviceId: service.id })} | 47 | deleteService={() => deleteService({ serviceId: service.id })} |
60 | disableService={() => disableService({ serviceId: service.id })} | 48 | disableService={() => disableService({ serviceId: service.id })} |
61 | openSettings={openSettings} | 49 | openSettings={openSettings} |
62 | /> | 50 | /> |
63 | ))} | 51 | ))} |
64 | <li> | 52 | {/* <li> |
65 | <button | 53 | <button |
66 | className="sidebar__add-service" | 54 | className="sidebar__add-service" |
67 | onClick={() => openSettings({ path: 'recipes' })} | 55 | onClick={() => openSettings({ path: 'recipes' })} |
@@ -69,7 +57,7 @@ class TabBarSortableList extends Component { | |||
69 | > | 57 | > |
70 | <span className="mdi mdi-plus" /> | 58 | <span className="mdi mdi-plus" /> |
71 | </button> | 59 | </button> |
72 | </li> | 60 | </li> */} |
73 | </ul> | 61 | </ul> |
74 | ); | 62 | ); |
75 | } | 63 | } |
diff --git a/src/components/services/tabs/TabItem.js b/src/components/services/tabs/TabItem.js index 9e03d2e21..7b001f6ee 100644 --- a/src/components/services/tabs/TabItem.js +++ b/src/components/services/tabs/TabItem.js | |||
@@ -28,6 +28,14 @@ const messages = defineMessages({ | |||
28 | id: 'tabs.item.enableNotification', | 28 | id: 'tabs.item.enableNotification', |
29 | defaultMessage: '!!!Enable notifications', | 29 | defaultMessage: '!!!Enable notifications', |
30 | }, | 30 | }, |
31 | disableAudio: { | ||
32 | id: 'tabs.item.disableAudio', | ||
33 | defaultMessage: '!!!Disable audio', | ||
34 | }, | ||
35 | enableAudio: { | ||
36 | id: 'tabs.item.enableAudio', | ||
37 | defaultMessage: '!!!Enable audio', | ||
38 | }, | ||
31 | disableService: { | 39 | disableService: { |
32 | id: 'tabs.item.disableService', | 40 | id: 'tabs.item.disableService', |
33 | defaultMessage: '!!!Disable Service', | 41 | defaultMessage: '!!!Disable Service', |
@@ -46,6 +54,7 @@ class TabItem extends Component { | |||
46 | shortcutIndex: PropTypes.number.isRequired, | 54 | shortcutIndex: PropTypes.number.isRequired, |
47 | reload: PropTypes.func.isRequired, | 55 | reload: PropTypes.func.isRequired, |
48 | toggleNotifications: PropTypes.func.isRequired, | 56 | toggleNotifications: PropTypes.func.isRequired, |
57 | toggleAudio: PropTypes.func.isRequired, | ||
49 | openSettings: PropTypes.func.isRequired, | 58 | openSettings: PropTypes.func.isRequired, |
50 | deleteService: PropTypes.func.isRequired, | 59 | deleteService: PropTypes.func.isRequired, |
51 | disableService: PropTypes.func.isRequired, | 60 | disableService: PropTypes.func.isRequired, |
@@ -62,6 +71,7 @@ class TabItem extends Component { | |||
62 | shortcutIndex, | 71 | shortcutIndex, |
63 | reload, | 72 | reload, |
64 | toggleNotifications, | 73 | toggleNotifications, |
74 | toggleAudio, | ||
65 | deleteService, | 75 | deleteService, |
66 | disableService, | 76 | disableService, |
67 | openSettings, | 77 | openSettings, |
@@ -90,6 +100,11 @@ class TabItem extends Component { | |||
90 | : intl.formatMessage(messages.enableNotifications), | 100 | : intl.formatMessage(messages.enableNotifications), |
91 | click: () => toggleNotifications(), | 101 | click: () => toggleNotifications(), |
92 | }, { | 102 | }, { |
103 | label: service.isMuted | ||
104 | ? intl.formatMessage(messages.enableAudio) | ||
105 | : intl.formatMessage(messages.disableAudio), | ||
106 | click: () => toggleAudio(), | ||
107 | }, { | ||
93 | label: intl.formatMessage(messages.disableService), | 108 | label: intl.formatMessage(messages.disableService), |
94 | click: () => disableService(), | 109 | click: () => disableService(), |
95 | }, { | 110 | }, { |
diff --git a/src/components/services/tabs/Tabbar.js b/src/components/services/tabs/Tabbar.js index fdb2c0a59..e8cd80e33 100644 --- a/src/components/services/tabs/Tabbar.js +++ b/src/components/services/tabs/Tabbar.js | |||
@@ -15,6 +15,7 @@ export default class TabBar extends Component { | |||
15 | reorder: PropTypes.func.isRequired, | 15 | reorder: PropTypes.func.isRequired, |
16 | reload: PropTypes.func.isRequired, | 16 | reload: PropTypes.func.isRequired, |
17 | toggleNotifications: PropTypes.func.isRequired, | 17 | toggleNotifications: PropTypes.func.isRequired, |
18 | toggleAudio: PropTypes.func.isRequired, | ||
18 | deleteService: PropTypes.func.isRequired, | 19 | deleteService: PropTypes.func.isRequired, |
19 | updateService: PropTypes.func.isRequired, | 20 | updateService: PropTypes.func.isRequired, |
20 | } | 21 | } |
@@ -51,6 +52,7 @@ export default class TabBar extends Component { | |||
51 | disableToolTip, | 52 | disableToolTip, |
52 | reload, | 53 | reload, |
53 | toggleNotifications, | 54 | toggleNotifications, |
55 | toggleAudio, | ||
54 | deleteService, | 56 | deleteService, |
55 | } = this.props; | 57 | } = this.props; |
56 | 58 | ||
@@ -63,6 +65,7 @@ export default class TabBar extends Component { | |||
63 | onSortStart={disableToolTip} | 65 | onSortStart={disableToolTip} |
64 | reload={reload} | 66 | reload={reload} |
65 | toggleNotifications={toggleNotifications} | 67 | toggleNotifications={toggleNotifications} |
68 | toggleAudio={toggleAudio} | ||
66 | deleteService={deleteService} | 69 | deleteService={deleteService} |
67 | disableService={this.disableService} | 70 | disableService={this.disableService} |
68 | openSettings={openSettings} | 71 | openSettings={openSettings} |