mtas-tv-frontend/src/app/display/commit-tracker/commit-tracker.component.html

<div class="ui main wide-container dark">
    <table *ngIf="commits?.length" class="ui large padded inverted celled2 table">
        <thead>
        <tr>
            <th class="collapsing"><i class="user icon"></i>Owner</th>
            <th class="collapsing"><i class="clock outline icon"></i>Last activity</th>
            <th><i class="sticky note outline icon"></i>Change subject</th>
            <th class="collapsing"><i class="folder open outline icon"></i>Project</th>
            <th class="collapsing"><i class="code branch icon"></i>Branch</th>
            <th class="collapsing"><i class="coffee icon"></i>Gerrit</th>
            <th class="collapsing"><i class="fire extinguisher icon"></i>Status</th>
        </tr>
        </thead>
        <tbody>
        <tr *ngFor="let commit of commits">
            <td class="collapsing">{{commit.owner}}</td>
            <td class="collapsing">{{commit.gerrit_time}}</td>
            <td>{{commit.gerrit_change_subject}}</td>
            <td class="collapsing">{{commit.gerrit_project}}</td>
            <td class="collapsing">{{commit.branch}}</td>
            <td class="collapsing">{{commit.gerrit_change_number}}</td>
            <td class="collapsing">
                <div [ngClass]="labelClasses(commit, CommitStatus.Verified)"
                     [title]="commit.gerrit_verified">{{CommitStatus.Verified}}
                </div>
                <div [ngClass]="labelClasses(commit, CommitStatus.CodeReview)"
                     [title]="commit.gerrit_code_review">{{CommitStatus.CodeReview}}
                </div>
                <div [ngClass]="labelClasses(commit, CommitStatus.CommitFeedbackLoop)"
                     [title]="commit.cfl_result">{{CommitStatus.CommitFeedbackLoop}}
                </div>
                <div [ngClass]="labelClasses(commit, CommitStatus.ShortFeedbackLoop)"
                     [title]="commit.sfl_result">{{CommitStatus.ShortFeedbackLoop}}
                </div>
                <div [ngClass]="labelClasses(commit, CommitStatus.NightlyFeedbackLoop)"
                     [title]="commit.nfl_result">{{CommitStatus.NightlyFeedbackLoop}}
                </div>
            </td>
        </tr>
        </tbody>
    </table>
</div>