remous-results.component.html

<div style="width:30%; height: 400px">
    <chart [type]="graph_type" [data]="graph_data" [options]="graph_options"></chart>
    <!--
    <div>
        <chart style="float: left" [type]="graph_type" [data]="graph_data" [options]="graph_options"></chart>
-->
</div>
<br/>
<div style="text-align:center;">
    <!-- journal -->
    <table style="float: left">
        <thead>
            <tr>
                <th>Journal de calcul</th>
            </tr>
        </thead>
        <tr *ngFor="let r of _logEntries">
            <td align="left">{{r}}</td>
        </tr>
    </table>
    <br/>
    <!-- résultats numériques -->
    <table style="float: left">
        <thead>
            <tr>
                <th></th>
                <th>Ligne d'eau fluviale</th>
                <th>Ligne d'eau torrentielle</th>
            </tr>
            <tr>
                <th>Abscisse</th>
                <th>Tirant d'eau (m)</th>
                <th>Tirant d'eau (m)</th>
            </tr>
        </thead>
        <tr *ngFor="let r of _results; let i=index" [class]="getResultClass(i)">
            <td>{{r.abs}}</td>
            <td>{{r.flu}}</td>
            <td>{{r.tor}}</td>
        </tr>
    </table>
</div>