From a702e0761a4b051266d9378110fd65738ec4a095 Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Mon, 16 Mar 2020 20:00:13 +0100
Subject: [PATCH] Optional prop generateOnInit, used in virt reg page

---
 src/components/VirtualLotteryRegistrationPage.vue |  2 +-
 src/ui/RaffleGenerator.vue                        | 11 ++++++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/VirtualLotteryRegistrationPage.vue b/src/components/VirtualLotteryRegistrationPage.vue
index 5048c19..7e0d12a 100644
--- a/src/components/VirtualLotteryRegistrationPage.vue
+++ b/src/components/VirtualLotteryRegistrationPage.vue
@@ -119,7 +119,7 @@
         </div>
       </div>
       <div v-else>
-        <RaffleGenerator @colors="setWithRandomColors" />
+        <RaffleGenerator @colors="setWithRandomColors" :generateOnInit="true" />
       </div>
     </div>
     <br />
diff --git a/src/ui/RaffleGenerator.vue b/src/ui/RaffleGenerator.vue
index a6d8bfb..83ccadb 100644
--- a/src/ui/RaffleGenerator.vue
+++ b/src/ui/RaffleGenerator.vue
@@ -60,6 +60,13 @@
 
 <script>
 export default {
+  props: {
+    generateOnInit: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
   data() {
     return {
       numberOfBallots: 4,
@@ -79,12 +86,14 @@ export default {
   },
   beforeMount() {
     this.$emit("numberOfBallots", this.numberOfBallots);
+    if (this.generateOnInit) {
+      this.generateColors();
+    }
   },
   watch: {
     numberOfBallots: function() {
       this.$emit("numberOfBallots", this.numberOfBallots);
       this.generateColors();
-      this.emitColors();
     }
   },
   methods: {