bigbluebutton-Github/bigbluebutton-html5/imports/ui/services/settings/index.js

116 lines
2.8 KiB
JavaScript

import Storage from '/imports/ui/services/storage/session';
import _ from 'lodash';
import { makeCall } from '/imports/ui/services/api';
const SETTINGS = [
'application',
'audio',
'video',
'cc',
'dataSaving',
'animations',
];
const CHANGED_SETTINGS = 'changed_settings';
const DEFAULT_SETTINGS = 'dafault_settings';
class Settings {
constructor(defaultValues = {}) {
SETTINGS.forEach((p) => {
const privateProp = `_${p}`;
this[privateProp] = {
tracker: new Tracker.Dependency(),
value: undefined,
};
Object.defineProperty(this, p, {
get: () => {
this[privateProp].tracker.depend();
return this[privateProp].value;
},
set: (v) => {
this[privateProp].value = v;
this[privateProp].tracker.changed();
},
});
});
this.defaultSettings = {};
// Sets default locale to browser locale
defaultValues.application.locale = navigator.languages ? navigator.languages[0] : false
|| navigator.language
|| defaultValues.application.locale;
this.setDefault(defaultValues);
this.loadChanged();
}
setDefault(defaultValues) {
Object.keys(defaultValues).forEach((key) => {
this[key] = defaultValues[key];
this.defaultSettings[`_${key}`] = defaultValues[key];
});
this.save(DEFAULT_SETTINGS);
}
loadChanged() {
const savedSettings = {};
SETTINGS.forEach((s) => {
savedSettings[s] = Storage.getItem(`${CHANGED_SETTINGS}_${s}`);
});
Object.keys(savedSettings).forEach((key) => {
const savedItem = savedSettings[key];
if (!savedItem) return;
this[key] = {
...this[key],
...savedItem,
};
});
}
save(settings = CHANGED_SETTINGS) {
if (settings === CHANGED_SETTINGS) {
Object.keys(this).forEach((k) => {
const values = this[k].value;
const defaultValues = this.defaultSettings[k];
if (!values) return;
const changedValues = Object.keys(values)
.filter(item => values[item] !== defaultValues[item])
.reduce((acc, item) => ({
...acc,
[item]: values[item],
}), {});
if (_.isEmpty(changedValues)) return;
Storage.setItem(`${settings}${k}`, changedValues);
});
} else {
Object.keys(this).forEach((k) => {
Storage.setItem(`${settings}${k}`, this[k].value);
});
}
const userSettings = {};
SETTINGS.forEach((e) => {
userSettings[e] = this[e];
});
Tracker.autorun((c) => {
const { status } = Meteor.status();
if (status === 'connected') {
c.stop();
makeCall('userChangedLocalSettings', userSettings);
}
});
}
}
const SettingsSingleton = new Settings(Meteor.settings.public.app.defaultSettings);
export default SettingsSingleton;