Table dropdown body missing output for `ara_record` actions.

[ahtee]

Would like to see a component added to the ara_record action showing the output from the API call on the records endpoint. Ideally, when the ara_record action is used in a play, one should be able to visualize the value that is recorded through the web UI under the table dropdown.

referring to this block:

ara-web/src/tasks/TaskRow.js

Lines 86 to 130 in 5357f8b

<table

className="pf-c-table pf-m-compact pf-m-no-border-rows"

role="grid"

>

<caption>Task results</caption>

<thead>

<tr>

<th className="pf-u-text-align-center">Status</th>

<th className="pf-u-text-align-center">Host</th>

<th className="pf-u-text-align-center">Started</th>

<th className="pf-u-text-align-center">Ended</th>

<th className="pf-u-text-align-center">Duration</th>

</tr>

</thead>

<tbody>

{task.results.map(result => (

<tr>

<td

data-label="Status"

className="pf-u-text-align-center"

>

<Status status={result.status}>{result.status}</Status>

</td>

<td data-label="Host" className="pf-u-text-align-center">

{result.host.name}

</td>

<td

data-label="Started"

className="pf-u-text-align-center"

>

{new Date(result.started).toUTCString()}

</td>

<td data-label="Ended" className="pf-u-text-align-center">

{new Date(result.ended).toUTCString()}

</td>

<td

data-label="Duration"

className="pf-u-text-align-center"

>

{result.duration} sec

</td>

</tr>

))}

</tbody>

</table>