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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
|
/**
* SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors
* SPDX-License-Identifier: AGPL-3.0-or-later
*/
import { defineStore } from 'pinia'
import Vue from 'vue'
import { loadState } from '@nextcloud/initial-state'
import { PRIVACY } from '../constants.js'
import BrowserStorage from '../services/BrowserStorage.js'
import { getTalkConfig } from '../services/CapabilitiesManager.ts'
import {
setReadStatusPrivacy,
setTypingStatusPrivacy,
setStartWithoutMedia,
setBlurVirtualBackground,
} from '../services/settingsService.js'
/**
* @typedef {string} Token
*/
/**
* @typedef {object} State
* @property {PRIVACY.PUBLIC|PRIVACY.PRIVATE} readStatusPrivacy - The overview loaded state.
* @property {PRIVACY.PUBLIC|PRIVACY.PRIVATE} typingStatusPrivacy - The overview loaded state.
* @property {{[key: Token]: boolean}} showMediaSettings - The shared items pool.
*/
/**
* Store for shared items shown in RightSidebar
*
* @param {string} id store name
* @param {State} options.state store state structure
*/
export const useSettingsStore = defineStore('settings', {
state: () => ({
readStatusPrivacy: loadState('spreed', 'read_status_privacy', PRIVACY.PRIVATE),
typingStatusPrivacy: loadState('spreed', 'typing_privacy', PRIVACY.PRIVATE),
showMediaSettings: {},
startWithoutMedia: getTalkConfig('local', 'call', 'start-without-media'),
blurVirtualBackgroundEnabled: getTalkConfig('local', 'call', 'blur-virtual-background'),
}),
getters: {
getShowMediaSettings: (state) => (token) => {
if (!token) {
return true
}
if (state.showMediaSettings[token] !== undefined) {
return state.showMediaSettings[token]
}
const storedValue = BrowserStorage.getItem('showMediaSettings_' + token)
switch (storedValue) {
case 'true': {
Vue.set(state.showMediaSettings, token, true)
return true
}
case 'false': {
Vue.set(state.showMediaSettings, token, false)
return false
}
case null:
default: {
BrowserStorage.setItem('showMediaSettings_' + token, 'true')
Vue.set(state.showMediaSettings, token, true)
return true
}
}
},
},
actions: {
/**
* Update the read status privacy for the user
*
* @param {number} privacy The new selected privacy
*/
async updateReadStatusPrivacy(privacy) {
await setReadStatusPrivacy(privacy)
this.readStatusPrivacy = privacy
},
/**
* Update the typing status privacy for the user
*
* @param {number} privacy The new selected privacy
*/
async updateTypingStatusPrivacy(privacy) {
await setTypingStatusPrivacy(privacy)
this.typingStatusPrivacy = privacy
},
setShowMediaSettings(token, value) {
if (value) {
BrowserStorage.setItem('showMediaSettings_' + token, 'true')
} else {
BrowserStorage.setItem('showMediaSettings_' + token, 'false')
}
Vue.set(this.showMediaSettings, token, value)
},
async setBlurVirtualBackgroundEnabled(value) {
await setBlurVirtualBackground(value)
this.blurVirtualBackgroundEnabled = value
},
async setStartWithoutMedia(value) {
await setStartWithoutMedia(value)
this.startWithoutMedia = value
},
},
})
|
