From ed2584d0abe609d3ac1f9e5fab538af8e75be44b Mon Sep 17 00:00:00 2001
From: Felix Ruf <felix.ruf@aoe.com>
Date: Wed, 7 Aug 2024 17:12:44 +0200
Subject: [PATCH 1/4] added check for max meals in backend

---
 .../Repository/ParticipantRepository.php          | 15 +++++++++++++++
 .../Repository/ParticipantRepositoryInterface.php |  5 +++++
 .../MealBundle/Service/ParticipationService.php   |  4 ++++
 .../src/components/dashboard/CombiButtonGroup.vue |  6 +++---
 .../src/components/dashboard/CombiModal.vue       |  9 ++++++---
 5 files changed, 33 insertions(+), 6 deletions(-)

diff --git a/src/Mealz/MealBundle/Repository/ParticipantRepository.php b/src/Mealz/MealBundle/Repository/ParticipantRepository.php
index 8ffa4435b..7f471bcb6 100644
--- a/src/Mealz/MealBundle/Repository/ParticipantRepository.php
+++ b/src/Mealz/MealBundle/Repository/ParticipantRepository.php
@@ -535,4 +535,19 @@ public function getParticipationsOfSlot(Slot $slot): array
 
         return $participations;
     }
+
+    public function getParticipationCountByProfile(Profile $profile, DateTime $date): int
+    {
+        $queryBuilder = $this->createQueryBuilder('p')
+            ->select('p.id')
+            ->join('p.meal', 'm')
+            ->where('p.profile = :profile')
+            ->andWhere('m.dateTime = :day')
+            ->setParameter('profile' , $profile->getUsername())
+            ->setParameter('day', $date, Types::DATE_MUTABLE);
+
+        $participations = $queryBuilder->getQuery()->getArrayResult();
+
+        return count($participations);
+    }
 }
diff --git a/src/Mealz/MealBundle/Repository/ParticipantRepositoryInterface.php b/src/Mealz/MealBundle/Repository/ParticipantRepositoryInterface.php
index 57e15193a..8f2aeef86 100644
--- a/src/Mealz/MealBundle/Repository/ParticipantRepositoryInterface.php
+++ b/src/Mealz/MealBundle/Repository/ParticipantRepositoryInterface.php
@@ -95,4 +95,9 @@ public function removeFutureMealsByProfile(Profile $profile): void;
      * Returns an array of all the participations for a given slot starting from the current week.
      */
     public function getParticipationsOfSlot(Slot $slot): array;
+
+    /**
+     * Returns the number of participations a profile has on a date.
+     */
+    public function getParticipationCountByProfile(Profile $profile, DateTime $date): int;
 }
diff --git a/src/Mealz/MealBundle/Service/ParticipationService.php b/src/Mealz/MealBundle/Service/ParticipationService.php
index f6b0c8291..0eceaf2af 100644
--- a/src/Mealz/MealBundle/Service/ParticipationService.php
+++ b/src/Mealz/MealBundle/Service/ParticipationService.php
@@ -50,6 +50,10 @@ public function __construct(
      */
     public function join(Profile $profile, Meal $meal, ?Slot $slot = null, array $dishSlugs = []): ?array
     {
+        if (2 <= $this->participantRepo->getParticipationCountByProfile($profile, $meal->getDateTime())) {
+            return null;
+        }
+
         // user is attempting to take over an already booked meal by some participant
         if (true === $this->mealIsOffered($meal) && true === $this->allowedToAccept($meal)) {
             return $this->reassignOfferedMeal($meal, $profile, $dishSlugs);
diff --git a/src/Resources/src/components/dashboard/CombiButtonGroup.vue b/src/Resources/src/components/dashboard/CombiButtonGroup.vue
index d1a8dd423..418c3b00e 100644
--- a/src/Resources/src/components/dashboard/CombiButtonGroup.vue
+++ b/src/Resources/src/components/dashboard/CombiButtonGroup.vue
@@ -64,13 +64,13 @@ interface DishInfo {
 }
 
 const props = defineProps<{
-  weekID: number | string;
-  dayID: number | string;
+  weekID?: number | string;
+  dayID?: number | string;
   mealID: number | string;
   meal: Meal;
 }>();
 
-const meal = props.meal ?? dashboardStore.getMeal(props.weekID, props.dayID, props.mealID);
+const meal = props.meal ?? dashboardStore.getMeal(props.weekID ?? -1, props.dayID ?? -1, props.mealID);
 const emit = defineEmits(['addEntry', 'removeEntry']);
 const selected = ref();
 let dishes: DishInfo[] = [];
diff --git a/src/Resources/src/components/dashboard/CombiModal.vue b/src/Resources/src/components/dashboard/CombiModal.vue
index af9f1b647..a0bf14b28 100644
--- a/src/Resources/src/components/dashboard/CombiModal.vue
+++ b/src/Resources/src/components/dashboard/CombiModal.vue
@@ -48,7 +48,6 @@
                     class="mt-2 grid"
                   >
                     <CombiButtonGroup
-                      v-if="weekID && dayID"
                       :key="key"
                       :weekID="weekID"
                       :dayID="dayID"
@@ -90,7 +89,7 @@
 import { Dialog, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue';
 import CombiButtonGroup from '@/components/dashboard/CombiButtonGroup.vue';
 import { dashboardStore } from '@/stores/dashboardStore';
-import { computed, ref } from 'vue';
+import { computed, onMounted, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { type Meal } from '@/api/getDashboardData';
 import { type Dictionary } from '@/types/types';
@@ -105,10 +104,14 @@ const props = defineProps<{
 const { t } = useI18n();
 const emit = defineEmits(['closeCombiModal']);
 const meals = props.meals ?? dashboardStore.getMeals(props.weekID ?? 0, props.dayID ?? 0);
-let keys = Object.keys(meals).filter((mealID) => meals[mealID].dishSlug !== 'combined-dish');
+const keys = computed(() => Object.keys(meals).filter((mealID) => meals[mealID].dishSlug !== 'combined-dish'));
 const slugs = ref<string[]>([]);
 const bookingDisabled = computed(() => slugs.value.length < 2);
 
+onMounted(() => {
+  console.log(`open(${props.open}), weekId(${props.weekID}), dayID(${props.dayID}), \nMeals: ${JSON.stringify(Object.keys(props.meals))}`);
+})
+
 function resolveModal(mode: string) {
   if (mode === 'cancel') {
     slugs.value = [];

From 3e5275393912a171538b6dd2f947547207a9f268 Mon Sep 17 00:00:00 2001
From: Felix Ruf <felix.ruf@aoe.com>
Date: Thu, 8 Aug 2024 14:09:02 +0200
Subject: [PATCH 2/4] added verification in guest component and added
 flashmessage to inform users when they exceed the max number of meals per day

---
 .../Repository/ParticipantRepository.php      |  8 +-
 .../src/components/dashboard/CombiModal.vue   |  6 +-
 .../src/components/dashboard/Day.vue          | 14 ++++
 .../src/components/guest/GuestCheckbox.vue    | 75 +++++++++++++++----
 .../src/components/guest/GuestDay.vue         |  4 +
 .../src/components/guest/GuestMeal.vue        |  4 +-
 .../src/components/guest/GuestVariation.vue   |  5 +-
 src/Resources/src/locales/de.json             |  3 +
 src/Resources/src/locales/en.json             |  3 +
 src/Resources/src/views/Guest.vue             | 17 ++++-
 10 files changed, 110 insertions(+), 29 deletions(-)

diff --git a/src/Mealz/MealBundle/Repository/ParticipantRepository.php b/src/Mealz/MealBundle/Repository/ParticipantRepository.php
index 7f471bcb6..3bf3d4c66 100644
--- a/src/Mealz/MealBundle/Repository/ParticipantRepository.php
+++ b/src/Mealz/MealBundle/Repository/ParticipantRepository.php
@@ -540,13 +540,13 @@ public function getParticipationCountByProfile(Profile $profile, DateTime $date)
     {
         $queryBuilder = $this->createQueryBuilder('p')
             ->select('p.id')
-            ->join('p.meal', 'm')
+            ->join('p.meal', 'm', 'ON')
             ->where('p.profile = :profile')
             ->andWhere('m.dateTime = :day')
-            ->setParameter('profile' , $profile->getUsername())
-            ->setParameter('day', $date, Types::DATE_MUTABLE);
+            ->setParameter('profile', $profile->getUsername())
+            ->setParameter('day', $date->format('Y-m-d H:i:s.u'));
 
-        $participations = $queryBuilder->getQuery()->getArrayResult();
+        $participations = $queryBuilder->getQuery()->execute();
 
         return count($participations);
     }
diff --git a/src/Resources/src/components/dashboard/CombiModal.vue b/src/Resources/src/components/dashboard/CombiModal.vue
index a0bf14b28..1e191d67e 100644
--- a/src/Resources/src/components/dashboard/CombiModal.vue
+++ b/src/Resources/src/components/dashboard/CombiModal.vue
@@ -89,7 +89,7 @@
 import { Dialog, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue';
 import CombiButtonGroup from '@/components/dashboard/CombiButtonGroup.vue';
 import { dashboardStore } from '@/stores/dashboardStore';
-import { computed, onMounted, ref } from 'vue';
+import { computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { type Meal } from '@/api/getDashboardData';
 import { type Dictionary } from '@/types/types';
@@ -108,10 +108,6 @@ const keys = computed(() => Object.keys(meals).filter((mealID) => meals[mealID].
 const slugs = ref<string[]>([]);
 const bookingDisabled = computed(() => slugs.value.length < 2);
 
-onMounted(() => {
-  console.log(`open(${props.open}), weekId(${props.weekID}), dayID(${props.dayID}), \nMeals: ${JSON.stringify(Object.keys(props.meals))}`);
-})
-
 function resolveModal(mode: string) {
   if (mode === 'cancel') {
     slugs.value = [];
diff --git a/src/Resources/src/components/dashboard/Day.vue b/src/Resources/src/components/dashboard/Day.vue
index 3047d2c5c..ab8ad7ae5 100644
--- a/src/Resources/src/components/dashboard/Day.vue
+++ b/src/Resources/src/components/dashboard/Day.vue
@@ -153,6 +153,20 @@ const dateString = computed(() => {
   });
 });
 
+// const participationCount = computed(() => {
+//   let count = 0;
+//   Object.values(day?.meals ?? {}).forEach(meal => {
+//     if (meal.variations) {
+//       Object.values(meal.variations).forEach(variation => {
+//         if (variation.isParticipating) count++;
+//       });
+//     } else {
+//       if (meal.isParticipating) count++;
+//     }
+//   });
+//   return count;
+// });
+
 async function closeParticipantsModal() {
   openParticipantsModal.value = false;
 }
diff --git a/src/Resources/src/components/guest/GuestCheckbox.vue b/src/Resources/src/components/guest/GuestCheckbox.vue
index dd527b9a0..cc6396dc6 100644
--- a/src/Resources/src/components/guest/GuestCheckbox.vue
+++ b/src/Resources/src/components/guest/GuestCheckbox.vue
@@ -1,14 +1,12 @@
 <template>
   <span
     data-cy="guest-checkbox"
-    :class="[
-      enabled ? 'bg-primary-3' : '',
-      'size-[30px] cursor-pointer rounded-md border-[0.5px] border-[#ABABAB] xl:size-[20px]'
-    ]"
+    class="size-[30px] cursor-pointer rounded-md border-[0.5px] border-[#ABABAB] xl:size-[20px]"
+    :class="isChecked ? 'bg-primary-3' : ''"
     @click="handle"
   >
     <CheckIcon
-      v-if="enabled"
+      v-if="isChecked"
       class="relative left-[10%] top-[10%] size-4/5 text-white"
     />
   </span>
@@ -22,7 +20,7 @@
 
 <script setup lang="ts">
 import { CheckIcon } from '@heroicons/vue/solid';
-import { ref } from 'vue';
+import { computed, ref } from 'vue';
 import useEventsBus from '@/tools/eventBus';
 import CombiModal from '@/components/dashboard/CombiModal.vue';
 import { type Meal } from '@/api/getDashboardData';
@@ -31,35 +29,35 @@ import { type Dictionary } from '@/types/types';
 const props = defineProps<{
   meals: Dictionary<Meal>;
   mealId: number | string;
+  chosenMeals: string[];
 }>();
 
-const enabled = ref(false);
 const open = ref(false);
 const { emit } = useEventsBus();
 
 const isCombiBox = (props.meals[props.mealId] as Meal).dishSlug === 'combined-dish';
-let hasVariations = false;
 
+let hasVariations = false;
 Object.values(props.meals).forEach((meal) => ((meal as Meal).variations ? (hasVariations = true) : ''));
 
+const isChecked = computed(() => props.chosenMeals.includes(props.mealId.toString() ?? ''));
+
 function handle() {
   // Is a combi meal
-  if (isCombiBox) {
+  if (isCombiBox && (isMealBookable() || isChecked.value)) {
     // has variations
-    if (hasVariations) {
+    if (hasVariations && isChecked.value === false) {
       open.value = true;
     } else {
-      let combiDishes = Object.values(props.meals)
+      const combiDishes = Object.values(props.meals)
         .filter((meal) => (meal as Meal).dishSlug !== 'combined-dish')
         .map((meal) => (meal as Meal).dishSlug);
 
       emit('guestChosenCombi', combiDishes);
       emit('guestChosenMeals', props.mealId);
-      enabled.value = !enabled.value;
     }
-  } else {
+  } else if (isMealBookable() || isChecked.value) {
     emit('guestChosenMeals', props.mealId);
-    enabled.value = !enabled.value;
   }
 }
 
@@ -67,8 +65,55 @@ function handleCombiModal(dishes: string[]) {
   if (dishes !== undefined) {
     emit('guestChosenCombi', dishes);
     emit('guestChosenMeals', props.mealId);
-    enabled.value = !enabled.value;
   }
   open.value = false;
 }
+
+function isMealBookable() {
+  const meal = props.meals[props.mealId];
+
+  if (meal.dishSlug === 'combined-dish') {
+    return isCombiBookable(meal);
+  } else {
+    return isDishBookable(meal);
+  }
+}
+
+function isCombiBookable(meal: Meal): boolean {
+  return !meal.reachedLimit && getBookableCombiMealIds().length >= 2;
+}
+
+function getBookableCombiMealIds() {
+  const combiMeals: number[] = [];
+  Object.values(props.meals)
+    .filter((meal) => (meal as Meal).dishSlug !== 'combined-dish')
+    .flatMap((combi) => {
+      if (combi.variations !== null && combi.variations !== undefined) {
+        return Object.values(combi.variations).map((variation) => getBookableObject(variation));
+      }
+      return getBookableObject(combi);
+    })
+    .filter((combi) => combi.bookable)
+    .forEach((combi) => {
+      if (!combiMeals.includes(combi.parent)) {
+        return combiMeals.push(combi.parent);
+      }
+    });
+
+  return combiMeals;
+}
+
+function getBookableObject(combi: Meal) {
+  return {
+    parent: combi.parentId ?? Math.random(),
+    bookable: isDishBookable(combi, 0.5)
+  };
+}
+
+function isDishBookable(meal: Meal, mealValue: number = 1): boolean {
+  return (
+    !meal.reachedLimit &&
+    (meal.limit === 0 || meal.limit === null || meal.limit >= (meal.participations ?? 0) + mealValue)
+  );
+}
 </script>
diff --git a/src/Resources/src/components/guest/GuestDay.vue b/src/Resources/src/components/guest/GuestDay.vue
index e58f7c63f..e9a299345 100644
--- a/src/Resources/src/components/guest/GuestDay.vue
+++ b/src/Resources/src/components/guest/GuestDay.vue
@@ -38,11 +38,14 @@
         <GuestVariation
           v-if="meal.variations && Object.values(meal.variations).length > 0"
           :meal="meal"
+          :meal-id="mealID"
+          :chosen-meals="chosenMeals"
         />
         <GuestMeal
           v-else
           :meals="guestData.meals"
           :mealId="mealID"
+          :chosen-meals="chosenMeals"
         />
       </div>
     </div>
@@ -70,6 +73,7 @@ const { t, locale } = useI18n();
 
 const props = defineProps<{
   guestData: GuestDay;
+  chosenMeals: string[];
 }>();
 
 const weekday = computed(() => translateWeekday(props.guestData.date, locale));
diff --git a/src/Resources/src/components/guest/GuestMeal.vue b/src/Resources/src/components/guest/GuestMeal.vue
index 5006d92d7..49aaa5246 100644
--- a/src/Resources/src/components/guest/GuestMeal.vue
+++ b/src/Resources/src/components/guest/GuestMeal.vue
@@ -37,6 +37,7 @@
       <GuestCheckbox
         :meals="meals"
         :mealId="mealId"
+        :chosen-meals="chosenMeals"
       />
     </div>
   </div>
@@ -57,6 +58,7 @@ import { MealState } from '@/enums/MealState';
 const props = defineProps<{
   meals: Dictionary<Meal>;
   mealId: number | string;
+  chosenMeals: string[];
 }>();
 
 const { t, locale } = useI18n();
@@ -81,7 +83,7 @@ const description = computed(() => {
 });
 
 const mealCSS = computed(() => {
-  let css = 'grid grid-cols-2 content-center rounded-md h-[30px] xl:h-[20px] mr-[15px] ';
+  let css = 'flex content-center rounded-md h-[30px] xl:h-[20px] mr-[15px] ';
   switch (meal.value.mealState) {
     case MealState.OFFERABLE:
     case MealState.DISABLED:
diff --git a/src/Resources/src/components/guest/GuestVariation.vue b/src/Resources/src/components/guest/GuestVariation.vue
index 78e550a4e..8d7a9017c 100644
--- a/src/Resources/src/components/guest/GuestVariation.vue
+++ b/src/Resources/src/components/guest/GuestVariation.vue
@@ -43,6 +43,7 @@
       <GuestCheckbox
         :mealId="variationID"
         :meals="{ [variationID]: variation }"
+        :chosen-meals="chosenMeals"
       />
     </div>
   </div>
@@ -64,6 +65,8 @@ const { generateMealState } = useMealState();
 
 const props = defineProps<{
   meal: Meal;
+  mealId: string | number;
+  chosenMeals: string[];
 }>();
 
 const parentTitle = computed(() => (locale.value.substring(0, 2) === 'en' ? props.meal.title.en : props.meal.title.de));
@@ -71,7 +74,7 @@ const parentTitle = computed(() => (locale.value.substring(0, 2) === 'en' ? prop
 const mealCSS = computed(() => {
   const css: Map<string, string> = new Map();
   for (const [variationId, variation] of Object.entries(props.meal.variations ?? {})) {
-    let cssStr = 'grid grid-cols-2 content-center rounded-md h-[30px] xl:h-[20px] mr-[15px] ';
+    let cssStr = 'flex content-center rounded-md h-[30px] xl:h-[20px] mr-[15px] ';
     switch (generateMealState(variation as Meal)) {
       case MealState.OFFERABLE:
       case MealState.DISABLED:
diff --git a/src/Resources/src/locales/de.json b/src/Resources/src/locales/de.json
index 1ca354eaa..e583998e2 100644
--- a/src/Resources/src/locales/de.json
+++ b/src/Resources/src/locales/de.json
@@ -217,6 +217,9 @@
       },
       "guest": {
         "joined": "Wir freuen uns Sie dabei zu haben."
+      },
+      "meal": {
+        "maxReached": "Es dürfen maximal zwei Essen am Tag bestellt werden. Bitte wähle ein Essen ab um ein anderes Essen zu buchen."
       }
     },
     "print": {
diff --git a/src/Resources/src/locales/en.json b/src/Resources/src/locales/en.json
index 9edb6282d..6002272d9 100644
--- a/src/Resources/src/locales/en.json
+++ b/src/Resources/src/locales/en.json
@@ -217,6 +217,9 @@
       },
       "guest": {
         "joined": "We are looking forward to meeting you."
+      },
+      "meal": {
+        "maxReached": "You may only book two meals per day. Please uncheck one meal to book another one."
       }
     },
     "print": {
diff --git a/src/Resources/src/views/Guest.vue b/src/Resources/src/views/Guest.vue
index 5d5403c5e..11609c76c 100644
--- a/src/Resources/src/views/Guest.vue
+++ b/src/Resources/src/views/Guest.vue
@@ -17,6 +17,7 @@
       v-if="invitation"
       :class="{ 'ring-2 ring-red': mealsMissing }"
       :guestData="invitation"
+      :chosen-meals="form.chosenMeals"
     />
     <GuestForm
       v-model:firstName="form.firstName"
@@ -42,6 +43,8 @@ import { useI18n } from 'vue-i18n';
 import GuestCompletion from '@/components/guest/GuestCompletion.vue';
 import GuestForm from '@/components/guest/GuestForm.vue';
 import GuestDay from '@/components/guest/GuestDay.vue';
+import useFlashMessage from '@/services/useFlashMessage';
+import { FlashMessageType } from '@/enums/FlashMessage';
 
 interface IForm {
   firstName: string;
@@ -58,6 +61,7 @@ const { invitation, error } = await useInvitationData(route.params.hash as strin
 const result = ref(error.value === true ? 'data_error' : '');
 const { receive } = useEventsBus();
 const { t, locale } = useI18n();
+const { sendFlashMessage } = useFlashMessage();
 
 const form = reactive<IForm>({
   firstName: '',
@@ -76,12 +80,19 @@ const lastNameMissing = ref(false);
 const companyMissing = ref(false);
 const mealsMissing = ref(false);
 
-receive('guestChosenMeals', (slug: string) => {
-  const index = form.chosenMeals.indexOf(slug);
+const reachedLimit = computed(() => form.chosenMeals.length >= 2);
+
+receive('guestChosenMeals', (mealId: string) => {
+  const index = form.chosenMeals.indexOf(mealId);
   if (index !== -1) {
     form.chosenMeals.splice(index, 1);
+  } else if (reachedLimit.value === true) {
+    sendFlashMessage({
+      type: FlashMessageType.INFO,
+      message: 'meal.maxReached'
+    });
   } else {
-    form.chosenMeals.push(slug);
+    form.chosenMeals.push(mealId);
   }
 });
 

From a6ef925f4d1dc0d3c13dd760b62c07cc592485a7 Mon Sep 17 00:00:00 2001
From: Felix Ruf <felix.ruf@aoe.com>
Date: Fri, 9 Aug 2024 08:33:17 +0200
Subject: [PATCH 3/4] removed commented code

---
 src/Resources/src/components/dashboard/Day.vue | 16 +---------------
 1 file changed, 1 insertion(+), 15 deletions(-)

diff --git a/src/Resources/src/components/dashboard/Day.vue b/src/Resources/src/components/dashboard/Day.vue
index ab8ad7ae5..88c3e419b 100644
--- a/src/Resources/src/components/dashboard/Day.vue
+++ b/src/Resources/src/components/dashboard/Day.vue
@@ -7,7 +7,7 @@
       :class="[day?.isLocked || !day?.isEnabled || (emptyDay && !isEventDay) ? 'bg-[#80909F]' : 'bg-primary-2']"
     >
       <InformationButton
-        v-if="!day?.isLocked && !emptyDay"
+        v-if="!emptyDay"
         :dayID="dayID"
         :index="index"
         class="hover: row-start-1 size-[24px] cursor-pointer p-1 text-center"
@@ -153,20 +153,6 @@ const dateString = computed(() => {
   });
 });
 
-// const participationCount = computed(() => {
-//   let count = 0;
-//   Object.values(day?.meals ?? {}).forEach(meal => {
-//     if (meal.variations) {
-//       Object.values(meal.variations).forEach(variation => {
-//         if (variation.isParticipating) count++;
-//       });
-//     } else {
-//       if (meal.isParticipating) count++;
-//     }
-//   });
-//   return count;
-// });
-
 async function closeParticipantsModal() {
   openParticipantsModal.value = false;
 }

From fc5ea8548f2617f5922c629e84e6aeb58cb94d0d Mon Sep 17 00:00:00 2001
From: Felix Ruf <felix.ruf@aoe.com>
Date: Mon, 12 Aug 2024 13:14:43 +0200
Subject: [PATCH 4/4] potential fix for docker build warning

---
 Dockerfile | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/Dockerfile b/Dockerfile
index 3bc4a0397..5fca73a32 100755
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,10 +1,10 @@
 # generate frontend assets
-FROM node:20 as frontend
+FROM node:20 AS frontend
 RUN apt-get update \
     && DEBIAN_FRONTEND=noninteractive apt-get install -y -o Dpkg::Options::="--force-confold" --no-install-recommends --no-install-suggests \
         build-essential \
         nodejs
-WORKDIR var/www/html/src/Resources
+WORKDIR /var/www/html/src/Resources
 COPY src/Resources/package.json src/Resources/package-lock.json ./
 RUN npm install
 COPY src/Resources/ .