Max Yakovenko
8 years ago
parent
8a94098546
commit
b14b47ecad
357 changed files with 58439 additions and 0 deletions
File diff suppressed because one or more lines are too long
@ -0,0 +1,23 @@ |
||||
.autocomplete-suggestions { |
||||
-webkit-box-sizing: border-box; |
||||
-moz-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
border: 1px solid #999; |
||||
background: #FFF; |
||||
cursor: default; |
||||
overflow: auto; |
||||
-webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); |
||||
-moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); |
||||
box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); } |
||||
|
||||
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; } |
||||
|
||||
.autocomplete-no-suggestion { padding: 2px 5px;} |
||||
|
||||
.autocomplete-selected { background: #F0F0F0; } |
||||
|
||||
.autocomplete-suggestions strong { font-weight: bold; color: #000; } |
||||
|
||||
.autocomplete-group { padding: 2px 5px; } |
||||
|
||||
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; } |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,40 @@ |
||||
html, body{ |
||||
height: 100%; |
||||
max-height: 100%; |
||||
font-family: 'Roboto', sans-serif; |
||||
} |
||||
|
||||
.top-container{ |
||||
padding-top: 10%; |
||||
} |
||||
|
||||
.general-container{ |
||||
background: url("../img/bg_image.ffeef71cd10d.jpg"); |
||||
height: 100%; |
||||
} |
||||
|
||||
.general-container form{ |
||||
margin-top: 30px; |
||||
} |
||||
|
||||
.general-container form label{ |
||||
color: white; |
||||
font-weight: 100; |
||||
} |
||||
|
||||
.btn-orange{ |
||||
background-color: #e8643e; |
||||
border: none; |
||||
} |
||||
|
||||
.btn-orange:hover{ |
||||
background-color: #dc5129; |
||||
border: none; |
||||
} |
||||
|
||||
.title{ |
||||
text-align: center; |
||||
color: white; |
||||
font-weight: 100; |
||||
line-height: 50px; |
||||
} |
||||
@ -0,0 +1,40 @@ |
||||
html, body{ |
||||
height: 100%; |
||||
max-height: 100%; |
||||
font-family: 'Roboto', sans-serif; |
||||
} |
||||
|
||||
.top-container{ |
||||
padding-top: 10%; |
||||
} |
||||
|
||||
.general-container{ |
||||
background: url('../img/bg_image.jpg'); |
||||
height: 100%; |
||||
} |
||||
|
||||
.general-container form{ |
||||
margin-top: 30px; |
||||
} |
||||
|
||||
.general-container form label{ |
||||
color: white; |
||||
font-weight: 100; |
||||
} |
||||
|
||||
.btn-orange{ |
||||
background-color: #e8643e; |
||||
border: none; |
||||
} |
||||
|
||||
.btn-orange:hover{ |
||||
background-color: #dc5129; |
||||
border: none; |
||||
} |
||||
|
||||
.title{ |
||||
text-align: center; |
||||
color: white; |
||||
font-weight: 100; |
||||
line-height: 50px; |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -0,0 +1,5 @@ |
||||
.discount_code{ |
||||
display: inline; |
||||
width: 150px; |
||||
height: 75px; |
||||
} |
||||
@ -0,0 +1,43 @@ |
||||
html, body, div, span, applet, object, iframe, |
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
||||
a, abbr, acronym, address, big, cite, code, |
||||
del, dfn, em, img, ins, kbd, q, s, samp, |
||||
small, strike, strong, sub, sup, tt, var, |
||||
b, u, i, center, |
||||
dl, dt, dd, ol, ul, li, |
||||
fieldset, form, label, legend, |
||||
table, caption, tbody, tfoot, thead, tr, th, td, |
||||
article, aside, canvas, details, embed, |
||||
figure, figcaption, footer, header, hgroup, |
||||
menu, nav, output, ruby, section, summary, |
||||
time, mark, audio, video { |
||||
margin: 0; |
||||
padding: 0; |
||||
border: 0; |
||||
font-size: 100%; |
||||
font: inherit; |
||||
vertical-align: baseline; |
||||
} |
||||
/* HTML5 display-role reset for older browsers */ |
||||
article, aside, details, figcaption, figure, |
||||
footer, header, hgroup, menu, nav, section { |
||||
display: block; |
||||
} |
||||
body { |
||||
line-height: 1; |
||||
} |
||||
ol, ul { |
||||
list-style: none; |
||||
} |
||||
blockquote, q { |
||||
quotes: none; |
||||
} |
||||
blockquote:before, blockquote:after, |
||||
q:before, q:after { |
||||
content: ''; |
||||
content: none; |
||||
} |
||||
table { |
||||
border-collapse: collapse; |
||||
border-spacing: 0; |
||||
} |
||||
@ -0,0 +1,105 @@ |
||||
html, body{ |
||||
height: 100%; |
||||
max-height: 100%; |
||||
font-family: 'Roboto', sans-serif; |
||||
background-color: #edeef0; |
||||
} |
||||
|
||||
.navbar{ |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.wrapper{ |
||||
min-height: 100%; |
||||
} |
||||
|
||||
.wrapper-content{ |
||||
overflow: auto; |
||||
padding-bottom: 180px; /* must be same height as the footer */ |
||||
} |
||||
|
||||
.section-top{ |
||||
margin-bottom: 20px |
||||
} |
||||
|
||||
.footer{ |
||||
position: relative; |
||||
margin-top: -180px; /* negative value of footer height */ |
||||
height: 180px; |
||||
clear: both; |
||||
background-color: white; |
||||
} |
||||
|
||||
.product-item{ |
||||
height: 360px; |
||||
background-color: white; |
||||
border: 1px solid lightgrey; |
||||
position: relative; |
||||
padding: 10px 0 10px 0; |
||||
text-align: center; |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.discount-container{ |
||||
position: absolute; |
||||
top: 30%; |
||||
background: #fb4545; |
||||
width: 30%; |
||||
color: white; |
||||
font-weight: 700; |
||||
padding: 3px; |
||||
} |
||||
|
||||
.add-to-card-btn{ |
||||
position: absolute; |
||||
bottom: 15px; |
||||
left: 50%; |
||||
} |
||||
|
||||
.section-delivery{ |
||||
height: 300px; |
||||
background-color: #2A3342; |
||||
text-align: center; |
||||
color: white; |
||||
} |
||||
|
||||
.product-description-tabs{ |
||||
padding: 10px; |
||||
} |
||||
|
||||
.product-image-item{ |
||||
padding: 5px; |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.navbar-top{ |
||||
min-height: 10px; |
||||
height: 20px; |
||||
background-color: green; |
||||
border: none; |
||||
border-radius: 0; |
||||
} |
||||
.navbar-main{ |
||||
background-color: #c7db03; |
||||
border: none; |
||||
border-radius: 0; |
||||
} |
||||
|
||||
.basket-container{ |
||||
position: relative; |
||||
width: 400px; |
||||
padding: 15px 10px; |
||||
} |
||||
|
||||
.basket-items{ |
||||
position: absolute; |
||||
top: 50px; |
||||
width: 100%; |
||||
background-color: #edfc05; |
||||
z-index: 10; |
||||
padding: 10px; |
||||
} |
||||
|
||||
.product-price{ |
||||
text-align: right; |
||||
} |
||||
Binary file not shown.
@ -0,0 +1,986 @@ |
||||
html, body{ |
||||
height: 100%; |
||||
max-height: 100%; |
||||
font-family: 'Roboto', sans-serif; |
||||
background-color: #edeef0; |
||||
} |
||||
|
||||
.navbar{ |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.wrapper{ |
||||
min-height: 100%; |
||||
} |
||||
|
||||
.wrapper-content{ |
||||
overflow: auto; |
||||
padding-bottom: 180px; /* must be same height as the footer */ |
||||
} |
||||
|
||||
.section-top{ |
||||
margin-bottom: 20px |
||||
} |
||||
|
||||
.footer{ |
||||
position: relative; |
||||
margin-top: -180px; /* negative value of footer height */ |
||||
height: 180px; |
||||
clear: both; |
||||
background-color: white; |
||||
} |
||||
|
||||
.product-item{ |
||||
height: 360px; |
||||
background-color: white; |
||||
border: 1px solid lightgrey; |
||||
position: relative; |
||||
padding: 10px 0 10px 0; |
||||
text-align: center; |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.discount-container{ |
||||
position: absolute; |
||||
top: 30%; |
||||
background: #fb4545; |
||||
width: 30%; |
||||
color: white; |
||||
font-weight: 700; |
||||
padding: 3px; |
||||
} |
||||
|
||||
.add-to-card-btn{ |
||||
position: absolute; |
||||
bottom: 15px; |
||||
left: 50%; |
||||
} |
||||
|
||||
.section-delivery{ |
||||
height: 300px; |
||||
background-color: #2A3342; |
||||
text-align: center; |
||||
color: white; |
||||
} |
||||
|
||||
.product-description-tabs{ |
||||
padding: 10px; |
||||
} |
||||
|
||||
.product-image-item{ |
||||
padding: 5px; |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.navbar-top{ |
||||
min-height: 10px; |
||||
height: 20px; |
||||
background-color: green; |
||||
border: none; |
||||
border-radius: 0; |
||||
} |
||||
.navbar-main{ |
||||
background-color: #c7db03; |
||||
border: none; |
||||
border-radius: 0; |
||||
} |
||||
|
||||
.basket-container{ |
||||
position: relative; |
||||
width: 400px; |
||||
padding: 15px 10px; |
||||
} |
||||
|
||||
.basket-items{ |
||||
position: absolute; |
||||
top: 50px; |
||||
width: 100%; |
||||
background-color: #edfc05; |
||||
z-index: 10; |
||||
padding: 10px; |
||||
} |
||||
|
||||
.product-price{ |
||||
text-align: right; |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.main { |
||||
|
||||
width: 1000px; |
||||
height: 150px; |
||||
margin: 0 auto; |
||||
|
||||
} |
||||
|
||||
.top-header { |
||||
max-width: 100%; |
||||
min-width: 1000px; |
||||
height: 50px; |
||||
background-color: #f1f1f1; |
||||
margin-bottom: 15px; |
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
.russia-icon { |
||||
width: 95px; |
||||
height: 25px; |
||||
margin-top: 11px; |
||||
margin-left: 59px; |
||||
float: left; |
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
.russia-icon p { |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
font-size: 14px; |
||||
text-decoration: underline; |
||||
margin-left: 11px; |
||||
margin-top: 5px; |
||||
cursor: pointer; |
||||
float: left; |
||||
} |
||||
|
||||
.rusio { |
||||
width: 32px; |
||||
height: 25px; |
||||
float: left; |
||||
background: url(../img/russia.jpg) no-repeat; |
||||
float: left; |
||||
} |
||||
|
||||
.contact-header { |
||||
width: auto; |
||||
height: 25px; |
||||
margin-top: 11px; |
||||
float: left; |
||||
} |
||||
|
||||
.contact-header a { |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
font-size: 14px; |
||||
text-decoration: underline; |
||||
margin-top: 5px; |
||||
|
||||
} |
||||
|
||||
.menu-sp { |
||||
width: 578px; |
||||
height: 28px; |
||||
float: right; |
||||
margin-top: 5px; |
||||
margin-right: 56px; |
||||
|
||||
} |
||||
|
||||
.shop-header { |
||||
width: auto; |
||||
height: 25px; |
||||
margin-top: 11px; |
||||
|
||||
float: left; |
||||
} |
||||
|
||||
.shop-header a { |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
font-size: 14px; |
||||
text-decoration: underline; |
||||
margin-left: 38px; |
||||
} |
||||
|
||||
.auth-header a { |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
font-size: 14px; |
||||
text-decoration: underline; |
||||
} |
||||
|
||||
.reg-header a { |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
font-size: 14px; |
||||
text-decoration: underline; |
||||
margin-right: 53px; |
||||
} |
||||
|
||||
.bonus-text p { |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
font-size: 14px; |
||||
text-decoration: underline; |
||||
|
||||
} |
||||
|
||||
.about-header { |
||||
width: auto; |
||||
height: 25px; |
||||
margin-top: 11px; |
||||
|
||||
float: left; |
||||
} |
||||
|
||||
.about-header a { |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
font-size: 14px; |
||||
text-decoration: underline; |
||||
margin-left: 38px; |
||||
} |
||||
|
||||
.menu-in ul li a { |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
font-size: 17px; |
||||
color: #ffffff; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.tel p { |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
font-size: 16px; |
||||
color: #000; |
||||
float: right; |
||||
margin-top: 8px; |
||||
} |
||||
|
||||
.telico { |
||||
width: 20px; |
||||
height: 32px; |
||||
background: url(../img/phone.jpg) no-repeat; |
||||
float: left; |
||||
} |
||||
|
||||
.reg-header{ |
||||
width: auto; |
||||
height: 25px; |
||||
margin-top: 11px; |
||||
|
||||
float: right; |
||||
} |
||||
|
||||
.auth-header { |
||||
width: auto; |
||||
height: 25px; |
||||
margin-top: 11px; |
||||
|
||||
float: right; |
||||
} |
||||
|
||||
|
||||
.main-header { |
||||
width: 1000px; |
||||
height: 123px; |
||||
margin: 0 auto; |
||||
|
||||
} |
||||
|
||||
.logo { |
||||
width: 163px; |
||||
height: 123px; |
||||
background: url(../img/logo.jpg) no-repeat; |
||||
float: left; |
||||
} |
||||
|
||||
|
||||
.bonus { |
||||
width: 205px; |
||||
height: 60px; |
||||
|
||||
|
||||
float: left; |
||||
margin-left: 100px; |
||||
margin-top: 40px; |
||||
|
||||
} |
||||
|
||||
.pod { |
||||
width: 67px; |
||||
height: 47px; |
||||
background: url(../img/pod.jpg) no-repeat; |
||||
float: right; |
||||
} |
||||
|
||||
.bonus-text { |
||||
width: auto; |
||||
height: 40px; |
||||
float: left; |
||||
margin-top: 12px; |
||||
|
||||
} |
||||
|
||||
.elem { |
||||
width: 447px; |
||||
height: 123px; |
||||
|
||||
float: right; |
||||
|
||||
} |
||||
|
||||
.elem2 { |
||||
width: 447px; |
||||
height: 87px; |
||||
|
||||
float: right; |
||||
} |
||||
|
||||
.search { |
||||
width: 446px; |
||||
height: 44px; |
||||
float: right; |
||||
|
||||
} |
||||
|
||||
.searchloop { |
||||
width: 23px; |
||||
height: 23px; |
||||
background: url(../img/searchloop.jpg) no-repeat; |
||||
cursor: pointer; |
||||
position: absolute; |
||||
|
||||
} |
||||
|
||||
.ssslll { |
||||
width: 23px; |
||||
height: 23px; |
||||
float: right; |
||||
margin-top: -32px; |
||||
margin-right: 15px; |
||||
} |
||||
|
||||
.search input { |
||||
width: 446px; |
||||
height: 35px; |
||||
float: right; |
||||
border: 2px solid #00695a; |
||||
outline: none; |
||||
border-radius: 5px; |
||||
} |
||||
|
||||
.search input[type="text"] { |
||||
padding-left: 15px; |
||||
padding-right: 41px; |
||||
color: #000; |
||||
} |
||||
|
||||
.tel { |
||||
width: 151px; |
||||
height: 33px; |
||||
|
||||
float: right; |
||||
margin-top: 42px; |
||||
margin-right: 22px; |
||||
} |
||||
|
||||
.basket { |
||||
width: 117px; |
||||
height: 63px; |
||||
|
||||
float: right; |
||||
margin-top: 24px; |
||||
} |
||||
|
||||
.marr { |
||||
width: 58px; |
||||
height: 20px; |
||||
float: right; |
||||
} |
||||
|
||||
|
||||
.menu { |
||||
width: 100%; |
||||
height: 43px; |
||||
background-color: #cc0000; |
||||
} |
||||
|
||||
.menu-in { |
||||
width: 1000px; |
||||
height: 63px; |
||||
|
||||
margin: 0 auto; |
||||
} |
||||
|
||||
.menu ul li { |
||||
margin-left: 66px; |
||||
margin-top: 12px; |
||||
padding-left: 15px; |
||||
float: left; |
||||
} |
||||
|
||||
.main-down { |
||||
width: 1000px; |
||||
height: 790px; |
||||
margin: 0 auto; |
||||
|
||||
} |
||||
|
||||
.gallery { |
||||
width: 1000px; |
||||
height: 410px; |
||||
|
||||
|
||||
margin-top: 50px; |
||||
|
||||
} |
||||
|
||||
.programms { |
||||
width: 1000px; |
||||
height: 380px; |
||||
|
||||
position: relative; |
||||
} |
||||
|
||||
.iconss { |
||||
width: 1000px; |
||||
height: 149px; |
||||
|
||||
|
||||
} |
||||
|
||||
.iconss2 { |
||||
width: 1000px; |
||||
height: 100px; |
||||
|
||||
|
||||
} |
||||
|
||||
.matr { |
||||
width: 34px; |
||||
height: 59px; |
||||
background: url(../img/matr.jpg) no-repeat; |
||||
float: left; |
||||
} |
||||
|
||||
.basket p { |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
font-size: 18px; |
||||
color: #000000; |
||||
margin-top: 25px; |
||||
float: right; |
||||
|
||||
} |
||||
|
||||
.programms h1 { |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: bold; |
||||
font-style: normal; |
||||
font-size: 48px; |
||||
color: #006d55; |
||||
text-align: center; |
||||
margin-bottom: 41px; |
||||
} |
||||
|
||||
.ico1 { |
||||
width: 198px; |
||||
height: 42px; |
||||
background: url(../img/ico1.jpg) no-repeat; |
||||
float: left; |
||||
margin-left: 15px; |
||||
} |
||||
|
||||
.ico2 { |
||||
width: 185px; |
||||
height: 73px; |
||||
background: url(../img/ico2.jpg) no-repeat; |
||||
float: left; |
||||
margin-left: 15px; |
||||
} |
||||
|
||||
.ico3 { |
||||
width: 149px; |
||||
height: 126px; |
||||
background: url(../img/ico3.jpg) no-repeat; |
||||
float: left; |
||||
margin-left: 15px; |
||||
} |
||||
|
||||
.ico4 { |
||||
width: 185px; |
||||
height: 49px; |
||||
background: url(../img/ico4.jpg) no-repeat; |
||||
float: left; |
||||
margin-left: 15px; |
||||
} |
||||
|
||||
.ico5 { |
||||
width: 189px; |
||||
height: 66px; |
||||
background: url(../img/ico5.jpg) no-repeat; |
||||
float: left; |
||||
margin-left: 15px; |
||||
} |
||||
|
||||
|
||||
|
||||
.ico6 { |
||||
width: 187px; |
||||
height: 68px; |
||||
background: url(../img/ico6.jpg) no-repeat; |
||||
margin-left: 15px; |
||||
float: left; |
||||
} |
||||
|
||||
.ico7 { |
||||
width: 175px; |
||||
height: 73px; |
||||
background: url(../img/ico7.jpg) no-repeat; |
||||
float: left; |
||||
margin-left: 15px; |
||||
} |
||||
|
||||
.ico8 { |
||||
width: 194px; |
||||
height: 67px; |
||||
background: url(../img/ico8.jpg) no-repeat; |
||||
float: left; |
||||
margin-left: 15px; |
||||
} |
||||
|
||||
.ico9 { |
||||
width: 175px; |
||||
height: 49px; |
||||
background: url(../img/ico9.jpg) no-repeat; |
||||
float: left; |
||||
margin-left: 15px; |
||||
} |
||||
|
||||
.ico10 { |
||||
width: 189px; |
||||
height: 52px; |
||||
background: url(../img/ico10.jpg) no-repeat; |
||||
float: left; |
||||
margin-left: 15px; |
||||
} |
||||
|
||||
|
||||
.boxlink { |
||||
width: 1000px; |
||||
height: 555px; |
||||
margin: 0 auto; |
||||
} |
||||
|
||||
.link150 { |
||||
width: 700px; |
||||
height: 26px; |
||||
|
||||
float: left; |
||||
margin-top: 25px; |
||||
} |
||||
|
||||
.link150 p a { |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
font-size: 14px; |
||||
color: #9e9e9e; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.kasico { |
||||
width: 328px; |
||||
height: 76px; |
||||
background: url(../img/kasp.jpg) no-repeat; |
||||
margin-top: 53px; |
||||
float: left; |
||||
position: relative; |
||||
} |
||||
|
||||
.link150 h1 { |
||||
width: 369px; |
||||
height: 30px; |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: bold; |
||||
font-style: normal; |
||||
font-size: 24px; |
||||
float: right; |
||||
position: relative; |
||||
} |
||||
|
||||
.uuu { |
||||
width: 1000px; |
||||
height: 185px; |
||||
|
||||
} |
||||
|
||||
.khome { |
||||
width: 1000px; |
||||
height: 59px; |
||||
background-color: #f1f1f1; |
||||
} |
||||
|
||||
.khome p { |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: bold; |
||||
font-style: normal; |
||||
font-size: 18px; |
||||
color: #006e53; |
||||
text-align: center; |
||||
padding-top: 24px; |
||||
} |
||||
|
||||
.linest { |
||||
width: 1000px; |
||||
height: 316px; |
||||
|
||||
margin: 0 auto; |
||||
} |
||||
|
||||
.product1 { |
||||
width: 223px; |
||||
height: 307px; |
||||
margin-left: 17px; |
||||
float: left; |
||||
border: 3px solid #006e53; |
||||
} |
||||
|
||||
.product1 p { |
||||
text-align: center; |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
font-size: 20px; |
||||
position: relative; |
||||
margin-top: 19px; |
||||
} |
||||
|
||||
.khome a { |
||||
color: #006e53; |
||||
} |
||||
|
||||
.pr1kas { |
||||
width: 122px; |
||||
height: 166px; |
||||
background: url(../img/pr1.jpg) no-repeat; |
||||
margin: 0 auto; |
||||
margin-top: 27px; |
||||
} |
||||
|
||||
.zks p { |
||||
text-align: center; |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: bold; |
||||
font-style: normal; |
||||
font-size: 20px; |
||||
margin-top: 30px; |
||||
color: red; |
||||
} |
||||
|
||||
.blocktov { |
||||
width: 1000px; |
||||
height: 510px; |
||||
|
||||
margin-top: 20px; |
||||
} |
||||
|
||||
.blocktovleft img { |
||||
padding: 20px 40px; |
||||
float: left; |
||||
border: 3px solid #006e53; |
||||
} |
||||
|
||||
.greenline { |
||||
width: 555px; |
||||
height: 114px; |
||||
background-color: #00695a; |
||||
float: right; |
||||
} |
||||
|
||||
.greenline p { |
||||
text-align: center; |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: bold; |
||||
font-style: normal; |
||||
font-size: 36px; |
||||
color: #fff; |
||||
margin-top: 20px; |
||||
margin-left: -5px; |
||||
} |
||||
|
||||
.textproduct { |
||||
width: 555px; |
||||
height: 195px; |
||||
|
||||
float: right; |
||||
margin-top: 25px; |
||||
} |
||||
|
||||
.textproduct p { |
||||
text-align: center; |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
font-size: 18px; |
||||
color: #000; |
||||
} |
||||
|
||||
.bonusblock { |
||||
width: 332px; |
||||
height: 100px; |
||||
|
||||
position: absolute; |
||||
border: 3px solid #00695a; |
||||
margin-top: 400px; |
||||
} |
||||
|
||||
|
||||
.bonusblock p { |
||||
text-align: center; |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: bold; |
||||
font-style: normal; |
||||
font-size: 48px; |
||||
color: #298a12; |
||||
margin-top: 12px; |
||||
} |
||||
|
||||
.bonusblock h3 { |
||||
text-align: center; |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: normaL; |
||||
font-style: normal; |
||||
font-size: 24px; |
||||
color: #000; |
||||
} |
||||
|
||||
|
||||
|
||||
.bonusblock h3 { |
||||
text-align: center; |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: normaL; |
||||
font-style: normal; |
||||
font-size: 24px; |
||||
color: #000; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.buy { |
||||
text-align: center; |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: bold; |
||||
font-style: normal; |
||||
font-size: 24px; |
||||
color: #000; |
||||
|
||||
|
||||
width: 185px; |
||||
height: 200px; |
||||
|
||||
float: left; |
||||
margin-top: -20px; |
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
#cat1 input{ |
||||
|
||||
width: 65px; |
||||
height: 30px; |
||||
margin-top: 8px; |
||||
} |
||||
|
||||
#cat2 input{ |
||||
|
||||
width: 65px; |
||||
height: 30px; |
||||
margin-top: 8px; |
||||
} |
||||
|
||||
#cat3 input{ |
||||
|
||||
width: 65px; |
||||
height: 30px; |
||||
margin-top: 8px; |
||||
} |
||||
|
||||
#sdgsdgsdweg { |
||||
color: red; |
||||
} |
||||
|
||||
input[type="checkbox"] { |
||||
display:inline-block; |
||||
width:40px; |
||||
|
||||
height:40px; |
||||
vertical-align:middle; |
||||
|
||||
cursor:pointer; |
||||
border-radius: 5px; |
||||
} |
||||
|
||||
|
||||
#cat1 input[type="text"] { |
||||
|
||||
text-align: center; |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: bold; |
||||
font-style: normal; |
||||
font-size: 24px; |
||||
color: #000; |
||||
} |
||||
|
||||
#cat1 button { |
||||
margin-top: 8px; |
||||
} |
||||
|
||||
#cat2 input[type="text"] { |
||||
|
||||
text-align: center; |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: bold; |
||||
font-style: normal; |
||||
font-size: 24px; |
||||
color: #000; |
||||
} |
||||
|
||||
#cat2 button { |
||||
margin-top: 8px; |
||||
} |
||||
|
||||
#cat3 input[type="text"] { |
||||
|
||||
text-align: center; |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: bold; |
||||
font-style: normal; |
||||
font-size: 24px; |
||||
color: #000; |
||||
} |
||||
|
||||
#cat3 button { |
||||
margin-top: 8px; |
||||
} |
||||
|
||||
|
||||
|
||||
.buy #cat1 { |
||||
text-align: center; |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
font-size: 24px; |
||||
color: #000; |
||||
margin-top: 8px; |
||||
} |
||||
|
||||
.buy #cat2 { |
||||
text-align: center; |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
font-size: 24px; |
||||
color: #000; |
||||
margin-top: 8px; |
||||
} |
||||
.buy #cat3 { |
||||
text-align: center; |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
font-size: 24px; |
||||
color: #000; |
||||
margin-top: 8px; |
||||
} |
||||
|
||||
.buy .onever { |
||||
text-align: center; |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: bold; |
||||
font-style: normal; |
||||
font-size: 24px; |
||||
color: #000; |
||||
margin-top: 8px; |
||||
} |
||||
|
||||
#erw { |
||||
text-align: center; |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: bold; |
||||
font-style: normal; |
||||
font-size: 24px; |
||||
color: #000; |
||||
} |
||||
|
||||
#erw2 { |
||||
text-align: center; |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: bold; |
||||
font-style: normal; |
||||
font-size: 24px; |
||||
color: #000; |
||||
} |
||||
.buy .itog { |
||||
text-align: center; |
||||
font-family: 'Myriad Pro'; |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
font-size: 24px; |
||||
color: #000; |
||||
margin-top: 8px; |
||||
} |
||||
|
||||
.calcblock { |
||||
width: 555px; |
||||
height: 200px; |
||||
|
||||
position: relative; |
||||
margin-top: 200px; |
||||
} |
||||
|
||||
.ItemsRow { border-collapse: separate; border-spacing: 10px; width: 100%; } |
||||
.ItemsRow tr {vertical-align: middle; } |
||||
.ItemsRow td { |
||||
position: relative; |
||||
border: 1px solid #DFDFDF; |
||||
background: #F8F8F8; |
||||
padding: 7px; |
||||
text-align: center; |
||||
vertical-align: middle; |
||||
-moz-border-radius: 7px; |
||||
-webkit-border-radius: 7px; |
||||
-khtml-border-radius: 7px; |
||||
border-radius: 7px; |
||||
-webkit-box-shadow: inset 0px 0px 0px 1px #fff, 0 2px 8px -5px black; |
||||
-moz-box-shadow: inset 0px 0px 0px 1px #fff, 0 2px 8px -5px black; |
||||
box-shadow: inset 0px 0px 0px 1px #fff, 0 2px 8px -5px black; |
||||
} |
||||
.ishopBrandsShowBlockWrap td:hover { background: #FAFAFA; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } |
||||
.ishopBrandsShowBlockWrap td a { display: inline-block; width: 115px; padding: 0; margin: 0; line-height: 1; } |
||||
.ishopBrandsShowBlockWrap td:hover a { opacity: 0.75; filter: alpha(opacity=75); /* For IE8 and earlier */ } |
||||
.ishopBrandsShowBlockWrap td img { width: 100%; } |
||||
Binary file not shown.
@ -0,0 +1,439 @@ |
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-BoldCondIt.eot'); |
||||
src: local('Myriad Pro Bold Condensed Italic'), local('MyriadPro-BoldCondIt'), |
||||
url('MyriadPro-BoldCondIt.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-BoldCondIt.woff') format('woff'), |
||||
url('MyriadPro-BoldCondIt.ttf') format('truetype'); |
||||
font-weight: bold; |
||||
font-style: italic; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-BlackIt.eot'); |
||||
src: local('Myriad Pro Black Italic'), local('MyriadPro-BlackIt'), |
||||
url('MyriadPro-BlackIt.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-BlackIt.woff') format('woff'), |
||||
url('MyriadPro-BlackIt.ttf') format('truetype'); |
||||
font-weight: 900; |
||||
font-style: italic; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-LightIt.eot'); |
||||
src: local('Myriad Pro Light Italic'), local('MyriadPro-LightIt'), |
||||
url('MyriadPro-LightIt.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-LightIt.woff') format('woff'), |
||||
url('MyriadPro-LightIt.ttf') format('truetype'); |
||||
font-weight: 300; |
||||
font-style: italic; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-BlackCond.eot'); |
||||
src: local('Myriad Pro Black Condensed'), local('MyriadPro-BlackCond'), |
||||
url('MyriadPro-BlackCond.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-BlackCond.woff') format('woff'), |
||||
url('MyriadPro-BlackCond.ttf') format('truetype'); |
||||
font-weight: 900; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-Cond.eot'); |
||||
src: local('Myriad Pro Condensed'), local('MyriadPro-Cond'), |
||||
url('MyriadPro-Cond.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-Cond.woff') format('woff'), |
||||
url('MyriadPro-Cond.ttf') format('truetype'); |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-Bold.eot'); |
||||
src: local('Myriad Pro Bold'), local('MyriadPro-Bold'), |
||||
url('MyriadPro-Bold.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-Bold.woff') format('woff'), |
||||
url('MyriadPro-Bold.ttf') format('truetype'); |
||||
font-weight: bold; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-BoldIt.eot'); |
||||
src: local('Myriad Pro Bold Italic'), local('MyriadPro-BoldIt'), |
||||
url('MyriadPro-BoldIt.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-BoldIt.woff') format('woff'), |
||||
url('MyriadPro-BoldIt.ttf') format('truetype'); |
||||
font-weight: bold; |
||||
font-style: italic; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-BoldSemiCnIt.eot'); |
||||
src: local('Myriad Pro Bold SemiCondensed Italic'), local('MyriadPro-BoldSemiCnIt'), |
||||
url('MyriadPro-BoldSemiCnIt.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-BoldSemiCnIt.woff') format('woff'), |
||||
url('MyriadPro-BoldSemiCnIt.ttf') format('truetype'); |
||||
font-weight: bold; |
||||
font-style: italic; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-CondIt.eot'); |
||||
src: local('Myriad Pro Condensed Italic'), local('MyriadPro-CondIt'), |
||||
url('MyriadPro-CondIt.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-CondIt.woff') format('woff'), |
||||
url('MyriadPro-CondIt.ttf') format('truetype'); |
||||
font-weight: normal; |
||||
font-style: italic; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-LightCond.eot'); |
||||
src: local('Myriad Pro Light Condensed'), local('MyriadPro-LightCond'), |
||||
url('MyriadPro-LightCond.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-LightCond.woff') format('woff'), |
||||
url('MyriadPro-LightCond.ttf') format('truetype'); |
||||
font-weight: 300; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-SemiCn.eot'); |
||||
src: local('Myriad Pro SemiCondensed'), local('MyriadPro-SemiCn'), |
||||
url('MyriadPro-SemiCn.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-SemiCn.woff') format('woff'), |
||||
url('MyriadPro-SemiCn.ttf') format('truetype'); |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-SemiCnIt.eot'); |
||||
src: local('Myriad Pro SemiCondensed Italic'), local('MyriadPro-SemiCnIt'), |
||||
url('MyriadPro-SemiCnIt.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-SemiCnIt.woff') format('woff'), |
||||
url('MyriadPro-SemiCnIt.ttf') format('truetype'); |
||||
font-weight: normal; |
||||
font-style: italic; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-BoldCond.eot'); |
||||
src: local('Myriad Pro Bold Condensed'), local('MyriadPro-BoldCond'), |
||||
url('MyriadPro-BoldCond.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-BoldCond.woff') format('woff'), |
||||
url('MyriadPro-BoldCond.ttf') format('truetype'); |
||||
font-weight: bold; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-LightSemiExtIt.eot'); |
||||
src: local('Myriad Pro Light SemiExtended Italic'), local('MyriadPro-LightSemiExtIt'), |
||||
url('MyriadPro-LightSemiExtIt.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-LightSemiExtIt.woff') format('woff'), |
||||
url('MyriadPro-LightSemiExtIt.ttf') format('truetype'); |
||||
font-weight: 300; |
||||
font-style: italic; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-Semibold.eot'); |
||||
src: local('Myriad Pro Semibold'), local('MyriadPro-Semibold'), |
||||
url('MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-Semibold.woff') format('woff'), |
||||
url('MyriadPro-Semibold.ttf') format('truetype'); |
||||
font-weight: 600; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-Black.eot'); |
||||
src: local('Myriad Pro Black'), local('MyriadPro-Black'), |
||||
url('MyriadPro-Black.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-Black.woff') format('woff'), |
||||
url('MyriadPro-Black.ttf') format('truetype'); |
||||
font-weight: 900; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-Regular.eot'); |
||||
src: local('Myriad Pro Regular'), local('MyriadPro-Regular'), |
||||
url('MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-Regular.woff') format('woff'), |
||||
url('MyriadPro-Regular.ttf') format('truetype'); |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-LightSemiCn.eot'); |
||||
src: local('Myriad Pro Light SemiCondensed'), local('MyriadPro-LightSemiCn'), |
||||
url('MyriadPro-LightSemiCn.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-LightSemiCn.woff') format('woff'), |
||||
url('MyriadPro-LightSemiCn.ttf') format('truetype'); |
||||
font-weight: 300; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-BlackCondIt.eot'); |
||||
src: local('Myriad Pro Black Condensed Italic'), local('MyriadPro-BlackCondIt'), |
||||
url('MyriadPro-BlackCondIt.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-BlackCondIt.woff') format('woff'), |
||||
url('MyriadPro-BlackCondIt.ttf') format('truetype'); |
||||
font-weight: 900; |
||||
font-style: italic; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-LightCondIt.eot'); |
||||
src: local('Myriad Pro Light Condensed Italic'), local('MyriadPro-LightCondIt'), |
||||
url('MyriadPro-LightCondIt.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-LightCondIt.woff') format('woff'), |
||||
url('MyriadPro-LightCondIt.ttf') format('truetype'); |
||||
font-weight: 300; |
||||
font-style: italic; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-LightSemiExt.eot'); |
||||
src: local('Myriad Pro Light SemiExtended'), local('MyriadPro-LightSemiExt'), |
||||
url('MyriadPro-LightSemiExt.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-LightSemiExt.woff') format('woff'), |
||||
url('MyriadPro-LightSemiExt.ttf') format('truetype'); |
||||
font-weight: 300; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-BlackSemiCnIt.eot'); |
||||
src: local('Myriad Pro Black SemiCondensed Italic'), local('MyriadPro-BlackSemiCnIt'), |
||||
url('MyriadPro-BlackSemiCnIt.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-BlackSemiCnIt.woff') format('woff'), |
||||
url('MyriadPro-BlackSemiCnIt.ttf') format('truetype'); |
||||
font-weight: bold; |
||||
font-style: italic; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-SemiboldCondIt.eot'); |
||||
src: local('Myriad Pro Semibold Condensed Italic'), local('MyriadPro-SemiboldCondIt'), |
||||
url('MyriadPro-SemiboldCondIt.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-SemiboldCondIt.woff') format('woff'), |
||||
url('MyriadPro-SemiboldCondIt.ttf') format('truetype'); |
||||
font-weight: 600; |
||||
font-style: italic; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-SemiboldCond.eot'); |
||||
src: local('Myriad Pro Semibold Condensed'), local('MyriadPro-SemiboldCond'), |
||||
url('MyriadPro-SemiboldCond.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-SemiboldCond.woff') format('woff'), |
||||
url('MyriadPro-SemiboldCond.ttf') format('truetype'); |
||||
font-weight: 600; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-BoldSemiExtIt.eot'); |
||||
src: local('Myriad Pro Bold SemiExtended Italic'), local('MyriadPro-BoldSemiExtIt'), |
||||
url('MyriadPro-BoldSemiExtIt.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-BoldSemiExtIt.woff') format('woff'), |
||||
url('MyriadPro-BoldSemiExtIt.ttf') format('truetype'); |
||||
font-weight: bold; |
||||
font-style: italic; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-SemiboldSemiCn.eot'); |
||||
src: local('Myriad Pro Semibold SemiCondensed'), local('MyriadPro-SemiboldSemiCn'), |
||||
url('MyriadPro-SemiboldSemiCn.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-SemiboldSemiCn.woff') format('woff'), |
||||
url('MyriadPro-SemiboldSemiCn.ttf') format('truetype'); |
||||
font-weight: 600; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-BlackSemiExtIt.eot'); |
||||
src: local('Myriad Pro Black SemiExtended Italic'), local('MyriadPro-BlackSemiExtIt'), |
||||
url('MyriadPro-BlackSemiExtIt.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-BlackSemiExtIt.woff') format('woff'), |
||||
url('MyriadPro-BlackSemiExtIt.ttf') format('truetype'); |
||||
font-weight: 900; |
||||
font-style: italic; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-SemiboldSemiExtIt.eot'); |
||||
src: local('Myriad Pro Semibold SemiExtended Italic'), local('MyriadPro-SemiboldSemiExtIt'), |
||||
url('MyriadPro-SemiboldSemiExtIt.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-SemiboldSemiExtIt.woff') format('woff'), |
||||
url('MyriadPro-SemiboldSemiExtIt.ttf') format('truetype'); |
||||
font-weight: 600; |
||||
font-style: italic; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-LightSemiCnIt.eot'); |
||||
src: local('Myriad Pro Light SemiCondensed Italic'), local('MyriadPro-LightSemiCnIt'), |
||||
url('MyriadPro-LightSemiCnIt.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-LightSemiCnIt.woff') format('woff'), |
||||
url('MyriadPro-LightSemiCnIt.ttf') format('truetype'); |
||||
font-weight: 300; |
||||
font-style: italic; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-BoldSemiCn.eot'); |
||||
src: local('Myriad Pro Bold SemiCondensed'), local('MyriadPro-BoldSemiCn'), |
||||
url('MyriadPro-BoldSemiCn.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-BoldSemiCn.woff') format('woff'), |
||||
url('MyriadPro-BoldSemiCn.ttf') format('truetype'); |
||||
font-weight: bold; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-SemiboldSemiCnIt.eot'); |
||||
src: local('Myriad Pro Semibold SemiCondensed Italic'), local('MyriadPro-SemiboldSemiCnIt'), |
||||
url('MyriadPro-SemiboldSemiCnIt.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-SemiboldSemiCnIt.woff') format('woff'), |
||||
url('MyriadPro-SemiboldSemiCnIt.ttf') format('truetype'); |
||||
font-weight: 600; |
||||
font-style: italic; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-SemiboldIt.eot'); |
||||
src: local('Myriad Pro Semibold Italic'), local('MyriadPro-SemiboldIt'), |
||||
url('MyriadPro-SemiboldIt.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-SemiboldIt.woff') format('woff'), |
||||
url('MyriadPro-SemiboldIt.ttf') format('truetype'); |
||||
font-weight: 600; |
||||
font-style: italic; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-It.eot'); |
||||
src: local('Myriad Pro Italic'), local('MyriadPro-It'), |
||||
url('MyriadPro-It.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-It.woff') format('woff'), |
||||
url('MyriadPro-It.ttf') format('truetype'); |
||||
font-weight: normal; |
||||
font-style: italic; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-BoldSemiExt.eot'); |
||||
src: local('Myriad Pro Bold SemiExtended'), local('MyriadPro-BoldSemiExt'), |
||||
url('MyriadPro-BoldSemiExt.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-BoldSemiExt.woff') format('woff'), |
||||
url('MyriadPro-BoldSemiExt.ttf') format('truetype'); |
||||
font-weight: bold; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-Light.eot'); |
||||
src: local('Myriad Pro Light'), local('MyriadPro-Light'), |
||||
url('MyriadPro-Light.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-Light.woff') format('woff'), |
||||
url('MyriadPro-Light.ttf') format('truetype'); |
||||
font-weight: 300; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-SemiboldSemiExt.eot'); |
||||
src: local('Myriad Pro Semibold SemiExtended'), local('MyriadPro-SemiboldSemiExt'), |
||||
url('MyriadPro-SemiboldSemiExt.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-SemiboldSemiExt.woff') format('woff'), |
||||
url('MyriadPro-SemiboldSemiExt.ttf') format('truetype'); |
||||
font-weight: 600; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-SemiExtIt.eot'); |
||||
src: local('Myriad Pro SemiExtended Italic'), local('MyriadPro-SemiExtIt'), |
||||
url('MyriadPro-SemiExtIt.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-SemiExtIt.woff') format('woff'), |
||||
url('MyriadPro-SemiExtIt.ttf') format('truetype'); |
||||
font-weight: normal; |
||||
font-style: italic; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-BlackSemiCn.eot'); |
||||
src: local('Myriad Pro Black SemiCondensed'), local('MyriadPro-BlackSemiCn'), |
||||
url('MyriadPro-BlackSemiCn.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-BlackSemiCn.woff') format('woff'), |
||||
url('MyriadPro-BlackSemiCn.ttf') format('truetype'); |
||||
font-weight: 900; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-BlackSemiExt.eot'); |
||||
src: local('Myriad Pro Black SemiExtended'), local('MyriadPro-BlackSemiExt'), |
||||
url('MyriadPro-BlackSemiExt.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-BlackSemiExt.woff') format('woff'), |
||||
url('MyriadPro-BlackSemiExt.ttf') format('truetype'); |
||||
font-weight: 900; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Myriad Pro'; |
||||
src: url('MyriadPro-SemiExt.eot'); |
||||
src: local('Myriad Pro SemiExtended'), local('MyriadPro-SemiExt'), |
||||
url('MyriadPro-SemiExt.eot?#iefix') format('embedded-opentype'), |
||||
url('MyriadPro-SemiExt.woff') format('woff'), |
||||
url('MyriadPro-SemiExt.ttf') format('truetype'); |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
} |
||||
|
After Width: | Height: | Size: 564 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 418 KiB |
|
After Width: | Height: | Size: 418 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 9.4 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 7.7 KiB |
|
After Width: | Height: | Size: 31 KiB |
|
After Width: | Height: | Size: 9.6 KiB |
|
After Width: | Height: | Size: 266 KiB |
|
After Width: | Height: | Size: 254 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 6.0 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 5.8 KiB |
|
After Width: | Height: | Size: 7.5 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 58 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 67 KiB |
|
After Width: | Height: | Size: 9.6 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 926 B |
|
After Width: | Height: | Size: 156 KiB |
|
After Width: | Height: | Size: 156 KiB |
|
After Width: | Height: | Size: 721 B |
|
After Width: | Height: | Size: 148 KiB |
@ -0,0 +1,12 @@ |
||||
(function($) { |
||||
$(document).on('ready', function() { |
||||
$('select[name="action"]', '#changelist-form').on('change', function() { |
||||
if ($(this).val() == 'export_admin_action') { |
||||
$('select[name="file_format"]', '#changelist-form').parent().show(); |
||||
} else { |
||||
$('select[name="file_format"]', '#changelist-form').parent().hide(); |
||||
} |
||||
}); |
||||
$('select[name="action"]', '#changelist-form').change(); |
||||
}); |
||||
})(django.jQuery); |
||||
@ -0,0 +1,18 @@ |
||||
$(function(){ |
||||
$('#search').keyup(function(){ |
||||
$.ajax({ |
||||
type: "POST", |
||||
url: "/search/", |
||||
data: { |
||||
'search_text': $('#search').val(), |
||||
'csrfmiddlewaretoken': $("input[name=csrfmiddlewaretoken]").val() |
||||
}, |
||||
success: searchSuccess, |
||||
dataType: 'html' |
||||
}); |
||||
}); |
||||
}); |
||||
|
||||
function searchSuccess(data, textStatus, jqXHR){ |
||||
$('#search-results').html(data); |
||||
} |
||||
Binary file not shown.
@ -0,0 +1,18 @@ |
||||
$(function(){ |
||||
$('#search').keyup(function(){ |
||||
$.ajax({ |
||||
type: "POST", |
||||
url: "/search/", |
||||
data: { |
||||
'search_text': $('#search').val(), |
||||
'csrfmiddlewaretoken': $("input[name=csrfmiddlewaretoken]").val() |
||||
}, |
||||
success: searchSuccess, |
||||
dataType: 'html' |
||||
}); |
||||
}); |
||||
}); |
||||
|
||||
function searchSuccess(data, textStatus, jqXHR){ |
||||
$('#search-results').html(data); |
||||
} |
||||
Binary file not shown.
@ -0,0 +1,78 @@ |
||||
$(function () { |
||||
|
||||
// Фильтер в левом меню
|
||||
var range = $("#range"); |
||||
var minRange = range.attr('data-min'); |
||||
var maxRange = range.attr('data-max'); |
||||
var filter__min = $(".filter__min"); |
||||
var filter__max = $(".filter__max"); |
||||
filter__min.val(minRange); |
||||
filter__max.val(maxRange); |
||||
if (filter__min < 0) { |
||||
filter__min = 0; |
||||
} |
||||
if (filter__max < 0) { |
||||
filter__max = 0; |
||||
} |
||||
|
||||
range.slider({ |
||||
range: true, |
||||
max: maxRange, |
||||
values: [minRange, maxRange], |
||||
change: function (event, ui) { |
||||
var first = range.slider("values", 0); |
||||
var second = range.slider("values", 1); |
||||
console.log(first, second); |
||||
filter__min.val(first); |
||||
filter__max.val(second); |
||||
} |
||||
}); |
||||
|
||||
// // Аккордеон в левом меню
|
||||
$('.filter__category .filter__category-item ul').toggle(); |
||||
$('.filter__category .filter__category-item .category__title').click(function () { |
||||
$(this).parent().find('ul').slideToggle(); |
||||
}); |
||||
|
||||
// $('.mobail-menu').toggle();
|
||||
|
||||
$('#menu_active').click(function () { |
||||
$('.mobail-menu').slideToggle(); |
||||
}); |
||||
$('#content__category-btn').click(function () { |
||||
$('.content__category').slideToggle(); |
||||
}); |
||||
|
||||
$('.banner__close').click(function () { |
||||
$('.banner__close').parent().hide(); |
||||
}); |
||||
|
||||
|
||||
|
||||
// Magnific popup
|
||||
$('.certificate__item').magnificPopup({ |
||||
type: 'image' |
||||
// other options
|
||||
}); |
||||
|
||||
|
||||
// звезды
|
||||
var stars = $('.stars'); |
||||
stars.barrating({ |
||||
theme: 'fontawesome-stars' |
||||
}); |
||||
var starsCol = stars.attr('data-rating'); |
||||
stars.barrating('set', starsCol); |
||||
|
||||
// Goods slider
|
||||
|
||||
var main_image = $('.slider__main-image img'); |
||||
var slidelist = $('.slider__list li'); |
||||
main_image.attr("src", slidelist.find('img').attr("src")); |
||||
slidelist.click(function () { |
||||
var clickSRC = ($(this).find('img').attr("src")); |
||||
main_image.attr("src", clickSRC); |
||||
}) |
||||
|
||||
}); |
||||
|
||||
@ -0,0 +1,992 @@ |
||||
/** |
||||
* Ajax Autocomplete for jQuery, version %version% |
||||
* (c) 2015 Tomas Kirda |
||||
* |
||||
* Ajax Autocomplete for jQuery is freely distributable under the terms of an MIT-style license. |
||||
* For details, see the web site: https://github.com/devbridge/jQuery-Autocomplete
|
||||
*/ |
||||
|
||||
/*jslint browser: true, white: true, single: true, this: true, multivar: true */ |
||||
/*global define, window, document, jQuery, exports, require */ |
||||
|
||||
// Expose plugin as an AMD module if AMD loader is present:
|
||||
(function (factory) { |
||||
"use strict"; |
||||
if (typeof define === 'function' && define.amd) { |
||||
// AMD. Register as an anonymous module.
|
||||
define(['jquery'], factory); |
||||
} else if (typeof exports === 'object' && typeof require === 'function') { |
||||
// Browserify
|
||||
factory(require('jquery')); |
||||
} else { |
||||
// Browser globals
|
||||
factory(jQuery); |
||||
} |
||||
}(function ($) { |
||||
'use strict'; |
||||
|
||||
var |
||||
utils = (function () { |
||||
return { |
||||
escapeRegExChars: function (value) { |
||||
return value.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&"); |
||||
}, |
||||
createNode: function (containerClass) { |
||||
var div = document.createElement('div'); |
||||
div.className = containerClass; |
||||
div.style.position = 'absolute'; |
||||
div.style.display = 'none'; |
||||
return div; |
||||
} |
||||
}; |
||||
}()), |
||||
|
||||
keys = { |
||||
ESC: 27, |
||||
TAB: 9, |
||||
RETURN: 13, |
||||
LEFT: 37, |
||||
UP: 38, |
||||
RIGHT: 39, |
||||
DOWN: 40 |
||||
}; |
||||
|
||||
function Autocomplete(el, options) { |
||||
var noop = $.noop, |
||||
that = this, |
||||
defaults = { |
||||
ajaxSettings: {}, |
||||
autoSelectFirst: false, |
||||
appendTo: document.body, |
||||
serviceUrl: null, |
||||
lookup: null, |
||||
onSelect: null, |
||||
width: 'auto', |
||||
minChars: 1, |
||||
maxHeight: 300, |
||||
deferRequestBy: 0, |
||||
params: {}, |
||||
formatResult: Autocomplete.formatResult, |
||||
delimiter: null, |
||||
zIndex: 9999, |
||||
type: 'GET', |
||||
noCache: false, |
||||
onSearchStart: noop, |
||||
onSearchComplete: noop, |
||||
onSearchError: noop, |
||||
preserveInput: false, |
||||
containerClass: 'autocomplete-suggestions', |
||||
tabDisabled: false, |
||||
dataType: 'text', |
||||
currentRequest: null, |
||||
triggerSelectOnValidInput: true, |
||||
preventBadQueries: true, |
||||
lookupFilter: function (suggestion, originalQuery, queryLowerCase) { |
||||
return suggestion.value.toLowerCase().indexOf(queryLowerCase) !== -1; |
||||
}, |
||||
paramName: 'query', |
||||
transformResult: function (response) { |
||||
return typeof response === 'string' ? $.parseJSON(response) : response; |
||||
}, |
||||
showNoSuggestionNotice: false, |
||||
noSuggestionNotice: 'No results', |
||||
orientation: 'bottom', |
||||
forceFixPosition: false |
||||
}; |
||||
|
||||
// Shared variables:
|
||||
that.element = el; |
||||
that.el = $(el); |
||||
that.suggestions = []; |
||||
that.badQueries = []; |
||||
that.selectedIndex = -1; |
||||
that.currentValue = that.element.value; |
||||
that.intervalId = 0; |
||||
that.cachedResponse = {}; |
||||
that.onChangeInterval = null; |
||||
that.onChange = null; |
||||
that.isLocal = false; |
||||
that.suggestionsContainer = null; |
||||
that.noSuggestionsContainer = null; |
||||
that.options = $.extend({}, defaults, options); |
||||
that.classes = { |
||||
selected: 'autocomplete-selected', |
||||
suggestion: 'autocomplete-suggestion' |
||||
}; |
||||
that.hint = null; |
||||
that.hintValue = ''; |
||||
that.selection = null; |
||||
|
||||
// Initialize and set options:
|
||||
that.initialize(); |
||||
that.setOptions(options); |
||||
} |
||||
|
||||
Autocomplete.utils = utils; |
||||
|
||||
$.Autocomplete = Autocomplete; |
||||
|
||||
Autocomplete.formatResult = function (suggestion, currentValue) { |
||||
// Do not replace anything if there current value is empty
|
||||
if (!currentValue) { |
||||
return suggestion.value; |
||||
} |
||||
|
||||
var pattern = '(' + utils.escapeRegExChars(currentValue) + ')'; |
||||
|
||||
return suggestion.value |
||||
.replace(new RegExp(pattern, 'gi'), '<strong>$1<\/strong>') |
||||
.replace(/&/g, '&') |
||||
.replace(/</g, '<') |
||||
.replace(/>/g, '>') |
||||
.replace(/"/g, '"') |
||||
.replace(/<(\/?strong)>/g, '<$1>'); |
||||
}; |
||||
|
||||
Autocomplete.prototype = { |
||||
|
||||
killerFn: null, |
||||
|
||||
initialize: function () { |
||||
var that = this, |
||||
suggestionSelector = '.' + that.classes.suggestion, |
||||
selected = that.classes.selected, |
||||
options = that.options, |
||||
container; |
||||
|
||||
// Remove autocomplete attribute to prevent native suggestions:
|
||||
that.element.setAttribute('autocomplete', 'off'); |
||||
|
||||
that.killerFn = function (e) { |
||||
if (!$(e.target).closest('.' + that.options.containerClass).length) { |
||||
that.killSuggestions(); |
||||
that.disableKillerFn(); |
||||
} |
||||
}; |
||||
|
||||
// html() deals with many types: htmlString or Element or Array or jQuery
|
||||
that.noSuggestionsContainer = $('<div class="autocomplete-no-suggestion"></div>') |
||||
.html(this.options.noSuggestionNotice).get(0); |
||||
|
||||
that.suggestionsContainer = Autocomplete.utils.createNode(options.containerClass); |
||||
|
||||
container = $(that.suggestionsContainer); |
||||
|
||||
container.appendTo(options.appendTo); |
||||
|
||||
// Only set width if it was provided:
|
||||
if (options.width !== 'auto') { |
||||
container.css('width', options.width); |
||||
} |
||||
|
||||
// Listen for mouse over event on suggestions list:
|
||||
container.on('mouseover.autocomplete', suggestionSelector, function () { |
||||
that.activate($(this).data('index')); |
||||
}); |
||||
|
||||
// Deselect active element when mouse leaves suggestions container:
|
||||
container.on('mouseout.autocomplete', function () { |
||||
that.selectedIndex = -1; |
||||
container.children('.' + selected).removeClass(selected); |
||||
}); |
||||
|
||||
// Listen for click event on suggestions list:
|
||||
container.on('click.autocomplete', suggestionSelector, function () { |
||||
that.select($(this).data('index')); |
||||
return false; |
||||
}); |
||||
|
||||
that.fixPositionCapture = function () { |
||||
if (that.visible) { |
||||
that.fixPosition(); |
||||
} |
||||
}; |
||||
|
||||
$(window).on('resize.autocomplete', that.fixPositionCapture); |
||||
|
||||
that.el.on('keydown.autocomplete', function (e) { that.onKeyPress(e); }); |
||||
that.el.on('keyup.autocomplete', function (e) { that.onKeyUp(e); }); |
||||
that.el.on('blur.autocomplete', function () { that.onBlur(); }); |
||||
that.el.on('focus.autocomplete', function () { that.onFocus(); }); |
||||
that.el.on('change.autocomplete', function (e) { that.onKeyUp(e); }); |
||||
that.el.on('input.autocomplete', function (e) { that.onKeyUp(e); }); |
||||
}, |
||||
|
||||
onFocus: function () { |
||||
var that = this; |
||||
|
||||
that.fixPosition(); |
||||
|
||||
if (that.el.val().length >= that.options.minChars) { |
||||
that.onValueChange(); |
||||
} |
||||
}, |
||||
|
||||
onBlur: function () { |
||||
this.enableKillerFn(); |
||||
}, |
||||
|
||||
abortAjax: function () { |
||||
var that = this; |
||||
if (that.currentRequest) { |
||||
that.currentRequest.abort(); |
||||
that.currentRequest = null; |
||||
} |
||||
}, |
||||
|
||||
setOptions: function (suppliedOptions) { |
||||
var that = this, |
||||
options = that.options; |
||||
|
||||
$.extend(options, suppliedOptions); |
||||
|
||||
that.isLocal = $.isArray(options.lookup); |
||||
|
||||
if (that.isLocal) { |
||||
options.lookup = that.verifySuggestionsFormat(options.lookup); |
||||
} |
||||
|
||||
options.orientation = that.validateOrientation(options.orientation, 'bottom'); |
||||
|
||||
// Adjust height, width and z-index:
|
||||
$(that.suggestionsContainer).css({ |
||||
'max-height': options.maxHeight + 'px', |
||||
'width': options.width + 'px', |
||||
'z-index': options.zIndex |
||||
}); |
||||
}, |
||||
|
||||
|
||||
clearCache: function () { |
||||
this.cachedResponse = {}; |
||||
this.badQueries = []; |
||||
}, |
||||
|
||||
clear: function () { |
||||
this.clearCache(); |
||||
this.currentValue = ''; |
||||
this.suggestions = []; |
||||
}, |
||||
|
||||
disable: function () { |
||||
var that = this; |
||||
that.disabled = true; |
||||
clearInterval(that.onChangeInterval); |
||||
that.abortAjax(); |
||||
}, |
||||
|
||||
enable: function () { |
||||
this.disabled = false; |
||||
}, |
||||
|
||||
fixPosition: function () { |
||||
// Use only when container has already its content
|
||||
|
||||
var that = this, |
||||
$container = $(that.suggestionsContainer), |
||||
containerParent = $container.parent().get(0); |
||||
// Fix position automatically when appended to body.
|
||||
// In other cases force parameter must be given.
|
||||
if (containerParent !== document.body && !that.options.forceFixPosition) { |
||||
return; |
||||
} |
||||
|
||||
// Choose orientation
|
||||
var orientation = that.options.orientation, |
||||
containerHeight = $container.outerHeight(), |
||||
height = that.el.outerHeight(), |
||||
offset = that.el.offset(), |
||||
styles = { 'top': offset.top, 'left': offset.left }; |
||||
|
||||
if (orientation === 'auto') { |
||||
var viewPortHeight = $(window).height(), |
||||
scrollTop = $(window).scrollTop(), |
||||
topOverflow = -scrollTop + offset.top - containerHeight, |
||||
bottomOverflow = scrollTop + viewPortHeight - (offset.top + height + containerHeight); |
||||
|
||||
orientation = (Math.max(topOverflow, bottomOverflow) === topOverflow) ? 'top' : 'bottom'; |
||||
} |
||||
|
||||
if (orientation === 'top') { |
||||
styles.top += -containerHeight; |
||||
} else { |
||||
styles.top += height; |
||||
} |
||||
|
||||
// If container is not positioned to body,
|
||||
// correct its position using offset parent offset
|
||||
if(containerParent !== document.body) { |
||||
var opacity = $container.css('opacity'), |
||||
parentOffsetDiff; |
||||
|
||||
if (!that.visible){ |
||||
$container.css('opacity', 0).show(); |
||||
} |
||||
|
||||
parentOffsetDiff = $container.offsetParent().offset(); |
||||
styles.top -= parentOffsetDiff.top; |
||||
styles.left -= parentOffsetDiff.left; |
||||
|
||||
if (!that.visible){ |
||||
$container.css('opacity', opacity).hide(); |
||||
} |
||||
} |
||||
|
||||
if (that.options.width === 'auto') { |
||||
styles.width = that.el.outerWidth() + 'px'; |
||||
} |
||||
|
||||
$container.css(styles); |
||||
}, |
||||
|
||||
enableKillerFn: function () { |
||||
var that = this; |
||||
$(document).on('click.autocomplete', that.killerFn); |
||||
}, |
||||
|
||||
disableKillerFn: function () { |
||||
var that = this; |
||||
$(document).off('click.autocomplete', that.killerFn); |
||||
}, |
||||
|
||||
killSuggestions: function () { |
||||
var that = this; |
||||
that.stopKillSuggestions(); |
||||
that.intervalId = window.setInterval(function () { |
||||
if (that.visible) { |
||||
// No need to restore value when
|
||||
// preserveInput === true,
|
||||
// because we did not change it
|
||||
if (!that.options.preserveInput) { |
||||
that.el.val(that.currentValue); |
||||
} |
||||
|
||||
that.hide(); |
||||
} |
||||
|
||||
that.stopKillSuggestions(); |
||||
}, 50); |
||||
}, |
||||
|
||||
stopKillSuggestions: function () { |
||||
window.clearInterval(this.intervalId); |
||||
}, |
||||
|
||||
isCursorAtEnd: function () { |
||||
var that = this, |
||||
valLength = that.el.val().length, |
||||
selectionStart = that.element.selectionStart, |
||||
range; |
||||
|
||||
if (typeof selectionStart === 'number') { |
||||
return selectionStart === valLength; |
||||
} |
||||
if (document.selection) { |
||||
range = document.selection.createRange(); |
||||
range.moveStart('character', -valLength); |
||||
return valLength === range.text.length; |
||||
} |
||||
return true; |
||||
}, |
||||
|
||||
onKeyPress: function (e) { |
||||
var that = this; |
||||
|
||||
// If suggestions are hidden and user presses arrow down, display suggestions:
|
||||
if (!that.disabled && !that.visible && e.which === keys.DOWN && that.currentValue) { |
||||
that.suggest(); |
||||
return; |
||||
} |
||||
|
||||
if (that.disabled || !that.visible) { |
||||
return; |
||||
} |
||||
|
||||
switch (e.which) { |
||||
case keys.ESC: |
||||
that.el.val(that.currentValue); |
||||
that.hide(); |
||||
break; |
||||
case keys.RIGHT: |
||||
if (that.hint && that.options.onHint && that.isCursorAtEnd()) { |
||||
that.selectHint(); |
||||
break; |
||||
} |
||||
return; |
||||
case keys.TAB: |
||||
if (that.hint && that.options.onHint) { |
||||
that.selectHint(); |
||||
return; |
||||
} |
||||
if (that.selectedIndex === -1) { |
||||
that.hide(); |
||||
return; |
||||
} |
||||
that.select(that.selectedIndex); |
||||
if (that.options.tabDisabled === false) { |
||||
return; |
||||
} |
||||
break; |
||||
case keys.RETURN: |
||||
if (that.selectedIndex === -1) { |
||||
that.hide(); |
||||
return; |
||||
} |
||||
that.select(that.selectedIndex); |
||||
break; |
||||
case keys.UP: |
||||
that.moveUp(); |
||||
break; |
||||
case keys.DOWN: |
||||
that.moveDown(); |
||||
break; |
||||
default: |
||||
return; |
||||
} |
||||
|
||||
// Cancel event if function did not return:
|
||||
e.stopImmediatePropagation(); |
||||
e.preventDefault(); |
||||
}, |
||||
|
||||
onKeyUp: function (e) { |
||||
var that = this; |
||||
|
||||
if (that.disabled) { |
||||
return; |
||||
} |
||||
|
||||
switch (e.which) { |
||||
case keys.UP: |
||||
case keys.DOWN: |
||||
return; |
||||
} |
||||
|
||||
clearInterval(that.onChangeInterval); |
||||
|
||||
if (that.currentValue !== that.el.val()) { |
||||
that.findBestHint(); |
||||
if (that.options.deferRequestBy > 0) { |
||||
// Defer lookup in case when value changes very quickly:
|
||||
that.onChangeInterval = setInterval(function () { |
||||
that.onValueChange(); |
||||
}, that.options.deferRequestBy); |
||||
} else { |
||||
that.onValueChange(); |
||||
} |
||||
} |
||||
}, |
||||
|
||||
onValueChange: function () { |
||||
var that = this, |
||||
options = that.options, |
||||
value = that.el.val(), |
||||
query = that.getQuery(value); |
||||
|
||||
if (that.selection && that.currentValue !== query) { |
||||
that.selection = null; |
||||
(options.onInvalidateSelection || $.noop).call(that.element); |
||||
} |
||||
|
||||
clearInterval(that.onChangeInterval); |
||||
that.currentValue = value; |
||||
that.selectedIndex = -1; |
||||
|
||||
// Check existing suggestion for the match before proceeding:
|
||||
if (options.triggerSelectOnValidInput && that.isExactMatch(query)) { |
||||
that.select(0); |
||||
return; |
||||
} |
||||
|
||||
if (query.length < options.minChars) { |
||||
that.hide(); |
||||
} else { |
||||
that.getSuggestions(query); |
||||
} |
||||
}, |
||||
|
||||
isExactMatch: function (query) { |
||||
var suggestions = this.suggestions; |
||||
|
||||
return (suggestions.length === 1 && suggestions[0].value.toLowerCase() === query.toLowerCase()); |
||||
}, |
||||
|
||||
getQuery: function (value) { |
||||
var delimiter = this.options.delimiter, |
||||
parts; |
||||
|
||||
if (!delimiter) { |
||||
return value; |
||||
} |
||||
parts = value.split(delimiter); |
||||
return $.trim(parts[parts.length - 1]); |
||||
}, |
||||
|
||||
getSuggestionsLocal: function (query) { |
||||
var that = this, |
||||
options = that.options, |
||||
queryLowerCase = query.toLowerCase(), |
||||
filter = options.lookupFilter, |
||||
limit = parseInt(options.lookupLimit, 10), |
||||
data; |
||||
|
||||
data = { |
||||
suggestions: $.grep(options.lookup, function (suggestion) { |
||||
return filter(suggestion, query, queryLowerCase); |
||||
}) |
||||
}; |
||||
|
||||
if (limit && data.suggestions.length > limit) { |
||||
data.suggestions = data.suggestions.slice(0, limit); |
||||
} |
||||
|
||||
return data; |
||||
}, |
||||
|
||||
getSuggestions: function (q) { |
||||
var response, |
||||
that = this, |
||||
options = that.options, |
||||
serviceUrl = options.serviceUrl, |
||||
params, |
||||
cacheKey, |
||||
ajaxSettings; |
||||
|
||||
options.params[options.paramName] = q; |
||||
params = options.ignoreParams ? null : options.params; |
||||
|
||||
if (options.onSearchStart.call(that.element, options.params) === false) { |
||||
return; |
||||
} |
||||
|
||||
if ($.isFunction(options.lookup)){ |
||||
options.lookup(q, function (data) { |
||||
that.suggestions = data.suggestions; |
||||
that.suggest(); |
||||
options.onSearchComplete.call(that.element, q, data.suggestions); |
||||
}); |
||||
return; |
||||
} |
||||
|
||||
if (that.isLocal) { |
||||
response = that.getSuggestionsLocal(q); |
||||
} else { |
||||
if ($.isFunction(serviceUrl)) { |
||||
serviceUrl = serviceUrl.call(that.element, q); |
||||
} |
||||
cacheKey = serviceUrl + '?' + $.param(params || {}); |
||||
response = that.cachedResponse[cacheKey]; |
||||
} |
||||
|
||||
if (response && $.isArray(response.suggestions)) { |
||||
that.suggestions = response.suggestions; |
||||
that.suggest(); |
||||
options.onSearchComplete.call(that.element, q, response.suggestions); |
||||
} else if (!that.isBadQuery(q)) { |
||||
that.abortAjax(); |
||||
|
||||
ajaxSettings = { |
||||
url: serviceUrl, |
||||
data: params, |
||||
type: options.type, |
||||
dataType: options.dataType |
||||
}; |
||||
|
||||
$.extend(ajaxSettings, options.ajaxSettings); |
||||
|
||||
that.currentRequest = $.ajax(ajaxSettings).done(function (data) { |
||||
var result; |
||||
that.currentRequest = null; |
||||
result = options.transformResult(data, q); |
||||
that.processResponse(result, q, cacheKey); |
||||
options.onSearchComplete.call(that.element, q, result.suggestions); |
||||
}).fail(function (jqXHR, textStatus, errorThrown) { |
||||
options.onSearchError.call(that.element, q, jqXHR, textStatus, errorThrown); |
||||
}); |
||||
} else { |
||||
options.onSearchComplete.call(that.element, q, []); |
||||
} |
||||
}, |
||||
|
||||
isBadQuery: function (q) { |
||||
if (!this.options.preventBadQueries){ |
||||
return false; |
||||
} |
||||
|
||||
var badQueries = this.badQueries, |
||||
i = badQueries.length; |
||||
|
||||
while (i--) { |
||||
if (q.indexOf(badQueries[i]) === 0) { |
||||
return true; |
||||
} |
||||
} |
||||
|
||||
return false; |
||||
}, |
||||
|
||||
hide: function () { |
||||
var that = this, |
||||
container = $(that.suggestionsContainer); |
||||
|
||||
if ($.isFunction(that.options.onHide) && that.visible) { |
||||
that.options.onHide.call(that.element, container); |
||||
} |
||||
|
||||
that.visible = false; |
||||
that.selectedIndex = -1; |
||||
clearInterval(that.onChangeInterval); |
||||
$(that.suggestionsContainer).hide(); |
||||
that.signalHint(null); |
||||
}, |
||||
|
||||
suggest: function () { |
||||
if (!this.suggestions.length) { |
||||
if (this.options.showNoSuggestionNotice) { |
||||
this.noSuggestions(); |
||||
} else { |
||||
this.hide(); |
||||
} |
||||
return; |
||||
} |
||||
|
||||
var that = this, |
||||
options = that.options, |
||||
groupBy = options.groupBy, |
||||
formatResult = options.formatResult, |
||||
value = that.getQuery(that.currentValue), |
||||
className = that.classes.suggestion, |
||||
classSelected = that.classes.selected, |
||||
container = $(that.suggestionsContainer), |
||||
noSuggestionsContainer = $(that.noSuggestionsContainer), |
||||
beforeRender = options.beforeRender, |
||||
html = '', |
||||
category, |
||||
formatGroup = function (suggestion, index) { |
||||
var currentCategory = suggestion.data[groupBy]; |
||||
|
||||
if (category === currentCategory){ |
||||
return ''; |
||||
} |
||||
|
||||
category = currentCategory; |
||||
|
||||
return '<div class="autocomplete-group"><strong>' + category + '</strong></div>'; |
||||
}; |
||||
|
||||
if (options.triggerSelectOnValidInput && that.isExactMatch(value)) { |
||||
that.select(0); |
||||
return; |
||||
} |
||||
|
||||
// Build suggestions inner HTML:
|
||||
$.each(that.suggestions, function (i, suggestion) { |
||||
if (groupBy){ |
||||
html += formatGroup(suggestion, value, i); |
||||
} |
||||
|
||||
html += '<div class="' + className + '" data-index="' + i + '">' + formatResult(suggestion, value, i) + '</div>'; |
||||
}); |
||||
|
||||
this.adjustContainerWidth(); |
||||
|
||||
noSuggestionsContainer.detach(); |
||||
container.html(html); |
||||
|
||||
if ($.isFunction(beforeRender)) { |
||||
beforeRender.call(that.element, container, that.suggestions); |
||||
} |
||||
|
||||
that.fixPosition(); |
||||
container.show(); |
||||
|
||||
// Select first value by default:
|
||||
if (options.autoSelectFirst) { |
||||
that.selectedIndex = 0; |
||||
container.scrollTop(0); |
||||
container.children('.' + className).first().addClass(classSelected); |
||||
} |
||||
|
||||
that.visible = true; |
||||
that.findBestHint(); |
||||
}, |
||||
|
||||
noSuggestions: function() { |
||||
var that = this, |
||||
container = $(that.suggestionsContainer), |
||||
noSuggestionsContainer = $(that.noSuggestionsContainer); |
||||
|
||||
this.adjustContainerWidth(); |
||||
|
||||
// Some explicit steps. Be careful here as it easy to get
|
||||
// noSuggestionsContainer removed from DOM if not detached properly.
|
||||
noSuggestionsContainer.detach(); |
||||
container.empty(); // clean suggestions if any
|
||||
container.append(noSuggestionsContainer); |
||||
|
||||
that.fixPosition(); |
||||
|
||||
container.show(); |
||||
that.visible = true; |
||||
}, |
||||
|
||||
adjustContainerWidth: function() { |
||||
var that = this, |
||||
options = that.options, |
||||
width, |
||||
container = $(that.suggestionsContainer); |
||||
|
||||
// If width is auto, adjust width before displaying suggestions,
|
||||
// because if instance was created before input had width, it will be zero.
|
||||
// Also it adjusts if input width has changed.
|
||||
if (options.width === 'auto') { |
||||
width = that.el.outerWidth(); |
||||
container.css('width', width > 0 ? width : 300); |
||||
} |
||||
}, |
||||
|
||||
findBestHint: function () { |
||||
var that = this, |
||||
value = that.el.val().toLowerCase(), |
||||
bestMatch = null; |
||||
|
||||
if (!value) { |
||||
return; |
||||
} |
||||
|
||||
$.each(that.suggestions, function (i, suggestion) { |
||||
var foundMatch = suggestion.value.toLowerCase().indexOf(value) === 0; |
||||
if (foundMatch) { |
||||
bestMatch = suggestion; |
||||
} |
||||
return !foundMatch; |
||||
}); |
||||
|
||||
that.signalHint(bestMatch); |
||||
}, |
||||
|
||||
signalHint: function (suggestion) { |
||||
var hintValue = '', |
||||
that = this; |
||||
if (suggestion) { |
||||
hintValue = that.currentValue + suggestion.value.substr(that.currentValue.length); |
||||
} |
||||
if (that.hintValue !== hintValue) { |
||||
that.hintValue = hintValue; |
||||
that.hint = suggestion; |
||||
(this.options.onHint || $.noop)(hintValue); |
||||
} |
||||
}, |
||||
|
||||
verifySuggestionsFormat: function (suggestions) { |
||||
// If suggestions is string array, convert them to supported format:
|
||||
if (suggestions.length && typeof suggestions[0] === 'string') { |
||||
return $.map(suggestions, function (value) { |
||||
return { value: value, data: null }; |
||||
}); |
||||
} |
||||
|
||||
return suggestions; |
||||
}, |
||||
|
||||
validateOrientation: function(orientation, fallback) { |
||||
orientation = $.trim(orientation || '').toLowerCase(); |
||||
|
||||
if($.inArray(orientation, ['auto', 'bottom', 'top']) === -1){ |
||||
orientation = fallback; |
||||
} |
||||
|
||||
return orientation; |
||||
}, |
||||
|
||||
processResponse: function (result, originalQuery, cacheKey) { |
||||
var that = this, |
||||
options = that.options; |
||||
|
||||
result.suggestions = that.verifySuggestionsFormat(result.suggestions); |
||||
|
||||
// Cache results if cache is not disabled:
|
||||
if (!options.noCache) { |
||||
that.cachedResponse[cacheKey] = result; |
||||
if (options.preventBadQueries && !result.suggestions.length) { |
||||
that.badQueries.push(originalQuery); |
||||
} |
||||
} |
||||
|
||||
// Return if originalQuery is not matching current query:
|
||||
if (originalQuery !== that.getQuery(that.currentValue)) { |
||||
return; |
||||
} |
||||
|
||||
that.suggestions = result.suggestions; |
||||
that.suggest(); |
||||
}, |
||||
|
||||
activate: function (index) { |
||||
var that = this, |
||||
activeItem, |
||||
selected = that.classes.selected, |
||||
container = $(that.suggestionsContainer), |
||||
children = container.find('.' + that.classes.suggestion); |
||||
|
||||
container.find('.' + selected).removeClass(selected); |
||||
|
||||
that.selectedIndex = index; |
||||
|
||||
if (that.selectedIndex !== -1 && children.length > that.selectedIndex) { |
||||
activeItem = children.get(that.selectedIndex); |
||||
$(activeItem).addClass(selected); |
||||
return activeItem; |
||||
} |
||||
|
||||
return null; |
||||
}, |
||||
|
||||
selectHint: function () { |
||||
var that = this, |
||||
i = $.inArray(that.hint, that.suggestions); |
||||
|
||||
that.select(i); |
||||
}, |
||||
|
||||
select: function (i) { |
||||
var that = this; |
||||
that.hide(); |
||||
that.onSelect(i); |
||||
that.disableKillerFn(); |
||||
}, |
||||
|
||||
moveUp: function () { |
||||
var that = this; |
||||
|
||||
if (that.selectedIndex === -1) { |
||||
return; |
||||
} |
||||
|
||||
if (that.selectedIndex === 0) { |
||||
$(that.suggestionsContainer).children().first().removeClass(that.classes.selected); |
||||
that.selectedIndex = -1; |
||||
that.el.val(that.currentValue); |
||||
that.findBestHint(); |
||||
return; |
||||
} |
||||
|
||||
that.adjustScroll(that.selectedIndex - 1); |
||||
}, |
||||
|
||||
moveDown: function () { |
||||
var that = this; |
||||
|
||||
if (that.selectedIndex === (that.suggestions.length - 1)) { |
||||
return; |
||||
} |
||||
|
||||
that.adjustScroll(that.selectedIndex + 1); |
||||
}, |
||||
|
||||
adjustScroll: function (index) { |
||||
var that = this, |
||||
activeItem = that.activate(index); |
||||
|
||||
if (!activeItem) { |
||||
return; |
||||
} |
||||
|
||||
var offsetTop, |
||||
upperBound, |
||||
lowerBound, |
||||
heightDelta = $(activeItem).outerHeight(); |
||||
|
||||
offsetTop = activeItem.offsetTop; |
||||
upperBound = $(that.suggestionsContainer).scrollTop(); |
||||
lowerBound = upperBound + that.options.maxHeight - heightDelta; |
||||
|
||||
if (offsetTop < upperBound) { |
||||
$(that.suggestionsContainer).scrollTop(offsetTop); |
||||
} else if (offsetTop > lowerBound) { |
||||
$(that.suggestionsContainer).scrollTop(offsetTop - that.options.maxHeight + heightDelta); |
||||
} |
||||
|
||||
if (!that.options.preserveInput) { |
||||
that.el.val(that.getValue(that.suggestions[index].value)); |
||||
} |
||||
that.signalHint(null); |
||||
}, |
||||
|
||||
onSelect: function (index) { |
||||
var that = this, |
||||
onSelectCallback = that.options.onSelect, |
||||
suggestion = that.suggestions[index]; |
||||
|
||||
that.currentValue = that.getValue(suggestion.value); |
||||
|
||||
if (that.currentValue !== that.el.val() && !that.options.preserveInput) { |
||||
that.el.val(that.currentValue); |
||||
} |
||||
|
||||
that.signalHint(null); |
||||
that.suggestions = []; |
||||
that.selection = suggestion; |
||||
|
||||
if ($.isFunction(onSelectCallback)) { |
||||
onSelectCallback.call(that.element, suggestion); |
||||
} |
||||
}, |
||||
|
||||
getValue: function (value) { |
||||
var that = this, |
||||
delimiter = that.options.delimiter, |
||||
currentValue, |
||||
parts; |
||||
|
||||
if (!delimiter) { |
||||
return value; |
||||
} |
||||
|
||||
currentValue = that.currentValue; |
||||
parts = currentValue.split(delimiter); |
||||
|
||||
if (parts.length === 1) { |
||||
return value; |
||||
} |
||||
|
||||
return currentValue.substr(0, currentValue.length - parts[parts.length - 1].length) + value; |
||||
}, |
||||
|
||||
dispose: function () { |
||||
var that = this; |
||||
that.el.off('.autocomplete').removeData('autocomplete'); |
||||
that.disableKillerFn(); |
||||
$(window).off('resize.autocomplete', that.fixPositionCapture); |
||||
$(that.suggestionsContainer).remove(); |
||||
} |
||||
}; |
||||
|
||||
// Create chainable jQuery plugin:
|
||||
$.fn.autocomplete = $.fn.devbridgeAutocomplete = function (options, args) { |
||||
var dataKey = 'autocomplete'; |
||||
// If function invoked without argument return
|
||||
// instance of the first matched element:
|
||||
if (!arguments.length) { |
||||
return this.first().data(dataKey); |
||||
} |
||||
|
||||
return this.each(function () { |
||||
var inputElement = $(this), |
||||
instance = inputElement.data(dataKey); |
||||
|
||||
if (typeof options === 'string') { |
||||
if (instance && typeof instance[options] === 'function') { |
||||
instance[options](args); |
||||
} |
||||
} else { |
||||
// If instance already exists, destroy it:
|
||||
if (instance && instance.dispose) { |
||||
instance.dispose(); |
||||
} |
||||
instance = new Autocomplete(this, options); |
||||
inputElement.data(dataKey, instance); |
||||
} |
||||
}); |
||||
}; |
||||
})); |
||||
Binary file not shown.
@ -0,0 +1,992 @@ |
||||
/** |
||||
* Ajax Autocomplete for jQuery, version %version% |
||||
* (c) 2015 Tomas Kirda |
||||
* |
||||
* Ajax Autocomplete for jQuery is freely distributable under the terms of an MIT-style license. |
||||
* For details, see the web site: https://github.com/devbridge/jQuery-Autocomplete
|
||||
*/ |
||||
|
||||
/*jslint browser: true, white: true, single: true, this: true, multivar: true */ |
||||
/*global define, window, document, jQuery, exports, require */ |
||||
|
||||
// Expose plugin as an AMD module if AMD loader is present:
|
||||
(function (factory) { |
||||
"use strict"; |
||||
if (typeof define === 'function' && define.amd) { |
||||
// AMD. Register as an anonymous module.
|
||||
define(['jquery'], factory); |
||||
} else if (typeof exports === 'object' && typeof require === 'function') { |
||||
// Browserify
|
||||
factory(require('jquery')); |
||||
} else { |
||||
// Browser globals
|
||||
factory(jQuery); |
||||
} |
||||
}(function ($) { |
||||
'use strict'; |
||||
|
||||
var |
||||
utils = (function () { |
||||
return { |
||||
escapeRegExChars: function (value) { |
||||
return value.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&"); |
||||
}, |
||||
createNode: function (containerClass) { |
||||
var div = document.createElement('div'); |
||||
div.className = containerClass; |
||||
div.style.position = 'absolute'; |
||||
div.style.display = 'none'; |
||||
return div; |
||||
} |
||||
}; |
||||
}()), |
||||
|
||||
keys = { |
||||
ESC: 27, |
||||
TAB: 9, |
||||
RETURN: 13, |
||||
LEFT: 37, |
||||
UP: 38, |
||||
RIGHT: 39, |
||||
DOWN: 40 |
||||
}; |
||||
|
||||
function Autocomplete(el, options) { |
||||
var noop = $.noop, |
||||
that = this, |
||||
defaults = { |
||||
ajaxSettings: {}, |
||||
autoSelectFirst: false, |
||||
appendTo: document.body, |
||||
serviceUrl: null, |
||||
lookup: null, |
||||
onSelect: null, |
||||
width: 'auto', |
||||
minChars: 1, |
||||
maxHeight: 300, |
||||
deferRequestBy: 0, |
||||
params: {}, |
||||
formatResult: Autocomplete.formatResult, |
||||
delimiter: null, |
||||
zIndex: 9999, |
||||
type: 'GET', |
||||
noCache: false, |
||||
onSearchStart: noop, |
||||
onSearchComplete: noop, |
||||
onSearchError: noop, |
||||
preserveInput: false, |
||||
containerClass: 'autocomplete-suggestions', |
||||
tabDisabled: false, |
||||
dataType: 'text', |
||||
currentRequest: null, |
||||
triggerSelectOnValidInput: true, |
||||
preventBadQueries: true, |
||||
lookupFilter: function (suggestion, originalQuery, queryLowerCase) { |
||||
return suggestion.value.toLowerCase().indexOf(queryLowerCase) !== -1; |
||||
}, |
||||
paramName: 'query', |
||||
transformResult: function (response) { |
||||
return typeof response === 'string' ? $.parseJSON(response) : response; |
||||
}, |
||||
showNoSuggestionNotice: false, |
||||
noSuggestionNotice: 'No results', |
||||
orientation: 'bottom', |
||||
forceFixPosition: false |
||||
}; |
||||
|
||||
// Shared variables:
|
||||
that.element = el; |
||||
that.el = $(el); |
||||
that.suggestions = []; |
||||
that.badQueries = []; |
||||
that.selectedIndex = -1; |
||||
that.currentValue = that.element.value; |
||||
that.intervalId = 0; |
||||
that.cachedResponse = {}; |
||||
that.onChangeInterval = null; |
||||
that.onChange = null; |
||||
that.isLocal = false; |
||||
that.suggestionsContainer = null; |
||||
that.noSuggestionsContainer = null; |
||||
that.options = $.extend({}, defaults, options); |
||||
that.classes = { |
||||
selected: 'autocomplete-selected', |
||||
suggestion: 'autocomplete-suggestion' |
||||
}; |
||||
that.hint = null; |
||||
that.hintValue = ''; |
||||
that.selection = null; |
||||
|
||||
// Initialize and set options:
|
||||
that.initialize(); |
||||
that.setOptions(options); |
||||
} |
||||
|
||||
Autocomplete.utils = utils; |
||||
|
||||
$.Autocomplete = Autocomplete; |
||||
|
||||
Autocomplete.formatResult = function (suggestion, currentValue) { |
||||
// Do not replace anything if there current value is empty
|
||||
if (!currentValue) { |
||||
return suggestion.value; |
||||
} |
||||
|
||||
var pattern = '(' + utils.escapeRegExChars(currentValue) + ')'; |
||||
|
||||
return suggestion.value |
||||
.replace(new RegExp(pattern, 'gi'), '<strong>$1<\/strong>') |
||||
.replace(/&/g, '&') |
||||
.replace(/</g, '<') |
||||
.replace(/>/g, '>') |
||||
.replace(/"/g, '"') |
||||
.replace(/<(\/?strong)>/g, '<$1>'); |
||||
}; |
||||
|
||||
Autocomplete.prototype = { |
||||
|
||||
killerFn: null, |
||||
|
||||
initialize: function () { |
||||
var that = this, |
||||
suggestionSelector = '.' + that.classes.suggestion, |
||||
selected = that.classes.selected, |
||||
options = that.options, |
||||
container; |
||||
|
||||
// Remove autocomplete attribute to prevent native suggestions:
|
||||
that.element.setAttribute('autocomplete', 'off'); |
||||
|
||||
that.killerFn = function (e) { |
||||
if (!$(e.target).closest('.' + that.options.containerClass).length) { |
||||
that.killSuggestions(); |
||||
that.disableKillerFn(); |
||||
} |
||||
}; |
||||
|
||||
// html() deals with many types: htmlString or Element or Array or jQuery
|
||||
that.noSuggestionsContainer = $('<div class="autocomplete-no-suggestion"></div>') |
||||
.html(this.options.noSuggestionNotice).get(0); |
||||
|
||||
that.suggestionsContainer = Autocomplete.utils.createNode(options.containerClass); |
||||
|
||||
container = $(that.suggestionsContainer); |
||||
|
||||
container.appendTo(options.appendTo); |
||||
|
||||
// Only set width if it was provided:
|
||||
if (options.width !== 'auto') { |
||||
container.css('width', options.width); |
||||
} |
||||
|
||||
// Listen for mouse over event on suggestions list:
|
||||
container.on('mouseover.autocomplete', suggestionSelector, function () { |
||||
that.activate($(this).data('index')); |
||||
}); |
||||
|
||||
// Deselect active element when mouse leaves suggestions container:
|
||||
container.on('mouseout.autocomplete', function () { |
||||
that.selectedIndex = -1; |
||||
container.children('.' + selected).removeClass(selected); |
||||
}); |
||||
|
||||
// Listen for click event on suggestions list:
|
||||
container.on('click.autocomplete', suggestionSelector, function () { |
||||
that.select($(this).data('index')); |
||||
return false; |
||||
}); |
||||
|
||||
that.fixPositionCapture = function () { |
||||
if (that.visible) { |
||||
that.fixPosition(); |
||||
} |
||||
}; |
||||
|
||||
$(window).on('resize.autocomplete', that.fixPositionCapture); |
||||
|
||||
that.el.on('keydown.autocomplete', function (e) { that.onKeyPress(e); }); |
||||
that.el.on('keyup.autocomplete', function (e) { that.onKeyUp(e); }); |
||||
that.el.on('blur.autocomplete', function () { that.onBlur(); }); |
||||
that.el.on('focus.autocomplete', function () { that.onFocus(); }); |
||||
that.el.on('change.autocomplete', function (e) { that.onKeyUp(e); }); |
||||
that.el.on('input.autocomplete', function (e) { that.onKeyUp(e); }); |
||||
}, |
||||
|
||||
onFocus: function () { |
||||
var that = this; |
||||
|
||||
that.fixPosition(); |
||||
|
||||
if (that.el.val().length >= that.options.minChars) { |
||||
that.onValueChange(); |
||||
} |
||||
}, |
||||
|
||||
onBlur: function () { |
||||
this.enableKillerFn(); |
||||
}, |
||||
|
||||
abortAjax: function () { |
||||
var that = this; |
||||
if (that.currentRequest) { |
||||
that.currentRequest.abort(); |
||||
that.currentRequest = null; |
||||
} |
||||
}, |
||||
|
||||
setOptions: function (suppliedOptions) { |
||||
var that = this, |
||||
options = that.options; |
||||
|
||||
$.extend(options, suppliedOptions); |
||||
|
||||
that.isLocal = $.isArray(options.lookup); |
||||
|
||||
if (that.isLocal) { |
||||
options.lookup = that.verifySuggestionsFormat(options.lookup); |
||||
} |
||||
|
||||
options.orientation = that.validateOrientation(options.orientation, 'bottom'); |
||||
|
||||
// Adjust height, width and z-index:
|
||||
$(that.suggestionsContainer).css({ |
||||
'max-height': options.maxHeight + 'px', |
||||
'width': options.width + 'px', |
||||
'z-index': options.zIndex |
||||
}); |
||||
}, |
||||
|
||||
|
||||
clearCache: function () { |
||||
this.cachedResponse = {}; |
||||
this.badQueries = []; |
||||
}, |
||||
|
||||
clear: function () { |
||||
this.clearCache(); |
||||
this.currentValue = ''; |
||||
this.suggestions = []; |
||||
}, |
||||
|
||||
disable: function () { |
||||
var that = this; |
||||
that.disabled = true; |
||||
clearInterval(that.onChangeInterval); |
||||
that.abortAjax(); |
||||
}, |
||||
|
||||
enable: function () { |
||||
this.disabled = false; |
||||
}, |
||||
|
||||
fixPosition: function () { |
||||
// Use only when container has already its content
|
||||
|
||||
var that = this, |
||||
$container = $(that.suggestionsContainer), |
||||
containerParent = $container.parent().get(0); |
||||
// Fix position automatically when appended to body.
|
||||
// In other cases force parameter must be given.
|
||||
if (containerParent !== document.body && !that.options.forceFixPosition) { |
||||
return; |
||||
} |
||||
|
||||
// Choose orientation
|
||||
var orientation = that.options.orientation, |
||||
containerHeight = $container.outerHeight(), |
||||
height = that.el.outerHeight(), |
||||
offset = that.el.offset(), |
||||
styles = { 'top': offset.top, 'left': offset.left }; |
||||
|
||||
if (orientation === 'auto') { |
||||
var viewPortHeight = $(window).height(), |
||||
scrollTop = $(window).scrollTop(), |
||||
topOverflow = -scrollTop + offset.top - containerHeight, |
||||
bottomOverflow = scrollTop + viewPortHeight - (offset.top + height + containerHeight); |
||||
|
||||
orientation = (Math.max(topOverflow, bottomOverflow) === topOverflow) ? 'top' : 'bottom'; |
||||
} |
||||
|
||||
if (orientation === 'top') { |
||||
styles.top += -containerHeight; |
||||
} else { |
||||
styles.top += height; |
||||
} |
||||
|
||||
// If container is not positioned to body,
|
||||
// correct its position using offset parent offset
|
||||
if(containerParent !== document.body) { |
||||
var opacity = $container.css('opacity'), |
||||
parentOffsetDiff; |
||||
|
||||
if (!that.visible){ |
||||
$container.css('opacity', 0).show(); |
||||
} |
||||
|
||||
parentOffsetDiff = $container.offsetParent().offset(); |
||||
styles.top -= parentOffsetDiff.top; |
||||
styles.left -= parentOffsetDiff.left; |
||||
|
||||
if (!that.visible){ |
||||
$container.css('opacity', opacity).hide(); |
||||
} |
||||
} |
||||
|
||||
if (that.options.width === 'auto') { |
||||
styles.width = that.el.outerWidth() + 'px'; |
||||
} |
||||
|
||||
$container.css(styles); |
||||
}, |
||||
|
||||
enableKillerFn: function () { |
||||
var that = this; |
||||
$(document).on('click.autocomplete', that.killerFn); |
||||
}, |
||||
|
||||
disableKillerFn: function () { |
||||
var that = this; |
||||
$(document).off('click.autocomplete', that.killerFn); |
||||
}, |
||||
|
||||
killSuggestions: function () { |
||||
var that = this; |
||||
that.stopKillSuggestions(); |
||||
that.intervalId = window.setInterval(function () { |
||||
if (that.visible) { |
||||
// No need to restore value when
|
||||
// preserveInput === true,
|
||||
// because we did not change it
|
||||
if (!that.options.preserveInput) { |
||||
that.el.val(that.currentValue); |
||||
} |
||||
|
||||
that.hide(); |
||||
} |
||||
|
||||
that.stopKillSuggestions(); |
||||
}, 50); |
||||
}, |
||||
|
||||
stopKillSuggestions: function () { |
||||
window.clearInterval(this.intervalId); |
||||
}, |
||||
|
||||
isCursorAtEnd: function () { |
||||
var that = this, |
||||
valLength = that.el.val().length, |
||||
selectionStart = that.element.selectionStart, |
||||
range; |
||||
|
||||
if (typeof selectionStart === 'number') { |
||||
return selectionStart === valLength; |
||||
} |
||||
if (document.selection) { |
||||
range = document.selection.createRange(); |
||||
range.moveStart('character', -valLength); |
||||
return valLength === range.text.length; |
||||
} |
||||
return true; |
||||
}, |
||||
|
||||
onKeyPress: function (e) { |
||||
var that = this; |
||||
|
||||
// If suggestions are hidden and user presses arrow down, display suggestions:
|
||||
if (!that.disabled && !that.visible && e.which === keys.DOWN && that.currentValue) { |
||||
that.suggest(); |
||||
return; |
||||
} |
||||
|
||||
if (that.disabled || !that.visible) { |
||||
return; |
||||
} |
||||
|
||||
switch (e.which) { |
||||
case keys.ESC: |
||||
that.el.val(that.currentValue); |
||||
that.hide(); |
||||
break; |
||||
case keys.RIGHT: |
||||
if (that.hint && that.options.onHint && that.isCursorAtEnd()) { |
||||
that.selectHint(); |
||||
break; |
||||
} |
||||
return; |
||||
case keys.TAB: |
||||
if (that.hint && that.options.onHint) { |
||||
that.selectHint(); |
||||
return; |
||||
} |
||||
if (that.selectedIndex === -1) { |
||||
that.hide(); |
||||
return; |
||||
} |
||||
that.select(that.selectedIndex); |
||||
if (that.options.tabDisabled === false) { |
||||
return; |
||||
} |
||||
break; |
||||
case keys.RETURN: |
||||
if (that.selectedIndex === -1) { |
||||
that.hide(); |
||||
return; |
||||
} |
||||
that.select(that.selectedIndex); |
||||
break; |
||||
case keys.UP: |
||||
that.moveUp(); |
||||
break; |
||||
case keys.DOWN: |
||||
that.moveDown(); |
||||
break; |
||||
default: |
||||
return; |
||||
} |
||||
|
||||
// Cancel event if function did not return:
|
||||
e.stopImmediatePropagation(); |
||||
e.preventDefault(); |
||||
}, |
||||
|
||||
onKeyUp: function (e) { |
||||
var that = this; |
||||
|
||||
if (that.disabled) { |
||||
return; |
||||
} |
||||
|
||||
switch (e.which) { |
||||
case keys.UP: |
||||
case keys.DOWN: |
||||
return; |
||||
} |
||||
|
||||
clearInterval(that.onChangeInterval); |
||||
|
||||
if (that.currentValue !== that.el.val()) { |
||||
that.findBestHint(); |
||||
if (that.options.deferRequestBy > 0) { |
||||
// Defer lookup in case when value changes very quickly:
|
||||
that.onChangeInterval = setInterval(function () { |
||||
that.onValueChange(); |
||||
}, that.options.deferRequestBy); |
||||
} else { |
||||
that.onValueChange(); |
||||
} |
||||
} |
||||
}, |
||||
|
||||
onValueChange: function () { |
||||
var that = this, |
||||
options = that.options, |
||||
value = that.el.val(), |
||||
query = that.getQuery(value); |
||||
|
||||
if (that.selection && that.currentValue !== query) { |
||||
that.selection = null; |
||||
(options.onInvalidateSelection || $.noop).call(that.element); |
||||
} |
||||
|
||||
clearInterval(that.onChangeInterval); |
||||
that.currentValue = value; |
||||
that.selectedIndex = -1; |
||||
|
||||
// Check existing suggestion for the match before proceeding:
|
||||
if (options.triggerSelectOnValidInput && that.isExactMatch(query)) { |
||||
that.select(0); |
||||
return; |
||||
} |
||||
|
||||
if (query.length < options.minChars) { |
||||
that.hide(); |
||||
} else { |
||||
that.getSuggestions(query); |
||||
} |
||||
}, |
||||
|
||||
isExactMatch: function (query) { |
||||
var suggestions = this.suggestions; |
||||
|
||||
return (suggestions.length === 1 && suggestions[0].value.toLowerCase() === query.toLowerCase()); |
||||
}, |
||||
|
||||
getQuery: function (value) { |
||||
var delimiter = this.options.delimiter, |
||||
parts; |
||||
|
||||
if (!delimiter) { |
||||
return value; |
||||
} |
||||
parts = value.split(delimiter); |
||||
return $.trim(parts[parts.length - 1]); |
||||
}, |
||||
|
||||
getSuggestionsLocal: function (query) { |
||||
var that = this, |
||||
options = that.options, |
||||
queryLowerCase = query.toLowerCase(), |
||||
filter = options.lookupFilter, |
||||
limit = parseInt(options.lookupLimit, 10), |
||||
data; |
||||
|
||||
data = { |
||||
suggestions: $.grep(options.lookup, function (suggestion) { |
||||
return filter(suggestion, query, queryLowerCase); |
||||
}) |
||||
}; |
||||
|
||||
if (limit && data.suggestions.length > limit) { |
||||
data.suggestions = data.suggestions.slice(0, limit); |
||||
} |
||||
|
||||
return data; |
||||
}, |
||||
|
||||
getSuggestions: function (q) { |
||||
var response, |
||||
that = this, |
||||
options = that.options, |
||||
serviceUrl = options.serviceUrl, |
||||
params, |
||||
cacheKey, |
||||
ajaxSettings; |
||||
|
||||
options.params[options.paramName] = q; |
||||
params = options.ignoreParams ? null : options.params; |
||||
|
||||
if (options.onSearchStart.call(that.element, options.params) === false) { |
||||
return; |
||||
} |
||||
|
||||
if ($.isFunction(options.lookup)){ |
||||
options.lookup(q, function (data) { |
||||
that.suggestions = data.suggestions; |
||||
that.suggest(); |
||||
options.onSearchComplete.call(that.element, q, data.suggestions); |
||||
}); |
||||
return; |
||||
} |
||||
|
||||
if (that.isLocal) { |
||||
response = that.getSuggestionsLocal(q); |
||||
} else { |
||||
if ($.isFunction(serviceUrl)) { |
||||
serviceUrl = serviceUrl.call(that.element, q); |
||||
} |
||||
cacheKey = serviceUrl + '?' + $.param(params || {}); |
||||
response = that.cachedResponse[cacheKey]; |
||||
} |
||||
|
||||
if (response && $.isArray(response.suggestions)) { |
||||
that.suggestions = response.suggestions; |
||||
that.suggest(); |
||||
options.onSearchComplete.call(that.element, q, response.suggestions); |
||||
} else if (!that.isBadQuery(q)) { |
||||
that.abortAjax(); |
||||
|
||||
ajaxSettings = { |
||||
url: serviceUrl, |
||||
data: params, |
||||
type: options.type, |
||||
dataType: options.dataType |
||||
}; |
||||
|
||||
$.extend(ajaxSettings, options.ajaxSettings); |
||||
|
||||
that.currentRequest = $.ajax(ajaxSettings).done(function (data) { |
||||
var result; |
||||
that.currentRequest = null; |
||||
result = options.transformResult(data, q); |
||||
that.processResponse(result, q, cacheKey); |
||||
options.onSearchComplete.call(that.element, q, result.suggestions); |
||||
}).fail(function (jqXHR, textStatus, errorThrown) { |
||||
options.onSearchError.call(that.element, q, jqXHR, textStatus, errorThrown); |
||||
}); |
||||
} else { |
||||
options.onSearchComplete.call(that.element, q, []); |
||||
} |
||||
}, |
||||
|
||||
isBadQuery: function (q) { |
||||
if (!this.options.preventBadQueries){ |
||||
return false; |
||||
} |
||||
|
||||
var badQueries = this.badQueries, |
||||
i = badQueries.length; |
||||
|
||||
while (i--) { |
||||
if (q.indexOf(badQueries[i]) === 0) { |
||||
return true; |
||||
} |
||||
} |
||||
|
||||
return false; |
||||
}, |
||||
|
||||
hide: function () { |
||||
var that = this, |
||||
container = $(that.suggestionsContainer); |
||||
|
||||
if ($.isFunction(that.options.onHide) && that.visible) { |
||||
that.options.onHide.call(that.element, container); |
||||
} |
||||
|
||||
that.visible = false; |
||||
that.selectedIndex = -1; |
||||
clearInterval(that.onChangeInterval); |
||||
$(that.suggestionsContainer).hide(); |
||||
that.signalHint(null); |
||||
}, |
||||
|
||||
suggest: function () { |
||||
if (!this.suggestions.length) { |
||||
if (this.options.showNoSuggestionNotice) { |
||||
this.noSuggestions(); |
||||
} else { |
||||
this.hide(); |
||||
} |
||||
return; |
||||
} |
||||
|
||||
var that = this, |
||||
options = that.options, |
||||
groupBy = options.groupBy, |
||||
formatResult = options.formatResult, |
||||
value = that.getQuery(that.currentValue), |
||||
className = that.classes.suggestion, |
||||
classSelected = that.classes.selected, |
||||
container = $(that.suggestionsContainer), |
||||
noSuggestionsContainer = $(that.noSuggestionsContainer), |
||||
beforeRender = options.beforeRender, |
||||
html = '', |
||||
category, |
||||
formatGroup = function (suggestion, index) { |
||||
var currentCategory = suggestion.data[groupBy]; |
||||
|
||||
if (category === currentCategory){ |
||||
return ''; |
||||
} |
||||
|
||||
category = currentCategory; |
||||
|
||||
return '<div class="autocomplete-group"><strong>' + category + '</strong></div>'; |
||||
}; |
||||
|
||||
if (options.triggerSelectOnValidInput && that.isExactMatch(value)) { |
||||
that.select(0); |
||||
return; |
||||
} |
||||
|
||||
// Build suggestions inner HTML:
|
||||
$.each(that.suggestions, function (i, suggestion) { |
||||
if (groupBy){ |
||||
html += formatGroup(suggestion, value, i); |
||||
} |
||||
|
||||
html += '<div class="' + className + '" data-index="' + i + '">' + formatResult(suggestion, value, i) + '</div>'; |
||||
}); |
||||
|
||||
this.adjustContainerWidth(); |
||||
|
||||
noSuggestionsContainer.detach(); |
||||
container.html(html); |
||||
|
||||
if ($.isFunction(beforeRender)) { |
||||
beforeRender.call(that.element, container, that.suggestions); |
||||
} |
||||
|
||||
that.fixPosition(); |
||||
container.show(); |
||||
|
||||
// Select first value by default:
|
||||
if (options.autoSelectFirst) { |
||||
that.selectedIndex = 0; |
||||
container.scrollTop(0); |
||||
container.children('.' + className).first().addClass(classSelected); |
||||
} |
||||
|
||||
that.visible = true; |
||||
that.findBestHint(); |
||||
}, |
||||
|
||||
noSuggestions: function() { |
||||
var that = this, |
||||
container = $(that.suggestionsContainer), |
||||
noSuggestionsContainer = $(that.noSuggestionsContainer); |
||||
|
||||
this.adjustContainerWidth(); |
||||
|
||||
// Some explicit steps. Be careful here as it easy to get
|
||||
// noSuggestionsContainer removed from DOM if not detached properly.
|
||||
noSuggestionsContainer.detach(); |
||||
container.empty(); // clean suggestions if any
|
||||
container.append(noSuggestionsContainer); |
||||
|
||||
that.fixPosition(); |
||||
|
||||
container.show(); |
||||
that.visible = true; |
||||
}, |
||||
|
||||
adjustContainerWidth: function() { |
||||
var that = this, |
||||
options = that.options, |
||||
width, |
||||
container = $(that.suggestionsContainer); |
||||
|
||||
// If width is auto, adjust width before displaying suggestions,
|
||||
// because if instance was created before input had width, it will be zero.
|
||||
// Also it adjusts if input width has changed.
|
||||
if (options.width === 'auto') { |
||||
width = that.el.outerWidth(); |
||||
container.css('width', width > 0 ? width : 300); |
||||
} |
||||
}, |
||||
|
||||
findBestHint: function () { |
||||
var that = this, |
||||
value = that.el.val().toLowerCase(), |
||||
bestMatch = null; |
||||
|
||||
if (!value) { |
||||
return; |
||||
} |
||||
|
||||
$.each(that.suggestions, function (i, suggestion) { |
||||
var foundMatch = suggestion.value.toLowerCase().indexOf(value) === 0; |
||||
if (foundMatch) { |
||||
bestMatch = suggestion; |
||||
} |
||||
return !foundMatch; |
||||
}); |
||||
|
||||
that.signalHint(bestMatch); |
||||
}, |
||||
|
||||
signalHint: function (suggestion) { |
||||
var hintValue = '', |
||||
that = this; |
||||
if (suggestion) { |
||||
hintValue = that.currentValue + suggestion.value.substr(that.currentValue.length); |
||||
} |
||||
if (that.hintValue !== hintValue) { |
||||
that.hintValue = hintValue; |
||||
that.hint = suggestion; |
||||
(this.options.onHint || $.noop)(hintValue); |
||||
} |
||||
}, |
||||
|
||||
verifySuggestionsFormat: function (suggestions) { |
||||
// If suggestions is string array, convert them to supported format:
|
||||
if (suggestions.length && typeof suggestions[0] === 'string') { |
||||
return $.map(suggestions, function (value) { |
||||
return { value: value, data: null }; |
||||
}); |
||||
} |
||||
|
||||
return suggestions; |
||||
}, |
||||
|
||||
validateOrientation: function(orientation, fallback) { |
||||
orientation = $.trim(orientation || '').toLowerCase(); |
||||
|
||||
if($.inArray(orientation, ['auto', 'bottom', 'top']) === -1){ |
||||
orientation = fallback; |
||||
} |
||||
|
||||
return orientation; |
||||
}, |
||||
|
||||
processResponse: function (result, originalQuery, cacheKey) { |
||||
var that = this, |
||||
options = that.options; |
||||
|
||||
result.suggestions = that.verifySuggestionsFormat(result.suggestions); |
||||
|
||||
// Cache results if cache is not disabled:
|
||||
if (!options.noCache) { |
||||
that.cachedResponse[cacheKey] = result; |
||||
if (options.preventBadQueries && !result.suggestions.length) { |
||||
that.badQueries.push(originalQuery); |
||||
} |
||||
} |
||||
|
||||
// Return if originalQuery is not matching current query:
|
||||
if (originalQuery !== that.getQuery(that.currentValue)) { |
||||
return; |
||||
} |
||||
|
||||
that.suggestions = result.suggestions; |
||||
that.suggest(); |
||||
}, |
||||
|
||||
activate: function (index) { |
||||
var that = this, |
||||
activeItem, |
||||
selected = that.classes.selected, |
||||
container = $(that.suggestionsContainer), |
||||
children = container.find('.' + that.classes.suggestion); |
||||
|
||||
container.find('.' + selected).removeClass(selected); |
||||
|
||||
that.selectedIndex = index; |
||||
|
||||
if (that.selectedIndex !== -1 && children.length > that.selectedIndex) { |
||||
activeItem = children.get(that.selectedIndex); |
||||
$(activeItem).addClass(selected); |
||||
return activeItem; |
||||
} |
||||
|
||||
return null; |
||||
}, |
||||
|
||||
selectHint: function () { |
||||
var that = this, |
||||
i = $.inArray(that.hint, that.suggestions); |
||||
|
||||
that.select(i); |
||||
}, |
||||
|
||||
select: function (i) { |
||||
var that = this; |
||||
that.hide(); |
||||
that.onSelect(i); |
||||
that.disableKillerFn(); |
||||
}, |
||||
|
||||
moveUp: function () { |
||||
var that = this; |
||||
|
||||
if (that.selectedIndex === -1) { |
||||
return; |
||||
} |
||||
|
||||
if (that.selectedIndex === 0) { |
||||
$(that.suggestionsContainer).children().first().removeClass(that.classes.selected); |
||||
that.selectedIndex = -1; |
||||
that.el.val(that.currentValue); |
||||
that.findBestHint(); |
||||
return; |
||||
} |
||||
|
||||
that.adjustScroll(that.selectedIndex - 1); |
||||
}, |
||||
|
||||
moveDown: function () { |
||||
var that = this; |
||||
|
||||
if (that.selectedIndex === (that.suggestions.length - 1)) { |
||||
return; |
||||
} |
||||
|
||||
that.adjustScroll(that.selectedIndex + 1); |
||||
}, |
||||
|
||||
adjustScroll: function (index) { |
||||
var that = this, |
||||
activeItem = that.activate(index); |
||||
|
||||
if (!activeItem) { |
||||
return; |
||||
} |
||||
|
||||
var offsetTop, |
||||
upperBound, |
||||
lowerBound, |
||||
heightDelta = $(activeItem).outerHeight(); |
||||
|
||||
offsetTop = activeItem.offsetTop; |
||||
upperBound = $(that.suggestionsContainer).scrollTop(); |
||||
lowerBound = upperBound + that.options.maxHeight - heightDelta; |
||||
|
||||
if (offsetTop < upperBound) { |
||||
$(that.suggestionsContainer).scrollTop(offsetTop); |
||||
} else if (offsetTop > lowerBound) { |
||||
$(that.suggestionsContainer).scrollTop(offsetTop - that.options.maxHeight + heightDelta); |
||||
} |
||||
|
||||
if (!that.options.preserveInput) { |
||||
that.el.val(that.getValue(that.suggestions[index].value)); |
||||
} |
||||
that.signalHint(null); |
||||
}, |
||||
|
||||
onSelect: function (index) { |
||||
var that = this, |
||||
onSelectCallback = that.options.onSelect, |
||||
suggestion = that.suggestions[index]; |
||||
|
||||
that.currentValue = that.getValue(suggestion.value); |
||||
|
||||
if (that.currentValue !== that.el.val() && !that.options.preserveInput) { |
||||
that.el.val(that.currentValue); |
||||
} |
||||
|
||||
that.signalHint(null); |
||||
that.suggestions = []; |
||||
that.selection = suggestion; |
||||
|
||||
if ($.isFunction(onSelectCallback)) { |
||||
onSelectCallback.call(that.element, suggestion); |
||||
} |
||||
}, |
||||
|
||||
getValue: function (value) { |
||||
var that = this, |
||||
delimiter = that.options.delimiter, |
||||
currentValue, |
||||
parts; |
||||
|
||||
if (!delimiter) { |
||||
return value; |
||||
} |
||||
|
||||
currentValue = that.currentValue; |
||||
parts = currentValue.split(delimiter); |
||||
|
||||
if (parts.length === 1) { |
||||
return value; |
||||
} |
||||
|
||||
return currentValue.substr(0, currentValue.length - parts[parts.length - 1].length) + value; |
||||
}, |
||||
|
||||
dispose: function () { |
||||
var that = this; |
||||
that.el.off('.autocomplete').removeData('autocomplete'); |
||||
that.disableKillerFn(); |
||||
$(window).off('resize.autocomplete', that.fixPositionCapture); |
||||
$(that.suggestionsContainer).remove(); |
||||
} |
||||
}; |
||||
|
||||
// Create chainable jQuery plugin:
|
||||
$.fn.autocomplete = $.fn.devbridgeAutocomplete = function (options, args) { |
||||
var dataKey = 'autocomplete'; |
||||
// If function invoked without argument return
|
||||
// instance of the first matched element:
|
||||
if (!arguments.length) { |
||||
return this.first().data(dataKey); |
||||
} |
||||
|
||||
return this.each(function () { |
||||
var inputElement = $(this), |
||||
instance = inputElement.data(dataKey); |
||||
|
||||
if (typeof options === 'string') { |
||||
if (instance && typeof instance[options] === 'function') { |
||||
instance[options](args); |
||||
} |
||||
} else { |
||||
// If instance already exists, destroy it:
|
||||
if (instance && instance.dispose) { |
||||
instance.dispose(); |
||||
} |
||||
instance = new Autocomplete(this, options); |
||||
inputElement.data(dataKey, instance); |
||||
} |
||||
}); |
||||
}; |
||||
})); |
||||
Binary file not shown.
File diff suppressed because one or more lines are too long
@ -0,0 +1,68 @@ |
||||
$(function () { |
||||
'use strict'; |
||||
|
||||
$('#q').autocomplete({ |
||||
serviceUrl: "http://127.0.0.1:8000/search/autocomplete/", |
||||
minChars: 2, |
||||
dataType: 'json', |
||||
type: 'GET', |
||||
onSelect: function (suggestion) { |
||||
console.log( suggestion.value + ', data :' + suggestion.data); |
||||
} |
||||
}); |
||||
|
||||
}); |
||||
|
||||
|
||||
function getParameterByName(name, url) { |
||||
if (!url) { |
||||
url = window.location.href; |
||||
} |
||||
name = name.replace(/[\[\]]/g, "\\$&"); |
||||
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"), |
||||
results = regex.exec(url); |
||||
if (!results) return null; |
||||
if (!results[2]) return ''; |
||||
return decodeURIComponent(results[2].replace(/\+/g, " ")); |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
function onFacetChangeApplied(){ |
||||
var url = window.location.href.split("?")[0]; |
||||
var search_query = getParameterByName('q'); |
||||
var url_with_search_query = url + '?q=' + search_query |
||||
$('input:checkbox.facet').each(function () { |
||||
var sThisVal = (this.checked ? $(this).val() : null); |
||||
var sThisName = (this.checked ? $(this).attr('name') : null); |
||||
if(sThisVal !== null){ |
||||
url_with_search_query += '&'+encodeURIComponent(sThisName)+'='+encodeURIComponent(sThisVal); |
||||
} |
||||
}); |
||||
location.href = url_with_search_query; |
||||
return true; |
||||
} |
||||
|
||||
|
||||
function getQueryParams(){ |
||||
var vars = {}, hash; |
||||
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); |
||||
for(var i = 0; i < hashes.length; i++) |
||||
{ |
||||
hash = hashes[i].split('='); |
||||
vars[hash[1]] = hash[0] ; |
||||
} |
||||
return vars; |
||||
} |
||||
|
||||
|
||||
$( document ).ready(function() { |
||||
var all_params = getQueryParams(); |
||||
console.log(); |
||||
$.each( all_params, function( key, value ) { |
||||
id = decodeURIComponent(key).replace(/\s/g,''); |
||||
$('#'+id).attr('checked', 'checked'); |
||||
}); |
||||
|
||||
}); |
||||
Binary file not shown.
@ -0,0 +1,68 @@ |
||||
$(function () { |
||||
'use strict'; |
||||
|
||||
$('#q').autocomplete({ |
||||
serviceUrl: "http://127.0.0.1:8001/search/autocomplete/", |
||||
minChars: 2, |
||||
dataType: 'json', |
||||
type: 'GET', |
||||
onSelect: function (suggestion) { |
||||
console.log( suggestion.value + ', data :' + suggestion.data); |
||||
} |
||||
}); |
||||
|
||||
}); |
||||
|
||||
|
||||
function getParameterByName(name, url) { |
||||
if (!url) { |
||||
url = window.location.href; |
||||
} |
||||
name = name.replace(/[\[\]]/g, "\\$&"); |
||||
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"), |
||||
results = regex.exec(url); |
||||
if (!results) return null; |
||||
if (!results[2]) return ''; |
||||
return decodeURIComponent(results[2].replace(/\+/g, " ")); |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
function onFacetChangeApplied(){ |
||||
var url = window.location.href.split("?")[0]; |
||||
var search_query = getParameterByName('q'); |
||||
var url_with_search_query = url + '?q=' + search_query |
||||
$('input:checkbox.facet').each(function () { |
||||
var sThisVal = (this.checked ? $(this).val() : null); |
||||
var sThisName = (this.checked ? $(this).attr('name') : null); |
||||
if(sThisVal !== null){ |
||||
url_with_search_query += '&'+encodeURIComponent(sThisName)+'='+encodeURIComponent(sThisVal); |
||||
} |
||||
}); |
||||
location.href = url_with_search_query; |
||||
return true; |
||||
} |
||||
|
||||
|
||||
function getQueryParams(){ |
||||
var vars = {}, hash; |
||||
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); |
||||
for(var i = 0; i < hashes.length; i++) |
||||
{ |
||||
hash = hashes[i].split('='); |
||||
vars[hash[1]] = hash[0] ; |
||||
} |
||||
return vars; |
||||
} |
||||
|
||||
|
||||
$( document ).ready(function() { |
||||
var all_params = getQueryParams(); |
||||
console.log(); |
||||
$.each( all_params, function( key, value ) { |
||||
id = decodeURIComponent(key).replace(/\s/g,''); |
||||
$('#'+id).attr('checked', 'checked'); |
||||
}); |
||||
|
||||
}); |
||||
Binary file not shown.
@ -0,0 +1,66 @@ |
||||
$(document).ready(function(){ |
||||
var form = $('#form-buying-products'); |
||||
console.log(form); |
||||
form.on('submit', function(e){ |
||||
e.preventDefault(); |
||||
$('#number').val(); |
||||
var nmb = $('#number').val(); |
||||
var submit_btn = $('#submit-btn'); |
||||
var product_id = submit_btn.data('products-id'); |
||||
var product_name = submit_btn.data('products-name'); |
||||
var product_price = submit_btn.data('products-price'); |
||||
console.log(product_id, product_name); |
||||
|
||||
var data = {}; |
||||
data.product_id = product_id; |
||||
data.nmb = nmb; |
||||
var csrf_token = $('#form-buying-products [name="csrfmiddlewaretoken"]').val(); |
||||
data["csrfmiddlewaretoken"] = csrf_token; |
||||
var url = form.attr('action'); |
||||
|
||||
$.ajax({ |
||||
url: url, |
||||
type: 'POST', |
||||
data: data, |
||||
cache: true, |
||||
success: function (data) { |
||||
console.log("OK"); |
||||
console.log(data.products_total_nmb); |
||||
if (data.products_total_nmb){ |
||||
$('#basket_total_nmb').text('('+data.products_total_nmb+')'); |
||||
$('.basket-items ul').html(""); |
||||
$.each(data.products, function(k, v){ |
||||
$('.basket-items ul').append('<li>'+v.name+', ' + v.nmb + 'pc. ' + 'for ' + v.price_per_item + 'rub. ' + |
||||
//'<a class="delete-item" href="">x</a>'+
|
||||
'</li>'); |
||||
}); |
||||
} |
||||
}, |
||||
error: function(){ |
||||
console.log("error") |
||||
} |
||||
}); |
||||
}); |
||||
|
||||
function showingBasket(){ |
||||
$('.basket-items').removeClass('hidden'); |
||||
}; |
||||
|
||||
//$('.basket-container').on('click', function(e){
|
||||
// e.preventDefault();
|
||||
// showingBasket();
|
||||
//});
|
||||
|
||||
$('.basket-container').mouseover(function(){ |
||||
showingBasket(); |
||||
}); |
||||
|
||||
//$('.basket-container').mouseout(function(){
|
||||
// showingBasket();
|
||||
//});
|
||||
|
||||
$(document).on('click', '.delete-item', function(e){ |
||||
e.preventDefault(); |
||||
$(this).closest('li').remove(); |
||||
}) |
||||
}); |
||||
Binary file not shown.
@ -0,0 +1,145 @@ |
||||
$(document).ready(function(){ |
||||
var form = $('#form-buying-products'); |
||||
form.on('submit', function(e){ |
||||
e.preventDefault(); |
||||
$('#number').val(); |
||||
var nmb = $('#number').val(); |
||||
var submit_btn = $('#submit-btn'); |
||||
var product_id = submit_btn.data('products-id'); |
||||
var product_name = submit_btn.data('products-name'); |
||||
var product_price = submit_btn.data('products-price'); |
||||
|
||||
var data = {}; |
||||
data.product_id = product_id; |
||||
data.nmb = nmb; |
||||
var csrf_token = $('#form-buying-products [name="csrfmiddlewaretoken"]').val(); |
||||
data["csrfmiddlewaretoken"] = csrf_token; |
||||
var url = form.attr('action'); |
||||
|
||||
$.ajax({ |
||||
url: url, |
||||
type: 'POST', |
||||
data: data, |
||||
cache: true, |
||||
success: function (data) { |
||||
if (data.products_total_nmb){ |
||||
$('#basket_total_nmb').text('('+data.products_total_nmb+')'); |
||||
$('.basket-items ul').html(""); |
||||
$.each(data.products, function(k, v){ |
||||
$('.basket-items ul').append('<li>'+v.name+', ' + v.nmb + 'pc. ' + 'for ' + v.price_per_item + 'rub. ' + |
||||
//'<a class="delete-item" href="">x</a>'+
|
||||
'</li>'); |
||||
}); |
||||
} |
||||
}, |
||||
error: function(){ |
||||
console.log("error") |
||||
} |
||||
}); |
||||
}); |
||||
|
||||
calculate(); |
||||
|
||||
function showingBasket(){ |
||||
$('.basket-items').removeClass('hidden'); |
||||
}; |
||||
|
||||
//$('.basket-container').on('click', function(e){
|
||||
// e.preventDefault();
|
||||
// showingBasket();
|
||||
//});
|
||||
|
||||
$('.basket-container').mouseover(function(){ |
||||
showingBasket(); |
||||
}); |
||||
|
||||
$('.basket-container').mouseout(function(){ |
||||
showingBasket(); |
||||
}); |
||||
|
||||
$(document).on('click', '.delete-item', function(e){ |
||||
e.preventDefault(); |
||||
$(this).closest('li').remove(); |
||||
}) |
||||
}); |
||||
|
||||
function showOrHide(cb, cat) { |
||||
cb = document.getElementById(cb); |
||||
cat = document.getElementById(cat); |
||||
if (cb.checked) cat.style.display = "block"; |
||||
else cat.style.display = "none"; |
||||
} |
||||
|
||||
function _discount(quantity, discount_policy){ |
||||
if (JSON.stringify(discount_policy) == '{}') { |
||||
return 1 |
||||
} |
||||
else { |
||||
var keys = Object.keys(discount_policy); |
||||
for (var i = 0, len = keys.length; i < len; i++) { |
||||
var split_entry = keys[i].split('-'); |
||||
if (parseInt(split_entry[0]) <= quantity && quantity < parseFloat(split_entry[1])){ |
||||
return parseFloat(discount_policy[keys[i]]); |
||||
} |
||||
} |
||||
} |
||||
|
||||
} |
||||
|
||||
function calculate(){ |
||||
var count = document.getElementById("variant_length").value; |
||||
var quantity = document.getElementById("quantity").value; |
||||
var result = document.getElementById("result"); |
||||
var price_per_itom = document.getElementById("price_per_itom"); |
||||
var erw = document.getElementById("erw"); |
||||
var variants = JSON.parse(document.getElementById("variants").value.replace(/'/g, '"')); |
||||
var discount_policy = JSON.parse(document.getElementById("discount_policy").value.replace(/'/g, '"')); |
||||
var product_slug = document.getElementById("product_slug"); |
||||
var result_itog = document.getElementById("result_itog"); |
||||
var tmp_price = 0; |
||||
|
||||
|
||||
if (count == 0) { |
||||
tmp_price = Math.round(variants[0]['price'] * _discount(quantity, discount_policy)); |
||||
result.innerHTML = tmp_price; |
||||
price_per_itom.value = tmp_price; |
||||
tmp_price = tmp_price * quantity; |
||||
result_itog.innerHTML = tmp_price; |
||||
erw.innerHTML = Math.round(tmp_price * 0.05); |
||||
product_slug.value = variants[0].slug; |
||||
} |
||||
|
||||
if (count > 1) { |
||||
var quant0 = document.getElementById("id_0"); |
||||
var quant1 = document.getElementById("id_1"); |
||||
var quant0_val = JSON.parse(quant0.value.replace(/'/g, '"')); |
||||
var quant1_val = JSON.parse(quant1.value.replace(/'/g, '"')); |
||||
for (var i = 0, len = variants.length; i < len; i++) { |
||||
if (variants[i]['attributes'][quant0.name] == quant0_val['name'] && |
||||
variants[i]['attributes'][quant1.name] == quant1_val['name']) { |
||||
tmp_price = Math.round(variants[i]['price'] * _discount(quantity, discount_policy)); |
||||
result.innerHTML = tmp_price; |
||||
price_per_itom.value = tmp_price; |
||||
tmp_price = tmp_price * quantity; |
||||
result_itog.innerHTML = tmp_price; |
||||
erw.innerHTML = Math.round(tmp_price * 0.05); |
||||
product_slug.value = variants[i].slug; |
||||
} |
||||
} |
||||
} |
||||
else { |
||||
var quant0 = document.getElementById("id_0"); |
||||
var quant0_val = JSON.parse(quant0.value.replace(/'/g, '"')); |
||||
for (var i = 0, len = variants.length; i < len; i++) { |
||||
if (variants[i]['attributes'][quant0.name] == quant0_val['name']) { |
||||
tmp_price = Math.round(variants[i]['price'] * _discount(quantity, discount_policy)); |
||||
result.innerHTML = tmp_price; |
||||
price_per_itom.value = tmp_price; |
||||
tmp_price = tmp_price * quantity; |
||||
result_itog.innerHTML = tmp_price; |
||||
erw.innerHTML = Math.round(tmp_price * 0.05); |
||||
product_slug.value = variants[i].slug; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
Binary file not shown.
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 31 KiB |
|
After Width: | Height: | Size: 35 KiB |
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 40 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 58 KiB |
|
After Width: | Height: | Size: 67 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 5.1 KiB |
|
After Width: | Height: | Size: 7.9 KiB |
|
After Width: | Height: | Size: 10 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue