Nguyen Hoang Mai Phuong · @phuongnhm · Thanh Hung Pham · Nguyen Hoang Mai Phuong · Thanh Hung Pham · Nguyen Hoang Mai Phuong
--- a/Gemfile
+++ b/Gemfile
 gem 'rails', '~> 6.1.3', '>= 6.1.3.2'
 gem 'bootstrap', '~> 5.0.1'
 gem 'nokogiri', '~> 1.11', '>= 1.11.7'
+gem 'html2slim'
--- a/app/assets/stylesheets/custom.scss 0 → 100644
+++ b/app/assets/stylesheets/custom.scss 0 → 100644
+@import "bootstrap";
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');
+/* header */
+#logo {
+  float: left;
+  margin-right: 10px;
+  margin-left: 80px;
+  padding-top: 10px;
+  padding-bottom: 10px;
+
--- a/app/assets/stylesheets/custom.scss 0 → 100644
+++ b/app/assets/stylesheets/custom.scss 0 → 100644
+@import "bootstrap";
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');
+/* header */
+#logo {
+  float: left;
+  margin-right: 10px;
+  margin-left: 80px;
+  padding-top: 10px;
+  padding-bottom: 10px;
+
+}
+
+.navbar ul li a {
+    color: rgb(255, 255, 255);
--- a/app/assets/stylesheets/custom.scss 0 → 100644
+++ b/app/assets/stylesheets/custom.scss 0 → 100644
+
+}
+
+.navbar ul li a {
+    color: rgb(255, 255, 255);
+    font-size: 18px;
+    font-weight: bold;
+    padding: 4px 15px;
+    text-decoration: none;
+    &:hover {
+      color: rgb(107, 107, 107);
+      text-decoration: none;
+  }
+}
+
+.container a{
--- a/app/assets/stylesheets/custom.scss 0 → 100644
+++ b/app/assets/stylesheets/custom.scss 0 → 100644
+    padding: 4px 15px;
+    text-decoration: none;
+    &:hover {
+      color: rgb(107, 107, 107);
+      text-decoration: none;
+  }
+}
+
+.container a{
+  color: rgb(14, 14, 14);
+  text-decoration: none;
+  &:hover {
+    color: orange;
+  }
+}
+
--- a/app/controllers/top_controller.rb 0 → 100644
+++ b/app/controllers/top_controller.rb 0 → 100644
+class TopController < ApplicationController
+  def home
+    @job = Job.joins(:cities).order('created_at DESC').limit(5)
--- a/app/helpers/top_helper.rb 0 → 100644
+++ b/app/helpers/top_helper.rb 0 → 100644
+module TopHelper
--- a/app/views/top/home.html.slim 0 → 100644
+++ b/app/views/top/home.html.slim 0 → 100644
+          .card-body.text-dark
+            h5.mb-1
+              = link_to job.title, "#"
+            h6.mb-1
+              = link_to job.company.name, "#"
+            h6.mb-1
+              | Lương: 
+              = job.salary
+            h6.mb-1
+              - job.cities.each do |city| 
+                  = city.name
+
+  h4
+    | Top Cities
+    .row.my-3.text-center
+      - @city.each do |name,amount|
--- a/app/views/top/home.html.slim 0 → 100644
+++ b/app/views/top/home.html.slim 0 → 100644
+
+  h4
+    | Top Cities
+    .row.my-3.text-center
+      - @city.each do |name,amount|
+        .col-4.p-2.border.mb-1
+          = link_to name, "#"
+          p.mb-1
+          = amount
+    .d-flex.flex-row-reverse.p-2
+      = link_to 'All Cities', "#"
+
+  h4
+    | Top Industries
+    .row.my-3.text-center
+      - @industry.each do |name,amount|
--- a/app/views/top/home.html.slim 0 → 100644
+++ b/app/views/top/home.html.slim 0 → 100644
+          p.mb-1
+          = amount
+    .d-flex.flex-row-reverse.p-2
+      = link_to 'All Cities', "#"
+
+  h4
+    | Top Industries
+    .row.my-3.text-center
+      - @industry.each do |name,amount|
+          .col-4.p-2.border.mb-1
+            = link_to name, "#"
+            p.mb-1
+            = amount
+    .d-flex.flex-row-reverse.p-2
+      = link_to 'All Industries', "#"
+
--- a/app/controllers/top_controller.rb 0 → 100644
+++ b/app/controllers/top_controller.rb 0 → 100644
+class TopController < ApplicationController
+  def home
+    @job = Job.join_order
--- a/app/views/layouts/_shim.html.slim 0 → 100644
+++ b/app/views/layouts/_shim.html.slim 0 → 100644
+
--- a/app/views/top/home.html.slim 0 → 100644
+++ b/app/views/top/home.html.slim 0 → 100644
+- provide :title, 'Jobs'
+
+.container
+  .input-group.py-3
+    input.form-control.rounded[type="search" placeholder="Search . . ." aria-label="Search" aria-describedby="search-addon"]
+    button.btn.btn-outline-primary[type="button"]
+      | search   
--- a/app/views/top/home.html.slim 0 → 100644
+++ b/app/views/top/home.html.slim 0 → 100644
+- provide :title, 'Jobs'
+
+.container
+  .input-group.py-3
+    input.form-control.rounded[type="search" placeholder="Search . . ." aria-label="Search" aria-describedby="search-addon"]
+    button.btn.btn-outline-primary[type="button"]
+      | search   
+  h4.py-4
+    | Latest Jobs
+    - @job.each do |job| 
--- a/app/views/top/home.html.slim 0 → 100644
+++ b/app/views/top/home.html.slim 0 → 100644
+  h4.py-4
+    | Latest Jobs
+    - @job.each do |job| 
+        .card.my-3
+          .card-body.text-dark
+            h5.mb-1
+              = link_to job.title, "#"
+            p.mb-1
+              = link_to job.company.name, "#"
+            p.mb-1
+              i.fas.fa-dollar-sign.m-1
+              | Lương: 
+              = job.salary
+            p.mb-1
+              i.fas.fa-map-marker-alt.m-1
+              - job.cities.each do |city| 
--- a/app/views/top/home.html.slim 0 → 100644
+++ b/app/views/top/home.html.slim 0 → 100644
+                  = city.name
+  h4
+    | Top Cities
+    .row.my-3.text-center.fs-5
+      - @city.each do |name, amount|
+        .col-4.p-2.border.mb-1.fw-normal
+          = link_to name, "#"
+          p.mb-1
+          = amount
+    .d-flex.flex-row-reverse.
+      = link_to 'All Cities', "#", class: "more" 
+  h4
+    | Top Industries
+    .row.my-3.text-center.fs-5
+      - @industry.each do |name, amount|
+          .col-4.p-2.border.mb-1.fw-normal
--- a/config/routes.rb
+++ b/config/routes.rb
 Rails.application.routes.draw do
-  # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html
+  root 'top#home'
+  get  '/', to: 'top#home'
--- a/config/routes.rb
+++ b/config/routes.rb
 Rails.application.routes.draw do
-  # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html
+  root 'top#home'
+  get  '/', to: 'top#home'
+  resources :jobs
--- a/app/views/top/home.html.slim 0 → 100644
+++ b/app/views/top/home.html.slim 0 → 100644
+- provide :title, 'Jobs'
+
+.container
+  .input-group.py-3
+    input.form-control.rounded[type="search" placeholder="Search . . ." aria-label="Search" aria-describedby="search-addon"]
+    button.btn.btn-outline-primary[type="button"]
+      | search   
+  h4.py-4
+    | Latest Jobs
+    - @job.each do |job| 
+        .card.my-3
+          .card-body.text-dark
+            h5.mb-1
+              = link_to job.title, "#"
+            p.mb-1
+              = link_to job.company.name, "#"
--- a/app/views/top/home.html.slim 0 → 100644
+++ b/app/views/top/home.html.slim 0 → 100644
+- provide :title, 'Jobs'
+
--- a/db/schema.rb
+++ b/db/schema.rb
 #
 # It's strongly recommended that you check this file into your version control system.

-ActiveRecord::Schema.define(version: 2021_07_23_035105) do
+ActiveRecord::Schema.define(version: 2021_07_26_154353) do
--- a/app/assets/stylesheets/custom.scss 0 → 100644
+++ b/app/assets/stylesheets/custom.scss 0 → 100644
+  font-size: 18px;
+  font-weight: bold;
+  padding: 4px 15px;
+  text-decoration: none;
+  &:hover {
+    color: rgb(107, 107, 107);
+    text-decoration: none;
+  }
+}
+
+.container p {
+  font-weight: 400;
+  font-size: medium;
+  }
+  a {
+  color: rgb(14, 14, 14);
--- a/app/models/city.rb
+++ b/app/models/city.rb
  belongs_to :region
  has_and_belongs_to_many :jobs
  has_and_belongs_to_many :companies
+  LATEST_CITY_NUMBER = 9
+  scope :top_cities, -> { joins(:jobs).group(:name).order('count_all DESC').count.take(LATEST_CITY_NUMBER) }
 end
+
--- a/app/views/layouts/_shim.html.slim 0 → 100644
+++ b/app/views/layouts/_shim.html.slim 0 → 100644
+<!--[if lt IE 9]>
--- a/app/views/top/home.html.slim 0 → 100644
+++ b/app/views/top/home.html.slim 0 → 100644
+- provide :title, 'Jobs'
+
+h3.p-2
+  |Total Jobs:
+  = Job.all.count
--- a/app/views/top/home.html.slim 0 → 100644
+++ b/app/views/top/home.html.slim 0 → 100644
+  h4.py-4
+    | Latest Jobs
+    - @jobs.each do |job|
+        .card.my-3
+          .card-body.text-dark
+            h5.mb-1
+              = link_to job.title, "#"
+            p.mb-1
+              = link_to job.company.name, "#"
+            p.mb-1
+              i.fas.fa-dollar-sign.m-1
+              | Lương: 
+              = job.salary
+            p.mb-1
+              i.fas.fa-map-marker-alt.m-1
+              - job.cities.each do |job|