121 lines
4.8 KiB
JavaScript
121 lines
4.8 KiB
JavaScript
/*
|
|
* vim: ts=4:sw=4:expandtab
|
|
*/
|
|
(function () {
|
|
'use strict';
|
|
window.Whisper = window.Whisper || {};
|
|
|
|
Whisper.KeyVerificationPanelView = Whisper.View.extend({
|
|
className: 'key-verification panel',
|
|
templateName: 'key-verification',
|
|
events: {
|
|
'click button.verify': 'toggleVerified',
|
|
},
|
|
initialize: function(options) {
|
|
this.ourNumber = textsecure.storage.user.getNumber();
|
|
if (options.newKey) {
|
|
this.theirKey = options.newKey;
|
|
}
|
|
|
|
this.loadKeys().then(function() {
|
|
this.listenTo(this.model, 'change', this.render);
|
|
}.bind(this));
|
|
},
|
|
loadKeys: function() {
|
|
return Promise.all([
|
|
this.loadTheirKey(),
|
|
this.loadOurKey(),
|
|
]).then(this.generateSecurityNumber.bind(this))
|
|
.then(this.render.bind(this));
|
|
//.then(this.makeQRCode.bind(this));
|
|
},
|
|
makeQRCode: function() {
|
|
// Per Lilia: We can't turn this on until it generates a Latin1 string, as is
|
|
// required by the mobile clients.
|
|
new QRCode(this.$('.qr')[0]).makeCode(
|
|
dcodeIO.ByteBuffer.wrap(this.ourKey).toString('base64')
|
|
);
|
|
},
|
|
loadTheirKey: function() {
|
|
return textsecure.storage.protocol.loadIdentityKey(
|
|
this.model.id
|
|
).then(function(theirKey) {
|
|
this.theirKey = theirKey;
|
|
}.bind(this));
|
|
},
|
|
loadOurKey: function() {
|
|
return textsecure.storage.protocol.loadIdentityKey(
|
|
this.ourNumber
|
|
).then(function(ourKey) {
|
|
this.ourKey = ourKey;
|
|
}.bind(this));
|
|
},
|
|
generateSecurityNumber: function() {
|
|
return new libsignal.FingerprintGenerator(5200).createFor(
|
|
this.ourNumber, this.ourKey, this.model.id, this.theirKey
|
|
).then(function(securityNumber) {
|
|
this.securityNumber = securityNumber;
|
|
}.bind(this));
|
|
},
|
|
onSafetyNumberChanged: function() {
|
|
this.model.getProfiles().then(this.loadKeys.bind(this));
|
|
|
|
var dialog = new Whisper.ConfirmationDialogView({
|
|
message: i18n('changedRightAfterVerify', this.model.getTitle(), this.model.getTitle()),
|
|
resolve: function() {},
|
|
});
|
|
|
|
dialog.$el.insertBefore(this.el);
|
|
dialog.focusCancel();
|
|
},
|
|
toggleVerified: function() {
|
|
this.$('button.verify').attr('disabled', true);
|
|
this.model.toggleVerified().catch(function(result) {
|
|
if (result instanceof Error) {
|
|
if (result.name === 'OutgoingIdentityKeyError') {
|
|
this.onSafetyNumberChanged();
|
|
} else {
|
|
console.log('failed to toggle verified:', result.stack);
|
|
}
|
|
} else {
|
|
var keyError = _.some(result.errors, function(error) {
|
|
return error.name === 'OutgoingIdentityKeyError';
|
|
});
|
|
if (keyError) {
|
|
this.onSafetyNumberChanged();
|
|
} else {
|
|
_.forEach(result.errors, function(error) {
|
|
console.log('failed to toggle verified:', error.stack);
|
|
});
|
|
}
|
|
}
|
|
}.bind(this)).then(function() {
|
|
this.$('button.verify').removeAttr('disabled');
|
|
}.bind(this));
|
|
},
|
|
render_attributes: function() {
|
|
var s = this.securityNumber;
|
|
var chunks = [];
|
|
for (var i = 0; i < s.length; i += 5) {
|
|
chunks.push(s.substring(i, i+5));
|
|
}
|
|
var name = this.model.getTitle();
|
|
var yourSafetyNumberWith = i18n('yourSafetyNumberWith', name);
|
|
var isVerified = this.model.isVerified();
|
|
var verifyButton = isVerified ? i18n('unverify') : i18n('verify');
|
|
var verifiedStatus = isVerified ? i18n('isVerified', name) : i18n('isNotVerified', name);
|
|
|
|
return {
|
|
learnMore : i18n('learnMore'),
|
|
theirKeyUnknown : i18n('theirIdentityUnknown'),
|
|
yourSafetyNumberWith : i18n('yourSafetyNumberWith', this.model.getTitle()),
|
|
verifyHelp : i18n('verifyHelp', this.model.getTitle()),
|
|
verifyButton : verifyButton,
|
|
hasTheirKey : this.theirKey !== undefined,
|
|
chunks : chunks,
|
|
isVerified : isVerified,
|
|
verifiedStatus : verifiedStatus
|
|
};
|
|
}
|
|
});
|
|
})();
|