144 lines
5 KiB
JavaScript
144 lines
5 KiB
JavaScript
/*
|
|
* vim: ts=4:sw=4:expandtab
|
|
*/
|
|
(function () {
|
|
'use strict';
|
|
window.Whisper = window.Whisper || {};
|
|
|
|
var CheckboxView = Whisper.View.extend({
|
|
initialize: function(options) {
|
|
this.name = options.name;
|
|
this.defaultValue = options.defaultValue;
|
|
this.populate();
|
|
},
|
|
events: {
|
|
'change': 'change'
|
|
},
|
|
change: function(e) {
|
|
var value = e.target.checked;
|
|
storage.put(this.name, value);
|
|
console.log(this.name, 'changed to', value);
|
|
},
|
|
populate: function() {
|
|
var value = storage.get(this.name, this.defaultValue);
|
|
this.$('input').prop('checked', !!value);
|
|
},
|
|
});
|
|
var RadioButtonGroupView = Whisper.View.extend({
|
|
initialize: function(options) {
|
|
this.name = options.name;
|
|
this.defaultValue = options.defaultValue;
|
|
this.populate();
|
|
},
|
|
events: {
|
|
'change': 'change'
|
|
},
|
|
change: function(e) {
|
|
var value = this.$(e.target).val();
|
|
storage.put(this.name, value);
|
|
console.log(this.name, 'changed to', value);
|
|
this.$el.trigger('change-theme');
|
|
},
|
|
populate: function() {
|
|
var value = storage.get(this.name, this.defaultValue);
|
|
this.$('#' + this.name + '-' + value).attr('checked', 'checked');
|
|
},
|
|
});
|
|
Whisper.SettingsView = Whisper.View.extend({
|
|
className: 'settings modal expand',
|
|
templateName: 'settings',
|
|
initialize: function() {
|
|
this.render();
|
|
new RadioButtonGroupView({
|
|
el: this.$('.notification-settings'),
|
|
defaultValue: 'message',
|
|
name: 'notification-setting'
|
|
});
|
|
new RadioButtonGroupView({
|
|
el: this.$('.theme-settings'),
|
|
defaultValue: 'message',
|
|
name: 'theme-setting'
|
|
});
|
|
new CheckboxView({
|
|
el: this.$('.safety-numbers-settings'),
|
|
defaultValue: true,
|
|
name: 'safety-numbers-approval'
|
|
});
|
|
if (textsecure.storage.user.getDeviceId() != '1') {
|
|
var syncView = new SyncView().render();
|
|
this.$('.content').append(syncView.el);
|
|
}
|
|
},
|
|
events: {
|
|
'click .close': 'remove'
|
|
},
|
|
render_attributes: function() {
|
|
return {
|
|
notifications: i18n('notifications'),
|
|
notificationSettingsDialog: i18n('notificationSettingsDialog'),
|
|
settings: i18n('settings'),
|
|
disableNotifications: i18n('disableNotifications'),
|
|
nameAndMessage: i18n('nameAndMessage'),
|
|
noNameOrMessage: i18n('noNameOrMessage'),
|
|
nameOnly: i18n('nameOnly'),
|
|
safetyNumbersSettingDescription: i18n('safetyNumbersSettingDescription'),
|
|
safetyNumbersSettingHeader: i18n('safetyNumbersSettingHeader'),
|
|
};
|
|
}
|
|
});
|
|
|
|
var SyncView = Whisper.View.extend({
|
|
templateName: 'syncSettings',
|
|
className: 'syncSettings',
|
|
events: {
|
|
'click .sync': 'sync'
|
|
},
|
|
enable: function() {
|
|
this.$('.sync').text(i18n('syncNow'));
|
|
this.$('.sync').removeAttr('disabled');
|
|
},
|
|
disable: function() {
|
|
this.$('.sync').attr('disabled', 'disabled');
|
|
this.$('.sync').text(i18n('syncing'));
|
|
},
|
|
onsuccess: function() {
|
|
storage.put('synced_at', Date.now());
|
|
console.log('sync successful');
|
|
this.enable();
|
|
this.render();
|
|
},
|
|
ontimeout: function() {
|
|
console.log('sync timed out');
|
|
this.$('.synced_at').hide();
|
|
this.$('.sync_failed').show();
|
|
this.enable();
|
|
},
|
|
sync: function() {
|
|
this.$('.sync_failed').hide();
|
|
if (textsecure.storage.user.getDeviceId() != '1') {
|
|
this.disable();
|
|
var syncRequest = window.getSyncRequest();
|
|
syncRequest.addEventListener('success', this.onsuccess.bind(this));
|
|
syncRequest.addEventListener('timeout', this.ontimeout.bind(this));
|
|
} else {
|
|
console.log("Tried to sync from device 1");
|
|
}
|
|
},
|
|
render_attributes: function() {
|
|
var attrs = {
|
|
sync: i18n('sync'),
|
|
syncNow: i18n('syncNow'),
|
|
syncExplanation: i18n('syncExplanation'),
|
|
syncFailed: i18n('syncFailed')
|
|
};
|
|
var date = storage.get('synced_at');
|
|
if (date) {
|
|
date = new Date(date);
|
|
attrs.lastSynced = i18n('lastSynced');
|
|
attrs.syncDate = date.toLocaleDateString();
|
|
attrs.syncTime = date.toLocaleTimeString();
|
|
}
|
|
return attrs;
|
|
}
|
|
});
|
|
})();
|