add basic tab layout and remove ember dependency

localjo · localjo · commit a8672c1a55da · 2014-07-08T14:26:01.000-04:00
diff --git a/bower.json b/bower.json
@@ -26,8 +26,11 @@
     "tests"
   ],
   "dependencies": {
-    "ember": "~1.5.1",
     "bootstrap": "~3.2.0",
-    "Inspector-JSON": "SparkartGroupInc/Inspector-JSON#e6bec9fe4cc7551cd46f44bafed6891620a5e47d"
+    "Inspector-JSON": "SparkartGroupInc/Inspector-JSON#e6bec9fe4cc7551cd46f44bafed6891620a5e47d",
+    "bootstrap-vertical-tabs": "~1.1.0"
+  },
+  "resolutions": {
+    "bootstrap": "~3.2.0"
   }
 }
diff --git a/views/devpanel.html b/views/devpanel.html
@@ -1,14 +1,36 @@
 <!doctype html>
 <html>
 <head>
+  <script src="../bower_components/jquery/dist/jquery.min.js"></script>
   <script src="../node_modules/socket.io-client/socket.io.js"></script>
   <script src="devpanel.js"></script>
   <script src="../bower_components/Inspector-JSON/inspector-json.js"></script>
+  <script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
+
   <link href="../bower_components/Inspector-JSON/inspector-json.css" media="all" rel="stylesheet" type="text/css">
+  <link href="../bower_components/bootstrap/dist/css/bootstrap.min.css" media="all" rel="stylesheet" type="text/css">
+  <link href="../bower_components/bootstrap-vertical-tabs/bootstrap.vertical-tabs.min.css" media="all" rel="stylesheet" type="text/css">
 </head>
 <body>
-  <div id="messageholder"></div>
-  <div id="pagecontext"></div>
-  <pre id="serverlogs"></pre>
+  <div class="col-xs-3">
+    <ul class="nav nav-tabs tabs-left">
+      <li><a href="#context" data-toggle="tab">Context</a></li>
+      <li><a href="#logs" data-toggle="tab">Logs</a></li>
+      <li><a href="#info" data-toggle="tab">Info</a></li>
+    </ul>
+  </div>
+  <div class="col-xs-9">
+    <div class="tab-content">
+      <div class="tab-pane active" id="context">
+        <div id="pagecontext"></div>
+      </div>
+      <div class="tab-pane" id="logs">
+        <pre id="serverlogs"></pre>
+      </div>
+      <div class="tab-pane" id="info">
+        <div id="messageholder"></div>
+      </div>
+    </div>
+  </div>
 </body>
 </html>

Original file line number	Diff line number	Diff line change
`@@ -26,8 +26,11 @@`
`26`	`26`	`"tests"`
`27`	`27`	`],`
`28`	`28`	`"dependencies": {`
`29`		`- "ember": "~1.5.1",`
`30`	`29`	`"bootstrap": "~3.2.0",`
`31`		`- "Inspector-JSON": "SparkartGroupInc/Inspector-JSON#e6bec9fe4cc7551cd46f44bafed6891620a5e47d"`
	`30`	`+ "Inspector-JSON": "SparkartGroupInc/Inspector-JSON#e6bec9fe4cc7551cd46f44bafed6891620a5e47d",`
	`31`	`+ "bootstrap-vertical-tabs": "~1.1.0"`
	`32`	`+ },`
	`33`	`+ "resolutions": {`
	`34`	`+ "bootstrap": "~3.2.0"`
`32`	`35`	`}`
`33`	`36`	`}`