135 lines
4.2 KiB
JavaScript
135 lines
4.2 KiB
JavaScript
(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(),
|
|
]),
|
|
hideCancel: true,
|
|
});
|
|
|
|
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,
|
|
};
|
|
},
|
|
});
|
|
})();
|