Slava Kyrachevsky
9 years ago
parent
f19e3e9db4
commit
2a4ff58abe
11 changed files with 1317 additions and 1398 deletions
@ -0,0 +1,56 @@ |
||||
@font-face { |
||||
font-family: dindisplay_pro; |
||||
src: url(../../client/fonts/pfdindisplaypro-med-webfont.eot); |
||||
src: url(../../client/fonts/pfdindisplaypro-med-webfont.eot?#iefix) format('embedded-opentype'), url(../../client/fonts/pfdindisplaypro-med-webfont.woff) format('woff'), url(../../client/fonts/pfdindisplaypro-med-webfont.ttf) format('truetype'), url(../../client/fonts/pfdindisplaypro-med-webfont.svg#pf_dindisplay_promedium) format('svg'); |
||||
font-weight: 500; |
||||
font-style: normal |
||||
} |
||||
@font-face { |
||||
font-family: dindisplay_pro; |
||||
src: url(../../client/fonts/pfdindisplaypro-thin-webfont.eot); |
||||
src: url(../../client/fonts/pfdindisplaypro-thin-webfont.eot?#iefix) format('embedded-opentype'), url(../../client/fonts/pfdindisplaypro-thin-webfont.ttf) format('truetype'), url(../../client/fonts/pfdindisplaypro-thin-webfont.woff) format('woff'); |
||||
font-weight: 100; |
||||
font-style: normal |
||||
} |
||||
@font-face { |
||||
font-family: dindisplay_pro; |
||||
src: url(../../client/fonts/pfdindisplaypro-light-webfont.eot); |
||||
src: url(../../client/fonts/pfdindisplaypro-light-webfont.eot?#iefix) format('embedded-opentype'), url(../../client/fonts/pfdindisplaypro-light-webfont.woff) format('woff'), url(../../client/fonts/pfdindisplaypro-light-webfont.ttf) format('truetype'); |
||||
font-weight: 300; |
||||
font-style: normal |
||||
} |
||||
@font-face { |
||||
font-family: dindisplay_pro; |
||||
src: url(../../client/fonts/pfdindisplaypro-italic-webfont.eot); |
||||
src: url(../../client/fonts/pfdindisplaypro-italic-webfont.eot?#iefix) format('embedded-opentype'), url(../../client/fonts/pfdindisplaypro-italic-webfont.woff) format('woff'), url(../../client/fonts/pfdindisplaypro-italic-webfont.ttf) format('truetype'); |
||||
font-weight: 400; |
||||
font-style: italic |
||||
} |
||||
@font-face { |
||||
font-family: dindisplay_pro; |
||||
src: url(../../client/fonts/pfdindisplaypro-bold-webfont.eot); |
||||
src: url(../../client/fonts/pfdindisplaypro-bold-webfont.eot?#iefix) format('embedded-opentype'), url(../../client/fonts/pfdindisplaypro-bold-webfont.ttf) format('truetype'), url(../../client/fonts/pfdindisplaypro-bold-webfont.woff) format('woff'); |
||||
font-weight: 700; |
||||
font-style: normal |
||||
} |
||||
@font-face { |
||||
font-family: dindisplay_pro; |
||||
src: url(../../client/fonts/pfdindisplaypro-reg-webfont.eot); |
||||
src: url(../../client/fonts/pfdindisplaypro-reg-webfont.eot?#iefix) format('embedded-opentype'), url(../../client/fonts/pfdindisplaypro-reg-webfont.woff) format('woff'), url(../../client/fonts/pfdindisplaypro-reg-webfont.ttf) format('truetype'); |
||||
font-weight: 400; |
||||
font-style: normal |
||||
} |
||||
@font-face { |
||||
font-family: pt_sans; |
||||
src: url(../../client/fonts/pts75f-webfont.eot); |
||||
src: url(../../client/fonts/pts75f-webfont.eot?#iefix) format('embedded-opentype'), url(../../client/fonts/pts75f-webfont.woff) format('woff'), url(../../client/fonts/pts75f-webfont.ttf) format('truetype'); |
||||
font-weight: 700; |
||||
font-style: normal |
||||
} |
||||
@font-face { |
||||
font-family: pt_sans; |
||||
src: url(../../client/fonts/pts55f-webfont.eot); |
||||
src: url(../../client/fonts/pts55f-webfont.eot?#iefix) format('embedded-opentype'), url(../../client/fonts/pts55f-webfont.woff) format('woff'), url(../../client/fonts/pts55f-webfont.ttf) format('truetype'); |
||||
font-weight: 400; |
||||
font-style: normal |
||||
} |
||||
@ -0,0 +1,652 @@ |
||||
.themes_block h2, |
||||
.subjects_block h2, |
||||
.period_block h2 { |
||||
font-size: 30px; |
||||
font-weight: 400; |
||||
text-align: center; |
||||
margin-bottom: 50px; |
||||
} |
||||
|
||||
.themes_block, |
||||
.period_block{ |
||||
background-color: #fbfbfb; |
||||
border-top: 1px solid #ebebeb; |
||||
border-bottom: 1px solid #ebebeb; |
||||
padding-top: 50px; |
||||
} |
||||
|
||||
.themes_block{ |
||||
padding-bottom: 55px; |
||||
} |
||||
|
||||
.themes_block h3 { |
||||
margin-bottom: 30px; |
||||
} |
||||
|
||||
.subjects_block{ |
||||
padding: 50px 0; |
||||
} |
||||
|
||||
.page_footer{ |
||||
border-top: 1px solid #ebebeb; |
||||
border-bottom: 1px solid #ebebeb; |
||||
text-align: center; |
||||
line-height: 40px; |
||||
font-size: 16px; |
||||
color: #999; |
||||
} |
||||
|
||||
.columns{ |
||||
font-size: 0; |
||||
width: 1045px; |
||||
margin: 0 auto; |
||||
} |
||||
|
||||
.columns .column{ |
||||
display: inline-block; |
||||
} |
||||
|
||||
.themes_block .column{ |
||||
display: inline-block; |
||||
width: 50%; |
||||
vertical-align: top; |
||||
} |
||||
|
||||
.geo_filters{ |
||||
list-style: none; |
||||
background-color: #fff; |
||||
border: 1px solid #ebebeb; |
||||
border-radius: 3px; |
||||
padding: 30px; |
||||
font-size: 16px; |
||||
} |
||||
|
||||
.geo_filters > li + li{ |
||||
margin-top: 34px; |
||||
} |
||||
|
||||
.geo_filters .modal_trigger{ |
||||
font-size: 16px; |
||||
color: #333; |
||||
text-decoration: none; |
||||
display: inline-block; |
||||
border-bottom: 1px dashed #333; |
||||
margin-left: 40px; |
||||
} |
||||
|
||||
.geo_filters .modal_trigger:hover{ |
||||
border-bottom-color: transparent; |
||||
} |
||||
|
||||
.geo_filters input{ |
||||
display: none; |
||||
} |
||||
|
||||
.geo_filters .moscow{ |
||||
/*color: #49d026;*/ |
||||
color: #ccc; |
||||
} |
||||
|
||||
.geo_filters .moscow:hover, |
||||
.geo_filters input:checked + .moscow{ |
||||
border-color: #49d026; |
||||
box-shadow: 0 0 0 2px #49d026; |
||||
cursor: pointer; |
||||
color: #49d026; |
||||
} |
||||
|
||||
.geo_filters .rf{ |
||||
/*color: #ff6600;*/ |
||||
color: #ccc; |
||||
} |
||||
|
||||
.geo_filters .rf:hover, |
||||
.geo_filters input:checked + .rf{ |
||||
border-color: #ff6600; |
||||
box-shadow: 0 0 0 2px #ff6600; |
||||
cursor: pointer; |
||||
color: #ff6600; |
||||
} |
||||
|
||||
.geo_filters .foreign{ |
||||
/*color: #0099ff;*/ |
||||
color: #ccc; |
||||
} |
||||
|
||||
.geo_filters .foreign:hover, |
||||
.geo_filters input:checked + .foreign{ |
||||
border-color: #0099ff; |
||||
box-shadow: 0 0 0 2px #0099ff; |
||||
cursor: pointer; |
||||
color: #0099ff; |
||||
} |
||||
|
||||
.geo_filters input + .label{ |
||||
display: inline-block; |
||||
width: 283px; |
||||
padding: 6px 15px; |
||||
border: 1px solid #ebebeb; |
||||
font-size: 20px; |
||||
border-radius: 3px; |
||||
} |
||||
|
||||
.geo_filters input + .label + .geo_checkbox{ |
||||
display: inline-block; |
||||
height: 24px; |
||||
vertical-align: middle; |
||||
margin-left: 20px; |
||||
position: relative; |
||||
} |
||||
|
||||
.geo_filters input + .label + .geo_checkbox:before{ |
||||
content: ""; |
||||
display: inline-block; |
||||
width: 22px; |
||||
height: 22px; |
||||
border-radius: 50%; |
||||
border: 1px solid #e0e0e0; |
||||
position: absolute; |
||||
top: 0; |
||||
left:0; |
||||
transition: border-color .3s; |
||||
} |
||||
|
||||
.geo_filters input + .label + .geo_checkbox:after{ |
||||
content: ''; |
||||
display: block; |
||||
width: 23px; |
||||
height: 22px; |
||||
background: url(../images/checkbox.png); |
||||
position: absolute; |
||||
top: 1px; |
||||
left: 0; |
||||
opacity: 0; |
||||
transition: opacity .3s; |
||||
} |
||||
|
||||
.geo_filters input:checked + .label + .geo_checkbox:before{ |
||||
border-color: #FF6600; |
||||
transition: border-color .3s; |
||||
} |
||||
|
||||
.geo_filters input:checked + .label + .geo_checkbox:after{ |
||||
opacity: 1; |
||||
transition: opacity .3s; |
||||
} |
||||
|
||||
.geo_filters .selected{ |
||||
padding-top: 20px; |
||||
width: 285px; |
||||
} |
||||
|
||||
.subjects_block .column{ |
||||
vertical-align: top; |
||||
width: calc(100%/3); |
||||
font-size: 16px; |
||||
} |
||||
|
||||
.subjects_block p{ |
||||
color: #999999; |
||||
font-weight: 100; |
||||
padding: 0 40px; |
||||
font-size: 16px; |
||||
} |
||||
|
||||
.subjects_block input, |
||||
.periodic input, |
||||
.mailing_day input{ |
||||
display: none; |
||||
} |
||||
|
||||
.subjects_block input + label, |
||||
.periodic input + .radio{ |
||||
position: relative; |
||||
padding-left: 40px; |
||||
cursor: pointer; |
||||
font-size: 18px; |
||||
} |
||||
|
||||
.subjects_block input + label:before, |
||||
.periodic input + .radio:before, |
||||
.mailing_day input + .radio:before{ |
||||
content: ""; |
||||
display: inline-block; |
||||
width: 22px; |
||||
height: 22px; |
||||
border-radius: 50%; |
||||
border: 1px solid #e0e0e0; |
||||
position: absolute; |
||||
top: 0; |
||||
left:0; |
||||
transition: border-color .3s; |
||||
} |
||||
|
||||
.subjects_block input + label:after, |
||||
.periodic input + .radio:after, |
||||
.mailing_day input + .radio:after{ |
||||
content: ''; |
||||
display: block; |
||||
width: 23px; |
||||
height: 22px; |
||||
background: url(../images/checkbox.png); |
||||
position: absolute; |
||||
top: 1px; |
||||
left: 0; |
||||
opacity: 0; |
||||
transition: opacity .3s; |
||||
} |
||||
|
||||
.subjects_block input:checked + label:before, |
||||
.periodic input:checked + .radio:before, |
||||
.mailing_day input:checked + .radio:before{ |
||||
border-color: #FF6600; |
||||
transition: border-color .3s; |
||||
} |
||||
|
||||
.subjects_block input:checked + label:after, |
||||
.periodic input:checked + .radio:after, |
||||
.mailing_day input:checked + .radio:after{ |
||||
opacity: 1; |
||||
transition: opacity .3s; |
||||
} |
||||
|
||||
.periodic{ |
||||
width: 270px; |
||||
border-right: 1px solid #ebebeb; |
||||
padding-bottom: 45px; |
||||
} |
||||
|
||||
.periodic li{ |
||||
margin-bottom: 17px; |
||||
list-style: none; |
||||
} |
||||
|
||||
.mailing_day{ |
||||
padding-left: 110px; |
||||
padding-top: 20px; |
||||
vertical-align: top; |
||||
} |
||||
|
||||
|
||||
.mailing_day label{ |
||||
display: inline-block; |
||||
font-size: 25px; |
||||
font-weight: 300; |
||||
text-transform: uppercase; |
||||
width: 80px; |
||||
height: 80px; |
||||
background-color: #fff; |
||||
border-radius: 50%; |
||||
box-shadow: 0 7px 32px rgba(25, 25, 25, 0.1); |
||||
-moz-box-shadow: 0 7px 32px rgba(25, 25, 25, 0.1); |
||||
-webkit-box-shadow: 0 7px 32px rgba(25, 25, 25, 0.1); |
||||
-o-box-shadow: 0 7px 32px rgba(25, 25, 25, 0.1); |
||||
position: relative; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.mailing_day label:hover .radio:before, |
||||
.periodic label:hover .radio:before, |
||||
.subjects_block label:hover:before { |
||||
border-color: #FF6600; |
||||
} |
||||
|
||||
.mailing_day label + label{ |
||||
margin-left: 40px; |
||||
} |
||||
|
||||
.mailing_day input + .radio{ |
||||
display: block; |
||||
text-align: center; |
||||
cursor: pointer; |
||||
line-height: 80px; |
||||
} |
||||
|
||||
.mailing_day input + .radio:before{ |
||||
background-color: #fff; |
||||
} |
||||
|
||||
.mailing_day input + .radio:before, |
||||
.mailing_day input + .radio:after{ |
||||
left: auto; |
||||
right: 0; |
||||
} |
||||
|
||||
.button_block{ |
||||
padding: 62px 0; |
||||
text-align: center; |
||||
} |
||||
|
||||
.button_block button{ |
||||
display: block; |
||||
width: 265px; |
||||
height: 46px; |
||||
margin: 0 auto 26px; |
||||
border: 0; |
||||
background-color: #ff6600; |
||||
border-radius: 3px; |
||||
transition: background-color .3s; |
||||
color: #fff; |
||||
font-size: 19px; |
||||
font-weight: 300; |
||||
text-transform: uppercase; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.button_block button:hover{ |
||||
background-color: #ff9900; |
||||
transition: background-color .3s; |
||||
} |
||||
|
||||
.button_block a{ |
||||
color: #999; |
||||
font-size: 16px; |
||||
} |
||||
|
||||
.button_block a:hover{ |
||||
text-decoration: none; |
||||
} |
||||
|
||||
a.themes_trigger{ |
||||
display: block; |
||||
width: 190px; |
||||
height: 35px; |
||||
line-height: 35px; |
||||
background-color: #FF6600; |
||||
border-radius: 3px; |
||||
font-size: 19px; |
||||
color: #fff; |
||||
text-decoration: none; |
||||
text-align: center; |
||||
font-weight: 300; |
||||
} |
||||
|
||||
.selected{ |
||||
list-style: none; |
||||
font-size: 16px; |
||||
color: #333333; |
||||
font-weight: 100; |
||||
} |
||||
|
||||
.selected li{ |
||||
display: inline-block; |
||||
vertical-align: top; |
||||
border: 1px solid #FF6600; |
||||
border-radius: 3px; |
||||
padding: 6px 8px 6px 15px; |
||||
line-height: 16px; |
||||
margin-bottom: 10px; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
.selected li a{ |
||||
text-decoration: none; |
||||
margin-left: 15px; |
||||
color: #FF6600; |
||||
font-size: 22px; |
||||
} |
||||
|
||||
.popup-window{ |
||||
padding: 35px 50px 30px; |
||||
width: 640px; |
||||
font-size: 15px; |
||||
} |
||||
|
||||
.popup-window header{ |
||||
padding-bottom: 20px; |
||||
font-size: 35px; |
||||
line-height: 35px; |
||||
color: #f60; |
||||
font-weight: 100; |
||||
} |
||||
|
||||
.scroll-container{ |
||||
max-height: 230px; |
||||
overflow-y: scroll; |
||||
} |
||||
|
||||
.mCSB_scrollTools .mCSB_draggerRail { |
||||
width: 10px; |
||||
background: #dbdbdb; |
||||
border: 1px solid #ccc; |
||||
} |
||||
|
||||
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { |
||||
width: 8px; |
||||
border: solid #dbdbdb; |
||||
border-width: 2px 1px; |
||||
} |
||||
|
||||
.themes_wrapper{ |
||||
position: relative; |
||||
border: 1px solid #bdbdbd; |
||||
outline: 0; |
||||
width: 100%; |
||||
padding: 3px; |
||||
font-family: dindisplay_pro,sans-serif; |
||||
font-size: 15px; |
||||
line-height: 19px; |
||||
border-radius: 3px; |
||||
box-shadow: inset 0 2px 2px -2px #aaa; |
||||
background-color: #fff; |
||||
} |
||||
|
||||
.wait-ajax{ |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
right: 0; |
||||
bottom: 0; |
||||
background: rgba(191,191,191,.3) url('/static/client/img/ajax-loader.gif') no-repeat center; |
||||
display: none; |
||||
} |
||||
|
||||
.modal_checkboxes{ |
||||
list-style: none; |
||||
padding: 5px 10px; |
||||
} |
||||
|
||||
.modal_checkboxes li + li{ |
||||
margin-top: 4px; |
||||
} |
||||
|
||||
.modal_checkboxes .hidden_checkbox{ |
||||
display: none; |
||||
} |
||||
|
||||
.modal_checkboxes .hidden_checkbox + .custom_checkbox{ |
||||
display: inline-block; |
||||
vertical-align: middle; |
||||
width: 13px; |
||||
height: 13px; |
||||
line-height: 11px; |
||||
border-radius: 3px; |
||||
border: 1px solid #444; |
||||
} |
||||
|
||||
.modal_checkboxes .hidden_checkbox:checked + .custom_checkbox{ |
||||
border-color: #FF6600; |
||||
} |
||||
|
||||
.modal_checkboxes .hidden_checkbox:checked + .custom_checkbox:before{ |
||||
content: '∨'; |
||||
font-size: 10px; |
||||
height: 11px; |
||||
display: block; |
||||
text-align: center; |
||||
color: #FF6600; |
||||
} |
||||
|
||||
.modal_checkboxes .hidden{ |
||||
display: none; |
||||
} |
||||
|
||||
.modal_checkboxes .trigger{ |
||||
padding: 0 0 0 14px; |
||||
color: #464646; |
||||
position: relative; |
||||
font-weight: normal; |
||||
-webkit-font-smoothing: antialiased; |
||||
} |
||||
|
||||
.modal_checkboxes .trigger:hover{ |
||||
color: #FF6600; |
||||
} |
||||
|
||||
.modal_checkboxes .trigger[data-sub="true"]:before{ |
||||
content: "›"; |
||||
color: #FF6600; |
||||
position: absolute; |
||||
left: 3px; |
||||
} |
||||
|
||||
.modal_checkboxes .sub{ |
||||
list-style: none; |
||||
margin-left: 1em; |
||||
margin-top: .5em; |
||||
} |
||||
|
||||
.modal_checkboxes .label{ |
||||
padding-left: 14px; |
||||
font-weight: normal; |
||||
-webkit-font-smoothing: antialiased; |
||||
} |
||||
|
||||
.buttons_block{ |
||||
padding-top: 25px; |
||||
} |
||||
|
||||
.buttons_block button{ |
||||
display: inline-block; |
||||
vertical-align: top; |
||||
height: 40px; |
||||
border: 1px solid #fff; |
||||
outline: 0; |
||||
color: #fff; |
||||
font-family: dindisplay_pro,Arial,sans-serif; |
||||
font-weight: 700; |
||||
font-size: 15px; |
||||
line-height: 41px; |
||||
text-transform: uppercase; |
||||
padding: 0 25px; |
||||
border-radius: 4px; |
||||
-moz-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
box-shadow: 0 1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(0,0,0,.2); |
||||
-webkit-filter: none; |
||||
filter: none; |
||||
} |
||||
|
||||
.buttons_block .modal-approve{ |
||||
background: #f60; |
||||
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ff8000),color-stop(100%,#f60)); |
||||
background: -webkit-linear-gradient(top,#ff8000 0,#f60 100%); |
||||
background: -o-linear-gradient(top,#ff8000 0,#f60 100%); |
||||
background: -webkit-linear-gradient(top,#ff8000 0,#f60 100%); |
||||
background: -o-linear-gradient(top,#ff8000 0,#f60 100%); |
||||
background: linear-gradient(to bottom,#ff8000 0,#f60 100%); |
||||
} |
||||
|
||||
.buttons_block button:hover{ |
||||
margin-top: -1px; |
||||
} |
||||
|
||||
.modals{ |
||||
display: none; |
||||
} |
||||
|
||||
.resend_email_form fieldset{ |
||||
border: 0; |
||||
} |
||||
|
||||
.resend_email_form fieldset + fieldset{ |
||||
margin-top: 30px; |
||||
} |
||||
|
||||
.resend_email_form fieldset p + p{ |
||||
margin-top: 10px; |
||||
} |
||||
|
||||
.resend_email_form label{ |
||||
font-size: 18px; |
||||
display: inline-block; |
||||
vertical-align: middle; |
||||
width: 180px; |
||||
} |
||||
|
||||
.resend_email_form input{ |
||||
display: inline-block; |
||||
vertical-align: middle; |
||||
width: 350px; |
||||
height: 34px; |
||||
border: 1px solid #ebebeb; |
||||
border-radius: 3px; |
||||
background-color: #fff; |
||||
padding: 15px; |
||||
} |
||||
|
||||
.autocomplete_block{ |
||||
position: relative; |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.autocomplete_input{ |
||||
display: block; |
||||
min-width: 100%; |
||||
border: 0; |
||||
border-bottom: 1px dotted #cdcdcd; |
||||
height: 35px; |
||||
padding: 0 15px; |
||||
font-size: 15px; |
||||
color: rgb(34, 34, 34); |
||||
font-weight: 300; |
||||
} |
||||
|
||||
.autocomplete_themes_results{ |
||||
list-style: none; |
||||
max-height: 230px; |
||||
overflow-y: auto; |
||||
background-color: #fff; |
||||
border: 1px solid #cdcdcd; |
||||
position: absolute; |
||||
top: calc(100% - 1px); |
||||
left: 0; |
||||
right: 0; |
||||
z-index: 1; |
||||
display: none; |
||||
} |
||||
|
||||
.autocomplete_themes_results li{ |
||||
padding: 2px 10px; |
||||
cursor: pointer; |
||||
color: #464646; |
||||
} |
||||
|
||||
.autocomplete_themes_results li:hover{ |
||||
color: #ff6600; |
||||
} |
||||
|
||||
.autocomplete_themes_results span{ |
||||
color: #ababab; |
||||
} |
||||
|
||||
.popup-window .selected_themes{ |
||||
display: none; |
||||
border-bottom: 1px dotted #cdcdcd; |
||||
margin-bottom: 5px; |
||||
padding-bottom: 5px; |
||||
} |
||||
|
||||
.selected_themes.visible{ |
||||
display: block; |
||||
} |
||||
|
||||
.popup-window .selected_themes li { |
||||
margin-bottom: 3px; |
||||
margin-right: 3px; |
||||
padding: 3px 5px; |
||||
} |
||||
|
||||
.popup-window .selected_themes li a{ |
||||
margin-left: 5px; |
||||
} |
||||
@ -1,28 +1,28 @@ |
||||
$(document).ready(function(){ |
||||
$('.pr-form input, .pr-form textarea').placeholder(); |
||||
$('.pr-btn-open').click(function(){ |
||||
_this = $(this); |
||||
$('.pr-interesting-box').find('.pr-interesting-col li').slideDown(200, function(){ |
||||
_this.fadeOut(400); |
||||
}); |
||||
return false; |
||||
}); |
||||
$('.pr form input').iCheck({ |
||||
checkboxClass: 'pr-check', |
||||
radioClass: 'pr-radio', |
||||
increaseArea: '20%' // optional
|
||||
}); |
||||
$('.pr-interesting-form .pr-checkbox:checkbox').on('ifToggled', function(){ |
||||
$('.pr-interesting-list').html(''); |
||||
$('.pr-interesting-form input:checkbox').each(function(){ |
||||
if ($(this).is(':checked')){ |
||||
$('.pr-interesting-list').append('<li data-id="'+$(this).attr('id')+'"><a class="pr-close" href="#"> </a> '+$(this).parent().parent().find('label').text()+'</li>'); |
||||
} |
||||
}) |
||||
}); |
||||
$('.pr-interesting-list').on('click', '.pr-close', function(){ |
||||
var _id = $(this).parent().attr('data-id'); |
||||
$('.pr-interesting-form input:checkbox#'+_id).iCheck('uncheck'); |
||||
return false; |
||||
}); |
||||
// $('.pr-form input, .pr-form textarea').placeholder();
|
||||
// $('.pr-btn-open').click(function(){
|
||||
// _this = $(this);
|
||||
// $('.pr-interesting-box').find('.pr-interesting-col li').slideDown(200, function(){
|
||||
// _this.fadeOut(400);
|
||||
// });
|
||||
// return false;
|
||||
// });
|
||||
// $('.pr form input').iCheck({
|
||||
// checkboxClass: 'pr-check',
|
||||
// radioClass: 'pr-radio',
|
||||
// increaseArea: '20%' // optional
|
||||
// });
|
||||
// $('.pr-interesting-form .pr-checkbox:checkbox').on('ifToggled', function(){
|
||||
// $('.pr-interesting-list').html('');
|
||||
// $('.pr-interesting-form input:checkbox').each(function(){
|
||||
// if ($(this).is(':checked')){
|
||||
// $('.pr-interesting-list').append('<li data-id="'+$(this).attr('id')+'"><a class="pr-close" href="#"> </a> '+$(this).parent().parent().find('label').text()+'</li>');
|
||||
// }
|
||||
// })
|
||||
// });
|
||||
// $('.pr-interesting-list').on('click', '.pr-close', function(){
|
||||
// var _id = $(this).parent().attr('data-id');
|
||||
// $('.pr-interesting-form input:checkbox#'+_id).iCheck('uncheck');
|
||||
// return false;
|
||||
// });
|
||||
}); |
||||
@ -0,0 +1,148 @@ |
||||
{% load i18n %} |
||||
<form action="." method="post" id="mailing_settings_form"> |
||||
{% csrf_token %} |
||||
<div class="themes_block"> |
||||
<div class="container"> |
||||
<h2>{% trans 'Какие события включать в ваше письмо?' %}</h2> |
||||
|
||||
<div class="columns"> |
||||
<div class="column"> |
||||
<h3>{% trans 'Ваши темы:' %}</h3> |
||||
|
||||
<ul id="selected_themes" class="selected selected_themes"> |
||||
{% for theme in object.themes.all %} |
||||
<li data-id="{{ theme.pk }}" data-type="th" class="theme_{{ theme.pk }}"> |
||||
<input type="hidden" name="th" value="{{ theme.pk }}"> |
||||
{{ theme }} |
||||
<a href="#">×</a> |
||||
</li> |
||||
{% endfor %} |
||||
|
||||
{% for tag in object.tags.all %} |
||||
<li data-id="{{ tag.pk }}" data-type="tg" data-parent="{{ tag.theme.pk }}" class="tag_{{ tag.pk }}"> |
||||
<input type="hidden" name="tg" value="{{ tag.pk }}"> |
||||
{{ tag }} |
||||
<a href="#">×</a> |
||||
</li> |
||||
{% endfor %} |
||||
</ul> |
||||
<a href="#search-modal" class="modal_trigger themes_trigger">{% trans 'Уточнить темы' %}</a> |
||||
</div> |
||||
|
||||
<div class="column"> |
||||
<h3>{% trans 'Ваши гео-фильтры:' %}</h3> |
||||
|
||||
<ul class="geo_filters"> |
||||
<li> |
||||
<label> |
||||
{{ form.moscow }} |
||||
<span class="label moscow"> |
||||
<i class="fa fa-map-marker"></i> |
||||
{{ form.moscow.label }} |
||||
</span> |
||||
<span class="geo_checkbox"></span> |
||||
</label> |
||||
</li> |
||||
|
||||
<li> |
||||
<label> |
||||
{{ form.russia }} |
||||
<span class="label rf"> |
||||
<i class="fa fa-map-marker"></i> |
||||
{{ form.russia.label }} |
||||
</span> |
||||
<span class="geo_checkbox"></span> |
||||
</label> |
||||
<a href="#cities-modal" class="modal_trigger">{% trans 'Выбрать города' %}</a> |
||||
<ul id="selected_cities" class="selected"></ul> |
||||
{{ form.r_cities }} |
||||
</li> |
||||
|
||||
<li> |
||||
<label> |
||||
{{ form.foreign }} |
||||
<span class="label foreign"> |
||||
<i class="fa fa-map-marker"></i> |
||||
{{ form.foreign.label }} |
||||
</span> |
||||
<span class="geo_checkbox"></span> |
||||
</label> |
||||
<a href="#countries_modal" class="modal_trigger">{% trans 'Выбрать страны' %}</a> |
||||
<ul id="selected_areas" class="selected"></ul> |
||||
<ul id="selected_countries" class="selected"></ul> |
||||
{{ form.area }} |
||||
{{ form.co }} |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="subjects_block"> |
||||
<div class="container"> |
||||
<h2>{% trans 'Включать ли новости / обзоры / статьи в письмо?' %}</h2> |
||||
|
||||
<div class="columns"> |
||||
<div class="column"> |
||||
{{ form.content_news }} |
||||
{{ form.content_news.label_tag }} |
||||
<p>{% trans "Получайте новости выставок и конференций по выбранным тематикам" %}</p> |
||||
</div> |
||||
|
||||
<div class="column"> |
||||
{{ form.content_overview }} |
||||
{{ form.content_overview.label_tag }} |
||||
<p>{% trans "Практические материалы, интервью, кейсы, которые помогут эффективно участвовать в выставках" %}</p> |
||||
</div> |
||||
|
||||
<div class="column"> |
||||
{{ form.content_articles }} |
||||
{{ form.content_articles.label_tag }} |
||||
<p>{% trans "Блог о том, как создавать и продвигать крутые event`ы" %}</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="period_block"> |
||||
<div class="container"> |
||||
<h2>{% trans 'Регулярность получения писем' %}</h2> |
||||
|
||||
<div class="columns"> |
||||
<div class="column periodic"> |
||||
<ul> |
||||
{% for field in form.periodic %} |
||||
<li> |
||||
<label> |
||||
{{ field.tag }} |
||||
<span class="radio"> |
||||
{{ field.choice_label }} |
||||
</span> |
||||
</label> |
||||
</li> |
||||
{% endfor %} |
||||
</ul> |
||||
</div> |
||||
|
||||
<div class="column mailing_day"> |
||||
{% for field in form.periodic_day %} |
||||
<label> |
||||
{{ field.tag }} |
||||
<span class="radio"> |
||||
{{ field.choice_label }} |
||||
</span> |
||||
</label> |
||||
{% endfor %} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="button_block"> |
||||
<div class="container"> |
||||
<button type="submit">{% trans "Сохранить" %}</button> |
||||
<a href="{% url 'accounts-mailing_settings' %}?unsibscribe=1">{% trans 'Не хочу быть в курсе событий (отписаться от всего)' %}</a> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
Loading…
Reference in new issue