Merge branch 'ee-login-layout' into 'master'

EE login layout

Port login layout from EE

See merge request !964

app/assets/stylesheets/sections/login.scss

@@ -6,11 +6,13 @@
   }
 
   .login-box{
-    max-width: 304px;
-    position: relative;
-    @include border-radius(5px);
-    margin: auto;
-    background: white;
+  }
+
+  .brand-image {
+    margin-bottom:  20px;
+    img {
+      max-width: 100%;
+    }
   }
 
   .login-logo{
@@ -19,7 +21,7 @@
   }
 
   .form-control {
-    background-color: #f1f1f1;
+    background-color: #F5F5F5;
     font-size: 16px;
     padding: 14px 10px;
     width: 100%;
@@ -41,6 +43,10 @@
       margin-bottom:0px;
       @include border-radius(0);
     }
+
+    &:active, &:focus {
+      background-color: #FFF;
+    }
   }
 
   .login-box a.forgot {

app/assets/stylesheets/sections/projects.scss

@@ -172,8 +172,8 @@ ul.nav.nav-projects-tabs {
 }
 
 .public-clone {
-  background: #333;
-  color: #f5f5f5;
+  background: #EEE;
+  color: #777;
   padding: 6px 10px;
   margin: 1px;
   font-weight: normal;

app/helpers/brand_helper.rb

+module BrandHelper
+  def brand_title
+    'GitLab Community Edition'
+  end
+
+  def brand_image
+    image_tag 'brand_logo.png'
+  end
+
+  def brand_text
+    default_text =<<eos
+### GitLab is open source software to collaborate on code.
+
+Manage git repositories with fine grained access controls that keep your code secure.
+Perform code reviews and enhance collaboration with merge requests.
+Each project can also have an issue tracker and a wiki.
+
+Used by more than 100,000 organizations, GitLab is the most popular solution to manage git repositories on-premises.
+Read more about GitLab at [about.gitlab.com](https://about.gitlab.com/).
+eos
+    markdown default_text
+  end
+end

app/views/devise/confirmations/new.html.haml

-.login-box
-  %h3.page-title Resend confirmation instructions
+.login-box.panel.panel-default
+  .panel-heading
+    %h3.panel-title Resend confirmation instructions
+  .panel-body
     = form_for(resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post }) do |f|
       .devise-errors
         = devise_error_messages!
@@ -7,9 +9,5 @@
         = f.email_field :email, placeholder: 'Email', class: "form-control", required: true
       .clearfix.append-bottom-10
         = f.submit "Resend confirmation instructions", class: 'btn btn-success'
-  %hr
-  %p
-    %span.light
-      Already have login and password?
-    %strong
-      = link_to "Sign in", new_session_path(resource_name)
+  .panel-footer
+    = render 'devise/shared/sign_in_link'

app/views/devise/passwords/edit.html.haml

-= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put, class: "login-box" }) do |f|
-  %h3 Change your password
+.login-box.panel.panel-default
+  .panel-heading
+    %h3.panel-title Change your password
+  .panel-body
+    = form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put }) do |f|
       .devise-errors
         = devise_error_messages!
       = f.hidden_field :reset_password_token
@@ -7,9 +10,9 @@
         = f.password_field :password, class: "form-control top", placeholder: "New password", required: true
       %div
         = f.password_field :password_confirmation, class: "form-control bottom", placeholder: "Confirm new password", required: true
-  %div
       .clearfix.append-bottom-10
         = f.submit "Change my password", class: "btn btn-primary"
-    = link_to "Sign in", new_session_path(resource_name), class: "btn pull-right"
-  %div
+  .panel-footer
+    %p
       = link_to "Didn't receive confirmation instructions?", new_confirmation_path(resource_name)
+    = render 'devise/shared/sign_in_link'

app/views/devise/passwords/new.html.haml

-= form_for(resource, as: resource_name, url: password_path(resource_name), html: { class: "login-box", method: :post }) do |f|
-  %h3.page-title Reset password
+.login-box.panel.panel-default
+  .panel-heading
+    %h3.panel-title Reset password
+  .panel-body
+    = form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f|
       .devise-errors
         = devise_error_messages!
       .clearfix.append-bottom-20
         = f.email_field :email, placeholder: "Email",  class: "form-control", required: true
       .clearfix.append-bottom-10
         = f.submit "Reset password", class: "btn-primary btn"
-  %hr
-  %p
-    %span.light
-      Already have login and password?
-    %strong
-      = link_to "Sign in", new_session_path(resource_name)
+  .panel-footer
+    = render 'devise/shared/sign_in_link'

app/views/devise/registrations/new.html.haml

-= form_for(resource, as: resource_name, url: registration_path(resource_name), html: { class: "login-box" }) do |f|
-  %h3.page-title Sign Up
+.login-box.panel.panel-success
+  .panel-heading
+    %h3.panel-title Sign up
+  .panel-body
+    = form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f|
       .devise-errors
         = devise_error_messages!
       %div
@@ -14,7 +17,7 @@
         = f.password_field :password_confirmation, class: "form-control bottom", placeholder: "Confirm password", required: true
       %div
         = f.submit "Sign up", class: "btn-create btn"
-  %hr
+  .panel-footer
     %p
       %span.light
         Have an account?

app/views/devise/sessions/_new_base.html.haml

@@ -8,7 +8,7 @@
         %span Remember me
   %div
     = hidden_field_tag 'return_to', params[:return_to]
-    = f.submit "Sign in", class: "btn-create btn"
+    = f.submit "Sign in", class: "btn-save btn"
 
     .pull-right
       = link_to "Forgot your password?", new_password_path(resource_name), class: "btn"

app/views/devise/sessions/_new_ldap.html.haml

@@ -2,4 +2,4 @@
   = text_field_tag :username, nil, {class: "form-control top", placeholder: "LDAP Login", autofocus: "autofocus"}
   = password_field_tag :password, nil, {class: "form-control bottom", placeholder: "Password"}
   %br/
-  = submit_tag "LDAP Sign in", class: "btn-create btn"
+  = submit_tag "LDAP Sign in", class: "btn-save btn"

app/views/devise/sessions/new.html.haml

-.login-box
-  %h3.page-title Sign in
+.login-box.panel.panel-primary
+  .panel-heading
+    %h3.panel-title Sign in
+  .panel-body
     - if ldap_enabled? && gitlab_config.signin_enabled
       %ul.nav.nav-tabs
         %li.active
@@ -14,18 +16,15 @@
 
     - elsif ldap_enabled?
       = render partial: 'devise/sessions/new_ldap'
-
     - elsif gitlab_config.signin_enabled
       = render partial: 'devise/sessions/new_base'
-
     - else
       %div
         No authentication methods configured.
 
-
     = render 'devise/sessions/oauth_providers' if Gitlab.config.omniauth.enabled && devise_mapping.omniauthable?
-  %hr
 
+  .panel-footer
     - if gitlab_config.signup_enabled
       %p
         %span.light

app/views/devise/shared/_sign_in_link.html.haml

+%p
+  %span.light
+    Already have login and password?
+  %strong
+    = link_to "Sign in", new_session_path(resource_name)

app/views/layouts/devise.html.haml

@@ -5,13 +5,16 @@
     = render "layouts/flash"
     .container
       .content
-        .center
-          %h1 GitLab
-          %p.light
-            GitLab is open source software to collaborate on code.
-            %br
-            Sign in or browse for #{link_to "public projects", public_projects_path}.
+        .login-title
+          %h1= brand_title
     %hr
     .container
       .content
+        .row
+          .col-md-7
+            .brand-image
+              = brand_image
+            .brand_text
+              = brand_text
+          .col-md-5
             = yield

app/views/public/projects/index.html.haml

@@ -45,7 +45,7 @@
             %small.access-icon
               = internal_icon
               Internal
-          .pull-right
+          .pull-right.hidden-sm.hidden-xs
             %pre.public-clone git clone #{project.http_url_to_repo}
 
         - if project.description.present?