results_feed/lib/src/commit_component.html

<div class='mdc-card commit' style="margin: 8px" *ngIf="commit.show(filterService)">
    <div class="commit-card_primary">
        <b>{{commit.title}}</b><br>
        {{commit.author}} {{commit.created.toString().substring(0,16)}}<br>
        <span class="faint"><a href="https://github.com/dart-lang/sdk/commit/{{commit.hash}}" target="_blank">{{commit.hash}}</a> ({{commit.index}})</span><br>
    </div>
    <div class="commit-card_secondary" *ngIf="commit.changesByConfigsByResult.isNotEmpty">
        <div *ngFor="let configurationGroup of commit.changesByConfigsByResult" style="margin-top: 16px">
            <material-chips>
                <template ngFor  let-configuration [ngForOf]="configurationGroup.first.first.configurations.summaries.keys">
                    <material-chip tooltipTarget #chip="tooltipTarget" [removable]="false" displayNameRenderer>{{configuration}}</material-chip>
                    <material-tooltip-card [for]="chip">
                        <span *ngFor="let singleConfiguration of configurationGroup.first.first.configurations.summaries[configuration]"
                             >{{singleConfiguration}}<br></span>
                    </material-tooltip-card>
                </template>
            </material-chips>
            <div *ngFor="let resultGroup of configurationGroup">
                <span [class]="resultGroup.first.resultStyle()">{{resultGroup.first.changesText}}</span>
                <div *ngFor="let change of resultGroup" tooltipTarget #logs="tooltipTarget" style="cursor: pointer">
                    {{change.name}}
                    <material-tooltip-card [for]="logs" [preferredPositions]="preferredTooltipPositions">
                        <h4>Logs</h4>
                        <dart-log *ngFor="let configuration of change.configurations.configurations"
                                  [configuration]="configuration" [index]="commit.index" [test]="change.name"></dart-log>
                        </material-tooltip-card>
                </div>
            </div>
        </div>
    </div>
    <div class="mdc-card__actions"></div>
</div>