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 {avatarUploadInit} from './seeds/avatar_upload' |
||||||
|
import {tabsHashInit, restoreTab} from './seeds/bootstrap_tabs' |
||||||
|
import {checkBoxBindingInit} from './seeds/user_check_statuses' |
||||||
|
|
||||||
$(function () { |
$(function () { |
||||||
avatarUploadInit(); |
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