Completing the view thread component

Now that we have the upload audio component done, we will complete minor UI changes to the view thread page, which will present the data we have gathered in a better way. Open client/app/view-thread/view-thread.component.html and update the card, which displays the message with the transcriptions data, as shown here:

// SNIPP SNIPP<div class="table-responsive" *ngIf="message.transcriptions.length > 0"> <table class="table table-bordered"> <thead class="thead-dark text-center"> <tr> <th scope="col">Transcript</th> <th scope="col">Confidence</th> <th scope="col">Words</th> </tr> </thead> <tbody> <tr class="text-center" *ngFor="let t of message.transcriptions"> <th> {{t.transcript}} </th> <th> {{(t.confidence ...

Get Google Cloud AI Services Quick Start Guide now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.