Add a table view to the repos list page

Fixes #104

static/directives/location-view.html

@@ -3,10 +3,5 @@
     <img ng-src="{{ '/static/img/flags/' + getLocationImage(location) }}">
   </span>
 
-  <span class="ping-tower" ng-class="locationPingClass">
-    <div class="ping-sliver"></div>
-    <div class="ping-sliver"></div>
-    <div class="ping-sliver"></div>
-    <div class="ping-sliver"></div>
-  </span>
+  <span class="strength-indicator" value="1000 - (locationPing || 0)" maximum="1000"></span>
 </span>

static/directives/repo-list-table.html

@@ -0,0 +1,49 @@
+<div class="repo-list-table-element">
+ <table class="co-table">
+ <thead>
+  <td class="hidden-xs"
+      ng-class="tablePredicateClass('full_name', options.predicate, options.reverse)">
+    <a href="javascript:void(0)" ng-click="orderBy('full_name')">Repository Name</a>
+  </td>
+  <td class="hidden-xs"
+      ng-class="tablePredicateClass('last_modified_datetime', options.predicate, options.reverse)"
+      style="min-width: 120px;">
+    <a href="javascript:void(0)" ng-click="orderBy('last_modified_datetime')">Last Modified</a>
+  </td>
+  <td class="hidden-xs"
+      ng-class="tablePredicateClass('popularity', options.predicate, options.reverse)"
+      style="min-width: 20px;">
+    <a href="javascript:void(0)" ng-click="orderBy('popularity')">Activity</a>
+  </td>
+  <td class="hidden-xs"
+      ng-class="tablePredicateClass('is_starred', options.predicate, options.reverse)"
+      style="width: 70px">
+    <a href="javascript:void(0)" ng-click="orderBy('is_starred')">Star</a>
+  </td>
+ </thead>
+
+ <tbody>
+   <tr ng-repeat="repository in orderedRepositories">
+     <td class="repo-name-icon">
+        <span class="avatar" size="24" data="getAvatarData(repository.namespace)"></span>
+        <a href="/repository/{{ repository.namespace }}/{{ repository.name }}">
+          <span class="namespace">{{ repository.namespace }}</span>
+          <span class="name">{{ repository.name }}</span>
+        </a>
+      </td>
+     <td class="last-modified">
+       <span ng-if="repository.last_modified">
+         {{ repository.last_modified * 1000 | amCalendar }}
+       </span>
+       <span class="empty" ng-if="!repository.last_modified">(Empty Repository)</span>
+     </td>
+     <td class="popularity hidden-xs">
+       <span class="strength-indicator" value="repository.popularity" maximum="maxPopularity"></span>
+     </td>
+     <td>
+      <span class="repo-star" repository="repository"
+            star-toggled="starToggled({'repository': repository})"></span></td>
+   </tr>
+ </tbody>
+ </table>
+</div>

static/directives/strength-indicator.html

@@ -0,0 +1,6 @@
+<span class="strength-indicator-element" ng-class="strengthClass">
+  <span class="indicator-sliver"></span>
+  <span class="indicator-sliver"></span>
+  <span class="indicator-sliver"></span>
+  <span class="indicator-sliver"></span>
+</span>