Hide empty headers on index (close #125)

public/templates/index.tmpl

@@ -19,6 +19,7 @@
   <section>
     <h1 class="title {{#if is_light}}light{{/if}}"><img src="/images/logo.png" alt="TileServer GL" /></h1>
     <h2 class="subtitle">Vector {{#if is_light}}<s>and raster</s>{{else}}and raster{{/if}} maps with GL styles</h2>
+    {{#if styles}}
       <h2 class="box-header">Styles</h2>
       <div class="box">
       {{#each styles}}
@@ -64,6 +65,8 @@
         </div>
       {{/each}}
       </div>
+    {{/if}}
+    {{#if data}}
       <h2 class="box-header">Data</h2>
       <div class="box">
       {{#each data}}
@@ -98,6 +101,7 @@
         </div>
       {{/each}}
       </div>
+    {{/if}}
   </section>
   <footer>
     <a href="https://www.klokantech.com/" target="_blank"><img src="/images/klokantech.png" /></a>

src/server.js

@@ -309,8 +309,8 @@ module.exports = function(opts, callback) {
       }
     });
     return {
-      styles: styles,
+      styles: Object.keys(styles).length ? styles : null,
-      data: data
+      data: Object.keys(data).length ? data : null
     };
   });