Function-wrap options.js
This commit is contained in:
lilia
parent
683c373943
commit
75e78caec8
1 changed files with 179 additions and 177 deletions
356
js/options.js
356
js/options.js
|
|
@ -14,182 +14,184 @@
|
||||||
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
function updateNumberColors() {
|
;(function() {
|
||||||
try {
|
function updateNumberColors() {
|
||||||
if($('#number').val() != "" && $('#regionCode').val() != "")
|
try {
|
||||||
textsecure.utils.verifyNumber($('#number').val(), $('#regionCode').val());
|
if($('#number').val() != "" && $('#regionCode').val() != "")
|
||||||
$('#countrycode').removeClass('invalid');
|
textsecure.utils.verifyNumber($('#number').val(), $('#regionCode').val());
|
||||||
$('#number').removeClass('invalid');
|
$('#countrycode').removeClass('invalid');
|
||||||
} catch (numberInvalidError) {
|
$('#number').removeClass('invalid');
|
||||||
console.log(numberInvalidError);
|
} catch (numberInvalidError) {
|
||||||
$('#countrycode').addClass('invalid');
|
console.log(numberInvalidError);
|
||||||
$('#number').addClass('invalid');
|
$('#countrycode').addClass('invalid');
|
||||||
}
|
$('#number').addClass('invalid');
|
||||||
}
|
|
||||||
|
|
||||||
function isCodeValid() {
|
|
||||||
var verificationCode = $('#code').val().replace(/\D/g, '');
|
|
||||||
return verificationCode.length == 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
$('#code').on('change', function() {
|
|
||||||
if (!isCodeValid())
|
|
||||||
$('#code').addClass('invalid');
|
|
||||||
else
|
|
||||||
$('#code').removeClass('invalid');
|
|
||||||
});
|
|
||||||
|
|
||||||
var single_device = false;
|
|
||||||
|
|
||||||
$('#init-go-single-client').click(function() {
|
|
||||||
try {
|
|
||||||
var parsedNumber = textsecure.utils.verifyNumber($('#number').val(), $('#regionCode').val());
|
|
||||||
} catch(e) {
|
|
||||||
alert("Please enter a valid phone number first.");
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
$('#init-go').text('Setup');
|
|
||||||
$('#countrycode').prop('disabled', 'disabled');
|
|
||||||
$('#number').prop('disabled', 'disabled');
|
|
||||||
$('#init-go-single-client').prop('disabled', 'disabled');
|
|
||||||
$('#init-setup-verification').show();
|
|
||||||
|
|
||||||
single_device = true;
|
|
||||||
|
|
||||||
textsecure.api.requestVerificationCode(parsedNumber).catch(function(error) {
|
|
||||||
//TODO: No alerts
|
|
||||||
if (error.humanReadable)
|
|
||||||
alert(error.humanReadable);
|
|
||||||
else
|
|
||||||
alert(error); // XXX
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
$('#init-go').click(function() {
|
|
||||||
var parsedNumber = textsecure.utils.verifyNumber($('#number').val(), $('#regionCode').val());
|
|
||||||
if (!isCodeValid()) {
|
|
||||||
updateCodeColor();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
$('#init-setup').hide();
|
|
||||||
$('#verify1').hide();
|
|
||||||
$('#verify2done').text('');
|
|
||||||
$('#verify3done').text('');
|
|
||||||
$('#verify4done').text('');
|
|
||||||
$('#verify5').hide();
|
|
||||||
$('#verify').show();
|
|
||||||
|
|
||||||
textsecure.registerSingleDevice(parsedNumber, $('#code').val(), function(step) {
|
|
||||||
switch(step) {
|
|
||||||
case 1:
|
|
||||||
$('#verify2done').text('done');
|
|
||||||
break;
|
|
||||||
case 2:
|
|
||||||
$('#verify3done').text('done');
|
|
||||||
break;
|
|
||||||
case 3:
|
|
||||||
$('#complete-number').text(parsedNumber);
|
|
||||||
$('#verify').hide();
|
|
||||||
$('#setup-complete').show();
|
|
||||||
registrationDone();
|
|
||||||
}
|
|
||||||
}).catch(function(error) {
|
|
||||||
//TODO: No alerts...
|
|
||||||
if (error.humanError)
|
|
||||||
alert(error.humanError);
|
|
||||||
else
|
|
||||||
alert(error); //XXX
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
textsecure.registerOnLoadFunction(function() {
|
|
||||||
$(function() {
|
|
||||||
if (!isRegistrationDone()) {
|
|
||||||
$('#init-setup').show();
|
|
||||||
|
|
||||||
var countrys = textsecure.utils.getAllRegionCodes();
|
|
||||||
$.each(countrys, function (regionCode, countryName) {
|
|
||||||
$('#regionCode').append($('<option>', {
|
|
||||||
value: regionCode,
|
|
||||||
text : countryName
|
|
||||||
}));
|
|
||||||
});
|
|
||||||
|
|
||||||
$('#regionCode').change(function(){
|
|
||||||
$('#countrycode').val(textsecure.utils.getCountryCodeForRegion(this.value));
|
|
||||||
updateNumberColors();
|
|
||||||
});
|
|
||||||
|
|
||||||
$('#countrycode').keyup(function(){
|
|
||||||
$('#regionCode').val(textsecure.utils.getRegionCodeForCountryCode($('#countrycode').val()));
|
|
||||||
updateNumberColors();
|
|
||||||
});
|
|
||||||
|
|
||||||
$('#number').change(updateNumberColors);
|
|
||||||
|
|
||||||
// handle form data cached by the browser (after a page ref
|
|
||||||
$('#regionCode').val(textsecure.utils.getRegionCodeForCountryCode($('#countrycode').val()));
|
|
||||||
updateNumberColors();
|
|
||||||
|
|
||||||
textsecure.crypto.prepareTempWebsocket().then(function(cryptoInfo) {
|
|
||||||
var qrCode = new QRCode(document.getElementById('setup-qr'));
|
|
||||||
var socket = textsecure.api.getTempWebsocket();
|
|
||||||
|
|
||||||
socket.onmessage = function(message) {
|
|
||||||
if (message.uuid) {
|
|
||||||
qrCode.makeCode('textsecure-device-init:/' +
|
|
||||||
'?channel_uuid=' + message.uuid +
|
|
||||||
'&channel_server=' + textsecure.api.relay +
|
|
||||||
'&publicKey=' + btoa(getString(cryptoInfo.publicKey)));
|
|
||||||
$('img').removeAttr('style');
|
|
||||||
$('#left-connecting').hide();
|
|
||||||
$('#left-setup').show();
|
|
||||||
$('#left-reconnecting').hide();
|
|
||||||
} else {
|
|
||||||
$('#init-setup').hide();
|
|
||||||
$('#verify1done').text('');
|
|
||||||
$('#verify2done').text('');
|
|
||||||
$('#verify3done').text('');
|
|
||||||
$('#verify4done').text('');
|
|
||||||
$('#verify5done').text('');
|
|
||||||
$('#verify').show();
|
|
||||||
|
|
||||||
|
|
||||||
textsecure.registerSecondDevice(cryptoInfo, message.message, function(step) {
|
|
||||||
switch(step) {
|
|
||||||
case 1:
|
|
||||||
$('#verify1done').text('done');
|
|
||||||
break;
|
|
||||||
case 2:
|
|
||||||
$('#verify2done').text('done');
|
|
||||||
break;
|
|
||||||
case 3:
|
|
||||||
$('#verify3done').text('done');
|
|
||||||
break;
|
|
||||||
case 4:
|
|
||||||
//TODO: User needs to verify number before we continue
|
|
||||||
$('#complete-number').text(parsedNumber);
|
|
||||||
$('#verify4done').text('done');
|
|
||||||
case 5:
|
|
||||||
$('#verify').hide();
|
|
||||||
$('#setup-complete').show();
|
|
||||||
registrationDone();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
socket.ondisconnect = function() {
|
|
||||||
$('#left-connecting').hide();
|
|
||||||
$('#left-setup').hide();
|
|
||||||
$('#left-reconnecting').show();
|
|
||||||
};
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
$('#complete-number').text(textsecure.utils.unencodeNumber(textsecure.storage.getUnencrypted("number_id"))[0]);//TODO: no
|
|
||||||
$('#setup-complete').show();
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function isCodeValid() {
|
||||||
|
var verificationCode = $('#code').val().replace(/\D/g, '');
|
||||||
|
return verificationCode.length == 6;
|
||||||
|
}
|
||||||
|
|
||||||
|
$('#code').on('change', function() {
|
||||||
|
if (!isCodeValid())
|
||||||
|
$('#code').addClass('invalid');
|
||||||
|
else
|
||||||
|
$('#code').removeClass('invalid');
|
||||||
});
|
});
|
||||||
});
|
|
||||||
|
var single_device = false;
|
||||||
|
|
||||||
|
$('#init-go-single-client').click(function() {
|
||||||
|
try {
|
||||||
|
var parsedNumber = textsecure.utils.verifyNumber($('#number').val(), $('#regionCode').val());
|
||||||
|
} catch(e) {
|
||||||
|
alert("Please enter a valid phone number first.");
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
$('#init-go').text('Setup');
|
||||||
|
$('#countrycode').prop('disabled', 'disabled');
|
||||||
|
$('#number').prop('disabled', 'disabled');
|
||||||
|
$('#init-go-single-client').prop('disabled', 'disabled');
|
||||||
|
$('#init-setup-verification').show();
|
||||||
|
|
||||||
|
single_device = true;
|
||||||
|
|
||||||
|
textsecure.api.requestVerificationCode(parsedNumber).catch(function(error) {
|
||||||
|
//TODO: No alerts
|
||||||
|
if (error.humanReadable)
|
||||||
|
alert(error.humanReadable);
|
||||||
|
else
|
||||||
|
alert(error); // XXX
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#init-go').click(function() {
|
||||||
|
var parsedNumber = textsecure.utils.verifyNumber($('#number').val(), $('#regionCode').val());
|
||||||
|
if (!isCodeValid()) {
|
||||||
|
updateCodeColor();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
$('#init-setup').hide();
|
||||||
|
$('#verify1').hide();
|
||||||
|
$('#verify2done').text('');
|
||||||
|
$('#verify3done').text('');
|
||||||
|
$('#verify4done').text('');
|
||||||
|
$('#verify5').hide();
|
||||||
|
$('#verify').show();
|
||||||
|
|
||||||
|
textsecure.registerSingleDevice(parsedNumber, $('#code').val(), function(step) {
|
||||||
|
switch(step) {
|
||||||
|
case 1:
|
||||||
|
$('#verify2done').text('done');
|
||||||
|
break;
|
||||||
|
case 2:
|
||||||
|
$('#verify3done').text('done');
|
||||||
|
break;
|
||||||
|
case 3:
|
||||||
|
$('#complete-number').text(parsedNumber);
|
||||||
|
$('#verify').hide();
|
||||||
|
$('#setup-complete').show();
|
||||||
|
registrationDone();
|
||||||
|
}
|
||||||
|
}).catch(function(error) {
|
||||||
|
//TODO: No alerts...
|
||||||
|
if (error.humanError)
|
||||||
|
alert(error.humanError);
|
||||||
|
else
|
||||||
|
alert(error); //XXX
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
textsecure.registerOnLoadFunction(function() {
|
||||||
|
$(function() {
|
||||||
|
if (!isRegistrationDone()) {
|
||||||
|
$('#init-setup').show();
|
||||||
|
|
||||||
|
var countrys = textsecure.utils.getAllRegionCodes();
|
||||||
|
$.each(countrys, function (regionCode, countryName) {
|
||||||
|
$('#regionCode').append($('<option>', {
|
||||||
|
value: regionCode,
|
||||||
|
text : countryName
|
||||||
|
}));
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#regionCode').change(function(){
|
||||||
|
$('#countrycode').val(textsecure.utils.getCountryCodeForRegion(this.value));
|
||||||
|
updateNumberColors();
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#countrycode').keyup(function(){
|
||||||
|
$('#regionCode').val(textsecure.utils.getRegionCodeForCountryCode($('#countrycode').val()));
|
||||||
|
updateNumberColors();
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#number').change(updateNumberColors);
|
||||||
|
|
||||||
|
// handle form data cached by the browser (after a page ref
|
||||||
|
$('#regionCode').val(textsecure.utils.getRegionCodeForCountryCode($('#countrycode').val()));
|
||||||
|
updateNumberColors();
|
||||||
|
|
||||||
|
textsecure.crypto.prepareTempWebsocket().then(function(cryptoInfo) {
|
||||||
|
var qrCode = new QRCode(document.getElementById('setup-qr'));
|
||||||
|
var socket = textsecure.api.getTempWebsocket();
|
||||||
|
|
||||||
|
socket.onmessage = function(message) {
|
||||||
|
if (message.uuid) {
|
||||||
|
qrCode.makeCode('textsecure-device-init:/' +
|
||||||
|
'?channel_uuid=' + message.uuid +
|
||||||
|
'&channel_server=' + textsecure.api.relay +
|
||||||
|
'&publicKey=' + btoa(getString(cryptoInfo.publicKey)));
|
||||||
|
$('img').removeAttr('style');
|
||||||
|
$('#left-connecting').hide();
|
||||||
|
$('#left-setup').show();
|
||||||
|
$('#left-reconnecting').hide();
|
||||||
|
} else {
|
||||||
|
$('#init-setup').hide();
|
||||||
|
$('#verify1done').text('');
|
||||||
|
$('#verify2done').text('');
|
||||||
|
$('#verify3done').text('');
|
||||||
|
$('#verify4done').text('');
|
||||||
|
$('#verify5done').text('');
|
||||||
|
$('#verify').show();
|
||||||
|
|
||||||
|
|
||||||
|
textsecure.registerSecondDevice(cryptoInfo, message.message, function(step) {
|
||||||
|
switch(step) {
|
||||||
|
case 1:
|
||||||
|
$('#verify1done').text('done');
|
||||||
|
break;
|
||||||
|
case 2:
|
||||||
|
$('#verify2done').text('done');
|
||||||
|
break;
|
||||||
|
case 3:
|
||||||
|
$('#verify3done').text('done');
|
||||||
|
break;
|
||||||
|
case 4:
|
||||||
|
//TODO: User needs to verify number before we continue
|
||||||
|
$('#complete-number').text(parsedNumber);
|
||||||
|
$('#verify4done').text('done');
|
||||||
|
case 5:
|
||||||
|
$('#verify').hide();
|
||||||
|
$('#setup-complete').show();
|
||||||
|
registrationDone();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
socket.ondisconnect = function() {
|
||||||
|
$('#left-connecting').hide();
|
||||||
|
$('#left-setup').hide();
|
||||||
|
$('#left-reconnecting').show();
|
||||||
|
};
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
$('#complete-number').text(textsecure.utils.unencodeNumber(textsecure.storage.getUnencrypted("number_id"))[0]);//TODO: no
|
||||||
|
$('#setup-complete').show();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
})();
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue