Skip to content

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

Fixed scss& import_csv

parent c0d06082
Showing with 78 additions and 94 deletions
app/assets/stylesheets/custom.css → app/assets/stylesheets/custom.scss
/* universal */
$font-stack: Arial,Helvetica, sans-serif;
$primary-color: #B6B6B6;
$sub-color: gainsboro;
body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-family: $font-stack;
}
/* typography */
h1, h2, h3, h4, h5, h6 {
line-height: 1;
}
h1 {
font-size: 3em;
letter-spacing: -2px;
margin-bottom: 30px;
text-align: center;
}
h2 {
font-size: 1.2em;
letter-spacing: -1px;
margin-bottom: 30px;
text-align: center;
font-weight: normal;
color: #777;
}
p {
font-size: 1.1em;
line-height: 1.7em;
h1 {
font-size: 3em;
letter-spacing: -2px;
margin-bottom: 30px;
text-align: center;
}
h2 {
font-size: 1.2em;
letter-spacing: -1px;
margin-bottom: 30px;
text-align: center;
font-weight: normal;
}
}
/* header */
......@@ -39,59 +35,40 @@ p {
width: 50%;
}
#logo:hover {
color: #fff;
text-decoration: none;
}
#banner {
width: 100%;
padding: 0px;
}
.inverse {
overflow: hidden;
background-color: gray;
}
ul {
float: right;
list-style: none;
list-style-type: none;
margin: 0;
padding: 0;
width: 100px;
background-color: whitesmoke;
.btn-outline-success {
color: $sub-color;
border-color:blue;
background: #01548c;
}
li {
float: left;
color: black;
text-align: center;
padding: 12px;
text-decoration: none;
font-size: 18px;
line-height: 25px;
border-radius: 4px;
.count-total {
margin-right: 500px;
}
li.btn-navbar {
display: block;
padding: 10px 10px;
.col {
padding: 5px;
margin: 5px;
background-color: $primary-color;
}
li.btn-navbar:hover {
background-color: aquamarine;
text-decoration: none;
text-align: center;
.row {
padding: 5px;
margin: 5px;
background-color: $sub-color;
}
.Job {
display: block;
.col-sm {
margin: 5px;
padding: 5px;
background-color: $primary-color;
}
div.col {
border: solid 1px;
padding: 10px;
margin: 10px;
background-color: gainsboro;
.form-inline-city {
margin-left: 1000px;
padding: 5px;
}
app/controllers/jobs_controller.rb
class JobsController < ApplicationController
def index
@latest_jobs = Job.latest_city.take(5)
def home
@latest_jobs = Job.latest_jobs.take(5)
@top_cities = City.sort_top_cities.take(9)
end
end
app/models/city.rb
......@@ -3,10 +3,10 @@ class City < ApplicationRecord
has_many :jobs, through: :city_jobs
def self.sort_top_cities
@cities||= all.sort_by(&:jobs_count).reverse
@cities ||= all.sort_by(&:jobs_count).reverse
end
def jobs_count
@jobs_count = jobs.count
@jobs_count ||= jobs.count
end
end
app/models/job.rb
......@@ -2,7 +2,7 @@ class Job < ApplicationRecord
has_many :user_jobs
has_many :city_jobs
def self.latest_city
def self.latest_jobs
@latest = Job.order(created_at: :desc)
end
end
app/views/cities/_city.html.erb
<div class="col-md-3">
<div class="col"><h5><%= city.name %>(<%= city.jobs.count %>)</h5></div>
<div class="container">
<div class="row justify-content-md-center">
<div class="col-sm">
<%= city.name %>
(<%= city.jobs.count %>)
</div>
</div>
</div>
app/views/jobs/_job.html.erb
<div class="row align-items-center">
<div class="col">
<h5><%= job.title %></h5>
<%= job.title %>
</div>
</div>
</br>
app/views/jobs/index.html.erb → app/views/jobs/home.html.erb
......@@ -3,6 +3,8 @@
<title><%= yield(:title) %> Venjob</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
</div>
<h4 class="count-total">Total Jobs:<%= Job.count %></h4>
<!-- List of latest jobs-->
<div class="Job list">
<div class="Job-title-wrapper">
......@@ -15,14 +17,17 @@
</div>
</br>
<!--List of top cities-->
<div class="City list">
<div class="City-title-wrapper">
<h3>Top Cities</h3>
</div>
<div class="City-content-wrapper">
<div class="row row-cols-3">
<%= render partial: "cities/city", collection: @top_cities %>
<div class="City list">
<div class="City-title-wrapper">
<h3>Top Cities</h3>
</div>
<div class="City-content-wrapper">
<div class="row row-cols-3">
<%= render partial: "cities/city", collection: @top_cities %>
<form class="form-inline-city">
<button class="btn btn-outline-success" type="button">All cities</button>
</form>
</div>
</div>
</div>
</div>
</div>
app/views/layouts/_header.html.erb
<header class="navbar navbar-fixed-top navbar-inverse">
<div class="container">
<%= link_to image_tag("zigexn_logo.png", id: "logo", alt: "Venjob logo") %>
<nav>
<ul>
<li class="btn-navbar"><%=link_to "Login", '#' %></li>
<li class="btn-navbar"><%=link_to "Register", '#' %></li>
</ul>
<ul>
<ul>
<li class="btn-navbar"><%=link_to "Favorite", '#' %></li>
<li class="btn-navbar"><%=link_to "History", '#' %></li>
</ul>
</nav>
<nav class="navbar navbar-light bg-light">
<form class="form-inline">
<button class="btn btn-outline-success" type="button">Login</button>
<button class="btn btn-outline-success" type="button">Register</button>
<button class="btn btn-outline-success" type="button">Favorite</button>
<button class="btn btn-outline-success" type="button">History</button>
</form>
</nav>
<%= link_to image_tag("banner.jpg", id: "banner", alt: "Venjob banner") %>
</div>
<div class="container">
<%= yield %>
<%= yield %>
</div>
</header>
config/routes.rb
Rails.application.routes.draw do
root "jobs#index"
root "jobs#home"
resource :jobs
devise_for :users
end
db/Venjob.csv
This source diff could not be displayed because it is too large. You can view the blob instead.
lib/tasks/import_job_csv.rake
......@@ -22,8 +22,8 @@ require "csv"
job = Job.find_or_initialize_by(title: row["name"], company_id: company.id)
job.update(job_params)
city_params = { region: row["company province"] }
city = City.find_or_initialize_by(name: row["work place"])
city_params = { region: row["work place"] }
city = City.find_or_initialize_by(name: row["company province"])
city.update(city_params)
city_job_params = { city_id: city.id }
city_job = CityJob.find_or_initialize_by(job_id: job.id)
......
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