redefine app structure

site/client/app/modules/inner/components/chat.js

@@ -0,0 +1,19 @@
+module.exports = {
+
+  template: require('../views/chat.html'),
+
+  data: function() {
+    return {
+      message: ''
+    }
+  },
+
+  methods: {
+    submitChat: function(e) {
+      e.preventDefault();
+
+      console.log(this.message);
+    }
+  }
+
+};

site/client/app/modules/inner/components/inner.js

@@ -0,0 +1,22 @@
+module.exports = {
+
+  template: require('../views/inner.html'),
+
+  inherit: true,
+
+  data: function() {
+    return {
+      modal: false
+    }
+  },
+
+  components: {
+    searchmatch: require('./search-match'),
+    navigation: require('./navigation'),
+    chat: require('./chat'),
+
+    lobby: require('./../../lobby/components/lobby'),
+    deckBuilder: require('./../../deck-builder/components/deck-builder'),
+  }
+
+};

site/client/app/modules/inner/components/navigation.js

@@ -0,0 +1,25 @@
+module.exports = {
+
+  template: require('../views/navigation.html'),
+
+  inherit: true,
+
+  data: function() {
+    return {
+      // todo: work with slug filter
+      navigation: [
+        { name: 'Lobby', route: '/lobby' },
+        { name: 'Deck Builder', route: '/deck-builder' },
+        { name: 'Highscore', route: '/highscore' }
+      ]
+    }
+  },
+
+  methods: {
+    searchMatch: function() {
+      this.modal = true;
+      // trigger match functions
+    }
+  }
+
+};

site/client/app/modules/inner/components/search-match.js

@@ -0,0 +1,14 @@
+module.exports = {
+
+  template: require('./../views/search-match.html'),
+
+  inherit: true,
+
+  methods: {
+    cancelMatch: function() {
+      this.modal = false;
+      // trigger match functions
+    }
+  }
+
+};