Handle empty repos

static/css/quay.css

@@ -353,6 +353,12 @@ p.editable:hover i {
   margin-bottom: 40px;
 }
 
+.repo .empty-message {
+  padding: 6px;
+  font-size: 1.8em;
+  color: #ccc;
+}
+
 .repo dl.dl-horizontal dt {
     width: 60px;
 }

static/partials/view-repo.html

@@ -50,6 +50,11 @@
     <i class="icon-edit"></i>
   </p>
 
+  <div class="repo-content" ng-show="!currentTag.image">
+    <div class="empty-message">(This repository is empty)</div>
+  </div>
+
+  <div class="repo-content" ng-show="currentTag.image">
     <!-- Tab bar -->
     <ul class="nav nav-tabs">
       <li>
@@ -71,7 +76,6 @@
       <dl class="dl-horizontal">
 	<dt>Created</dt>
 	<dd am-time-ago="parseDate(currentTag.image.created)"></dd>
-
 	<dt>ID</dt>
 	<dd>{{ currentTag.image.id }}</dd>
       </dl>
@@ -106,6 +110,7 @@
 	</table>
       </div>
     </div>
+  </div>
 
   <!-- Modal edit for the description -->
   <div class="modal fade" id="editModal">