Do not display table header when no data found and add no result msg

metacpan · Aug 8, 2014 · 9ed3614 · 9ed3614
1 parent f4f2126
commit 9ed3614
Show file tree

Hide file tree

Showing 2 changed files with 56 additions and 37 deletions.
diff --git a/root/author.html b/root/author.html
@@ -144,8 +144,23 @@
     </li>
 </ul>
 <!-- End left content -->
+
 <div class="content">
     <div class="visible-xs inline-author-pic"><% INCLUDE inc/author-pic.html author = author %></div>
+<% IF releases.0 %>
     <% INCLUDE inc/release-table.html releases = aggregated, header = 1, tablesorter = 1, table_id = "author_releases" %>
+<% ELSE %>
+    <div class="message">
+        <strong>Releases</strong>
+        <p>No releases from <a href="/author/<% author.pauseid %>"><%- author.pauseid %></a> could be found</p>
+    </div>
+<% END %>
+<% IF faves.0 %>
     <% INCLUDE inc/favorite-table.html favorites = faves, author = 1 tablesorter = 1 %>
+<% ELSE %>
+    <div class="message">
+        <strong>Favorites</strong>
+        <p>No favorite distributions from <a href="/author/<% author.pauseid %>"><%- author.pauseid %></a> could be found</p>
+    </div>
+<% END %>
 </div>
diff --git a/root/static/less/style.less b/root/static/less/style.less
@@ -39,13 +39,13 @@ h1, .h1, h2, .h2, h3, .h3 {
 }
 
 .black {
-  color: @black;
+    color: @black;
 }
 
 .border-radius(@radius) {
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
+    -webkit-border-radius: 0;
+    -moz-border-radius: 0;
+    border-radius: 0;
 }
 
 .collapse .navbar-collapse {
@@ -64,7 +64,7 @@ input#search-input {
 }
 
 .home .btn {
-  font-size: 1.2em;
+    font-size: 1.2em;
 }
 
 .home input {
@@ -125,80 +125,84 @@ body {
 }
 
 #map {
-  margin-right: 200px !important;
+    margin-right: 200px !important;
 }
 
 #map img {
     max-width: none;
 }
 
 .smaller {
-  font-size: 1.0em;
-  line-height: 2.5em;
+    font-size: 1.0em;
+    line-height: 2.5em;
 }
 
 .btn.btn-slidepanel {
-  border-radius: 2px;
-  padding: 1px 4px 5px 4px;
-  margin-top: 3px;
+    border-radius: 2px;
+    padding: 1px 4px 5px 4px;
+    margin-top: 3px;
 }
 
 .table.tablesorter th {
-  padding-right: 20px;
+    padding-right: 20px;
 }
 
 .container-top {
-  padding: 0 10px 10px 10px;
+    padding: 0 10px 10px 10px;
 }
 
 .head-small-logo {
-  width: 200px;
+    width: 200px;
 }
 
 .main-content {
-  margin-bottom: 60px;
-  margin-top: 25px;
-  line-height: 20px;
+    margin-bottom: 60px;
+    margin-top: 25px;
+    line-height: 20px;
 }
 
 #lab {
-  margin-top: -25px;
-  margin-bottom: 50px;
+    margin-top: -25px;
+    margin-bottom: 50px;
 }
 
 .tool-bar-form {
-  margin-top: 2px;
-  margin-bottom: 10px;
-  height: 30px;
-  width: 165px !important;
+    margin-top: 2px;
+    margin-bottom: 10px;
+    height: 30px;
+    width: 165px !important;
 }
 
 li button.dependencies-graph {
-  padding: 0;
-  font-size: inherit;
-  background: none !important;
-  background-image: none;
-  border: none;
-  color: @linkColor !important;
+    padding: 0;
+    font-size: inherit;
+    background: none !important;
+    background-image: none;
+    border: none;
+    color: @linkColor !important;
 }
 
 .top-content {
   padding-bottom: 10px;
 }
 
 .row-fluid {
-  padding-bottom: 10px;
+    padding-bottom: 10px;
 }
 
 .footer {
-  .sponsor-logo {
-    border: none;
-    float: right;
-    width: 90%;
-    padding: 0px;
-  }
+    .sponsor-logo {
+        border: none;
+        float: right;
+        width: 90%;
+        padding: 0px;
+    }
 }
 
 .ui-tooltip-titlebar {
-  height: 25px !important;
+    height: 25px !important;
+}
+
+.message {
+    padding-left: 5px;
 }