Merge pull request #2692 from aignatov-bio/ai-sci-4754-enable-2fa-button-in-settings

Add enable 2fa button to user settings [SCI-4754]

app/assets/javascripts/users/registrations/edit.js

@@ -79,4 +79,8 @@
     }
     $fileInput[0].value = '';
   });
+
+  $('#twoFactorAuthentication').click(function() {
+    $('#twoFactorAuthenticationModal').modal('show');
+  });
 }());

app/views/users/registrations/_2fa_modal.html.erb

@@ -0,0 +1,13 @@
+<div class="modal" id="twoFactorAuthenticationModal" tabindex="-1" role="dialog">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span></button>
+        <h2 class="modal-title"></h2>
+      </div>
+      <div class="modal-body">
+      </div>
+    </div>
+  </div>
+</div>
+

app/views/users/registrations/edit.html.erb

@@ -142,7 +142,7 @@
                 </div>
               </div>
             <% end %>
-
+            <button class="btn btn-primary" id="twoFactorAuthentication"><%= t("users.registrations.edit.2fa_button") %></button>
           </div>
           <div class="col-md-7 col-md-offset-1">
             <div class="row user-statistics">
@@ -176,6 +176,7 @@
   </div>
 </div>
 
+<%= render partial: '2fa_modal' %>
 <%= render partial: 'users/shared/user_avatars_modal' %>
 
 <%= javascript_pack_tag 'custom/croppie' %>

config/locales/en.yml

@@ -1593,6 +1593,7 @@ en:
         password_title: "Change password"
         new_password_label: "New password"
         new_password_2_label: "New password confirmation"
+        2fa_button: "Enable two-factor authentication"
       new:
         head_title: "Sign up"
         team_name_label: "Team name"