Version 0.1.2, see changelog. Signup fix.

CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+### 0.1.2
+
+- Fix login bug
+- Fix available button disabled state
+- Temporarily disable code form validation
+- Redirect to player profile right away after succesful sign up
+
 ## 0.1.1
 
 - Prevent setting to available when challenge code is empty

ROADMAP.md

@@ -7,14 +7,14 @@ None of this is guaranteed to be worked on by anyone.
 
 ## Milestones
 
-### 0.1.2
-
-- See number of online users (recently logged in)
-
 ### 0.1.3
 
+- Bugfix: Re-enabled and fix form code validation
+- See number of online users (recently logged in)
+- Allow status message to be displayed (e.g. bugs)
 - Notifications when challenges are made available
   - Browser notification API?
+  - [Firebase Cloud Messaging](https://firebase.google.com/docs/cloud-messaging)
 
 ### 0.1.4
 
@@ -66,3 +66,5 @@ None of this is guaranteed to be worked on by anyone.
   - Matchup wanted (God, deck type)
   - Decklist
 - Announcement post? Voice?
+- Mark challenge as connected to help other players to try to queue with you anymore
+- Quick copy button

src/App.vue

@@ -34,7 +34,7 @@
             label="Available"
             class="force-height mr-2"
             @change="updateAvailability()"
-            :disabled="player.challenge.code.toString() == ''"
+            :disabled="!isAvailableEnabled"
           ></v-switch>
 
           <v-chip :visible="!!user" pill outlined @click="visitPlayer()">
@@ -104,6 +104,7 @@ export default {
     ...mapState(['user', 'status']),
     ...mapGetters({
       userName: 'userName',
+      isAvailableEnabled: 'isAvailableEnabled',
       player: 'playerObject'
     })
   },
@@ -119,7 +120,7 @@ export default {
   },
   data() {
     return {
-      version: '0.1.1'
+      version: '0.1.2'
     }
   },
   methods: {

src/components/FirebaseUI.vue

@@ -47,7 +47,7 @@ export default {
                 })
                 this.$gtag.event('playerCreated')
               }
-              this.$router.push('/')
+              this.$router.push({ name: 'Player' })
             })
           },
           uiShown: () => {

src/store/index.js

@@ -126,6 +126,19 @@ export default new Vuex.Store({
           challenge.player = new Player(player)
           return challenge
         })
+    },
+    isAvailableEnabled(state) {
+      if (!state.player) {
+        return false
+      } else if (!state.player.challenge) {
+        return false
+      } else if (!state.player.challenge.code) {
+        return false
+      } else if (state.player.challenge.code === '') {
+        return false
+      } else {
+        return true
+      }
     }
   },
   modules: {}

src/views/Player.vue

@@ -4,7 +4,7 @@
       <v-row>
         <v-spacer></v-spacer>
         <v-col cols="12" :lg="columnSizeLg * 2">
-          <v-alert v-if="player.challenge.code.toString() === ''" type="info">
+          <v-alert v-if="!isAvailableEnabled" type="info">
             Once you entered a challenge code you can set yourself to available
             using the switch in the top menu bar.
           </v-alert>
@@ -136,20 +136,15 @@ export default {
       ],
       rules: {
         code: {
-          length: value => {
-            return (
-              value == '' ||
-              (value && value.length >= 3 && value.length <= 40) ||
-              'Needs to be between 3 and 40 characters.'
-            )
-          }
+          length: value => true
         }
       }
     }
   },
   computed: {
     ...mapState(['user']),
     ...mapGetters({
+      isAvailableEnabled: 'isAvailableEnabled',
       player: 'playerObject'
     })
   },