Commit 3e5731d2 by Ngo Trung Hung

custom notice

parent 4ba05f27
$(document).on("turbolinks:load", function(){ $(document).on("turbolinks:load", function(){
// => btn-favorite $('.block_click_favorite').click(function (e) {
$('.btn_favorite_outline').click(function (e) { $('.overlay_login').addClass('show');
$(this).toggleClass('active');
}); });
// => end
$('.icon_close_modal_login').click(function (e) {
$('.overlay_login').removeClass('show');
});
// => scroll to top // => scroll to top
$(window).scroll(function(){ $(window).scroll(function(){
if ($(this).scrollTop() > 550) { if ($(this).scrollTop() > 550) {
......
...@@ -236,6 +236,11 @@ $main-color: #23303D; ...@@ -236,6 +236,11 @@ $main-color: #23303D;
.menu__mobile { .menu__mobile {
width: 65vw; width: 65vw;
} }
.breadcrumb_total_search {
span {
font-size: 14px;
}
}
} }
// end header // end header
...@@ -661,8 +666,7 @@ $main-color: #23303D; ...@@ -661,8 +666,7 @@ $main-color: #23303D;
margin: auto; margin: auto;
margin-top: 10px; margin-top: 10px;
margin-bottom: 5px; margin-bottom: 5px;
border-radius: 2px; border-radius: 2px;
// border-top: 1px solid rgba($color: #000000, $alpha: 0.2); // border-top: 1px solid rgba($color: #000000, $alpha: 0.2);
border-bottom: 1px solid rgba($color: #000000, $alpha: 0.2); border-bottom: 1px solid rgba($color: #000000, $alpha: 0.2);
transition: 0.2s; transition: 0.2s;
...@@ -675,9 +679,9 @@ $main-color: #23303D; ...@@ -675,9 +679,9 @@ $main-color: #23303D;
.box_info { .box_info {
position: relative; position: relative;
margin: 10px 0px 10px 25px; margin: 10px 0px 10px 25px;
} }
.img_job_name { .img_job_name {
width: 18px; width: 18px;
height: 18px; height: 18px;
...@@ -731,7 +735,47 @@ $main-color: #23303D; ...@@ -731,7 +735,47 @@ $main-color: #23303D;
position: relative; position: relative;
width: 100%; width: 100%;
height: 130px; height: 130px;
// background-color: #d41323; }
.box_toottip {
position: absolute;
display: none;
padding: 5px 8px;
top: -35%;
left: 0 !important;
height: auto;
background-color: #fff;
border-radius: 4px;
z-index: 2000;
box-shadow: 0px 0px 5px 1px rgba($color: #666666, $alpha: 0.7);
}
.box_toottip.active {
display: block !important;
}
.overlay_box_tooltip {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
background-color: rgba($color: #000000, $alpha: 0.7);
}
.btn_login_tooltip {
background-color: #ffc107;
color: #333;
padding: 5px;
float: right;
font-size: 14px;
border-radius: 4px;
&:hover {
text-decoration: none;
color: #000;
}
&:focus {
.box_toottip {
display: block;
}
}
} }
.coc { .coc {
height: 13px; height: 13px;
...@@ -1217,6 +1261,14 @@ $main-color: #23303D; ...@@ -1217,6 +1261,14 @@ $main-color: #23303D;
.pagination_jobs { .pagination_jobs {
float: right; float: right;
} }
.btn_dis{
&:hover {
color: #666 !important;
background-color: transparent !important;
border: 1px solid lightgray !important;
}
}
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
// index // index
.padding_index { .padding_index {
...@@ -1231,6 +1283,7 @@ $main-color: #23303D; ...@@ -1231,6 +1283,7 @@ $main-color: #23303D;
font-size: 20px; font-size: 20px;
} }
} }
@media only screen and (max-width: 660px) { @media only screen and (max-width: 660px) {
......
.box_link_favotite {
position: relative;
width: 100%;
height: 100%;
padding: 10px 10px;
span {
color: #999;
}
}
.block_link_favorite :hover {
color: #e62958;
}
.block_link_favorite.md {
display: none;
}
.link_favorite {
color: #999;
z-index: 100000;
&:hover {
text-decoration: none;
}
}
.block_click_favorite {
color: #999;
cursor: pointer;
}
.block_click_favorite.md {
display: none;
}
.link_favorite_top {
position: absolute;
z-index: 1;
// position: relative;
padding: 15px 20px;
top: 0;
right: 0;
}
.overlay_login {
visibility: hidden;
opacity: 0;
transition: 0.5;
position: fixed;
z-index: 99999;
top: 0;
bottom: 0;
left: 0;
right: 0;
transition: linear 0.3s;
background-color: rgba($color: #000000, $alpha: 0.5);
}
.overlay_login.show {
opacity: 1;
visibility: visible;
transition: linear 0.4s;
}
.modal_login {
position: absolute;
padding: 5px 0px;
top: 50%;
left: 50%;
height: 300px;
width: 600px;
transform: translateY(-50%) translateX(-50%);
background-color: #fff;
border-radius: 5px;
transition: cubic-bezier(0.165, 0.84, 0.44, 1);
}
// modal
.icon_close_modal_login {
cursor: pointer;
float: right;
font-size: 22px;
color: rgb(60, 71, 121);
span {
}
}
.modal_login_notice_text {
text-align: center;
color: #666;
font-size: 19px;
color: rgb(60, 71, 121);
span {
}
}
.modal_login_header {
background-color: #e62958;
}
@media only screen and (max-width: 768px) {
.block_link_favorite.lg {
display: none;
}
.block_click_favorite.lg {
display: none;
}
.block_link_favorite.md {
display: block;
}
.block_click_favorite.md {
display: block;
}
.pagination li a {
font-size: 14px !important;
}
.modal_login {
width: 95vw;
font-size: 14px;
}
}
@media only screen and (max-width: 576px) {
.pagination li a {
font-size: 13px !important;
}
}
<%cru = 0%>
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-sm-12"> <div class="col-sm-12">
<div class="box_detail_jobs_ajax"> <div class="box_jobs">
<div class="col-sm-12 d-block d-sm-none">
<div class="box_jobs"> <% if cru == 1 %>
<div class="col-sm-12 d-block d-sm-none"> <div class="link_favorite_top block_link_favorite md">
<button type="submit" class="btn_favorite_outline xs"> <span><%= link_to '<i class="far fa-heart"></i>'.html_safe,'#',class: 'link_favorite'%><span>
<i class="far fa-heart"></i> </div>
</button> <% else %>
<div class="block_click_favorite link_favorite_top ">
<span><i class="far fa-heart"></i><span>
</div>
<% end %>
</div>
<div class="row">
<div class="col-sm-10 col-md-9 col-lg-10">
<div class="box_info">
<div class="lol">
<%= link_to data.name, "/detail/#{data.id}" , class: 'job_name' %>
</div>
<div class="cop">
<h5 class="box_info_copany_name"><i class="far fa-building"></i> <%= data.company.name %></h5>
</div>
<div class="loc">
<h5 class="box_info_location"><i class="fas fa-map-marker-alt"></i>
<% dt = [] %>
<% data.cities.each do |x| %>
<% dt << (x.name << ' | ') %>
<% end %>
<%= dt.join('').chomp('| ')%>
</h5>
</div>
<h5 class="box_info_salary"><i class="fas fa-dollar-sign"></i>&nbsp; Lương: <%= data.salary %></h5>
<div class="coc">
<h5 class="box_info_des"><%= strip_tags(data.description) %></h5>
</div>
</div>
</div> </div>
<div class="row">
<div class="col-sm-10 col-md-9 col-lg-10"> <div class="col-sm-2 col-md-3 d-none d-sm-block col-lg-2">
<div class="box_info"> <% if cru == 1 %>
<div class="lol"> <div class="box_link_favotite">
<%= link_to data.name, "/detail/#{data.id}" , class: 'job_name' %> <div class="block_link_favorite lg">
</div> <span><i class="far fa-heart"></i> <%= link_to 'Yêu thích'.html_safe,'#',class: 'link_favorite'%><span>
<div class="cop"> </div>
<h5 class="box_info_copany_name"><i class="far fa-building"></i> <%= data.company.name %></h5> <div class="block_link_favorite md">
</div> <span><%= link_to '<i class="far fa-heart"></i>'.html_safe,'#',class: 'link_favorite'%><span>
<div class="loc">
<h5 class="box_info_location"><i class="fas fa-map-marker-alt"></i>
<% dt = [] %>
<% data.cities.each do |x| %>
<% dt << (x.name << ' | ') %>
<% end %>
<%= dt.join('').chomp('| ')%>
</h5>
</div>
<h5 class="box_info_salary"><i class="fas fa-dollar-sign"></i>&nbsp; Lương: <%= data.salary %></h5>
<div class="coc">
<h5 class="box_info_des"><%= strip_tags(data.description) %></h5>
</div>
</div> </div>
</div> </div>
<% else %>
<div class="col-sm-2 col-md-3 d-none d-sm-block col-lg-2"> <div class="box_link_favotite">
<div class="box_btn_favotite"> <div class="block_click_favorite lg">
<button type="submit" class="btn_favorite_outline"> <span><i class="far fa-heart"></i> Yêu thích<span>
<i class="far fa-heart"></i> Yêu thích </div>
</button> <div class="block_click_favorite md">
<button type="submit" class="btn_favorite_outline small"> <span><i class="far fa-heart"></i><span>
<i class="far fa-heart"></i>
</button>
</div> </div>
</div> </div>
</div> <% end %>
</div> </div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
\ No newline at end of file
<div class="overlay_login">
<div class="modal_login">
<div class="modal_login_header">
<span>Vui lòng đăng nhập để thực hiện chức năng này</span>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<span class="icon_close_modal_login">
<i class="far fa-times-circle"></i>
</span>
</div>
<div class="col-lg 12">
<div class="modal_login_notice_text">
<span>Vui lòng đăng nhập để thực hiện chức năng này</span>
</div>
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
...@@ -25,6 +25,7 @@ ...@@ -25,6 +25,7 @@
</div> </div>
</div> </div>
</div> </div>
<%= render 'job/modal_login'%>
<% @fill_data.each do |item| %> <% @fill_data.each do |item| %>
<%= render 'block_info_job', data: item%> <%= render 'block_info_job', data: item%>
<%end%> <%end%>
......
...@@ -4,8 +4,10 @@ ...@@ -4,8 +4,10 @@
<title><%= full_title(yield(:title)) %></title> <title><%= full_title(yield(:title)) %></title>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
<%= favicon_link_tag 'icontitle' %>
<%= csrf_meta_tags %> <%= csrf_meta_tags %>
<%= csp_meta_tag %> <%= csp_meta_tag %>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/js/all.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/js/all.min.js"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.7/css/all.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.7/css/all.css">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@200&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@200&display=swap" rel="stylesheet">
...@@ -18,9 +20,7 @@ ...@@ -18,9 +20,7 @@
<%= render 'layouts/header' %> <%= render 'layouts/header' %>
<%= custom_bootstrap_flash %> <%= custom_bootstrap_flash %>
<% flash.discard %> <% flash.discard %>
<%= render 'layouts/padding' %> <%= render 'layouts/padding' %>
<%= yield %> <%= yield %>
<%= render 'layouts/footer' %> <%= render 'layouts/footer' %>
</div> </div>
......
<%= render 'job/modal_login'%>
<%cru = 0%>
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-sm-12"> <div class="col-sm-12">
<% i = 0%> <% @five_jobs.each do |val| %>
<% @five_jobs.each do |val| %> <div class="box_jobs">
<div class="box_jobs"> <div class="col-sm-12 d-block d-sm-none">
<div class="col-sm-12 d-block d-sm-none"> <% if cru == 1 %>
<button type="submit" class="btn_favorite_outline xs"> <div class="link_favorite_top block_link_favorite md">
<i class="far fa-heart"></i> <span><%= link_to '<i class="far fa-heart"></i>'.html_safe,'#',class: 'link_favorite'%><span>
</button> </div>
<% else %>
<div class="block_click_favorite link_favorite_top ">
<span><i class="far fa-heart"></i><span>
</div>
<% end %>
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-10 col-md-9 col-lg-10"> <div class="col-sm-10 col-md-9 col-lg-10">
...@@ -33,19 +39,28 @@ ...@@ -33,19 +39,28 @@
<h5 class="box_info_des"><%= strip_tags(val.description) %></h5> <h5 class="box_info_des"><%= strip_tags(val.description) %></h5>
</div> </div>
</div> </div>
</div>
<div class="col-sm-2 col-md-3 d-none d-sm-block col-lg-2">
<% if cru == 1 %>
<div class="box_link_favotite">
<div class="block_link_favorite lg">
<span><i class="far fa-heart"></i> <%= link_to 'Yêu thích'.html_safe,'#',class: 'link_favorite'%><span>
</div>
<div class="block_link_favorite md">
<span><%= link_to '<i class="far fa-heart"></i>'.html_safe,'#',class: 'link_favorite'%><span>
</div>
</div>
<% else %>
<div class="box_link_favotite">
<div class="block_click_favorite lg">
<span><i class="far fa-heart"></i> Yêu thích<span>
</div>
<div class="block_click_favorite md">
<span><i class="far fa-heart"></i><span>
</div>
</div>
<% end %>
</div> </div>
<div class="col-sm-2 col-md-3 d-none d-sm-block col-lg-2">
<div class="box_btn_favotite">
<button type="submit" class="btn_favorite_outline">
<i class="far fa-heart"></i> Yêu thích
</button>
<button type="submit" class="btn_favorite_outline small">
<i class="far fa-heart"></i>
</button>
</div>
</div>
</div> </div>
</div> </div>
<% end %> <% end %>
......
...@@ -129,3 +129,24 @@ SocketError: getaddrinfo: Temporary failure in name resolution ...@@ -129,3 +129,24 @@ SocketError: getaddrinfo: Temporary failure in name resolution
/home/hungnt/.rbenv/versions/2.6.6/bin/bundle:23:in `<main>' /home/hungnt/.rbenv/versions/2.6.6/bin/bundle:23:in `<main>'
Tasks: TOP => crawler:populate Tasks: TOP => crawler:populate
(See full trace by running task with --trace) (See full trace by running task with --trace)
rake aborted!
SocketError: Failed to open TCP connection to careerbuilder.vn:443 (getaddrinfo: Temporary failure in name resolution)
/home/hungnt/venjob/lib/src/interface_web.rb:63:in `block in craw_data_companies'
/home/hungnt/venjob/lib/src/interface_web.rb:62:in `each'
/home/hungnt/venjob/lib/src/interface_web.rb:62:in `each_with_index'
/home/hungnt/venjob/lib/src/interface_web.rb:62:in `craw_data_companies'
/home/hungnt/venjob/lib/tasks/crawler.rake:8:in `block (2 levels) in <main>'
/home/hungnt/.rbenv/versions/2.6.6/bin/bundle:23:in `load'
/home/hungnt/.rbenv/versions/2.6.6/bin/bundle:23:in `<main>'
Caused by:
SocketError: getaddrinfo: Temporary failure in name resolution
/home/hungnt/venjob/lib/src/interface_web.rb:63:in `block in craw_data_companies'
/home/hungnt/venjob/lib/src/interface_web.rb:62:in `each'
/home/hungnt/venjob/lib/src/interface_web.rb:62:in `each_with_index'
/home/hungnt/venjob/lib/src/interface_web.rb:62:in `craw_data_companies'
/home/hungnt/venjob/lib/tasks/crawler.rake:8:in `block (2 levels) in <main>'
/home/hungnt/.rbenv/versions/2.6.6/bin/bundle:23:in `load'
/home/hungnt/.rbenv/versions/2.6.6/bin/bundle:23:in `<main>'
Tasks: TOP => crawler:populate
(See full trace by running task with --trace)
=> 2020-07-26 00:45:16 +0700 IMPORT SUCCESS => 2020-07-26 20:23:43 +0700 IMPORT SUCCESS
\ No newline at end of file \ No newline at end of file
...@@ -227,6 +227,7 @@ class InterfaceWeb ...@@ -227,6 +227,7 @@ class InterfaceWeb
crawl_data_jobs_interface_5(page) crawl_data_jobs_interface_5(page)
end end
puts "#{i} - #{path}" puts "#{i} - #{path}"
end end
puts 'Crawler data jobs success!'
end end
end end
\ No newline at end of file
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