adata-ui 0.1.25 → 0.1.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adata-ui",
-  "version": "0.1.25",
+  "version": "0.1.26",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/Header/Header.vue

@@ -1,5 +1,5 @@
 <template>
-  <header v-if="windowOpen" class="a-header" :class="[{'bordered': isBordered}, {'fixed': isFixed}]">
+  <header class="a-header" :class="[{'bordered': isBordered}, {'fixed': isFixed}]">
     <div class="container">
       <div class="a-header__left">
         <a class="logo" :href="toAdtdev('https://adata.kz')">
@@ -130,7 +130,6 @@ export default {
   data() {
     return {
       profileDropDown,
-      windowOpen: false,
       subheaderItems: [
         {
           id: 1,
@@ -157,7 +156,6 @@ export default {
     };
   },
   mounted() {
-    this.windowOpen = true;
     this.setBalance(this.balance);
   },
   computed: {

package/src/components/SearchTextField/SearchTextField.vue

@@ -6,9 +6,11 @@
   >
     <div class="adt-text-block__field">
       <input
+          v-if="!mask"
           ref="input"
           :type="type"
           :value="value"
+          :placeholder="placeholder"
           required
           @input="$emit('input', $event.target.value)"
           @keypress.enter="$emit('enterPressed')"
@@ -20,6 +22,22 @@
           {'adt-text-block__input': !forMobileFilter}
           ]"
       />
+      <TheMask
+          v-else
+          ref="maskInput"
+          :value="value"
+          :mask="mask"
+          :type="type"
+          :masked="false"
+          :placeholder="inputPlaceholder"
+          required
+          @input.native="$emit('input', $event.target.value)"
+          @focus.native="showPlaceholder = true"
+          @blur.native="showPlaceholder = false"
+          class="adt-text-block__input"
+          :class="{ error: !!errorText }"
+
+      />
       <label
           :class="{
           'adt-text-block__label-red' : !forMobileFilter && getIsError,
@@ -70,6 +88,7 @@
 
 <script>
 import '../../assets/style.scss';
+import {TheMask} from 'vue-the-mask';
 import { PerfectScrollbar } from "vue2-perfect-scrollbar";
 import vClickOutside from "v-click-outside";
 
@@ -79,6 +98,18 @@ export default {
     clickOutside: vClickOutside.directive
   },
   props: {
+    errorText: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    mask: {
+      type: String,
+      default: ""
+    },
     label: {
       type: String,
       required: true,
@@ -130,11 +161,18 @@ export default {
     }
   },
   components: {
-    PerfectScrollbar
+    PerfectScrollbar,
+    TheMask
   },
   data() {
     return {
-      showAutocomplete: false
+      showAutocomplete: false,
+      showPlaceholder: false
+    }
+  },
+  computed: {
+    inputPlaceholder() {
+      return this.showPlaceholder ? this.placeholder : ""
     }
   },
   methods: {

package/src/configs/profileDropDown.js

@@ -52,11 +52,11 @@ export const profileDropDown = [
                 name: "Профиль",
                 url: "https://work.adata.kz/profile/account"
             },
-            {
-                id: 11,
-                name: "Создать резюме",
-                url: "https://work.adata.kz/user/create"
-            },
+            // {
+            //     id: 11,
+            //     name: "Создать резюме",
+            //     url: "https://work.adata.kz/user/create"
+            // },
             {
                 id: 12,
                 name: "Отклики",