booblegum
9 years ago
parent
972fafdf31
commit
b0d76f2a32
9 changed files with 450 additions and 426 deletions
@ -0,0 +1,25 @@ |
||||
function checkBoxBindingInit() { |
||||
let $residency_checkBoxes = $('input[name=residency]'); |
||||
let $legal_status_checkBoxes = $('input[name=legal_status]'); |
||||
let $legal_status_boxes = $legal_status_checkBoxes.closest('div'); |
||||
let shows = { |
||||
'russian_resident': ['individual', 'entity', 'employed'], |
||||
'non_russian_resident': ['individual', 'entity'], |
||||
'russian_stay_permit': ['individual'], |
||||
}; |
||||
// $legal_status_boxes.hide();
|
||||
$residency_checkBoxes.first().attr("checked", true); |
||||
$legal_status_checkBoxes.first().attr("checked", true); |
||||
|
||||
$residency_checkBoxes.on("click", function (e) { |
||||
$legal_status_checkBoxes.first().attr("checked", true); |
||||
$legal_status_boxes.hide(); |
||||
let value = $(e.target).val(); |
||||
for (let legal_status of shows[value]){ |
||||
// console.log(legal_status);
|
||||
$(`input[value=${legal_status}]`).closest('div').show(); |
||||
} |
||||
}) |
||||
} |
||||
|
||||
export {checkBoxBindingInit} |
||||
@ -1,5 +1,9 @@ |
||||
import {avatarUploadInit} from './seeds/avatar_upload' |
||||
import {tabsHashInit, restoreTab} from './seeds/bootstrap_tabs' |
||||
import {checkBoxBindingInit} from './seeds/user_check_statuses' |
||||
|
||||
$(function () { |
||||
avatarUploadInit(); |
||||
tabsHashInit(); |
||||
checkBoxBindingInit(); |
||||
}); |
||||
@ -1,146 +0,0 @@ |
||||
.mainContent { |
||||
padding: 43px 25px 40px 25px; |
||||
} |
||||
|
||||
/*TODO: Привязать к ширине блока справа*/ |
||||
.avatarInset { |
||||
width: 210px; |
||||
height: 210px; |
||||
} |
||||
|
||||
.avatar { |
||||
background-color: #F1F1F1; |
||||
width: 228px; |
||||
height: 228px; |
||||
padding: 10px; |
||||
|
||||
} |
||||
|
||||
.simple-input, .simple-select { |
||||
height: 51px; |
||||
width: 100%; |
||||
border: 1px solid #cccccc; |
||||
outline: none; |
||||
padding: 5px 40px 5px 20px; |
||||
background-color: white; |
||||
margin-bottom: -1px; |
||||
} |
||||
|
||||
.simple-input:-webkit-autofill, .simple-select:-webkit-autofill{ |
||||
transition: background-color 5000s ease-in-out 0s |
||||
} |
||||
|
||||
.simple-select select { |
||||
background-color: darkgray; |
||||
} |
||||
|
||||
.simple-select { |
||||
display: flex; |
||||
align-items: center; |
||||
text-align: center; |
||||
} |
||||
|
||||
.simple-select.fill{ |
||||
background-color: #F2F2F2; |
||||
} |
||||
|
||||
.simple-select .text{ |
||||
color: #a3a3a3; |
||||
} |
||||
|
||||
.toggle .btn { |
||||
padding: 14px 20px; |
||||
border-radius: 40px; |
||||
} |
||||
|
||||
.bottom-line { |
||||
padding-bottom: 10px; |
||||
border-bottom: 1px solid #cccccc; |
||||
} |
||||
|
||||
.top-line { |
||||
/*padding-bottom: 10px;*/ |
||||
border-top: 1px solid #cccccc; |
||||
} |
||||
|
||||
/* СУПЕР-костыльная кнопка. Не прикасаться!*/ |
||||
.upload-new { |
||||
width: 50%; |
||||
height: 30px; |
||||
overflow: hidden; |
||||
cursor: pointer; |
||||
border-radius: 40px; |
||||
border: 1px solid #FF0029; |
||||
} |
||||
|
||||
.upload-new:hover, .btn-simple:hover { |
||||
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); |
||||
-webkit-transform: scale(1.04); |
||||
-moz-transform: scale(1.04); |
||||
transform: scale(1.04); |
||||
} |
||||
|
||||
.upload-new, .btn-simple { |
||||
transition: all 0.3s; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.upload-new input { |
||||
display: block !important; |
||||
width: 100% !important; |
||||
height: 30px !important; |
||||
opacity: 0 !important; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.upload-new p { |
||||
line-height: 30px; |
||||
text-transform: uppercase; |
||||
margin: -30px 0 0 0; |
||||
/*padding: 0 5px 0 5px;*/ |
||||
font-size: 12px; |
||||
text-align: center; |
||||
font-family: Myriad; |
||||
} |
||||
|
||||
/** Конец супер-костыля**/ |
||||
|
||||
.row-eq-height { |
||||
display: -webkit-box; |
||||
display: -webkit-flex; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
} |
||||
|
||||
.info { |
||||
background-color: #F2F2F2; |
||||
padding: 50px 40px; |
||||
margin-top: 20px; |
||||
} |
||||
|
||||
.btn-simple { |
||||
border-radius: 40px; |
||||
padding: 10px 15px; |
||||
border: 1px solid #FF0029; |
||||
/*color: black;*/ |
||||
background: none; |
||||
font-family: Myriad; |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
font-size: 14pt; |
||||
} |
||||
|
||||
.no-margin .selected-element { |
||||
margin: 0; |
||||
} |
||||
|
||||
.-live-image-avatar-upload-container .-position-relative-parent { |
||||
position: relative |
||||
} |
||||
|
||||
.-live-image-avatar-upload-container .-live-image-delete { |
||||
position: absolute; |
||||
top: 0; |
||||
right: 0; |
||||
background-color: white; |
||||
} |
||||
@ -0,0 +1,128 @@ |
||||
.mainContent |
||||
padding: 43px 25px 40px 25px |
||||
|
||||
/*TODO: Привязать к ширине блока справа |
||||
|
||||
.avatarInset |
||||
width: 210px |
||||
height: 210px |
||||
|
||||
.avatar |
||||
background-color: #F1F1F1 |
||||
width: 228px |
||||
height: 228px |
||||
padding: 10px |
||||
|
||||
.simple-input, .simple-select |
||||
height: 51px |
||||
width: 100% |
||||
border: 1px solid #cccccc |
||||
outline: none |
||||
padding: 5px 40px 5px 20px |
||||
background-color: white |
||||
margin-bottom: -1px |
||||
|
||||
.simple-input:-webkit-autofill |
||||
transition: background-color 5000s ease-in-out 0s |
||||
|
||||
.simple-select |
||||
&:-webkit-autofill |
||||
transition: background-color 5000s ease-in-out 0s |
||||
select |
||||
background-color: darkgray |
||||
display: flex |
||||
align-items: center |
||||
text-align: center |
||||
&.fill |
||||
background-color: #F2F2F2 |
||||
.text |
||||
color: #a3a3a3 |
||||
|
||||
.toggle .btn |
||||
padding: 14px 20px |
||||
border-radius: 40px |
||||
|
||||
.bottom-line |
||||
padding-bottom: 10px |
||||
border-bottom: 1px solid #cccccc |
||||
|
||||
.top-line |
||||
/*padding-bottom: 10px; |
||||
border-top: 1px solid #cccccc |
||||
|
||||
/* СУПЕР-костыльная кнопка. Не прикасаться -) |
||||
|
||||
.upload-new |
||||
width: 50% |
||||
height: 30px |
||||
overflow: hidden |
||||
cursor: pointer |
||||
border-radius: 40px |
||||
border: 1px solid #FF0029 |
||||
&:hover |
||||
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) |
||||
-webkit-transform: scale(1.04) |
||||
-moz-transform: scale(1.04) |
||||
transform: scale(1.04) |
||||
|
||||
.btn-simple:hover |
||||
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) |
||||
-webkit-transform: scale(1.04) |
||||
-moz-transform: scale(1.04) |
||||
transform: scale(1.04) |
||||
|
||||
.upload-new, .btn-simple |
||||
transition: all 0.3s |
||||
cursor: pointer |
||||
|
||||
.upload-new |
||||
input |
||||
display: block !important |
||||
width: 100% !important |
||||
height: 30px !important |
||||
opacity: 0 !important |
||||
cursor: pointer |
||||
p |
||||
line-height: 30px |
||||
text-transform: uppercase |
||||
margin: -30px 0 0 0 |
||||
/*padding: 0 5px 0 5px; |
||||
font-size: 12px |
||||
text-align: center |
||||
font-family: Myriad |
||||
|
||||
/** Конец супер-костыля* |
||||
|
||||
.row-eq-height |
||||
display: -webkit-box |
||||
display: -webkit-flex |
||||
display: -ms-flexbox |
||||
display: flex |
||||
|
||||
.info, .financial_info |
||||
background-color: #F2F2F2 |
||||
padding: 50px 40px |
||||
margin-top: 20px |
||||
|
||||
.btn-simple |
||||
border-radius: 40px |
||||
padding: 10px 15px |
||||
border: 1px solid #FF0029 |
||||
/*color: black; |
||||
background: none |
||||
font-family: Myriad |
||||
font-weight: normal |
||||
font-style: normal |
||||
font-size: 14pt |
||||
|
||||
.no-margin .selected-element |
||||
margin: 0 |
||||
|
||||
.-live-image-avatar-upload-container |
||||
.-position-relative-parent |
||||
position: relative |
||||
.-live-image-delete |
||||
position: absolute |
||||
top: 0 |
||||
right: 0 |
||||
background-color: white |
||||
Loading…
Reference in new issue