Merge pull request #1 from ety001/feature_0227

Feature 0227

package.json

@@ -14,6 +14,7 @@
     "lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs"
   },
   "dependencies": {
+    "babel-runtime": "^6.26.0",
     "stellar-sdk": "^0.7.3",
     "vue": "^2.3.3",
     "vue-material": "^0.7.4",

src/components/Home.vue

@@ -1,18 +1,29 @@
 <template>
   <md-layout md-gutter class="main-box">
+    <md-layout md-flex="100">
+      <robot-switch></robot-switch>
+    </md-layout>
+
     <md-layout md-flex="40">
       <wallet-info></wallet-info>
     </md-layout>
 
     <md-layout md-flex="60">
       <robot-exchange-pair></robot-exchange-pair>
     </md-layout>
+
+    <md-layout md-flex="100">
+      <order-list></order-list>
+    </md-layout>
+
   </md-layout>
 </template>
 
 <script>
 import WalletInfo from '@/components/common/WalletInfo';
 import RobotExchangePair from '@/components/common/RobotExchangePair';
+import OrderList from '@/components/common/OrderList';
+import RobotSwitch from '@/components/common/RobotSwitch';
 
 export default {
   name: 'home',
@@ -26,12 +37,14 @@ export default {
   components: {
     'wallet-info': WalletInfo,
     'robot-exchange-pair': RobotExchangePair,
+    'order-list': OrderList,
+    'robot-switch': RobotSwitch,
   },
 };
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
+<style>
 .main-box .md-layout {
   margin-top: 20px;
   padding: 10px;
@@ -45,4 +58,7 @@ export default {
   text-overflow:ellipsis;
   white-space: nowrap;
 }
+.custom-option {
+  max-width: none !important;
+}
 </style>