Skip to content

V
VenJob
Commit 152daa6c by Đường Sỹ Hoàng
Options

First commit

parent bfdd8fe0
Showing with 95 additions and 26 deletions
app/assets/stylesheets/custom.scss
...@@ -53,14 +53,14 @@ h1, h2, h3, h4, h5, h6 { ...@@ -53,14 +53,14 @@ h1, h2, h3, h4, h5, h6 {
} }
.row { .row {
padding: 5px; padding: 10px;
margin: 5px; margin: 10px;
background-color: $sub-color; background-color: $sub-color;
} }
.col-sm { .col-sm {
margin: 5px; margin: 10px;
padding: 5px; padding: 10px;
background-color: $primary-color; background-color: $primary-color;
} }
......
app/controllers/top_controller.rb
class TopController < ApplicationController class TopController < ApplicationController
def index def index
@latest_jobs = Job.latest_jobs.take(Settings.top.job.limit) @latest_jobs = Job.latest_jobs
@top_cities = City.sort_top_cities.take(Settings.top.city.limit) @top_cities = City.sort_top_cities
@top_industries = Industry.sort_top_industries.take(Settings.top.industry.limit) @top_industries = Industry.sort_top_industries
end
def cities
@top_cities = City.sort_top_cities
end end
end end
app/models/city.rb
...@@ -3,7 +3,7 @@ class City < ApplicationRecord ...@@ -3,7 +3,7 @@ class City < ApplicationRecord
has_many :jobs, through: :city_jobs has_many :jobs, through: :city_jobs
def self.sort_top_cities def self.sort_top_cities
@cities ||= all.sort_by(&:jobs_count).reverse @cities ||= all.sort_by(&:jobs_count).reject{ |city| city.jobs_count ==0 }.reverse.take(Settings.top.city.limit)
end end
def jobs_count def jobs_count
......
app/models/industry.rb
...@@ -3,7 +3,7 @@ class Industry < ApplicationRecord ...@@ -3,7 +3,7 @@ class Industry < ApplicationRecord
has_many :jobs, through: :industry_jobs has_many :jobs, through: :industry_jobs
def self.sort_top_industries def self.sort_top_industries
@industries ||= all.sort_by(&:jobs_count).reverse @industries ||= all.sort_by(&:jobs_count).reverse.take(Settings.top.industry.limit)
end end
def jobs_count def jobs_count
......
app/models/job.rb
...@@ -3,6 +3,7 @@ class Job < ApplicationRecord ...@@ -3,6 +3,7 @@ class Job < ApplicationRecord
has_many :city_jobs has_many :city_jobs
def self.latest_jobs def self.latest_jobs
@latest ||= Job.order(created_at: :desc) @latest ||= order(created_at: :desc).take(Settings.top.job.limit)
end end
end end
app/views/cities/_cities_list.html.erb 0 → 100644
<div class="container">
<div class="row justify-content-md-center">
<div class="col-sm">
<div class="text-center">
<%= cities_list.name %>
(<%= cities_list.jobs_count %>)
</div>
</div>
</div>
</div>
app/views/cities/_city.html.erb
<div class="container"> <div class="container">
<div class="row justify-content-md-center"> <div class="row justify-content-md-center">
<div class="col-sm"> <div class="col">
<div class="text-center">
<%= city.name %> <%= city.name %>
(<%= city.jobs.count %>) (<%= city.jobs_count %>)
</div>
</div> </div>
</div> </div>
</div> </div>
app/views/cities/_international_list.html.erb 0 → 100644
<div class="container">
<div class="row justify-content-md-center">
<div class="col-sm">
</div>
</div>
</div>
app/views/industries/_industry.html.erb
<div class="container"> <div class="container">
<div class="row justify-content-md-center"> <div class="row justify-content-md-center">
<div class="col-sm"> <div class="col">
<div class="text-center">
<%= industry.name %> <%= industry.name %>
(<%= industry.jobs.count %>) (<%= industry.jobs_count %>)
</div>
</div> </div>
</div> </div>
</div> </div>
app/views/top/_job.html.erb
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col"> <div class="col">
<%= job.title %> <div class="text-center"><%= job.title %></div>
</div> </div>
</div> </div>
</br> </br>
app/views/top/cities.html.erb 0 → 100644
<div class="center jumbotron">
<head>
<title><%= yield(:title) %> Venjob</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
</div>
<!--Display regions list-->
<div class="area-title-wrapper">
<h3>City List</h3>
</div>
<div class="area-content-wrapper">
<div class="row row-cols-2">
<div><h5><a href="#vietnam">Viet Nam</a></h5></div>
<div><h5><a href="#international">International</a></h5></div>
</div>
</div>
</br>
<!--Display cities of Vietnam-->
<div class="area-title-wrapper">
<h3>Viet Nam</h3>
</div>
<div id="vietnam">
<div class="row row-cols-3">
<%= render partial: "cities/cities_list", collection: @top_cities %>
</div>
</div>
</br>
<!--Display cities of International-->
<div class="area-title-wrapper">
<h3>International</h3>
</div>
<div id="international">
<div class="row row-cols-3">
<%= render partial: "cities/international_list" %>
</div>
</div>
app/views/top/index.html.erb
...@@ -7,6 +7,7 @@ ...@@ -7,6 +7,7 @@
</div> </div>
</head> </head>
</div> </div>
<!-- List of latest jobs--> <!-- List of latest jobs-->
<div class="Job list"> <div class="Job list">
<div class="Job-title-wrapper"> <div class="Job-title-wrapper">
...@@ -17,27 +18,29 @@ ...@@ -17,27 +18,29 @@
<%= render partial: "top/job", collection: @latest_jobs %> <%= render partial: "top/job", collection: @latest_jobs %>
</div> </div>
</div> </div>
</br> </br>
<!--List of top cities--> <!--List of top cities-->
<div class="City list"> <div class="City-title-wrapper">
<div class="City-title-wrapper">
<h3>Top Cities</h3> <h3>Top Cities</h3>
</div> </div>
<div class="City-content-wrapper"> <div class="city-content-wrapper">
<div class="row row-cols-3"> <div class="row row-cols-3">
<%= render partial: "cities/city", collection: @top_cities %> <%= render partial: "cities/city", collection: @top_cities %>
<form class="form-inline-city"> <form class="form-inline-city">
<button class="btn btn-outline-success" type="button">All cities</button> <%= link_to "All cties", cities_path, class:"btn btn-outline-success" %>
</form> </form>
</div> </div>
</div> </div>
</div>
</br> </br>
<div class="Industry list">
<div class="Industry-title-wrapper"> <!--List of top industries-->
<div class="industry-title-wrapper">
<h3>Top Industries</h3> <h3>Top Industries</h3>
</div> </div>
<div class="Industry-content-wrapper"> <div class="industry-content-wrapper">
<div class="row row-cols-3"> <div class="row row-cols-3">
<%= render partial: "industries/industry", collection: @top_industries %> <%= render partial: "industries/industry", collection: @top_industries %>
<form class="form-inline-industry"> <form class="form-inline-industry">
...@@ -45,5 +48,4 @@ ...@@ -45,5 +48,4 @@
</form> </form>
</div> </div>
</div> </div>
</div>
</div> </div>
config/routes.rb
Rails.application.routes.draw do Rails.application.routes.draw do
root "top#index" root "top#index"
get "/cities", to: "top#cities"
resource :top, only: :index resource :top, only: :index
devise_for :users devise_for :users
end end
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