Main menu

client/src/views/decks.ts

@@ -1,4 +1,5 @@
 /// <reference path="../external/react/react.d.ts"/>
+/// <reference path="../stores/store.ts"/>
 /// <reference path="./header.ts"/>
 
 module rpgcards {

client/src/views/main.ts

@@ -0,0 +1,30 @@
+/// <reference path="../external/react/react.d.ts"/>
+/// <reference path="../stores/store.ts"/>
+/// <reference path="./header.ts"/>
+/// <reference path="./components/deck.ts"/>
+
+module rpgcards {
+
+        const deckColor = "#F44336";
+
+        function menuItem(header: string, desc: string) {
+            return <React.ReactElement<any>> DeckTile({
+                key   : header,
+                id    : header,
+                name  : header,
+                desc  : desc
+            });
+        }
+
+    export function renderMain(store: Store): React.ReactElement<any> {
+
+        return React.DOM.div({}
+            , renderHeader(store)
+            , React.DOM.div({ className: 'decks' }
+                , menuItem("Card data", "Edit or import card data")
+                , menuItem("Templates", "Design the layout of cards")
+                , menuItem("Decks", "Edit the layout of cards")
+                , menuItem("Help", "Read documentation")
+            ));
+    }
+}

client/src/views/ui.ts

@@ -1,12 +1,13 @@
 /// <reference path="./view.ts"/>
 /// <reference path="./decks.ts"/>
 /// <reference path="./notfound.ts"/>
+/// <reference path="./main.ts"/>
 
 module rpgcards {
 	
 	export function renderUI(store: Store): React.ReactElement<any> {
 		switch(store.getViewState()) {
-			case ViewState.MainMenu: return renderDecks(store);
+			case ViewState.MainMenu: return renderMain(store);
 			case ViewState.DeckList: return renderDecks(store);
 			case ViewState.DeckEdit: return renderNotFound(store);
 			case ViewState.DeckAddDataset: return renderNotFound(store);

client/tsconfig.json

@@ -40,6 +40,7 @@
         "./src/views/decks.ts",
         "./src/views/header.ts",
         "./src/views/notfound.ts",
+        "./src/views/main.ts",
         "./src/views/ui.ts"
     ]
 }