Web: include metadata and settings in job details

This commit is contained in:
Sybren A. Stüvel 2022-04-12 16:10:39 +02:00
parent 0694ab8e02
commit 2c8ee18fef
2 changed files with 23 additions and 2 deletions

View File

@ -134,6 +134,12 @@ h2.column-title {
border-bottom: 1px solid grey border-bottom: 1px solid grey
} }
h3.sub-title {
margin-bottom: 0;
font-size: 10pt;
border-bottom: 1px solid grey
}
.col-1 { .col-1 {
grid-area: col-1; grid-area: col-1;
} }

View File

@ -37,8 +37,23 @@
<td>{{ datetime.relativeTime(jobData.updated) }}</td> <td>{{ datetime.relativeTime(jobData.updated) }}</td>
</tr> </tr>
</table> </table>
<dl class="metadata">
</dl> <h3 class="sub-title">Meta-data</h3>
<table class="metadata">
<tr v-for="value, key in jobData.metadata" :class="`field-${key}`">
<th>{{ key }}</th>
<td>{{ value }}</td>
</tr>
</table>
<h3 class="sub-title">Settings</h3>
<table class="settings">
<tr v-for="value, key in jobData.settings" :class="`field-${key}`">
<th>{{ key }}</th>
<td>{{ value }}</td>
</tr>
</table>
</div> </div>
</template> </template>