From e23bb22ea2680eb66d82f88bab44b09269da7b1f Mon Sep 17 00:00:00 2001
From: George Kaklamanos <gkaklas1@gmail.com>
Date: Sun, 19 Jul 2015 13:18:27 +0300
Subject: [PATCH] Seperated content in tabs

---
 ShowStop.php | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/ShowStop.php b/ShowStop.php
index 2e5a5cc..7b93ff1 100644
--- a/ShowStop.php
+++ b/ShowStop.php
@@ -15,15 +15,22 @@ position of the bus on the map. The other table shows upcoming arrivals. There
 is also a map showing the location of the requested stop.</p>
 
 
-
 <?php
 include 'libdata.php';
 
 if (isValidStop($_GET["stop"])){
     $stop=getStopInfo($_GET["stop"]);
-    echo '<header><h1>' . $stop['id'] . ' - ' . $stop['name'] . '</h1></header>';
+    echo '<header><h1>Stop ' . $stop['id'] . ' - ' . $stop['name'] . '</h1></header>';
+    echo '<ul class="nav nav-tabs" role="tablist" >';
+    echo '<li role="presentation" class="active"><a href="#routes" aria-controls="routes" data-toggle="tab" role="tab">Routes</a></li>';
+    echo '<li role="presentation"><a href="#map" onclick="setTimeout(function(){map.updateSize();}, 200);" aria-controls="map" data-toggle="tab" role="tab">Map</a></li>';
+    echo '</ul>';
+    echo '<div class="tab-content">';
+    echo '<div id="routes" class="tab-pane fade in active" role="tabpanel">';
     PrintRoutes($_GET["stop"]);
+    echo '</div><div id="map" class="tab-pane fade" role="tabpanel">';
     ShowMap($stop['lat'],$stop['lon']);
+    echo '</div></div>';
 } else {
     echo '<span style="display:inline-block" class="alert alert-danger" role="alert">No such stop. <a href="javascript:history.back()">Go back?</a></span>';
 }