Company registration and login

This is the very beginning part of the company dashboard.
This commit adds the company registration and login and requires login to
register a new job.

.rubocop.yml

@@ -1,4 +1,12 @@
 AllCops:
+  Exclude:
+    - 'vendor/**/*'
+    - 'spec/fixtures/**/*'
+    - 'tmp/**/*'
+    - 'bin/**/*'
+    - 'node_modules/**/*'
+    - 'db/**/*'
+    - 'config/**/*'
   TargetRubyVersion: 2.4.2
 
 Metrics/BlockLength:

.scss-lint.yml

@@ -241,10 +241,7 @@ linters:
     properties: []
 
   VendorPrefix:
-    enabled: true
-    identifier_list: base
-    additional_identifiers: []
-    excluded_identifiers: []
+    enabled: false
 
   ZeroUnit:
     enabled: true

Gemfile

@@ -19,6 +19,9 @@ gem 'summernote-rails'
 gem 'turbolinks', '~> 5'
 gem 'uglifier', '>= 1.3.0'
 
+# Authentication
+gem 'clearance'
+
 # Json generation
 gem 'jbuilder', '~> 2.5'
 

Gemfile.lock

@@ -43,6 +43,7 @@ GEM
     arel (8.0.0)
     ast (2.4.0)
     awesome_print (1.7.0)
+    bcrypt (3.1.11)
     bindex (0.5.0)
     brakeman (3.6.2)
     bugsnag (5.3.2)
@@ -54,6 +55,10 @@ GEM
       rack (>= 1.0.0)
       rack-test (>= 0.5.4)
       xpath (>= 2.0, < 4.0)
+    clearance (1.16.1)
+      bcrypt
+      email_validator (~> 1.4)
+      rails (>= 3.1)
     code_analyzer (0.4.7)
       sexp_processor
     coderay (1.1.1)
@@ -71,6 +76,8 @@ GEM
     dotenv-rails (2.2.1)
       dotenv (= 2.2.1)
       railties (>= 3.2, < 5.2)
+    email_validator (1.6.0)
+      activemodel
     erubi (1.6.1)
     erubis (2.7.0)
     execjs (2.7.0)
@@ -265,6 +272,7 @@ DEPENDENCIES
   brakeman
   bugsnag
   capybara
+  clearance
   coffee-rails (~> 4.2)
   dotenv-rails
   factory_girl_rails

app/assets/stylesheets/_login.scss

@@ -0,0 +1,98 @@
+@import "variables";
+$background-color: #fff;
+$field-border-color: #ebebeb;
+$field-focus-border-color: #dcdcdc;
+$selection-background-color: #b5e2e7;
+$shadow-color: rgba(0, 0, 0, 0.25);
+$title-color: #757575;
+$white: #fff;
+
+
+.other-links {
+  text-align: center;
+}
+
+.sign-box {
+  background-color: $background-color;
+  -moz-box-shadow: 0 1px 5px $shadow-color;
+  -webkit-box-shadow: 0 1px 5px $shadow-color;
+  box-shadow: 0 1px 5px $shadow-color;
+  margin: 50px auto;
+  padding: 10px;
+  width: 340px;
+
+  ::selection {
+    background-color: $selection-background-color;
+  }
+
+  ::-moz-selection {
+    background-color: $selection-background-color;
+  }
+
+  h1 {
+    color: $title-color;
+    font-size: 175%;
+    font-weight: 300;
+    text-align: center;
+  }
+
+  h1,
+  input {
+    font-family: "Open Sans", Helvetica, sans-serif;
+  }
+
+  .field {
+    border: 0;
+    border-bottom: 2px solid $field-border-color;
+    display: block;
+    height: 50px;
+    margin: 0 auto 15px;
+    padding: 0 15px;
+    width: 75%;
+  }
+
+  .field:focus {
+    border-bottom-color: $primary-color;
+    outline: none;
+  }
+
+  .field:hover {
+    border-bottom-color: $field-focus-border-color;
+  }
+
+  .field:invalid {
+    box-shadow: none;
+  }
+
+  .field:-webkit-autofill {
+    -webkit-box-shadow: 0 0 0 1000px $white inset;
+  }
+
+  .btn-sign {
+    background-color: $primary-color;
+    border: 0;
+    box-shadow: 0 5px 0 $dark-primary-color;
+    color: $white;
+    display: block;
+    height: 50px;
+    margin: 30px auto;
+    position: relative;
+    width: 85%;
+  }
+
+  .btn-sign:hover {
+    -moz-box-shadow: 0 3px 0 $dark-primary-color;
+    -webkit-box-shadow: 0 3px 0 $dark-primary-color;
+    box-shadow: 0 3px 0 $dark-primary-color;
+    top: 2px;
+  }
+
+  .btn-sign:active {
+    box-shadow: none;
+    top: 5px;
+  }
+
+  .btn-sign:focus {
+    outline: none;
+  }
+}

app/assets/stylesheets/_variables.scss

@@ -1,3 +1,6 @@
 $footer-border-color: #e0e0e0;
 $footer-bg-color: #fff;
 $footer-heart-color: #e90606;
+
+$primary-color: #ff6f27;
+$dark-primary-color: darken($primary-color,15%);

app/assets/stylesheets/application.scss

@@ -1,10 +1,13 @@
 $icon-font-path: "bootstrap-sass/assets/fonts/bootstrap/";
+$error-color: #b94a48;
+$error-background-color: #f2dede;
 
 @import "font-awesome-sprockets";
 @import "font-awesome";
 @import "bootstrap-sass/assets/stylesheets/bootstrap";
 @import "summernote";
 @import "apply_to_job";
+@import "login";
 @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
 
 @import "footer";
@@ -148,7 +151,7 @@ body {
 }
 
 .btn-register-vacancy {
-  background-color:#ff6f27;
+  background-color: $primary-color;
   width: 300px;
   height: 35px;
   border-radius: 5px;
@@ -215,3 +218,9 @@ body {
     margin-top: 0;
   }
 }
+
+.error-list {
+  border: 1px solid $error-color;
+  color: $error-color;
+  background-color: $error-background-color;
+}

app/controllers/application_controller.rb

@@ -2,5 +2,6 @@
 
 # :nodoc:
 class ApplicationController < ActionController::Base
+  include Clearance::Controller
   protect_from_forgery with: :exception
 end

app/controllers/users_controller.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+class UsersController < Clearance::UsersController
+  private
+
+  def user_params
+    params.require(:user).permit(:email, :password, company_attributes: %i[name url])
+  end
+end

app/controllers/vacancies_controller.rb

@@ -1,6 +1,8 @@
 # frozen_string_literal: true
 
 class VacanciesController < ApplicationController
+  before_action :require_login, except: %i(index show)
+
   rescue_from ActiveRecord::RecordInvalid, with: :render_new
 
   def index

app/mailers/application_mailer.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 class ApplicationMailer < ActionMailer::Base
-  default from: 'from@example.com'
+  default from: 'no-reply@openjobs.me'
   layout 'mailer'
 end

app/mailers/user_mailer.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+class UserMailer < ApplicationMailer
+  def welcome_email(user)
+    @user = user
+
+    mail(to: user.email, subject: t('.welcome_email.subject'))
+  end
+end

app/models/company.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+class Company < ApplicationRecord
+  URL_REGEX = /\A^(http|https):\/\/[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$\Z/ix
+
+  has_many :users
+  has_many :vacancies
+
+  validates :name, :url, presence: true
+  validates :url, format: { with: URL_REGEX }
+
+  before_validation do
+    self.url = "http://#{url}" unless url.nil? || url[0, 4] == 'http'
+  end
+end

app/models/user.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+class User < ApplicationRecord
+  include Clearance::User
+
+  belongs_to :company
+
+  accepts_nested_attributes_for :company
+end

app/models/vacancy.rb

@@ -3,23 +3,15 @@
 class Vacancy < ApplicationRecord
   include FriendlyId
 
-  EMAIL_REGEX      = /\A([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]{2,})\z/i
-  URL_REGEX        = /\A^(http|https):\/\/[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$\Z/ix
   MAX_VALID_PERIOD = 30.days
 
   friendly_id :slug_candidates, use: :slugged
 
-  scope :recent, -> { where('created_at >= ?', MAX_VALID_PERIOD.ago.beginning_of_day).order(created_at: :desc) }
-
-  validates :job_title, :location, :description, :how_to_apply, :company_name, :company_url, :company_email,
-            presence: true
+  belongs_to :company
 
-  validates :company_email, format: { with: EMAIL_REGEX }
-  validates :company_url, format: { with: URL_REGEX }
+  scope :recent, -> { where('created_at >= ?', MAX_VALID_PERIOD.ago.beginning_of_day).order(created_at: :desc) }
 
-  before_validation do
-    self.company_url = "http://#{company_url}" unless company_url.nil? || company_url[0, 4] == 'http'
-  end
+  validates :job_title, :location, :description, :how_to_apply, presence: true
 
   private
 

app/views/clearance_mailer/change_password.html.erb

@@ -0,0 +1,8 @@
+<p><%= t(".opening") %></p>
+
+<p>
+  <%= link_to t(".link_text", default: "Change my password"),
+    edit_user_password_url(@user, token: @user.confirmation_token.html_safe) %>
+</p>
+
+<p><%= raw t(".closing") %></p>

app/views/clearance_mailer/change_password.text.erb

@@ -0,0 +1,5 @@
+<%= t(".opening") %>
+
+<%= edit_user_password_url(@user, token: @user.confirmation_token.html_safe) %>
+
+<%= raw t(".closing") %>

app/views/passwords/create.html.erb

@@ -0,0 +1,7 @@
+<div id="clearance" class="sign-up">
+  <div class="login-container">
+    <div class="sign-box">
+      <small><%= t(".description") %></small>
+    </div>
+  </div>
+</div>

app/views/passwords/edit.html.erb

@@ -0,0 +1,14 @@
+<div id="clearance" class="sign-up">
+  <div class="login-container">
+    <div class="sign-box">
+      <h1><%= t(".title") %></h1>
+
+      <%= form_for :password_reset, url: user_password_path(@user, token: @user.confirmation_token),
+            html: { method: :put } do |form| %>
+        <%= form.password_field :password, autofocus: true, class: 'field', placeholder: t('helpers.label.password_reset.password') %>
+
+        <%= form.submit class: 'btn btn-sign' %>
+      <% end %>
+    </div>
+  </div>
+</div>

app/views/passwords/new.html.erb

@@ -0,0 +1,15 @@
+<div id="clearance" class="sign-up">
+  <div class="login-container">
+    <div class="sign-box">
+      <h1><%= t(".title") %></h1>
+
+      <small><%= t(".description") %></small>
+
+      <%= form_for :password, url: passwords_path do |form| %>
+        <%= form.text_field :email, autofocus: true, class: 'field', type: 'email', placeholder: User.human_attribute_name('email') %>
+
+        <%= form.submit class: 'btn btn-sign' %>
+      <% end %>
+    </div>
+  </div>
+</div>

app/views/sessions/_form.html.erb

@@ -0,0 +1,20 @@
+<div class="login-container">
+  <div class="sign-box">
+    <%= form_for :session, url: session_path do |form| %>
+      <h1><%= title %></h1>
+
+      <%= form.text_field :email, autofocus: true, class: 'field', type: 'email', placeholder: User.human_attribute_name('email') %>
+
+      <%= form.password_field :password, class: 'field', placeholder: User.human_attribute_name('password') %>
+
+      <%= form.submit class: 'btn btn-sign' %>
+
+      <div class="other-links">
+        <% if Clearance.configuration.allow_sign_up? %>
+          <%= link_to t(".sign_up"), sign_up_path %>     |    
+        <% end %>
+        <%= link_to t(".forgot_password"), new_password_path %>
+      </div>
+    <% end %>
+  </div>
+</div>

app/views/sessions/new.html.erb

@@ -0,0 +1,3 @@
+<div id="clearance" class="sign-in">
+  <%= render partial: '/sessions/form', locals: { title: t('.title') } %>
+</div>

app/views/shared/_navbar.html.erb

@@ -15,6 +15,9 @@
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">
         <li class="<%= menu_class(root_path) %>"><%= link_to t("menu.all_vacancies"), root_path %></li>
+        <% if signed_in? %>
+          <li><%= link_to t(".sign_out"), sign_out_path, method: :delete %></li>
+        <% end %>
       </ul>
 
       <%= form_tag vacancies_path, class: "navbar-form navbar-right", method: :get do %>