Merge pull request #150 from IBEC-BOX/feat/erg-header

small fixes in header erg & refactor stories
IBEC-BOX · Dec 19, 2024 · 4b369d9 · 4b369d9
2 parents 57eaf7b + f55f673
commit 4b369d9
Show file tree

Hide file tree

Showing 15 changed files with 12 additions and 10 deletions.
diff --git a/src/runtime/components/Pages/TestVuetify.vue b/src/runtime/components/Pages/TestVuetify.vue
@@ -8,6 +8,7 @@
       :text-btn="'Получить консультацию'"
       :class-menu-select="'asd'"
       :word-button-mobile="'asdsadsadsa'"
+      :show-button="false"
       :set-lang="[
         {
           code: 'ru',

diff --git a/src/runtime/components/Parts/Header/Erg.vue b/src/runtime/components/Parts/Header/Erg.vue
@@ -62,16 +62,16 @@
           item-value="code"
           hide-details="true"
           variant="solo"
-          class="mr-2 mr-sm-4 bg-none erg-header-select"
-          :class="burger ? 'control-select' : ''"
+          class="bg-none erg-header-select"
+          :class="[showButton ? 'mr-2 mr-sm-4' : '', burger ? 'control-select' : '']"
           :menu-props="{ class: classMenuSelect }"
           v-bind="selectAttrs"
           @update:model-value="updateSelectLang"
         />
         <v-btn
           class="text-none text-body-1 erg-header-button"
           rounded="xl"
-          :class="burger ? 'd-none d-lg-block' : ''"
+          :class="showButton ? burger ?  'd-none d-lg-block' : '' : 'd-none'"
           v-bind="buttonAttrs"
           @click="buttonClick"
         >
@@ -250,6 +250,7 @@ const props = defineProps({
   bgClassHeader: { type: String, default: () => '' },
   colorClassMenu: { type: String, default: () => '' },
   burger: { type: Boolean, default: true },
+  showButton: { type: Boolean, default: true },
   columnGapList: { type: Number, default: 32 },
   classMenuSelect: { type: String, default: () => 'select-lang-header-menu' },
   wordButtonMobile: { type: String, default: () => '' },
@@ -416,7 +417,7 @@ function buttonClick() {
     color: inherit;
   }
 
-  .erg-header-link {
+  &-item {
     transition: background 0.3s ease;
     border-radius: 50px;
     padding: 8px 10px;

diff --git a/src/stories/Page.stories.js → src/stories/pageTest.stories.js b/src/stories/Page.stories.js → src/stories/pageTest.stories.js
@@ -2,7 +2,7 @@
 import MyPage from '../runtime/components/Pages/TestVuetify.vue';
 
 export default {
-  title: 'Example/Page',
+  title: 'Page/Test',
   component: MyPage,
   parameters: {
     // More on how to position stories at: https://storybook.js.org/docs/vue/configure/story-layout

diff --git a/src/stories/vacancies.stories.js → src/stories/pageVacancies.stories.js b/src/stories/vacancies.stories.js → src/stories/pageVacancies.stories.js
@@ -2,7 +2,7 @@ import Vacancies from '../runtime/components/Pages/Vacancies.vue'
 
 // More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
 export default {
-  title: 'Parts/Vacancies',
+  title: 'Page/Vacancies',
   component: Vacancies,
   tags: ['autodocs'],
 };

diff --git a/src/stories/Card.stories.js → src/stories/partsCard.stories.js b/src/stories/Card.stories.js → src/stories/partsCard.stories.js
diff --git a/src/stories/CardScale.stories.js → src/stories/partsCardScale.stories.js b/src/stories/CardScale.stories.js → src/stories/partsCardScale.stories.js
@@ -2,7 +2,7 @@ import CardScale from '../runtime/components/Parts/Card/Scale.vue'
 
 // More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
 export default {
-  title: 'Parts/CardScale',
+  title: 'Parts/Card Scale',
   component: CardScale,
   tags: ['autodocs'],
 };

diff --git a/src/stories/ErgVacancies.stories.js → src/stories/partsErgVacancies.stories.js b/src/stories/ErgVacancies.stories.js → src/stories/partsErgVacancies.stories.js
@@ -2,7 +2,7 @@ import Vacancies from '../runtime/components/Parts/ErgVacancies.vue'
 
 // More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
 export default {
-  title: 'Parts/ErgVacancies',
+  title: 'Parts/Erg Vacancies',
   component: Vacancies,
   tags: ['autodocs'],
 };

diff --git a/src/stories/downloadFiles.stories.js → ...tories/partsFilesDownloadFiles.stories.js b/src/stories/downloadFiles.stories.js → ...tories/partsFilesDownloadFiles.stories.js
@@ -2,7 +2,7 @@ import downloadFile from '../runtime/components/Parts/Files/DownloadFiles.vue'
 
 // More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
 export default {
-  title: 'Parts/files/downloadFiles',
+  title: 'Parts/Files/Download Files',
   component: downloadFile,
   tags: ['autodocs'],
   argTypes: {

diff --git a/src/stories/Footer.stories.js → src/stories/partsFooterDefault.stories.js b/src/stories/Footer.stories.js → src/stories/partsFooterDefault.stories.js
diff --git a/src/stories/Forms.stories.js → src/stories/partsForms.stories.js b/src/stories/Forms.stories.js → src/stories/partsForms.stories.js
diff --git a/src/stories/Header.stories.js → src/stories/partsHeaderDefault.stories.js b/src/stories/Header.stories.js → src/stories/partsHeaderDefault.stories.js
diff --git a/src/stories/HeaderErg.stories.js → src/stories/partsHeaderErg.stories.js b/src/stories/HeaderErg.stories.js → src/stories/partsHeaderErg.stories.js
@@ -1,7 +1,7 @@
 import Header from '../runtime/components/Parts/Header/Erg.vue';
 
 export default {
-  title: 'Parts/HeaderERG',
+  title: 'Parts/Header ERG',
   component: Header,
   tags: ['autodocs'],
   argTypes: {

diff --git a/src/stories/Modal.stories.js → src/stories/partsModal.stories.js b/src/stories/Modal.stories.js → src/stories/partsModal.stories.js
diff --git a/src/stories/slider.stories.js → src/stories/partsSlider.stories.js b/src/stories/slider.stories.js → src/stories/partsSlider.stories.js
diff --git a/src/stories/vacancy.stories.js → src/stories/partsVacancy.stories.js b/src/stories/vacancy.stories.js → src/stories/partsVacancy.stories.js