Update citybus.html

michael2010 · Apr 8, 2024 · a4926e5 · a4926e5
1 parent 9c9596c
commit a4926e5
Showing 1 changed file with 67 additions and 64 deletions.
diff --git a/citybus.html b/citybus.html
@@ -1,61 +1,61 @@
-<!DOCTYPE html>
-<!--
-Created using JS Bin
-http://jsbin.com
-
-Copyright (c) 2024 by michael2010 (http://jsbin.com/xowowed/77/edit)
-
-Released under the MIT license: http://jsbin.mit-license.org
--->
-<meta name="robots" content="noindex">
-<html>
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width">
-  <title>JS Bin</title>
-  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
-  <script src='https://cdn.datatables.net/2.0.3/js/dataTables.min.js'></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/dexie/4.0.1/dexie.min.js" integrity="sha512-ivrkdCfiR6zx/PLVgdDLJ9+8RkRn3wyXHrUj8wpdl+VtYUJqnw+TquLEd94cTbe9NlB06XtbPl9EnZdto6UNaQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-  <script src="https://cdn.datatables.net/responsive/3.0.1/js/dataTables.responsive.min.js"></script>
-  <link rel="stylesheet" href="https://cdn.datatables.net/2.0.3/css/dataTables.dataTables.min.css">
-  <link rel="stylesheet" href="https://cdn.datatables.net/responsive/3.0.1/css/responsive.dataTables.min.css">
-</head>
-<body>
-
-  <table id="etaTable" class="display" style="width:100%">
-      <thead>
-          <tr>
-            <th>Delete</th>
-            <th>Direction</th>
-            <th>Stop Name</th>
-            <th>ETA</th>
-          </tr>
-      </thead>
-  </table>
-
-  <table id="myTable" class="display" style="width:100%">
-      <thead>
-          <tr>
-            <th>Route</th>
-            <th>Orig</th>
-            <th>Dest</th>
-            <th>Query</th>
-          </tr>
-      </thead>
-  </table>
-
-  <table id="stopTable" class="display" style="width:100%">
-      <thead>
-          <tr>
-            <th>Direction</th>
-            <th>Stop Name</th>
-            <th>Sequence</th>
-            <th>Stop ID</th>
-            <th>Add</th>
-          </tr>
-      </thead>
-  </table>
-<script id="jsbin-javascript">
+<!DOCTYPE html>
+<!--
+Created using JS Bin
+http://jsbin.com
+
+Copyright (c) 2024 by michael2010 (http://jsbin.com/xowowed/79/edit)
+
+Released under the MIT license: http://jsbin.mit-license.org
+-->
+<meta name="robots" content="noindex">
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width">
+  <title>JS Bin</title>
+  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
+  <script src='https://cdn.datatables.net/2.0.3/js/dataTables.min.js'></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/dexie/4.0.1/dexie.min.js" integrity="sha512-ivrkdCfiR6zx/PLVgdDLJ9+8RkRn3wyXHrUj8wpdl+VtYUJqnw+TquLEd94cTbe9NlB06XtbPl9EnZdto6UNaQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+  <script src="https://cdn.datatables.net/responsive/3.0.1/js/dataTables.responsive.min.js"></script>
+  <link rel="stylesheet" href="https://cdn.datatables.net/2.0.3/css/dataTables.dataTables.min.css">
+  <link rel="stylesheet" href="https://cdn.datatables.net/responsive/3.0.1/css/responsive.dataTables.min.css">
+</head>
+<body>
+
+  <table id="etaTable" class="display" style="width:100%">
+      <thead>
+          <tr>
+            <th>Delete</th>
+            <th>Direction</th>
+            <th>Stop Name</th>
+            <th>ETA</th>
+          </tr>
+      </thead>
+  </table>
+
+  <table id="myTable" class="display" style="width:100%">
+      <thead>
+          <tr>
+            <th>Route</th>
+            <th>Orig</th>
+            <th>Dest</th>
+            <th>Query</th>
+          </tr>
+      </thead>
+  </table>
+
+  <table id="stopTable" class="display" style="width:100%">
+      <thead>
+          <tr>
+            <th>Direction</th>
+            <th>Stop Name</th>
+            <th>Sequence</th>
+            <th>Stop ID</th>
+            <th>Add</th>
+          </tr>
+      </thead>
+  </table>
+<script id="jsbin-javascript">
 //import _, { map } from 'underscore';
 
 $.ajaxSetup({
@@ -285,8 +285,11 @@
         width: "30px",
         defaultContent: '<button>Remove!</button>',
       },
-      {data: 'dir_text',width: "170px"},
-      {data: 'stopName'},
+      {data: 'route', width: "170px"},
+      {data: null,
+       render: (data,type,row)=>{
+         return `<div>${data.stopName}</div><div>${data.dir_text}</div>`
+       }},
       {data: 'eta', 
        render: function ( data, type, row ) {
          // loop array and write multiline
@@ -341,7 +344,7 @@
   return response.then(function(data){
     return table.where(clause).toArray();
   });
-}
-</script>
-</body>
-</html>
+}
+</script>
+</body>
+</html>