Commit 9fa3e8f84b6d1a6a435a0a03634d503d1a0345a4
Merge remote-tracking branch 'origin/master'
Showing
7 changed files
with
130 additions
and
45 deletions
Show diff stats
common/widgets/views/phone_field.php
... | ... | @@ -3,39 +3,48 @@ |
3 | 3 | ?> |
4 | 4 | <fieldset> |
5 | 5 | |
6 | - <legend>Телефон</legend> | |
7 | - | |
8 | 6 | <div class="field_list"> |
9 | 7 | |
10 | 8 | |
11 | - <?php $t = 0; for($i=1; $i <= count($model); $i++): | |
9 | + <?php $t = 0; | |
10 | + | |
11 | + $label = 0; // add this var | |
12 | + | |
13 | + for($i=1; $i <= count($model); $i++): | |
12 | 14 | $row = $i; |
13 | 15 | |
14 | 16 | ?> |
15 | 17 | |
16 | 18 | <?= Html::beginTag('div',['class'=>'form-group','id'=>isset($model[$i]['parent_key']) ? $model[$i]['parent_key'] : 0 ])?> |
17 | - <input type="text" placeholder="Телефон" class="form-control" value="<?= isset($model[$t]['value']) ? $model[$t]['value'] : '' ?>" name="Fields[phone][<?=$row?>][0][phone]" /> | |
18 | - <span data-id="<?= isset($model[$i]['parent_key']) ? $model[$i]['parent_key'] : 0 ?>" title="удалить" class="glyphicon glyphicon-trash delete-field-item"></span> | |
19 | + <div class="input-blocks"> | |
20 | + <label for="cont-phone-<?= $label ?>">Телефон</label> | |
21 | + <input id="cont-phone-<?= ++$label ?>" type="text" placeholder="" class="form-control custom-input-2" value="<?= isset($model[$t]['value']) ? $model[$t]['value'] : '' ?>" name="Fields[phone][<?=$row?>][0][phone]" /> | |
22 | + </div> | |
23 | + <span data-id="<?= isset($model[$i]['parent_key']) ? $model[$i]['parent_key'] : 0 ?>" title="удалить" class="glyphicon glyphicon-trash delete-field-item"></span> | |
19 | 24 | <?= Html::endTag('div')?> |
20 | 25 | <?php $i = ++ $t; ?> |
21 | 26 | <?php endfor; ?> |
22 | 27 | |
23 | 28 | </div> |
24 | - <p class="btn btn-success add_field_<?= $this->context->id ?>">Добавить поле</p> | |
29 | + <p class="btn btn-success add_field_<?= $this->context->id ?>">Добавить еще</p> | |
25 | 30 | |
26 | 31 | </fieldset> |
27 | 32 | <script> |
28 | 33 | var start_i_<?=$this->context->id?> = <?=$i?>; |
34 | + var start_label_<?=$this->context->id?> = <?=$label?>; // add this var | |
29 | 35 | $( document ).ready(function(){ |
30 | 36 | $('.add_field_<?=$this->context->id?>').click(function(){ |
31 | 37 | var block = $ (this) |
32 | 38 | .siblings('.field_list'); |
33 | 39 | var block_id = $(this).parent('fieldset'); |
34 | 40 | var sub_block = '<div class="form-group" >'+ |
35 | - '<input type="text" placeholder="Телефон" class="form-control" value="" name="Fields[phone]['+ start_i_<?=$this->context->id?>++ +'][0][phone]" />'+ | |
36 | - '<span title="удалить" class="glyphicon glyphicon-trash delete-field-item"></span>'+ | |
41 | + '<div class="input-blocks">'+ | |
42 | + '<label for="cont-phone-' + start_label_<?=$this->context->id?> +'">Телефон</label>'+ | |
43 | + '<input id="cont-phone-' + ++start_label_<?=$this->context->id?> +'" type="text" placeholder="" class="form-control custom-input-2" value="" name="Fields[phone]['+ start_i_<?=$this->context->id?>++ +'][0][phone]" />'+ | |
44 | + '</div>'+ | |
45 | + '<span class="glyphicon glyphicon-trash delete-field-item custom-remove-ico"></span>'+ | |
37 | 46 | '<div>'; |
38 | - console.log(block); | |
47 | +// console.log(block); | |
39 | 48 | block.append(sub_block); |
40 | 49 | |
41 | 50 | }); | ... | ... |
common/widgets/views/site_field.php
... | ... | @@ -3,39 +3,49 @@ use yii\helpers\Html; |
3 | 3 | ?> |
4 | 4 | <fieldset> |
5 | 5 | |
6 | - <legend>Сайт</legend> | |
7 | 6 | |
8 | 7 | <div class="field_list"> |
9 | 8 | |
10 | 9 | |
11 | - <?php $t = 0; for($i=1; $i <= count($model); $i++): | |
12 | - $row = $i; | |
10 | + <?php $t = 0; | |
13 | 11 | |
14 | - ?> | |
12 | + $label = 0; // add this var | |
13 | + | |
14 | + for($i=1; $i <= count($model); $i++): | |
15 | + $row = $i; | |
16 | + | |
17 | + ?> | |
15 | 18 | |
16 | 19 | <?= Html::beginTag('div',['class'=>'form-group','id'=>isset($model[$i]['parent_key']) ? $model[$i]['parent_key'] : 0 ])?> |
17 | - <input type="text" placeholder="www.example.com" class="form-control" value="<?= isset($model[$t]['value']) ? $model[$t]['value'] : '' ?>" name="Fields[site][<?=$row?>][0][site]" /> | |
20 | + <div class="input-blocks"> | |
21 | + <label for="cont-site-<?= $label ?>">Сайт</label> | |
22 | + <input id="cont-site-<?= ++$label ?>" type="text" placeholder="" class="form-control custom-input-2" value="<?= isset($model[$t]['value']) ? $model[$t]['value'] : '' ?>" name="Fields[site][<?=$row?>][0][site]" /> | |
23 | + </div> | |
18 | 24 | <span data-id="<?= isset($model[$i]['parent_key']) ? $model[$i]['parent_key'] : 0 ?>" title="удалить" class="glyphicon glyphicon-trash delete-field-item"></span> |
19 | 25 | <?= Html::endTag('div')?> |
20 | 26 | <?php $i = ++ $t; ?> |
21 | 27 | <?php endfor; ?> |
22 | - | |
23 | 28 | </div> |
24 | - <p class="btn btn-success add_field_<?= $this->context->id ?>">Добавить поле</p> | |
29 | + <p class="btn btn-success add_field_<?= $this->context->id ?>">Добавить еще</p> | |
25 | 30 | |
26 | 31 | </fieldset> |
27 | 32 | <script> |
28 | 33 | var start_i_<?=$this->context->id?> = <?=$i?>; |
34 | + var start_label_<?=$this->context->id?> = <?=$label?>; // add this var | |
29 | 35 | $( document ).ready(function(){ |
30 | 36 | $('.add_field_<?=$this->context->id?>').click(function(){ |
31 | 37 | var block = $ (this) |
32 | 38 | .siblings('.field_list'); |
33 | 39 | var block_id = $(this).parent('fieldset'); |
34 | 40 | var sub_block = '<div class="form-group" >'+ |
35 | - '<input type="text" placeholder="Телефон" class="form-control" value="" name="Fields[site]['+ start_i_<?=$this->context->id?>++ +'][0][site]" />'+ | |
41 | + | |
42 | + '<div class="input-blocks">'+ | |
43 | + '<label for="cont-site-' + start_label_<?=$this->context->id?> +'">Сайт</label>'+ | |
44 | + '<input id="cont-site-' + ++start_label_<?=$this->context->id?> +'" type="text" placeholder="" class="form-control custom-input-2" value="" name="Fields[site]['+ start_i_<?=$this->context->id?>++ +'][0][site]" />'+ | |
45 | + '</div>'+ | |
36 | 46 | '<span title="удалить" class="glyphicon glyphicon-trash delete-field-item"></span>'+ |
37 | 47 | '<div>'; |
38 | - console.log(block); | |
48 | +// console.log(block); | |
39 | 49 | block.append(sub_block); |
40 | 50 | |
41 | 51 | }); | ... | ... |
frontend/views/accounts/contacts.php
... | ... | @@ -15,7 +15,7 @@ |
15 | 15 | <div class="login-left-column-title style"><span><?= $this->title ?></span><p class="login-left-column-title-hint">Будут видны всем</p></div> |
16 | 16 | |
17 | 17 | |
18 | -<div class=" admin-contacts-wr style"> | |
18 | +<div class="admin-contacts-wr style"> | |
19 | 19 | <?php |
20 | 20 | $form = ActiveForm::begin (); |
21 | 21 | ?> | ... | ... |
frontend/web/css/style.css
... | ... | @@ -2361,7 +2361,7 @@ input[type=file]::-webkit-file-upload-button { |
2361 | 2361 | margin: 0 auto; |
2362 | 2362 | overflow: hidden; |
2363 | 2363 | padding-top: 40px; |
2364 | - height: 108px; | |
2364 | + height: 148px; | |
2365 | 2365 | } |
2366 | 2366 | .gallery-show-big tr{display: none} |
2367 | 2367 | .gallery-show-big tr:first-child{display: block} |
... | ... | @@ -4565,9 +4565,11 @@ ul.download-list-files li:hover .download-link {transition: 0.2s; opacity: 1; -m |
4565 | 4565 | line-height: 27px; |
4566 | 4566 | padding-left: 8px; |
4567 | 4567 | margin-top: 5px; |
4568 | + border-radius: 0; | |
4569 | + outline: none; | |
4568 | 4570 | } |
4569 | 4571 | .custom-input-2.fix-input-2 {width: 100%} |
4570 | -.custom-input-2:focus, .selectize-input input:focus {box-shadow: 1px 2px 2px 0px rgba(215, 215, 215, 0.75) inset; transition: 0.1s} | |
4572 | +.custom-input-2:focus, .selectize-input input:focus {border: 1px solid #dcdcdc;box-shadow: 1px 2px 2px 0px rgba(215, 215, 215, 0.75) inset; transition: 0.1s; outline: none} | |
4571 | 4573 | |
4572 | 4574 | .input-blocks label, .skills-title { |
4573 | 4575 | font-size: 13px; |
... | ... | @@ -5108,6 +5110,8 @@ ul.menu-admin li.logout-li, ul.menu-admin li.logout-li a, ul.menu-admin li:last- |
5108 | 5110 | |
5109 | 5111 | |
5110 | 5112 | .login-left-column-title {border-bottom: 1px solid #dbdbdb; margin-top: 15px; padding-bottom: 23px;} |
5113 | +.login-left-column-title span {} | |
5114 | +.login-left-column-title p {font-size: 13px; color: #b7b7b7} | |
5111 | 5115 | .login-left-column-title, .login-left-column-title h1{font-size: 18px} |
5112 | 5116 | .form-group{margin-bottom: 0} |
5113 | 5117 | .border-general { |
... | ... | @@ -5357,7 +5361,7 @@ ul.menu-admin li.logout-li, ul.menu-admin li.logout-li a, ul.menu-admin li:last- |
5357 | 5361 | .conacts-admin { |
5358 | 5362 | font-size: 13px; |
5359 | 5363 | margin-top: 11px; |
5360 | - color: #b7b7b7} | |
5364 | + color: #b7b7b7} | |
5361 | 5365 | .header-cabinet-profile.not-login { |
5362 | 5366 | margin-top: -3px; |
5363 | 5367 | } |
... | ... | @@ -5418,7 +5422,7 @@ ul.menu-admin li.logout-li, ul.menu-admin li.logout-li a, ul.menu-admin li:last- |
5418 | 5422 | .success_download .not-file-mb-adm{display: none} |
5419 | 5423 | .skills-title {border-bottom: none} |
5420 | 5424 | .skills-admin-wrapper {margin-top: 29px} |
5421 | -.skills-admin-wrapper .btn{ | |
5425 | +.skills-admin-wrapper .btn, .add-field-employment .btn, .admin-contacts-wr .btn{ | |
5422 | 5426 | border: none; |
5423 | 5427 | background: none; |
5424 | 5428 | color: #0072bc; |
... | ... | @@ -5429,18 +5433,11 @@ ul.menu-admin li.logout-li, ul.menu-admin li.logout-li a, ul.menu-admin li:last- |
5429 | 5433 | margin-left: 193px; |
5430 | 5434 | margin-top: 7px; |
5431 | 5435 | } |
5432 | -.skills-admin-wrapper .btn:focus, .skills-admin-wrapper .btn:active{ | |
5436 | +.skills-admin-wrapper .btn:focus, .skills-admin-wrapper .btn:active, .add-field-employment .btn:focus, .add-field-employment .btn:active, .admin-contacts-wr .btn:focus, .admin-contacts-wr .btn:active { | |
5433 | 5437 | background: none; |
5434 | 5438 | color: #003AA7; |
5435 | 5439 | box-shadow: none; |
5436 | -} | |
5437 | -.skills-admin-wrapper .glyphicon-trash:before { | |
5438 | - content: '' !important; | |
5439 | - width: 13px; | |
5440 | - height: 13px; | |
5441 | - cursor: pointer; | |
5442 | - background: url("/images/delete-ico.png") no-repeat; | |
5443 | - display: block; | |
5440 | + outline: none; | |
5444 | 5441 | } |
5445 | 5442 | .skills-admin-wrapper .custom-input-2 { |
5446 | 5443 | border-radius: 0; |
... | ... | @@ -5448,14 +5445,24 @@ ul.menu-admin li.logout-li, ul.menu-admin li.logout-li a, ul.menu-admin li:last- |
5448 | 5445 | } |
5449 | 5446 | .skills-admin-wrapper .custom-input-2:focus{border: 1px solid #dcdcdc;} |
5450 | 5447 | .skills-admin-wrapper .form-group {position: relative} |
5451 | -.skills-admin-wrapper .glyphicon { | |
5448 | +.skills-admin-wrapper .glyphicon, .admin-contacts-wr .glyphicon { | |
5452 | 5449 | position: absolute; |
5453 | 5450 | top: 50%; |
5454 | 5451 | margin-top: -3px; |
5455 | 5452 | left: 311px; |
5456 | 5453 | } |
5454 | +.admin-contacts-wr .glyphicon {margin-top: 0; top: 43px} | |
5455 | +.admin-contacts-wr .form-group:first-child .glyphicon {top: 31px} | |
5457 | 5456 | |
5458 | 5457 | .education-skills .glyphicon {top: 13px; margin-top: 0; margin-left: 105px} |
5458 | +.skills-admin-wrapper .glyphicon-trash:before, .admin-contacts-wr .glyphicon-trash:before{ | |
5459 | + content: '' !important; | |
5460 | + width: 13px; | |
5461 | + height: 13px; | |
5462 | + cursor: pointer; | |
5463 | + background: url("/images/delete-ico.png") no-repeat; | |
5464 | + display: block; | |
5465 | +} | |
5459 | 5466 | .custom-input-2.custom-input-2-date { |
5460 | 5467 | width: 60px; |
5461 | 5468 | padding: 0; |
... | ... | @@ -5480,7 +5487,8 @@ ul.menu-admin li.logout-li, ul.menu-admin li.logout-li a, ul.menu-admin li:last- |
5480 | 5487 | |
5481 | 5488 | .skills-add-wr .form-group:first-child .input-blocks{margin-top: 5px} |
5482 | 5489 | .skills-add-wr .form-group .input-blocks{margin-top: 5px} |
5483 | -.skills-add-wr .form-group:first-child .input-blocks:first-child{margin-top: 0} | |
5490 | +.admin-contacts-wr .form-group .input-blocks{margin-top: 11px} | |
5491 | +.skills-add-wr .form-group:first-child .input-blocks:first-child, .admin-contacts-wr .form-group:first-child .input-blocks{margin-top: 0} | |
5484 | 5492 | .skills-programs .input-blocks input {margin-top: 10px} |
5485 | 5493 | .skills-programs .input-blocks .form-group:first-child input {margin-top: 5px} |
5486 | 5494 | .skills-save-btn { |
... | ... | @@ -5505,17 +5513,75 @@ a.blog-new-link:hover{text-decoration: underline !important;} |
5505 | 5513 | border: none; |
5506 | 5514 | outline: none; |
5507 | 5515 | } |
5508 | -.login-left-column-title-hint { | |
5509 | - font-size: 13px; | |
5510 | - color: #b7b7b7; | |
5511 | - padding: 0; | |
5512 | - margin: 0; | |
5513 | - height: 21px; | |
5514 | - line-height: 21px; | |
5515 | - float: left;;padding-bottom: 23px; | |
5516 | +.input-blocks-wrapper.admin-quantity-project { | |
5517 | + height: 52px; | |
5518 | + position: relative; | |
5519 | +} | |
5520 | +.admin-quantity-project .input-blocks{width: 360px} | |
5521 | +.fix-quantity-project input{margin-left: 6px} | |
5522 | +.fix-quantity-project{ | |
5523 | + position: absolute; | |
5524 | + top: 18px; | |
5525 | + left: 68px; | |
5526 | +} | |
5527 | +.current_job_inputs, .previous-employment-wr {margin-top: 25px} | |
5528 | +.current_job_inputs.first_current_job_inputs {margin-top: 10px} | |
5529 | +.previous-employment-wr {margin-bottom: -35px} | |
5530 | +.none-job-inputs .previous-employment-wr {display: none} | |
5531 | +.add-field-employment.none-job-inputs {margin-top: 21px} | |
5532 | +.prev_job_inputs {position: relative; float: left; width: 100%;border-right: 1px solid #dbdbdb;} | |
5533 | +.prev_job_inputs .remove_job_button { | |
5534 | + position: absolute; | |
5535 | + top: 50%; | |
5536 | + margin-top: -6px; | |
5537 | + right: -33px; | |
5538 | +} | |
5539 | +.prev_job_container {width: 667px} | |
5540 | +.prev_job_container .prev_job_inputs {margin-top: 45px} | |
5541 | +.fix_add-field-employment .btn{margin-left: 0; margin-top: 10px} | |
5542 | +.ui-datepicker-month, .ui-datepicker-year{cursor: pointer; outline: none} | |
5543 | +.admin-contacts-wr .form-group { | |
5544 | + float: left; | |
5545 | + position: relative; | |
5546 | +} | |
5547 | + | |
5516 | 5548 | |
5549 | +/****calendar****/ | |
5550 | +.ui-widget-header { | |
5551 | +background: #0072bc; | |
5517 | 5552 | } |
5518 | -.login-left-column-title span{float: left;display: block;padding-bottom: 23px} | |
5519 | -.admin-contacts-wr legend { | |
5520 | - display: none; | |
5553 | +.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { | |
5554 | +background: #f3f3f3; | |
5555 | + border: #fff; | |
5556 | +} | |
5557 | +.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br, .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl, .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr, .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { | |
5558 | + border-radius: 0; | |
5559 | +} | |
5560 | +.ui-widget {font-family: 'Roboto'} | |
5561 | +.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { | |
5562 | + background: #fff; | |
5563 | + border: none; | |
5564 | + cursor: pointer; | |
5565 | +} | |
5566 | +.ui-state-hover.ui-datepicker-next-hover {right: 6px} | |
5567 | +.ui-datepicker .ui-datepicker-prev { | |
5568 | + left: 7px; | |
5569 | +} | |
5570 | +.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { | |
5571 | + top: 6px; | |
5572 | + width: 23px; | |
5573 | + height: 23px; | |
5574 | +} | |
5575 | +.ui-datepicker .ui-datepicker-next {right: 6px} | |
5576 | +.ui-icon.ui-icon-circle-triangle-w { | |
5577 | + background: url("/images/arrow-menu-two-calendar.png") 50% 50% no-repeat; | |
5578 | +} | |
5579 | +.ui-state-hover .ui-icon.ui-icon-circle-triangle-w{ | |
5580 | + background: url("/images/arrow-menu-two-calendar-h.png") 50% 50% no-repeat; | |
5581 | +} | |
5582 | +.ui-icon.ui-icon-circle-triangle-e { | |
5583 | + background: url("/images/arrow-menu-two.png") 50% 50% no-repeat; | |
5584 | +} | |
5585 | +.ui-state-hover .ui-icon.ui-icon-circle-triangle-e{ | |
5586 | + background: url("/images/arrow-menu-two-calendar-r-h.png") 50% 50% no-repeat; | |
5521 | 5587 | } |
5522 | 5588 | \ No newline at end of file | ... | ... |
222 Bytes
225 Bytes
217 Bytes