tokar commit

Виталий
1 parent bdbc858e
Showing 3 changed files with 69 additions and 1 deletions Show diff stats
frontend/views/accounts/_vacancy_form.php
frontend/web/css/style.css
frontend/web/images/delete-ico-min.png
@@ -90,7 +90,7 @@
     <div class="input-blocks admin-currency-second">
         <?=
         $form->field($vacancy, 'salary_currency', [
-            'template' => "{input}<span class='admn-input-txt' style='padding-top: 7px; display: block'>за час</span>\n{hint}\n{error}",
+            'template' => "{input}\n{hint}\n{error}",
         ])
             ->label(false)
             ->dropDownList($currencies)
@@ -100,6 +100,9 @@
  
  
 <div class="input-blocks-wrapper admin-menu-list">
+    <div class="input-blocks" style="width: 100%; margin-bottom: 5px">
+        <label>Специализации</label>
+    </div>
     <ul class="content-menu-first">
         <?php foreach($specializations as $specialization): ?>
             <li data-img="<?= $specialization->image ?>">
@@ -140,6 +143,12 @@
     </ul>
 </div>
  
+<div class="admin-specialization-selected style">
+    <ul>
+
+    </ul>
+</div>
+
 <div class="input-blocks-wrapper admin-vacancy-check" style="margin-top: 29px">
     <div class="input-blocks">
         <?= $form->field($vacancy, 'employmentInput')
@@ -209,5 +218,41 @@
         $('.input-blocks.admin-currency-second select').change(function(){
             $(this).blur()
         })
+
+        specializationTags()
+        function specializationTags(){
+            addSpecializationTags()
+            removeSpecializationTags()
+            newAddSpecializationTags()
+
+            function addSpecializationTags(){
+                var specTags = $('.admin-page .third-ul-menu input:checked')
+                for (var spI=0;spI<specTags.length;spI++) {
+                    var newSpecTagsId = $(specTags[spI]).attr('id')
+                    var newSpecTagsTxt = $(specTags[spI]).parents('a').text()
+                    $('.admin-page .admin-specialization-selected ul').append('<li data-spec-id="'+newSpecTagsId+'">'+newSpecTagsTxt+'</li>')
+                }
+            }
+
+            function removeSpecializationTags(){
+                $('body').on('click', '.admin-page .admin-specialization-selected ul li', function(){
+                    var removeSpecTagsId = $(this).attr('data-spec-id')
+                    $('.admin-page .third-ul-menu #'+removeSpecTagsId).attr('checked', false)
+                    $(this).remove()
+                })
+            }
+
+            function newAddSpecializationTags(){
+                $('.admin-page .third-ul-menu input').change(function(){
+                    var thisSpecTagsId = $(this).attr('id')
+                    var thisSpecTagsTxt = $(this).parents('a').text()
+                    if($(this).prop("checked")){
+                        $('.admin-page .admin-specialization-selected ul').append('<li data-spec-id="'+thisSpecTagsId+'">'+thisSpecTagsTxt+'</li>')
+                    } else {
+                     $('.admin-page .admin-specialization-selected ul li[data-spec-id="'+thisSpecTagsId+'"]').remove()
+                    }
+                })
+            }
+        }
     })
 </script>
 \ No newline at end of file
@@ -6342,4 +6342,27 @@ input[disabled], select[disabled] {
 }
 .active-menu-admin.admin-menu-ico-4 a:before {
     background: url("/images/menu-ico/ico-4-active.png") 100% 50% no-repeat ;
+}
+.admin-specialization-selected {overflow: hidden;}
+.admin-specialization-selected ul {float: left; width: 740px; margin-left: -20px; margin-top: -8px;}
+.admin-specialization-selected ul li {
+    text-decoration: none;
+    font-size: 13px;
+    color: #b7b7b7;
+    list-style: none;
+    float: left;
+    margin-left: 20px;
+    border-bottom: 1px dashed #b7b7b7;
+    position: relative;
+    cursor: pointer;
+    margin-top: 8px;
+}
+.admin-specialization-selected ul li:before {
+    position: absolute;
+    content: '';
+    width: 7px;
+    height: 7px;
+    top: 1px;
+    right: -9px;
+    background: url("/images/delete-ico-min.png")no-repeat;
 }
 \ No newline at end of file