statuses-administration.component.html

<div id="resultInfo" class="fade" style="display:none;">
    {{resultInfo}}
</div>

<div class="container-fluid">
    <h1 style="margin-top: 0"><i class="fa fa-check-circle fa-2x"></i> {{lang.statusListTitle}} : {{nbStatus}} {{lang.status}}(s)</h1>

    <div class="col-md-12" style="margin-top: 15px">
        <table id="statusTable" class="display">
            <thead>
                <tr>
                    <th><span>{{lang.identifier}}</span></th>
                    <th><span>{{lang.description}}</span></th>
                    <th><span>{{lang.img_related}}</span></th>
                    <th><span>&nbsp;</span></th>
                </tr>
            </thead> 
            <tbody>
                <tr *ngFor="let status of statusList" id="{{status.id}}">
                    <td>{{status.id}}</td>
                    <td>{{status.label_status}}</td>
                    <td>
                        <i class="fm {{status.img_filename}} fm-2x" *ngIf="status.img_filename.indexOf('fm') == 0"></i>
                        <i class="fa {{status.img_filename}} fa-2x" *ngIf="status.img_filename.indexOf('fa') == 0"></i>
                    </td>
                    <td style="text-align:right;">
                        <div class="btn-group" role="group" aria-label="...">
                            <button routerLink="/administration/status/update/{{status.id}}" type="button" class="btn btn-default" title="{{lang.edit}}">
                                <a><i style="cursor:pointer" class="fa fa-edit"></i></a>
                            </button>
                            <button type="button" class="btn btn-default" title="{{lang.delete}}" (click)="deleteStatus(status.id)">
                                <a><i style="cursor:pointer;color: #D9534F" class="fa fa-trash"></i></a>
                            </button>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <i routerLink="/administration/status/create" class="fa fa-plus-square fa-3x" style="cursor:pointer; position: absolute; right: 25px; color : #337AB7" title="{{lang.newStatus}}"></i>
    </div>
</div>