Эх сурвалжийг харах

HUE-6510 [jb] Styled metadata

Enrico Berti 8 жил өмнө
parent
commit
f98d629567

+ 22 - 1
apps/jobbrowser/src/jobbrowser/templates/job_browser.mako

@@ -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">