Commit 3e5731d2 by Ngo Trung Hung

custom notice

parent 4ba05f27
$(document).on("turbolinks:load", function(){
// => btn-favorite
$('.btn_favorite_outline').click(function (e) {
$(this).toggleClass('active');
$('.block_click_favorite').click(function (e) {
$('.overlay_login').addClass('show');
});
// => end
$('.icon_close_modal_login').click(function (e) {
$('.overlay_login').removeClass('show');
});
// => scroll to top
$(window).scroll(function(){
if ($(this).scrollTop() > 550) {
......
......@@ -236,6 +236,11 @@ $main-color: #23303D;
.menu__mobile {
width: 65vw;
}
.breadcrumb_total_search {
span {
font-size: 14px;
}
}
}
// end header
......@@ -662,7 +667,6 @@ $main-color: #23303D;
margin-top: 10px;
margin-bottom: 5px;
border-radius: 2px;
// border-top: 1px solid rgba($color: #000000, $alpha: 0.2);
border-bottom: 1px solid rgba($color: #000000, $alpha: 0.2);
transition: 0.2s;
......@@ -676,8 +680,8 @@ $main-color: #23303D;
.box_info {
position: relative;
margin: 10px 0px 10px 25px;
}
.img_job_name {
width: 18px;
height: 18px;
......@@ -731,7 +735,47 @@ $main-color: #23303D;
position: relative;
width: 100%;
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 {
height: 13px;
......@@ -1217,6 +1261,14 @@ $main-color: #23303D;
.pagination_jobs {
float: right;
}
.btn_dis{
&:hover {
color: #666 !important;
background-color: transparent !important;
border: 1px solid lightgray !important;
}
}
@media only screen and (max-width: 768px) {
// index
.padding_index {
......@@ -1231,6 +1283,7 @@ $main-color: #23303D;
font-size: 20px;
}
}
@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="row">
<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">
<button type="submit" class="btn_favorite_outline xs">
<i class="far fa-heart"></i>
</button>
<% if cru == 1 %>
<div class="link_favorite_top block_link_favorite md">
<span><%= link_to '<i class="far fa-heart"></i>'.html_safe,'#',class: 'link_favorite'%><span>
</div>
<% 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">
......@@ -35,18 +40,27 @@
</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>
<% 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>
</div>
</div>
......
<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 @@
</div>
</div>
</div>
<%= render 'job/modal_login'%>
<% @fill_data.each do |item| %>
<%= render 'block_info_job', data: item%>
<%end%>
......
......@@ -4,8 +4,10 @@
<title><%= full_title(yield(:title)) %></title>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
<%= favicon_link_tag 'icontitle' %>
<%= csrf_meta_tags %>
<%= csp_meta_tag %>
<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 href="https://fonts.googleapis.com/css2?family=Raleway:wght@200&display=swap" rel="stylesheet">
......@@ -19,8 +21,6 @@
<%= custom_bootstrap_flash %>
<% flash.discard %>
<%= render 'layouts/padding' %>
<%= yield %>
<%= render 'layouts/footer' %>
</div>
......
<%= render 'job/modal_login'%>
<%cru = 0%>
<div class="container">
<div class="row">
<div class="col-sm-12">
<% i = 0%>
<% @five_jobs.each do |val| %>
<div class="box_jobs">
<div class="col-sm-12 d-block d-sm-none">
<button type="submit" class="btn_favorite_outline xs">
<i class="far fa-heart"></i>
</button>
<% if cru == 1 %>
<div class="link_favorite_top block_link_favorite md">
<span><%= link_to '<i class="far fa-heart"></i>'.html_safe,'#',class: 'link_favorite'%><span>
</div>
<% 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">
......@@ -34,18 +40,27 @@
</div>
</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>
<% 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>
<% end %>
......
......@@ -129,3 +129,24 @@ SocketError: getaddrinfo: Temporary failure in name resolution
/home/hungnt/.rbenv/versions/2.6.6/bin/bundle:23:in `<main>'
Tasks: TOP => crawler:populate
(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
\ No newline at end of file
=> 2020-07-26 20:23:43 +0700 IMPORT SUCCESS
\ No newline at end of file
......@@ -228,5 +228,6 @@ class InterfaceWeb
end
puts "#{i} - #{path}"
end
puts 'Crawler data jobs success!'
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