simplified login form, show password recovery always, some camp theme tweaks

resources/assets/themes/theme10.less

@@ -170,23 +170,23 @@ THE SOFTWARE.
 
 @btn-primary-color:              @btn-default-color;
 @btn-primary-bg:                 @brand-primary;
-@btn-primary-border:             darken(@btn-default-bg, 10%);
+@btn-primary-border:             darken(@btn-primary-bg, 10%);
 
 @btn-success-color:              @btn-default-color;
 @btn-success-bg:                 @brand-success;
-@btn-success-border:             darken(@btn-default-bg, 10%);
+@btn-success-border:             darken(@btn-success-bg, 10%);
 
 @btn-info-color:                 @btn-default-color;
 @btn-info-bg:                    @brand-info;
-@btn-info-border:                darken(@btn-default-bg, 10%);
+@btn-info-border:                darken(@btn-info-bg, 10%);
 
 @btn-warning-color:              @btn-default-color;
 @btn-warning-bg:                 @brand-warning;
-@btn-warning-border:             darken(@btn-default-bg, 10%);
+@btn-warning-border:             darken(@btn-warning-bg, 10%);
 
 @btn-danger-color:               @btn-default-color;
 @btn-danger-bg:                  @brand-danger;
-@btn-danger-border:              darken(@btn-default-bg, 10%);
+@btn-danger-border:              darken(@btn-danger-bg, 10%);
 
 @btn-link-disabled-color:        @gray-light;
 
@@ -196,9 +196,9 @@ THE SOFTWARE.
 //##
 
 //** `<input>` background color
-@input-bg:                       @gray-darker;
+@input-bg:                       #000;
 //** `<input disabled>` background color
-@input-bg-disabled:              @gray-dark;
+@input-bg-disabled:              @gray-darker;
 
 //** Text color for `<input>`s
 @input-color:                    @text-color;
@@ -223,7 +223,7 @@ THE SOFTWARE.
 @legend-border-color:            @gray-dark;
 
 //** Background color for textual input addons
-@input-group-addon-bg:           @gray-lighter;
+@input-group-addon-bg:           @gray-light;
 //** Border color for textual input addons
 @input-group-addon-border-color: @input-border;
 
@@ -980,10 +980,6 @@ table,
   }
 }
 
-.input-group-addon {
-  background-color: @btn-default-bg;
-}
-
 // Navs =======================================================================
 
 .nav-tabs,
@@ -1074,3 +1070,11 @@ h1 {
 .panel-title {
   color: #fff;
 }
+
+.input-group-addon {
+  color: #000;
+
+  .icon-icon_angel {
+    background-color: #000;
+  }
+}

resources/assets/themes/theme8.less

@@ -170,23 +170,23 @@ THE SOFTWARE.
 
 @btn-primary-color:              @btn-default-color;
 @btn-primary-bg:                 @brand-primary;
-@btn-primary-border:             darken(@btn-default-bg, 10%);
+@btn-primary-border:             darken(@btn-primary-bg, 10%);
 
 @btn-success-color:              @btn-default-color;
 @btn-success-bg:                 @brand-success;
-@btn-success-border:             darken(@btn-default-bg, 10%);
+@btn-success-border:             darken(@btn-success-bg, 10%);
 
 @btn-info-color:                 @btn-default-color;
 @btn-info-bg:                    @brand-info;
-@btn-info-border:                darken(@btn-default-bg, 10%);
+@btn-info-border:                darken(@btn-info-bg, 10%);
 
 @btn-warning-color:              @btn-default-color;
 @btn-warning-bg:                 @brand-warning;
-@btn-warning-border:             darken(@btn-default-bg, 10%);
+@btn-warning-border:             darken(@btn-warning-bg, 10%);
 
 @btn-danger-color:               @btn-default-color;
 @btn-danger-bg:                  @brand-danger;
-@btn-danger-border:              darken(@btn-default-bg, 10%);
+@btn-danger-border:              darken(@btn-danger-bg, 10%);
 
 @btn-link-disabled-color:        @gray-light;
 
@@ -196,9 +196,9 @@ THE SOFTWARE.
 //##
 
 //** `<input>` background color
-@input-bg:                       @gray-darker;
+@input-bg:                       #000;
 //** `<input disabled>` background color
-@input-bg-disabled:              @gray-dark;
+@input-bg-disabled:              @gray-darker;
 
 //** Text color for `<input>`s
 @input-color:                    @text-color;
@@ -223,7 +223,7 @@ THE SOFTWARE.
 @legend-border-color:            @gray-dark;
 
 //** Background color for textual input addons
-@input-group-addon-bg:           @gray-lighter;
+@input-group-addon-bg:           @gray-light;
 //** Border color for textual input addons
 @input-group-addon-border-color: @input-border;
 
@@ -980,10 +980,6 @@ table,
   }
 }
 
-.input-group-addon {
-  background-color: @btn-default-bg;
-}
-
 // Navs =======================================================================
 
 .nav-tabs,
@@ -1074,3 +1070,11 @@ h1 {
 .panel-title {
 	color: #fff;
 }
+
+.input-group-addon {
+  color: #000;
+
+  .icon-icon_angel {
+    background-color: #000;
+  }
+}

resources/assets/themes/theme9.less

@@ -170,23 +170,23 @@ THE SOFTWARE.
 
 @btn-primary-color:              @btn-default-color;
 @btn-primary-bg:                 @brand-primary;
-@btn-primary-border:             darken(@btn-default-bg, 10%);
+@btn-primary-border:             darken(@btn-primary-bg, 10%);
 
 @btn-success-color:              @btn-default-color;
 @btn-success-bg:                 @brand-success;
-@btn-success-border:             darken(@btn-default-bg, 10%);
+@btn-success-border:             darken(@btn-success-bg, 10%);
 
 @btn-info-color:                 @btn-default-color;
 @btn-info-bg:                    @brand-info;
-@btn-info-border:                darken(@btn-default-bg, 10%);
+@btn-info-border:                darken(@btn-info-bg, 10%);
 
 @btn-warning-color:              @btn-default-color;
 @btn-warning-bg:                 @brand-warning;
-@btn-warning-border:             darken(@btn-default-bg, 10%);
+@btn-warning-border:             darken(@btn-warning-bg, 10%);
 
 @btn-danger-color:               @btn-default-color;
 @btn-danger-bg:                  @brand-danger;
-@btn-danger-border:              darken(@btn-default-bg, 10%);
+@btn-danger-border:              darken(@btn-danger-bg, 10%);
 
 @btn-link-disabled-color:        @gray-light;
 
@@ -196,9 +196,9 @@ THE SOFTWARE.
 //##
 
 //** `<input>` background color
-@input-bg:                       @gray-darker;
+@input-bg:                       #000;
 //** `<input disabled>` background color
-@input-bg-disabled:              @gray-dark;
+@input-bg-disabled:              @gray-darker;
 
 //** Text color for `<input>`s
 @input-color:                    @text-color;
@@ -223,7 +223,7 @@ THE SOFTWARE.
 @legend-border-color:            @gray-dark;
 
 //** Background color for textual input addons
-@input-group-addon-bg:           @gray-lighter;
+@input-group-addon-bg:           @gray-light;
 //** Border color for textual input addons
 @input-group-addon-border-color: @input-border;
 
@@ -980,10 +980,6 @@ table,
   }
 }
 
-.input-group-addon {
-  background-color: @btn-default-bg;
-}
-
 // Navs =======================================================================
 
 .nav-tabs,
@@ -1074,3 +1070,11 @@ h1 {
 .panel-title {
   color: #fff;
 }
+
+.input-group-addon {
+  color: #000;
+
+  .icon-icon_angel {
+    background-color: #000;
+  }
+}

resources/views/pages/login.twig

@@ -31,9 +31,6 @@
         <div class="row">
             <div class="col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-4">
                 <div class="panel panel-primary first">
-
-                    <div class="panel-heading">{{ m.angel }} {{ __('Login') }}</div>
-
                     <div class="panel-body">
                         {% for message in errors|default([]) %}
                             {{ m.alert(__(message), 'danger') }}
@@ -42,36 +39,34 @@
                         <form action="" enctype="multipart/form-data" method="post">
                             {{ csrf() }}
                             <div class="form-group">
-                                <input class="form-control" id="form_nick"
-                                       type="text" name="login" value="" placeholder="{{ __('Nick') }}">
+                                <div class="input-group">
+                                    <span class="input-group-addon">{{ m.angel }}</span>
+                                    <input class="form-control input-lg" id="form_nick"
+                                           type="text" name="login" value="" placeholder="{{ __('Nick') }}">
+                                </div>
                             </div>
 
                             <div class="form-group">
-                                <input class="form-control" id="form_password"
-                                       type="password" name="password" value="" placeholder="{{ __('Password') }}">
+                                <div class="input-group">
+                                    <span class="input-group-addon">{{ m.glyphicon('lock') }}</span>
+                                    <input class="form-control input-lg" id="form_password"
+                                          type="password" name="password" value="" placeholder="{{ __('Password') }}">
+                                </div>
                             </div>
 
                             <div class="form-group">
-                                <div class="btn-group">
-                                    <button class="btn btn-primary" type="submit" name="submit">
-                                        {{ __('Login') }}
-                                    </button>
-
-                                    {% if show_password_recovery|default(false) %}
-                                        <a href="{{ url('user-password-recovery') }}" class="btn btn-default ">
-                                            {{ __('I forgot my password') }}
-                                        </a>
-                                    {% endif %}
-                                </div>
+                                <button class="btn btn-primary btn-lg btn-block" type="submit" name="submit">
+                                    {{ __('Login') }}
+                                </button>
                             </div>
 
+                            <div class="text-center">
+                                <a href="{{ url('user-password-recovery') }}" class="">
+                                    {{ __('I forgot my password') }}
+                                </a>
+                            </div>
                         </form>
                     </div>
-
-                    <div class="panel-footer">
-                        {{ m.glyphicon('info-sign') }} {{ __('Please note: You have to activate cookies!') }}
-                    </div>
-
                 </div>
             </div>
         </div>
@@ -100,5 +95,6 @@
             </div>
         </div>
 
+        {{ m.glyphicon('info-sign') }} {{ __('Please note: You have to activate cookies!') }}
     </div>
 {% endblock %}

src/Controllers/AuthController.php

@@ -59,17 +59,16 @@ class AuthController extends BaseController
     }
 
     /**
-     * @param bool $showRecovery
      * @return Response
      */
-    protected function showLogin($showRecovery = false): Response
+    protected function showLogin(): Response
     {
         $errors = Collection::make(Arr::flatten($this->session->get('errors', [])));
         $this->session->remove('errors');
 
         return $this->response->withView(
             'pages/login',
-            ['errors' => $errors, 'show_password_recovery' => $showRecovery]
+            ['errors' => $errors]
         );
     }
 
@@ -91,7 +90,7 @@ class AuthController extends BaseController
         if (!$user instanceof User) {
             $this->session->set('errors', $this->session->get('errors', []) + ['auth.not-found']);
 
-            return $this->showLogin(true);
+            return $this->showLogin();
         }
 
         $this->session->invalidate();