meals v1 completed

hackupc · Apr 14, 2024 · 5ebe659 · 5ebe659
1 parent 71342f6
commit 5ebe659
Show file tree

Hide file tree

Showing 3 changed files with 52 additions and 49 deletions.
diff --git a/src/config.ts b/src/config.ts
@@ -5,7 +5,7 @@ interface Config {
   readonly disabled: boolean
   readonly hideChallengesAndPrizes: boolean
   readonly hideMission: boolean
-  readonly hideCafeteria: boolean
+  readonly hideCafeteriaSchedule: boolean
   readonly hideMeals: boolean
   readonly hideWifiConfig: boolean
 }
@@ -15,8 +15,8 @@ const config: Config = {
   disabled: false,
   hideChallengesAndPrizes: true,
   hideMission: true,
-  hideCafeteria: false,
-  hideMeals: false,
+  hideCafeteriaSchedule: true,
+  hideMeals: true,
   hideWifiConfig: true,
 }
 

diff --git a/src/data/meals.ts b/src/data/meals.ts
@@ -16,7 +16,7 @@ export const meals: Meals[] = [
   {
     title: "Friday's dinner",
     provider: 'Bar de la FIB',
-    mealTitle: 'Bocatas',
+    mealTitle: 'Warm Bocatas',
     mealDescription: [
       {
         nameMeal: 'Croquetas',
@@ -67,7 +67,7 @@ export const meals: Meals[] = [
   },
   {
     title: 'Saturday Breakfast',
-    mealTitle: 'Bocatas and pasteries',
+    mealTitle: 'Cold bocatas and pasteries',
     mealDescription: [
       {
         nameMeal: 'Bocatas',
@@ -160,7 +160,7 @@ export const meals: Meals[] = [
   },
   {
     title: 'Sunday Breakfast',
-    mealTitle: 'Bocatas and pasteries',
+    mealTitle: 'Cold bocatas and pasteries',
     mealDescription: [
       {
         nameMeal: 'Bocatas',
@@ -180,6 +180,7 @@ export const meals: Meals[] = [
   {
     title: 'Sunday Lunch',
     provider: 'TBD',
+    mealTitle: 'TBD',
     mealDescription: [
       {
         nameMeal: 'TBD',

diff --git a/src/views/Meals.vue b/src/views/Meals.vue
@@ -8,15 +8,12 @@ import config from '@/config'
 import SecretContent from '@/components/SecretContent.vue'
 
 const hideMeals = ref(config.hideMeals)
-const hideCafeteria = ref(config.hideCafeteria)
+const hideCafeteriaSchedule = ref(config.hideCafeteriaSchedule)
 </script>
 
 <template>
   <PanelContainer id="cafeteria">
-    <Panel v-if="hideCafeteria" title="☕️ 🎲 Cafeteria" size="big">
-      <SecretContent />
-    </Panel>
-    <Panel v-else title="☕️ 🎲 Cafeteria" size="big">
+    <Panel title="☕️ 🎲 Cafeteria" size="big">
       <span>
         In the cafeteria (<span>
           located in the
@@ -37,10 +34,7 @@ const hideCafeteria = ref(config.hideCafeteria)
       </span>
     </Panel>
 
-    <Panel v-if="hideCafeteria" title="Schedule & Rules" size="small">
-      <SecretContent />
-    </Panel>
-    <Panel v-else title="Schedule & Rules" size="small">
+    <Panel title="Schedule & Rules" size="small">
       <div style="display: flex; flex-direction: column">
         <div style="display: flex; gap: 16px">
           <span class="meal-title">Rules</span>
@@ -65,18 +59,20 @@ const hideCafeteria = ref(config.hideCafeteria)
         <div style="display: flex; gap: 16px">
           <span class="meal-title">Schedule</span>
         </div>
-        <ul>
-          <li><b>Friday</b>: The cafeteria will not open on friday!</li>
-          <li><b>Saturday</b>:</li>
-          <li><b>Sunday</b>:</li>
-        </ul>
+        <template v-if="hideCafeteriaSchedule">
+          <SecretContent secret-text="Soon available" />
+        </template>
+        <template v-else>
+          <ul>
+            <li><b>Friday</b>: The cafeteria will not open on friday!</li>
+            <li><b>Saturday</b>:</li>
+            <li><b>Sunday</b>:</li>
+          </ul>
+        </template>
       </div>
     </Panel>
 
-    <Panel v-if="hideCafeteria" title="What we have" size="small">
-      <SecretContent />
-    </Panel>
-    <Panel v-else title="What we have" size="small">
+    <Panel title="What we have" size="small">
       <div style="display: flex; flex-direction: column">
         <div style="display: flex; gap: 16px">
           <span class="meal-title">Coffee</span>
@@ -102,6 +98,8 @@ const hideCafeteria = ref(config.hideCafeteria)
           <li><b>RedBull</b></li>
           <li><b>Coca-cola</b>: Classic, Zero, Light</li>
           <li><b>Fanta</b>: Orange, Orange light, Lemon, Lemon light</li>
+          <li><b>Aquarius</b>: Classic, Orange</li>
+          <li><b>Fuze team</b>: Peach, lemon</li>
         </ul>
       </div>
 
@@ -139,11 +137,7 @@ const hideCafeteria = ref(config.hideCafeteria)
   </PanelContainer>
 
   <PanelContainer id="meals" style="padding-top: 10px">
-    <Panel v-if="hideMeals" title="🍽 Regular meals" size="big">
-      <SecretContent />
-    </Panel>
-
-    <Panel v-else title="🍽 Regular meals" size="big">
+    <Panel title="🍽 Regular meals" size="big">
       <div class="allergies">
         <p><span class="allergies--icon">🌱</span> Vegetarian diet</p>
         <p><span class="allergies--icon">🥦</span> Vegan diet</p>
@@ -152,11 +146,7 @@ const hideCafeteria = ref(config.hideCafeteria)
     </Panel>
 
     <template v-for="meal in meals" :key="meal.title">
-      <Panel v-if="hideMeals" :title="meal.title" size="small">
-        <SecretContent
-      /></Panel>
-
-      <Panel v-else :title="meal.title" size="small">
+      <Panel :title="meal.title" size="small">
         <div style="margin-bottom: 1.2rem; text-align: center">
           <span v-if="meal.provider" class="provider-name">
             {{ meal.provider }}
@@ -165,22 +155,34 @@ const hideCafeteria = ref(config.hideCafeteria)
             {{ meal.mealTitle }}
           </span>
         </div>
-        <div
-          v-for="description in meal.mealDescription"
-          :key="description.nameMeal"
-          class="meal-row"
-        >
-          <span class="meal-name">{{ description.nameMeal }} </span>
-          <span v-if="description.isVegetarian" class="meal-icon-diet">🌱</span>
-          <span v-if="description.isVegan" class="meal-icon-diet">🥦</span>
-          <span v-if="description.isGlutenFree" class="meal-icon-diet">🌾</span>
-          <span v-if="description.ingredients !== ''" class="meal-ingredients">
-            <br />
-            <span class="meal-ingredients">{{
-              description.ingredients
-            }}</span></span
+        <template v-if="hideMeals">
+          <SecretContent secret-text="Soon available" />
+        </template>
+        <template v-else>
+          <div
+            v-for="description in meal.mealDescription"
+            :key="description.nameMeal"
+            class="meal-row"
           >
-        </div>
+            <span class="meal-name">{{ description.nameMeal }} </span>
+            <span v-if="description.isVegetarian" class="meal-icon-diet"
+              >🌱</span
+            >
+            <span v-if="description.isVegan" class="meal-icon-diet">🥦</span>
+            <span v-if="description.isGlutenFree" class="meal-icon-diet"
+              >🌾</span
+            >
+            <span
+              v-if="description.ingredients !== ''"
+              class="meal-ingredients"
+            >
+              <br />
+              <span class="meal-ingredients">{{
+                description.ingredients
+              }}</span></span
+            >
+          </div>
+        </template>
       </Panel>
     </template>
   </PanelContainer>