Login form focus and submit

root-gg · Sep 28, 2020 · 43ef1f2 · 43ef1f2
1 parent 70690c9
commit 43ef1f2
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/webapp/js/ctrl/login.js b/webapp/js/ctrl/login.js
@@ -2,6 +2,11 @@
 plik.controller('LoginCtrl', ['$scope', '$api', '$config', '$location', '$dialog',
     function ($scope, $api, $config, $location, $dialog) {
 
+        // Ugly but it works
+        setTimeout(function () {
+            $("#login").focus();
+        }, 100);
+
         // Get server config
         $config.getConfig()
             .then(function (config) {

diff --git a/webapp/partials/login.html b/webapp/partials/login.html
@@ -8,7 +8,10 @@
                 <div class="col-sm-12 text-center">
                     <div class="row">
                         <div class="col-sm-11 col-sm-offset-1">
-                            <form class="form-horizontal">
+                            <form class="form-horizontal" ng-submit="login()">
+                                <!-- needed for ng-submit to work -->
+                                <input type="submit" id="submit" style="display:none"/>
+
                                 <!-- LOGIN INPUT -->
                                 <div class="form-group">
                                     <label for="login" class="col-sm-2 control-label">Login</label>
@@ -20,8 +23,7 @@
                                 <div class="form-group">
                                     <label for="password" class="col-sm-2 control-label">Password</label>
                                     <div class="col-sm-8">
-                                        <input id="password" type="password" ng-model="$parent.password" class="form-control"
-                                               placeholder="Password">
+                                        <input id="password" type="password" ng-model="$parent.password" class="form-control" placeholder="Password">
                                     </div>
                                 </div>
                             </form>