Learning Lab Router Anaylsis

by James Greene

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>
<script src="https://rawgit.com/drvic10k/bootstrap-sortable/master/Scripts/bootstrap-sortable.js"></script>
<link rel="stylesheet" href="https://rawgit.com/drvic10k/bootstrap-sortable/master/Contents/bootstrap-sortable.css">
<script src="https://rawgit.com/moment/moment/develop/src/moment.js"></script>
<table class="table table-striped table-bordered sortable">
  <thead>
    <tr>
      <th>Method</th>
      <th data-defaultsort="asc">URL</th>
      <th>Output</th>
      <th>Source</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><code>GET</code></td>
      <td><code>/public/*</code></td>
      <td>Static Content</td>
      <td><code>/index.js</code></td>
    </tr>

    <tr>
      <td><code>GET</code></td>
      <td><code>/organizations</code></td>
      <td>HTML</td>
      <td><code>/index.js</code> <span title="Expected '/routes/organizations/index.js'">😮</span></td>
    </tr>

    <tr>
      <td><code>GET</code></td>
      <td><code>/login/github</code></td>
      <td>HTML (redirect, OAuth)</td>
      <td><code>/routes/auth.js</code></td>
    </tr>
    <tr>
      <td><code>GET</code></td>
      <td><code>/login/github/cb</code></td>
      <td>HTML (redirect, OAuth)</td>
      <td><code>/routes/auth.js</code></td>
    </tr>
    <tr>
      <td><code>GET</code></td>
      <td><code>/logout</code></td>
      <td>HTML (redirect)</td>
      <td><code>/routes/auth.js</code></td>
    </tr>

    <tr>
      <td><code>GET</code></td>
      <td><code>/</code></td>
      <td>HTML</td>
      <td><code>/routes/home.js</code></td>
    </tr>
    <tr>
      <td><code>GET</code></td>
      <td><code>/home</code></td>
      <td>HTML</td>
      <td><code>/routes/home.js</code></td>
    </tr>

    <tr>
     ...

CSS

body {
  padding: 15px;
}

JavaScript

$(function() {
  $.bootstrapSortable({
    applyLast: false,
    sign: 'reversed'
  });
});