Adding 'snippet' tab to parameter datatype signature UI

This new section displays how a complex datatype should look like providing some sample code for the developer using Swagger.

src/main/template/param.handlebars

@@ -19,6 +19,6 @@
 </td>
 <td>{{{description}}}</td>
 <td>
-    <span class="model-signature">{{{signature}}}</span>
+    <span class="model-signature"></span>
 </td>
 

src/main/template/param_list.handlebars

@@ -18,4 +18,4 @@
     </select>
 </td>
 <td>{{{description}}}</td>
-<td><span class="model-signature">{{{signature}}}</span></td>
+<td><span class="model-signature"></span></td>

src/main/template/param_readonly.handlebars

@@ -7,4 +7,4 @@
     {{/if}}
 </td>
 <td>{{{description}}}</td>
-<td><span class="model-signature">{{{signature}}}</span></td>
+<td><span class="model-signature"></span></td>

src/main/template/param_readonly_required.handlebars

@@ -7,4 +7,4 @@
     {{/if}}
 </td>
 <td>{{{description}}}</td>
-<td><span class="model-signature">{{{signature}}}</span></td>
+<td><span class="model-signature"></span></td>

src/main/template/param_required.handlebars

@@ -18,4 +18,4 @@
 <td>
     <strong>{{{description}}}</strong>
 </td>
-<td><span class="model-signature">{{{signature}}}</span></td>
+<td><span class="model-signature"></span></td>

src/main/template/signature.handlebars

@@ -0,0 +1,18 @@
+<div>
+<ul class="signature-nav">
+    <li><a class="description-link" href="#">Description</a></li>
+    <li><a class="snippet-link" href="#">Snippet</a></li>
+</ul>
+<div>
+
+<div class="signature-container">
+    <div class="description">
+        {{{signature}}}
+    </div>
+
+    <div class="snippet">
+        <pre>{{{sampleJSON}}}</pre>
+        <small>Click to set as parameter value</small>
+    </div>
+</div>
+