From dd9d0b38e00fbc1460c2e6a377b6aa60db58b0cf Mon Sep 17 00:00:00 2001
From: Matteias Collet <matteias.collet@bluewin.ch>
Date: Mon, 29 Jun 2020 22:17:42 +0200
Subject: [PATCH] disable post-game selection on random level order

---
 docs/.vuepress/components/SelectComponent.vue | 24 ++++++++++++-------
 docs/.vuepress/components/StageLoader.vue     |  6 +++++
 2 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/docs/.vuepress/components/SelectComponent.vue b/docs/.vuepress/components/SelectComponent.vue
index c6dfac7..3f349a2 100644
--- a/docs/.vuepress/components/SelectComponent.vue
+++ b/docs/.vuepress/components/SelectComponent.vue
@@ -1,16 +1,15 @@
 <template>
-  <div class="select-wrapper">
-    <select @change="(e) => this.onChange(e.target.value)" autocomplete="off">
+  <div :class="disabled ? 'select-wrapper disabled' : 'select-wrapper'">
+    <select @change="e => this.onChange(e.target.value)" autocomplete="off" :disabled="disabled">
       <option v-if="placeholder != null" selected disabled>
-        {{
-        placeholder
-        }}
+        {{ placeholder }}
       </option>
       <option
         v-for="option in options"
         :value="option.value"
         :selected="selectedValue && option.value === selectedValue"
-      >{{ option.label }}</option>
+        >{{ option.label }}</option
+      >
     </select>
   </div>
 </template>
@@ -18,14 +17,15 @@
 <script>
 export default {
   props: {
+    disabled: { type: Boolean },
     selectedValue: { type: String },
     placeholder: { type: String },
     options: { type: Array },
-    onChange: { type: Function }
+    onChange: { type: Function },
   },
   data() {
     return {};
-  }
+  },
 };
 </script>
 
@@ -41,6 +41,12 @@ export default {
   z-index: 10;
 }
 
+.select-wrapper.disabled,
+.select-wrapper.disabled select {
+  background-color: rgb(165, 165, 165);
+  cursor: not-allowed;
+}
+
 select {
   border: none;
   outline: none;
@@ -82,7 +88,7 @@ select option {
   top: 3px;
   width: 40px;
   height: 100%;
-  content: "\25BC";
+  content: '\25BC';
   text-align: center;
   color: white;
   font-size: 14px;
diff --git a/docs/.vuepress/components/StageLoader.vue b/docs/.vuepress/components/StageLoader.vue
index d962388..71f8d87 100644
--- a/docs/.vuepress/components/StageLoader.vue
+++ b/docs/.vuepress/components/StageLoader.vue
@@ -27,6 +27,7 @@
     <div class="config">
       <span>Post Game:</span>
       <SelectComponent
+        :disabled="levelOrderSelection === 'random'"
         :options="postGameOptions"
         :onChange="onPostGameSelectionChanged"
         :selectedValue="postGameSelection"
@@ -157,6 +158,11 @@ export default {
     },
     onLevelOrderSelectionChanged(e) {
       this.levelOrderSelection = e;
+
+      if (e === 'random') {
+        this.postGameSelection = '0109';
+      }
+
       this.updateCode();
     },
     onPostGameSelectionChanged(e) {