Skip to content

V
VeNJOB
Commit 23c11742 by Van Hau Le
Options

Merge branch 'feature/job_list_page' into 'master' 

Feature/job list page

See merge request !15
parents 5d606475 b95b0124
Showing with 135 additions and 15 deletions
app/assets/javascripts/bootstrap.js deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
app/assets/stylesheets/bootstrap.css deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
app/assets/stylesheets/custom.scss
...@@ -123,3 +123,37 @@ html { ...@@ -123,3 +123,37 @@ html {
.top_cities { .top_cities {
margin: 20px; margin: 20px;
} }
/* job */
.box {
border: solid 1px black;
margin: 10px;
padding: 5px;
.job_data {
width: 100%;
.job_data_row {
display: table;
width: 100%;
padding: 1px 0 0 0;
dt {
display: table-cell;
margin: 1px 0 0 0;
width: 100px;
padding: 0 0 0 8px;
font-weight: bold;
line-height: 32px;
vertical-align: top;
}
dd {
display: table-cell;
padding: 8px 3px 8px 8px;
}
}
}
}
dl, dt, dd {
list-style-type: none;
line-height: normal;
}
app/controllers/tops_controller.rb
...@@ -2,6 +2,6 @@ class TopsController < ApplicationController ...@@ -2,6 +2,6 @@ class TopsController < ApplicationController
def index def index
@vn_cities = City.city_order.take(Settings.top.city.limit) @vn_cities = City.city_order.take(Settings.top.city.limit)
@industries = Industry.industry_order.take(Settings.top.city.limit) @industries = Industry.industry_order.take(Settings.top.city.limit)
@jobs = Job.page(params[:page]).per(Settings.job.per_page) @jobs = Job.latest_job
end end
end end
app/models/job.rb
...@@ -36,4 +36,8 @@ class Job < ApplicationRecord ...@@ -36,4 +36,8 @@ class Job < ApplicationRecord
has_many :industry_jobs has_many :industry_jobs
has_many :industries, through: :industry_jobs has_many :industries, through: :industry_jobs
def self.latest_job
@latest_job ||= Job.order(updated_at: :desc).take(Settings.top.job.limit)
end
end end
app/views/cities/_city.html.erb
<div class="col-md-3"> <div class="col-md-3">
<div class="col-show"> <div class="col-show">
<%= city.name %> (<%= (city.job_count) %>) <%= link_to "#{city.name} (#{city.job_count})", jobs_path %>
</div> </div>
</div> </div>
app/views/industries/_industry.html.erb
<div class="col-md-3"> <div class="col-md-3">
<div class="col-show"> <div class="col-show">
<%= industry.name %> (<%= (industry.job_count) %>) <%= link_to "#{industry.name} (#{industry.job_count})", jobs_path %>
</div> </div>
</div> </div>
app/views/jobs/_job.html.erb
<div> <div class="box">
<%= job.title %> <div class="job_data">
<%= job.short_des %> <dl class="job_data_row">
<%= job.salary %> <dt>Title</dt>
<dd><%= job.title %></dd>
</dl>
<dl class="job_data_row">
<dt>Short description</dt>
<dd><%= truncate(job.short_des, length: 250) %></dd>
</dl>
<dl class="job_data_row">
<dt>Salary</dt>
<dd><%= job.salary %></dd>
</dl>
<dl class="job_data_row">
<dt>Location</dt>
<dd><%= job&.cities&.first&.name %></dd>
</dl>
</div>
<button type="button" class="btn btn-outline-secondary">Favorite</button>
</div> </div>
app/views/jobs/index.html.erb
<div> <h3>Total: <%= Job.count %></h3>
<%= render partial: "jobs/job", collection: @jobs %> <h3>Result for: </h3>
</div>
<%= paginate @jobs %>
<%= render partial: "jobs/job", collection: @jobs %>
<%= paginate @jobs %> <%= paginate @jobs %>
app/views/kaminari/_first_page.html.erb 0 → 100644
<li class="page-item">
<%= link_to_unless current_page.first?, raw(t 'views.pagination.first'), url, remote: remote, class: 'page-link' %>
</li>
app/views/kaminari/_gap.html.erb 0 → 100644
<li class='page-item disabled'>
<%= link_to raw(t 'views.pagination.truncate'), '#', class: 'page-link' %>
</li>
app/views/kaminari/_last_page.html.erb 0 → 100644
<li class="page-item">
<%= link_to_unless current_page.last?, raw(t 'views.pagination.last'), url, remote: remote, class: 'page-link' %>
</li>
app/views/kaminari/_next_page.html.erb 0 → 100644
<li class="page-item">
<%= link_to_unless current_page.last?, raw(t 'views.pagination.next'), url, rel: 'next', remote: remote, class: 'page-link' %>
</li>
app/views/kaminari/_page.html.erb 0 → 100644
<% if page.current? %>
<li class="page-item active">
<%= content_tag :a, page, data: { remote: remote }, rel: page.rel, class: 'page-link' %>
</li>
<% else %>
<li class="page-item">
<%= link_to page, url, remote: remote, rel: page.rel, class: 'page-link' %>
</li>
<% end %>
app/views/kaminari/_paginator.html.erb 0 → 100644
<%= paginator.render do %>
<nav>
<ul class="pagination">
<%= first_page_tag unless current_page.first? %>
<%= prev_page_tag unless current_page.first? %>
<% each_page do |page| %>
<% if page.left_outer? || page.right_outer? || page.inside_window? %>
<%= page_tag page %>
<% elsif !page.was_truncated? -%>
<%= gap_tag %>
<% end %>
<% end %>
<%= next_page_tag unless current_page.last? %>
<%= last_page_tag unless current_page.last? %>
</ul>
</nav>
<% end %>
app/views/kaminari/_prev_page.html.erb 0 → 100644
<li class="page-item">
<%= link_to_unless current_page.first?, raw(t 'views.pagination.previous'), url, rel: 'prev', remote: remote, class: 'page-link' %>
</li>
app/views/shared/_latest_job.html.erb 0 → 100644
<div class="box">
<div class="job_data">
<dl class="job_data_row">
<dt>Title</dt>
<dd><%= latest_job.title %></dd>
</dl>
<dl class="job_data_row">
<dt>Short description</dt>
<dd><%= truncate(latest_job.short_des, length: 250) %></dd>
</dl>
<dl class="job_data_row">
<dt>Salary</dt>
<dd><%= latest_job.salary %></dd>
</dl>
<dl class="job_data_row">
<dt>Location</dt>
<dd><%= latest_job&.cities&.first&.name %></dd>
</dl>
</div>
</div>
app/views/shared/_top_cities.html.erb
...@@ -4,5 +4,5 @@ ...@@ -4,5 +4,5 @@
<div class="row row-cols-4"> <div class="row row-cols-4">
<%= render partial: "cities/city", collection: @vn_cities %> <%= render partial: "cities/city", collection: @vn_cities %>
</div> </div>
<%= link_to "All cities", cities_path, class: "btn btn-lg btn-info" %> <%= link_to "All cities", cities_path, class: "btn btn-info" %>
</div> </div>
app/views/shared/_top_industries.html.erb
...@@ -4,5 +4,5 @@ ...@@ -4,5 +4,5 @@
<div class="row row-cols-5"> <div class="row row-cols-5">
<%= render partial: "industries/industry", collection: @industries %> <%= render partial: "industries/industry", collection: @industries %>
</div> </div>
<%= link_to "All industries", industries_path, class: "btn btn-lg btn-info" %> <%= link_to "All industries", industries_path, class: "btn btn-info" %>
</div> </div>
app/views/tops/index.html.erb
...@@ -13,9 +13,8 @@ ...@@ -13,9 +13,8 @@
<h3>Latest jobs</h3> <h3>Latest jobs</h3>
<div> <div>
<%= render partial: "jobs/job", collection: @jobs %> <%= render partial: "shared/latest_job", collection: @jobs %>
</div> </div>
<%= paginate @jobs %>
</div> </div>
<div class="top_cities"> <div class="top_cities">
......
config/settings.yml
job: job:
per_page: 5 per_page: 20
csv: csv:
file_path: "jobss.csv" file_path: "jobss.csv"
...@@ -7,3 +7,5 @@ csv: ...@@ -7,3 +7,5 @@ csv:
top: top:
city: city:
limit: 9 limit: 9
job:
limit: 5
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment