fix view _ribbon

app/assets/javascripts/custom.js

@@ -39,6 +39,19 @@ $(document).on("turbolinks:load", function(){
     document.getElementById ("label_name_file").innerHTML = this.files[0].name;
     document.getElementById ("label_name_file").innerHTML = this.files[0].name;
   });
   });
 
 
+  // show & hide password
+  $(".icon_show_password").on('click',function() {
+    $(".input_password").attr('type', 'text');
+    $(".icon_show_password").css('display', 'none')
+    $(".icon_hide_password").css('display', 'block')
+  });
+
+  $(".icon_hide_password").on('click',function() {
+    $(".input_password").attr('type', 'password');
+    $(".icon_hide_password").css('display', 'none')
+    $(".icon_show_password").css('display', 'block')
+  });
+
 });
 });
 $(document).on("turbolinks:click", function(){
 $(document).on("turbolinks:click", function(){
   $(".box_loading").show();
   $(".box_loading").show();

app/assets/stylesheets/users.scss

 // Place all the styles related to the users controller here.
 // Place all the styles related to the users controller here.
 // They will automatically be included in application.css.
 // They will automatically be included in application.css.
 // You can use Sass (SCSS) here: http://sass-lang.com/
 // You can use Sass (SCSS) here: http://sass-lang.com/
+
+.input_password {
+  position: relative;
+}
+@mixin icon_password {
+  font-size: 14px;
+  position: absolute;
+  right: 4%;
+  top: 50%;
+  transform: translateY(-50%);
+  &:hover {
+    cursor: pointer;
+  }
+}
+.icon_show_password {
+  @include icon_password;
+  display: block;
+}
+
+.icon_hide_password {
+  @include icon_password;
+  display: none;
+}
+
+@media only screen and (max-width: 992px) {
+  .icon_show_password {
+    right: 6%;
+  }
+  .icon_hide_password {
+    right: 6%;
+  }
+}
\ No newline at end of file

app/decorators/applied_job_decorator.rb

+# frozen_string_literal: true
+
 class AppliedJobDecorator < Draper::Decorator
 class AppliedJobDecorator < Draper::Decorator
   delegate_all
   delegate_all
   def applied_at
   def applied_at

app/helpers/apply_job_helper.rb

-#frozen_string_literal: true
+# frozen_string_literal: true
 
 
 module ApplyJobHelper
 module ApplyJobHelper
   def render_errors(obj)
   def render_errors(obj)

app/views/applied_mailer/applied_job_mail_to.html.erb

@@ -15,10 +15,9 @@
         <span>Company: <%= @applied_job.job.company.name %></span><br><br>
         <span>Company: <%= @applied_job.job.company.name %></span><br><br>
         <span>Name: <%= @applied_job.name %></span><br>
         <span>Name: <%= @applied_job.name %></span><br>
         <span>Email: <%= @applied_job.email %></span><br>
         <span>Email: <%= @applied_job.email %></span><br>
-        CV: <%= link_to  @applied_job.cv.identifier, root_url(@applied_job.cv.url) , target: '_blank' %>
+        CV: <%= link_to @applied_job.cv.identifier, root_url(@applied_job.cv.url), target: '_blank' %>
         <p>Best</p>
         <p>Best</p>
       </div>
       </div>
     </div>
     </div>
   </body>
   </body>
 </html>
 </html>
-

app/views/apply_job/_ribbon.html.erb

 <div class="ribbon">
 <div class="ribbon">
   <div class="row">
   <div class="row">
     <div class="col-lg-4 col-md-12">
     <div class="col-lg-4 col-md-12">
-      <div class="ribbon_item active">
-        <span class="custom_badges active">1</span> <%= t('pages.apply.ribon_1') %>
+      <div class="ribbon_item <%= attr_active_1 %>">
+        <span class="custom_badges <%= attr_active_1 %>">1</span> <%= t('pages.apply.ribon_1') %>
       </div>
       </div>
     </div>
     </div>
     <div class="col-lg-4 col-md-12">
     <div class="col-lg-4 col-md-12">
-      <div class="ribbon_item">
-        <span class="custom_badges">2</span> <%= t('pages.apply.ribon_2') %>
+      <div class="ribbon_item <%= attr_active_2 %>">
+        <span class="custom_badges <%= attr_active_2 %>">2</span> <%= t('pages.apply.ribon_2') %>
       </div>
       </div>
     </div>
     </div>
     <div class="col-lg-4 col-md-12">
     <div class="col-lg-4 col-md-12">
-      <div class="ribbon_item">
-        <span class="custom_badges">3</span> <%= t('pages.apply.ribon_3') %>
+      <div class="ribbon_item <%= attr_active_3 %>">
+        <span class="custom_badges <%= attr_active_3 %>">3</span> <%= t('pages.apply.ribon_3') %>
       </div>
       </div>
     </div>
     </div>
   </div>
   </div>

app/views/apply_job/apply.html.erb

 <div class="container">
 <div class="container">
   <div class="box_job_apply">
   <div class="box_job_apply">
-  <%= render 'ribbon' %>
+  <%= render 'ribbon', attr_active_1: 'active', attr_active_2: '', attr_active_3: '' %>
     <div class="form_apply_job">
     <div class="form_apply_job">
       <span style="font-size:20px"> <%= t('apply_job.job')%>: </span><span style="font-size: 26px; color: red; font-weight:bold;"><%= @job.name %></span><br><br>
       <span style="font-size:20px"> <%= t('apply_job.job')%>: </span><span style="font-size: 26px; color: red; font-weight:bold;"><%= @job.name %></span><br><br>
       <span class="span_second"><%= t('pages.apply.title_input_1') %></span><br>
       <span class="span_second"><%= t('pages.apply.title_input_1') %></span><br>

app/views/apply_job/confirm.html.erb

 <div class="container">
 <div class="container">
   <div class="box_job_apply">
   <div class="box_job_apply">
-    <div class="ribbon">
-      <div class="row">
-        <div class="col-lg-4 col-md-12">
-          <div class="ribbon_item active">
-            <span class="custom_badges active">1</span> <%= t('pages.apply.ribon_1') %>
-          </div>
-        </div>
-        <div class="col-lg-4 col-md-12">
-          <div class="ribbon_item active">
-            <span class="custom_badges active">2</span> <%= t('pages.apply.ribon_2') %>
-          </div>
-        </div>
-        <div class="col-lg-4 col-md-12">
-          <div class="ribbon_item">
-            <span class="custom_badges">3</span> <%= t('pages.apply.ribon_3') %>
-          </div>
-        </div>
-      </div>
-      <hr>
-    </div>
+    <%= render 'ribbon', attr_active_1: 'active', attr_active_2: 'active', attr_active_3: '' %>
     <div class="form_apply_job">
     <div class="form_apply_job">
       <span class="span_second"><%= t('apply_job.confirm') %></span>
       <span class="span_second"><%= t('apply_job.confirm') %></span>
       <br><br>
       <br><br>

app/views/apply_job/done.html.erb

 <% provide(:title, "#{t('apply_job.done')}") %>
 <% provide(:title, "#{t('apply_job.done')}") %>
 <div class="container">
 <div class="container">
   <div class="box_job_apply">
   <div class="box_job_apply">
-    <div class="ribbon">
-      <div class="row">
-        <div class="col-lg-4 col-md-12">
-          <div class="ribbon_item active">
-            <span class="custom_badges active">1</span> <%= t('pages.apply.ribon_1') %>
-          </div>
-        </div>
-        <div class="col-lg-4 col-md-12">
-          <div class="ribbon_item active">
-            <span class="custom_badges active">2</span> <%= t('pages.apply.ribon_2') %>
-          </div>
-        </div>
-        <div class="col-lg-4 col-md-12">
-          <div class="ribbon_item active">
-            <span class="custom_badges active">3</span> <%= t('pages.apply.ribon_3') %>
-          </div>
-        </div>
-      </div>
-      <hr>
-    </div>
+    <%= render 'ribbon', attr_active_1: 'active', attr_active_2: 'active', attr_active_3: 'active' %>
     <span style="font-size: 22px;"><%= t('apply_job.thanks') %></span><hr>
     <span style="font-size: 22px;"><%= t('apply_job.thanks') %></span><hr>
     <%= link_to t('apply_job.backtotop'), root_path, class: 'link_ct' %>
     <%= link_to t('apply_job.backtotop'), root_path, class: 'link_ct' %>
   </div>
   </div>
 </div>
 </div>
-

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

@@ -25,7 +25,9 @@
             <%= f.label :password, t('devise.pass_word') %>
             <%= f.label :password, t('devise.pass_word') %>
           </div>
           </div>
           <div class="col-md-9">
           <div class="col-md-9">
-            <%= f.password_field :password, autocomplete: 'new-password', class: 'form-control' %>
+            <%= f.password_field :password, autocomplete: 'new-password', class: 'form-control input_password' %>
+            <span class="icon_show_password"><i class="far fa-eye"></i></span>
+            <span class="icon_hide_password"><i class="far fa-eye-slash"></i></span>
           </div>
           </div>
         </div><br>
         </div><br>
         <div class="row">
         <div class="row">

app/views/job/detail.html.erb

@@ -24,9 +24,13 @@
     </div>
     </div>
     <div class="col-lg-3">
     <div class="col-lg-3">
       <div class="btn_apply_job">
       <div class="btn_apply_job">
+        <% if user_signed_in? %>  
           <%= link_to_if(current_user.applied_jobs.find_by(job_id: @job.id).present?, t('apply_job.applied'), '#', class: 'btn btn-apply_job inactive') do            
           <%= link_to_if(current_user.applied_jobs.find_by(job_id: @job.id).present?, t('apply_job.applied'), '#', class: 'btn btn-apply_job inactive') do            
             link_to t('pages.detail.btr_text_submit_cv'), apply_path(job_id: @job.id), class: 'btn btn-apply_job'
             link_to t('pages.detail.btr_text_submit_cv'), apply_path(job_id: @job.id), class: 'btn btn-apply_job'
             end %>
             end %>
+        <% else %>
+          <%= link_to t('pages.detail.btr_text_submit_cv'), apply_path(job_id: @job.id), class: 'btn btn-apply_job' %>
+        <% end %>
       </div>
       </div>
     </div>
     </div>
     <div class="col-lg-12 col-md-12">
     <div class="col-lg-12 col-md-12">
@@ -82,9 +86,13 @@
   <div class="row">
   <div class="row">
     <div class="col-lg-6 col-md-6">
     <div class="col-lg-6 col-md-6">
       <div class="btn_apply_job">
       <div class="btn_apply_job">
+        <% if user_signed_in? %>          
           <%= link_to_if(current_user.applied_jobs.find_by(job_id: @job.id), t('apply_job.applied'), '#', class: 'btn btn-apply_job inactive') do            
           <%= link_to_if(current_user.applied_jobs.find_by(job_id: @job.id), t('apply_job.applied'), '#', class: 'btn btn-apply_job inactive') do            
             link_to t('pages.detail.btr_text_submit_cv'), apply_path(job_id: @job.id), class: 'btn btn-apply_job'
             link_to t('pages.detail.btr_text_submit_cv'), apply_path(job_id: @job.id), class: 'btn btn-apply_job'
             end %>
             end %>
+        <% else %>
+          <%= link_to t('pages.detail.btr_text_submit_cv'), apply_path(job_id: @job.id), class: 'btn btn-apply_job' %>
+        <% end %>
       </div>
       </div>
     </div>
     </div>
     <div class="col-lg-6 col-md-6">
     <div class="col-lg-6 col-md-6">

config/locales/en.yml

@@ -130,4 +130,3 @@ en:
     attributes:
     attributes:
       applied_job: 
       applied_job: 
         user_id: ''
         user_id: ''
-

config/routes.rb

@@ -3,8 +3,7 @@
 Rails.application.routes.draw do
 Rails.application.routes.draw do
   get 'setting', to: 'users#set_lang', as: :set_lang
   get 'setting', to: 'users#set_lang', as: :set_lang
   scope '(:locale)', locale: /en|vi/ do
   scope '(:locale)', locale: /en|vi/ do
-    devise_for :users, controllers: {registrations: 'registrations'}
-    
+    devise_for :users, controllers: { registrations: 'registrations' }
     root 'home#index'
     root 'home#index'
 
 
     get 'register/:code', to: 'users#confirm_sign_up', as: :confirm_sign_up
     get 'register/:code', to: 'users#confirm_sign_up', as: :confirm_sign_up

test/decorators/applied_job_decorator_test.rb

-require 'test_helper'
-
-class AppliedJobDecoratorTest < Draper::TestCase
-end

test/decorators/paginating_decorator_test.rb

-require 'test_helper'
-
-class PaginatingDecoratorTest < Draper::TestCase
-end

[Hoang Phuc Do]

Chắc có thể sử dụng .show() và .hide() của jQuery ở đây

[Ngô Trung Hưng]

Dạ anh