[jb] Styled metadata
@@ -533,7 +533,7 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
</div>
<div class="tab-pane" id="job-mapreduce-page-metadata">
- <pre data-bind="text: ko.toJSON(properties['metadata'], null, 2)"></pre>
+ <div data-bind="template: { name: 'render-metadata', data: properties['metadata'] }"></div>
</div>
<div class="tab-pane" id="job-mapreduce-page-counters">
@@ -1353,6 +1353,27 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
<!-- /ko -->
</script>
+<script type="text/html" id="render-metadata">
+ <!-- ko hueSpinner: { spin: !$data.property, center: true, size: 'xlarge' } --><!-- /ko -->
+ <!-- ko if: $data.property -->
+ <table class="table table-condensed">
+ <thead>
+ <tr>
+ <th>${ _('Name') }</th>
+ <th width="50%">${ _('Value') }</th>
+ </tr>
+ </thead>
+ <tbody data-bind="foreach: property">
+ <tr>
+ <td data-bind="text: name"></td>
+ <td data-bind="text: value"></td>
+ </tr>
+ </tbody>
+ </table>
+ <!-- /ko -->
+</script>
+
+
<script type="text/javascript">
