fixes in texts and UX

prilogy · Mar 26, 2020 · 8989be0 · 8989be0
1 parent 5ce77d9
commit 8989be0
Show file tree

Hide file tree

Showing 8 changed files with 607 additions and 576 deletions.
diff --git a/components/pages/workout/pesonal/WorkoutDayOff.vue b/components/pages/workout/pesonal/WorkoutDayOff.vue
@@ -46,16 +46,15 @@
               Посмотреть предыдущий день
             </VP>
           </nuxt-link>
+          <VTipSmall mt="var(--space-half)" style="border-color: var(--green-base)">
+            <VP class="body__caption body__caption-tip"> Можно тренироваться во вторник,
+              четверг,
+              субботу, нажав на
+              "посмотреть предыдущий
+              день".
+            </VP>
+          </VTipSmall>
         </div>
-
-        <VTipSmall mb="var(--space-half)" style="border-color: var(--green-base)">
-          <VP class="body__caption body__caption-tip"> Можно тренироваться во вторник,
-            четверг,
-            субботу, нажав на
-            "посмотреть предыдущий
-            день".
-          </VP>
-        </VTipSmall>
       </div>
 
     </div>

diff --git a/components/ui/VPlanCard.vue b/components/ui/VPlanCard.vue
@@ -23,11 +23,12 @@
       >
         <VH2 :color="colors[100]">
           {{ plan.newCost }}&#8381;{{
-            typeof plan.newCost === 'number' ? '' : '/месяц'
+          typeof plan.newCost === 'number' ? '' : '/месяц'
           }}
         </VH2>
 
         <VH3
+          v-if="plan.cost"
           :color="colors[70]"
           style="text-decoration: line-through;margin-left: var(--space-third)"
         >
@@ -64,97 +65,98 @@
 </template>
 
 <script>
-import VH2 from '../typography/VH2'
-import VP from '../typography/VP'
-import VButton from './VButton'
-export default {
-  components: { VButton, VP, VH2 },
-  props: {
-    plan: Object,
-    btnText: {
-      type: Object,
-      default: () => ({
-        default: 'Купить пакет',
-        selected: 'Изменить'
-      })
-    },
-    isSelected: {
-      type: Boolean,
-      default: false
+  import VH2 from '../typography/VH2'
+  import VP from '../typography/VP'
+  import VButton from './VButton'
+
+  export default {
+    components: { VButton, VP, VH2 },
+    props: {
+      plan: Object,
+      btnText: {
+        type: Object,
+        default: () => ({
+          default: 'Купить пакет',
+          selected: 'Изменить'
+        })
+      },
+      isSelected: {
+        type: Boolean,
+        default: false
+      },
+      current: {
+        type: Boolean,
+        default: false
+      },
+      isFree: {
+        type: Boolean,
+        default: false
+      }
     },
-    current: {
-      type: Boolean,
-      default: false
+    methods: {
+      handleButton() {
+        this.$emit('btnClick', this.plan.id)
+      }
     },
-    isFree: {
-      type: Boolean,
-      default: false
-    }
-  },
-  methods: {
-    handleButton() {
-      this.$emit('btnClick', this.plan.id)
-    }
-  },
-  created() {
-    const base = this.plan.color
-    this.colors = {
-      100: base,
-      70: base + this.$ds.getHexOpacity(70),
-      50: base + this.$ds.getHexOpacity(50),
-      25: base + this.$ds.getHexOpacity(25)
+    created() {
+      const base = this.plan.color
+      this.colors = {
+        100: base,
+        70: base + this.$ds.getHexOpacity(70),
+        50: base + this.$ds.getHexOpacity(50),
+        25: base + this.$ds.getHexOpacity(25)
+      }
     }
   }
-}
 </script>
 
 <style scoped>
-.plan {
-  padding: var(--space-half);
-  border-radius: var(--radius);
-  overflow: hidden;
-}
+  .plan {
+    padding: var(--space-half);
+    border-radius: var(--radius);
+    overflow: hidden;
+  }
+
+  .plan h2 {
+    line-height: 1;
+  }
 
-.plan h2 {
-  line-height: 1;
-}
+  .plan__locked {
+    background: #00000055;
+    width: 100%;
+    padding: var(--space-half);
+    margin: 0 calc(-1 * var(--space-half)) calc(-1 * var(--space-half)) calc(-1 * var(--space-half));
+  }
 
-.plan__locked {
-  background: #00000055;
-  width: 100%;
-  padding: var(--space-half);
-  margin: 0 calc(-1 * var(--space-half)) calc(-1 * var(--space-half))
-    calc(-1 * var(--space-half));
-}
+  .plan__locked h3 {
+    text-align: center;
+    text-shadow: 0 0 30px #00000044;
+    color: var(--white-base);
+  }
 
-.plan__locked h3 {
-  text-align: center;
-  text-shadow: 0 0 30px #00000044;
-  color: var(--white-base);
-}
+  .plan--selected {
+    border: 2px solid;
+  }
 
-.plan--selected {
-  border: 2px solid;
-}
+  .plan__bottom {
+    margin-top: var(--space-half);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
 
-.plan__bottom {
-  margin-top: var(--space-half);
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
+  .plan__bottom__button {
+    padding: var(--space-third) var(--space-half);
+  }
 
-.plan__bottom__button {
-  padding: var(--space-third) var(--space-half);
-}
-.plan__bottom__button:hover,
-.plan__bottom__button:focus,
-.plan__bottom__button:active {
-  transform: none;
-  box-shadow: none;
-}
+  .plan__bottom__button:hover,
+  .plan__bottom__button:focus,
+  .plan__bottom__button:active {
+    transform: none;
+    box-shadow: none;
+  }
 
-.plan__bottom__button--selected {
-  background: none !important;
-}
+  .plan__bottom__button--selected {
+    background: none !important;
+  }
 </style>
diff --git a/pages/food/tips/videos/_id.vue b/pages/food/tips/videos/_id.vue
@@ -22,40 +22,49 @@
     <div class="noIframe" v-show="!isIframe">
       <VH3 color="var(--white-base)">Видео загружается...</VH3>
     </div>
+    <div v-if="VIDEO.id === 30">
+      <VH3 mb="var(--space-third)" mt="var(--space-third)">Совершенно секретно</VH3>
+      <VP color="var(--grey-light3)">
+        Марина Богомолова - феномен похудения. Постройнела за 2 года с 209,6 кг до 108 кг без единой операции и "химии".
+        Победитель "Культ тела 2". В 2018м году возглавила Армию безопасного похудения, получив звание Генерала Армии.
+        Передает свой опыт новобранцам.
+      </VP>
+    </div>
+
   </div>
 </template>
 
 <script>
-export default {
-  middleware: 'requireSub',
-  data() {
-    return {
-      isIframe: false
-    }
-  },
-  computed: {
-    VIDEO() {
-      return this.$store.getters['food/GET_TIP_FROM_ALL'](this.$route.params.id)
+  export default {
+    middleware: 'requireSub',
+    data() {
+      return {
+        isIframe: false
+      }
+    },
+    computed: {
+      VIDEO() {
+        return this.$store.getters['food/GET_TIP_FROM_ALL'](this.$route.params.id)
+      }
+    },
+    async fetch({ store, params }) {
+      if (!store.getters['food/GET_TIP_FROM_ALL'](params.id))
+        await store.dispatch('food/FEED_TIPS_VIDEOS')
     }
-  },
-  async fetch({ store, params }) {
-    if (!store.getters['food/GET_TIP_FROM_ALL'](params.id))
-      await store.dispatch('food/FEED_TIPS_VIDEOS')
   }
-}
 </script>
 
 <style scoped>
-.iframe {
-  border-radius: var(--radius-half);
-  overflow: hidden;
-}
+  .iframe {
+    border-radius: var(--radius-half);
+    overflow: hidden;
+  }
 
-.noIframe {
-  height: 340px;
-  text-align: center;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
+  .noIframe {
+    height: 340px;
+    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
 </style>