You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

user-auth-u2f.js 3.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. const {appSubUrl, csrfToken} = window.config;
  2. export function initUserAuthU2fAuth() {
  3. if ($('#wait-for-key').length === 0) {
  4. return;
  5. }
  6. u2fApi.ensureSupport().then(() => {
  7. $.getJSON(`${appSubUrl}/user/u2f/challenge`).done((req) => {
  8. u2fApi.sign(req.appId, req.challenge, req.registeredKeys, 30)
  9. .then(u2fSigned)
  10. .catch((err) => {
  11. if (err === undefined) {
  12. u2fError(1);
  13. return;
  14. }
  15. u2fError(err.metaData.code);
  16. });
  17. });
  18. }).catch(() => {
  19. // Fallback in case browser do not support U2F
  20. window.location.href = `${appSubUrl}/user/two_factor`;
  21. });
  22. }
  23. function u2fSigned(resp) {
  24. $.ajax({
  25. url: `${appSubUrl}/user/u2f/sign`,
  26. type: 'POST',
  27. headers: {'X-Csrf-Token': csrfToken},
  28. data: JSON.stringify(resp),
  29. contentType: 'application/json; charset=utf-8',
  30. }).done((res) => {
  31. window.location.replace(res);
  32. }).fail(() => {
  33. u2fError(1);
  34. });
  35. }
  36. function u2fRegistered(resp) {
  37. if (checkError(resp)) {
  38. return;
  39. }
  40. $.ajax({
  41. url: `${appSubUrl}/user/settings/security/u2f/register`,
  42. type: 'POST',
  43. headers: {'X-Csrf-Token': csrfToken},
  44. data: JSON.stringify(resp),
  45. contentType: 'application/json; charset=utf-8',
  46. success() {
  47. window.location.reload();
  48. },
  49. fail() {
  50. u2fError(1);
  51. }
  52. });
  53. }
  54. function checkError(resp) {
  55. if (!('errorCode' in resp)) {
  56. return false;
  57. }
  58. if (resp.errorCode === 0) {
  59. return false;
  60. }
  61. u2fError(resp.errorCode);
  62. return true;
  63. }
  64. function u2fError(errorType) {
  65. const u2fErrors = {
  66. browser: $('#unsupported-browser'),
  67. 1: $('#u2f-error-1'),
  68. 2: $('#u2f-error-2'),
  69. 3: $('#u2f-error-3'),
  70. 4: $('#u2f-error-4'),
  71. 5: $('.u2f_error_5')
  72. };
  73. u2fErrors[errorType].removeClass('hide');
  74. for (const type of Object.keys(u2fErrors)) {
  75. if (type !== `${errorType}`) {
  76. u2fErrors[type].addClass('hide');
  77. }
  78. }
  79. $('#u2f-error').modal('show');
  80. }
  81. export function initUserAuthU2fRegister() {
  82. $('#register-device').modal({allowMultiple: false});
  83. $('#u2f-error').modal({allowMultiple: false});
  84. $('#register-security-key').on('click', (e) => {
  85. e.preventDefault();
  86. u2fApi.ensureSupport()
  87. .then(u2fRegisterRequest)
  88. .catch(() => {
  89. u2fError('browser');
  90. });
  91. });
  92. }
  93. function u2fRegisterRequest() {
  94. $.post(`${appSubUrl}/user/settings/security/u2f/request_register`, {
  95. _csrf: csrfToken,
  96. name: $('#nickname').val()
  97. }).done((req) => {
  98. $('#nickname').closest('div.field').removeClass('error');
  99. $('#register-device').modal('show');
  100. if (req.registeredKeys === null) {
  101. req.registeredKeys = [];
  102. }
  103. u2fApi.register(req.appId, req.registerRequests, req.registeredKeys, 30)
  104. .then(u2fRegistered)
  105. .catch((reason) => {
  106. if (reason === undefined) {
  107. u2fError(1);
  108. return;
  109. }
  110. u2fError(reason.metaData.code);
  111. });
  112. }).fail((xhr) => {
  113. if (xhr.status === 409) {
  114. $('#nickname').closest('div.field').addClass('error');
  115. }
  116. });
  117. }