From 6cbff05e10d68400084689d7bfd1ec3e9e774a21 Mon Sep 17 00:00:00 2001
From: Mo Bitar <me@bitar.io>
Date: Sun, 5 Aug 2018 09:54:59 -0500
Subject: [PATCH] Scroll import password request into view

---
 app/assets/javascripts/app/directives/views/accountMenu.js | 7 +++++++
 app/assets/templates/directives/account-menu.html.haml     | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/app/directives/views/accountMenu.js b/app/assets/javascripts/app/directives/views/accountMenu.js
index 776b94658..617e48343 100644
--- a/app/assets/javascripts/app/directives/views/accountMenu.js
+++ b/app/assets/javascripts/app/directives/views/accountMenu.js
@@ -236,6 +236,13 @@ class AccountMenu {
               // request password
               $scope.importData.requestPassword = true;
               $scope.importData.data = data;
+
+              $timeout(() => {
+                var element = document.getElementById("import-password-request");
+                if(element) {
+                  element.scrollIntoView(false);
+                }
+              })
             } else {
               $scope.performImport(data, null);
             }
diff --git a/app/assets/templates/directives/account-menu.html.haml b/app/assets/templates/directives/account-menu.html.haml
index ed18f5ab4..1bc055eae 100644
--- a/app/assets/templates/directives/account-menu.html.haml
+++ b/app/assets/templates/directives/account-menu.html.haml
@@ -151,7 +151,7 @@
 
           %span{"ng-if" => "isDesktopApplication()"} Backups are automatically created on desktop and can be managed via the "Backups" top-level menu.
 
-          %div{"ng-if" => "importData.requestPassword"}
+          #import-password-request{"ng-if" => "importData.requestPassword"}
             %form.panel-form.stretch{"ng-submit" => "submitImportPassword()"}
               %p Enter the account password associated with the import file.
               %input.form-control.mt-5{:type => 'password', "placeholder" => "Enter File Account Password", "ng-model" => "importData.password", "autofocus" => "true"}