InstallView: Refactor step numbers into enum
FREEBIE
This commit is contained in:
parent
0416d2162c
commit
90cc0949b6
1 changed files with 20 additions and 11 deletions
|
@ -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();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
})();
|
})();
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue