Restrict menu items based on game stage

frontend/src/components/TopLevel.component.js

@@ -1,5 +1,6 @@
 import {Component} from '../../lib/vues6.js'
 import {router} from '../module/routing.js'
+import {api} from '../module/api.js'
 
 const template = `
 <div class="top-level-container">
@@ -48,11 +49,21 @@ class TopLevelComponent extends Component {
         { title: 'Draft Board', page: 'draft-board' },
     ]
 
+    status = {}
+
     /**
      * Called when the component is initialized.
      * @return {Promise<void>}
      */
     async vue_on_create() {
+        this.status = await api.get_status()
+
+        if ( this.status.is_draft_stage ) {
+            this.navbar_items = this.navbar_items.filter(x => !['my-team/add-players', 'scores', 'league'].includes(x.page))
+        } else {
+            this.navbar_items = this.navbar_items.filter(x => !['draft-board'].includes(x.page))
+        }
+
         // Listen for navigation changes.
         this.router_subscription = router.subscribe((path, args) => this.on_route_change(path, args))
         this.current_route = router.current_route

frontend/src/module/api.js

@@ -3,6 +3,10 @@ class API {
         this.base_url = APP_BASE_PATH.replace('/app/', '/api/v1/')
     }
 
+    async get_status() {
+        return this.get_request('status')
+    }
+
     async get_standings() {
         return this.get_request('league-standings')
     }