Add volume table to the task detail page

ui/app/templates/allocations/allocation/task/index.hbs

@@ -105,6 +105,32 @@
     </div>
   {{/if}}
 
+  {{#if model.task.volumeMounts.length}}
+    <div data-test-volumes class="boxed-section">
+      <div class="boxed-section-head">
+        Volumes
+      </div>
+      <div class="boxed-section-body is-full-bleed">
+        {{#list-table source=model.task.volumeMounts as |t|}}
+          {{#t.head}}
+            <th>Name</th>
+            <th>Destination</th>
+            <th>Permissions</th>
+            <th>Client Source</th>
+          {{/t.head}}
+          {{#t.body as |row|}}
+            <tr data-test-volume>
+              <td data-test-volume-name>{{row.model.volume}}</td>
+              <td data-test-volume-destination><code>{{row.model.destination}}</code></td>
+              <td data-test-volume-permissions>{{if row.model.readOnly "Read" "Read/Write"}}</td>
+              <td data-test-volume-client-source>{{row.model.source}}</td>
+            </tr>
+          {{/t.body}}
+        {{/list-table}}
+      </div>
+    </div>
+  {{/if}}
+
   <div class="boxed-section">
     <div class="boxed-section-head">
       Recent Events