Show More
@@ -31,14 +31,9 b'' | |||||
31 | </div> |
|
31 | </div> | |
32 | <button id="saveBtn" class="btn btn-primary" ${'disabled' if c.locked_2fa else ''}>${_('Save')}</button> |
|
32 | <button id="saveBtn" class="btn btn-primary" ${'disabled' if c.locked_2fa else ''}>${_('Save')}</button> | |
33 | </div> |
|
33 | </div> | |
34 | <div id="codesPopup" class="modal"> |
|
|||
35 | <div class="modal-content"> |
|
|||
36 | <ul id="recoveryCodesList"></ul> |
|
|||
37 | <button id="copyAllBtn" class="btn btn-primary">Copy All</button> |
|
|||
38 |
|
|
34 | </div> | |
39 |
|
|
35 | </div> | |
40 | </div> |
|
36 | ||
41 | </div> |
|
|||
42 | % if c.state_of_2fa: |
|
37 | % if c.state_of_2fa: | |
43 | <div class="panel panel-default"> |
|
38 | <div class="panel panel-default"> | |
44 | <div class="panel-heading"> |
|
39 | <div class="panel-heading"> | |
@@ -54,22 +49,19 b'' | |||||
54 | </div> |
|
49 | </div> | |
55 |
|
50 | |||
56 | </div> |
|
51 | </div> | |
|
52 | ||||
57 | % endif |
|
53 | % endif | |
|
54 | ||||
58 | <script> |
|
55 | <script> | |
59 | function submitForm() { |
|
56 | function submitForm() { | |
60 | let formData = new FormData(document.getElementById("2faForm")); |
|
57 | let formData = new FormData(document.getElementById("2faForm")); | |
61 | let xhr = new XMLHttpRequest(); |
|
58 | let xhr = new XMLHttpRequest(); | |
|
59 | ||||
62 | let success = function (response) { |
|
60 | let success = function (response) { | |
63 | let recovery_codes = response.recovery_codes; |
|
61 | let recovery_codes = response.recovery_codes; | |
64 | const codesList = document.getElementById("recoveryCodesList"); |
|
62 | showRecoveryCodesPopup(recovery_codes); | |
|
63 | } | |||
65 |
|
64 | |||
66 | codesList.innerHTML = ""; |
|
|||
67 | recovery_codes.forEach(code => { |
|
|||
68 | const listItem = document.createElement("li"); |
|
|||
69 | listItem.textContent = code; |
|
|||
70 | codesList.appendChild(listItem); |
|
|||
71 | }); |
|
|||
72 | } |
|
|||
73 | xhr.onreadystatechange = function () { |
|
65 | xhr.onreadystatechange = function () { | |
74 | if (xhr.readyState == 4 && xhr.status == 200) { |
|
66 | if (xhr.readyState == 4 && xhr.status == 200) { | |
75 | let responseDoc = new DOMParser().parseFromString(xhr.responseText, "text/html"); |
|
67 | let responseDoc = new DOMParser().parseFromString(xhr.responseText, "text/html"); | |
@@ -79,7 +71,6 b'' | |||||
79 | } else { |
|
71 | } else { | |
80 | let regenerate_url = pyroutes.url('my_account_regenerate_2fa_recovery_codes'); |
|
72 | let regenerate_url = pyroutes.url('my_account_regenerate_2fa_recovery_codes'); | |
81 | ajaxPOST(regenerate_url, {'csrf_token': CSRF_TOKEN}, success); |
|
73 | ajaxPOST(regenerate_url, {'csrf_token': CSRF_TOKEN}, success); | |
82 | showRecoveryCodesPopup(); |
|
|||
83 | } |
|
74 | } | |
84 | } |
|
75 | } | |
85 | }; |
|
76 | }; | |
@@ -87,8 +78,7 b'' | |||||
87 | xhr.open("POST", url, true); |
|
78 | xhr.open("POST", url, true); | |
88 | xhr.send(formData); |
|
79 | xhr.send(formData); | |
89 | } |
|
80 | } | |
90 | </script> |
|
81 | ||
91 | <script> |
|
|||
92 | document.getElementById('2faEnabled').addEventListener('click', function () { |
|
82 | document.getElementById('2faEnabled').addEventListener('click', function () { | |
93 | document.getElementById('2faDisabled').checked = false; |
|
83 | document.getElementById('2faDisabled').checked = false; | |
94 | }); |
|
84 | }); | |
@@ -109,32 +99,25 b'' | |||||
109 | let post_data = {'state': state, 'csrf_token': CSRF_TOKEN}; |
|
99 | let post_data = {'state': state, 'csrf_token': CSRF_TOKEN}; | |
110 | let url = pyroutes.url('my_account_configure_2fa'); |
|
100 | let url = pyroutes.url('my_account_configure_2fa'); | |
111 |
|
101 | |||
112 |
ajaxPOST(url, post_data, |
|
102 | ajaxPOST(url, post_data, function(){}, function(){}) | |
113 |
} |
|
103 | } | |
|
104 | ||||
114 | document.getElementById('saveBtn').addEventListener('click', function () { |
|
105 | document.getElementById('saveBtn').addEventListener('click', function () { | |
115 | var state = getStateValue(); |
|
106 | var state = getStateValue(); | |
116 | saveChanges(state); |
|
107 | saveChanges(state); | |
117 | }); |
|
108 | }); | |
118 | </script> |
|
109 | ||
119 | <script> |
|
110 | function showRecoveryCodesPopup(recoveryCodes) { | |
120 | function showRecoveryCodesPopup() { |
|
111 | let funcData = {'recoveryCodes': recoveryCodes} | |
121 | const popup = document.getElementById("codesPopup"); |
|
112 | let recoveryCodesHtml = renderTemplate('recoveryCodes', funcData) | |
122 | popup.style.display = "block"; |
|
113 | ||
|
114 | SwalNoAnimation.fire({ | |||
|
115 | allowOutsideClick: false, | |||
|
116 | confirmButtonText: _gettext('I Copied the codes'), | |||
|
117 | title: _gettext('2FA Recovery Codes'), | |||
|
118 | html: recoveryCodesHtml | |||
|
119 | }) | |||
|
120 | ||||
123 | } |
|
121 | } | |
124 |
|
122 | |||
125 | document.getElementById("copyAllBtn").addEventListener("click", function () { |
|
|||
126 | const codesListItems = document.querySelectorAll("#recoveryCodesList li"); |
|
|||
127 | const allCodes = Array.from(codesListItems).map(item => item.textContent).join(", "); |
|
|||
128 |
|
||||
129 | const textarea = document.createElement('textarea'); |
|
|||
130 | textarea.value = allCodes; |
|
|||
131 | document.body.appendChild(textarea); |
|
|||
132 |
|
||||
133 | textarea.select(); |
|
|||
134 | document.execCommand('copy'); |
|
|||
135 |
|
||||
136 | document.body.removeChild(textarea); |
|
|||
137 | const popup = document.getElementById("codesPopup"); |
|
|||
138 | popup.style.display = "" |
|
|||
139 | }); |
|
|||
140 | </script> |
|
123 | </script> |
General Comments 0
You need to be logged in to leave comments.
Login now