InstallView: Refactor step numbers into enum

FREEBIE
This commit is contained in:
Scott Nonnenberg 2017-08-08 12:08:14 -07:00
parent 0416d2162c
commit 90cc0949b6
No known key found for this signature in database
GPG key ID: A4931C09644C654B

View file

@ -5,6 +5,14 @@
'use strict'; 'use strict';
window.Whisper = window.Whisper || {}; window.Whisper = window.Whisper || {};
var Steps = {
INSTALL_SIGNAL: 2,
SCAN_QR_CODE: 3,
ENTER_NAME: 4,
PROGRESS_BAR: 5,
TOO_MANY_DEVICES: 'TooManyDevices',
};
Whisper.InstallView = Whisper.View.extend({ Whisper.InstallView = Whisper.View.extend({
templateName: 'install_flow_template', templateName: 'install_flow_template',
className: 'main install', className: 'main install',
@ -44,12 +52,12 @@
} }
this.$('#device-name').val(deviceName); this.$('#device-name').val(deviceName);
this.$('#step2').show(); this.selectStep(Steps.INSTALL_SIGNAL);
this.connect(); this.connect();
this.on('disconnected', this.reconnect); this.on('disconnected', this.reconnect);
if (Whisper.Registration.everDone()) { if (Whisper.Registration.everDone()) {
this.installView.selectStep(3); this.installView.selectStep(Steps.SCAN_QR_CODE);
this.installView.hideDots(); this.installView.hideDots();
} }
}, },
@ -83,8 +91,8 @@
return { return {
'click .error-dialog .ok': 'connect', 'click .error-dialog .ok': 'connect',
'click .step1': 'onCancel', 'click .step1': 'onCancel',
'click .step2': this.selectStep.bind(this, 2), 'click .step2': this.selectStep.bind(this, Steps.INSTALL_SIGNAL),
'click .step3': this.selectStep.bind(this, 3) 'click .step3': this.selectStep.bind(this, Steps.SCAN_QR_CODE)
}; };
}, },
onCancel: function() { onCancel: function() {
@ -100,17 +108,18 @@
}, },
confirmNumber: function(number) { confirmNumber: function(number) {
var parsed = libphonenumber.parse(number); var parsed = libphonenumber.parse(number);
this.$('#step4 .number').text(libphonenumber.format( var stepId = '#step' + Steps.ENTER_NAME;
this.$(stepId + ' .number').text(libphonenumber.format(
parsed, parsed,
libphonenumber.PhoneNumberFormat.INTERNATIONAL libphonenumber.PhoneNumberFormat.INTERNATIONAL
)); ));
this.selectStep(4); this.selectStep(Steps.ENTER_NAME);
this.$('#device-name').focus(); this.$('#device-name').focus();
return new Promise(function(resolve, reject) { return new Promise(function(resolve, reject) {
this.$('#step4 .cancel').click(function(e) { this.$(stepId + ' .cancel').click(function(e) {
reject(); reject();
}); });
this.$('#step4').submit(function(e) { this.$(stepId).submit(function(e) {
e.stopPropagation(); e.stopPropagation();
e.preventDefault(); e.preventDefault();
var name = this.$('#device-name').val(); var name = this.$('#device-name').val();
@ -120,7 +129,7 @@
return; return;
} }
this.$('.progress-dialog .status').text(i18n('installGeneratingKeys')); this.$('.progress-dialog .status').text(i18n('installGeneratingKeys'));
this.selectStep(5); this.selectStep(Steps.PROGRESS_BAR);
resolve(name); resolve(name);
}.bind(this)); }.bind(this));
}.bind(this)); }.bind(this));
@ -137,13 +146,13 @@
this.$('.progress-dialog .bar').addClass('progress-bar-striped active'); this.$('.progress-dialog .bar').addClass('progress-bar-striped active');
}, },
showTooManyDevices: function() { showTooManyDevices: function() {
this.selectStep('TooManyDevices'); this.selectStep(Steps.TOO_MANY_DEVICES);
}, },
showConnectionError: function() { showConnectionError: function() {
this.$('#qr').text(i18n("installConnectionFailed")); this.$('#qr').text(i18n("installConnectionFailed"));
}, },
hideDots: function() { hideDots: function() {
this.$('#step3 .nav .dot').hide(); this.$('#step' + Steps.SCAN_QR_CODE + ' .nav .dot').hide();
} }
}); });
})(); })();