github.com/in4it/ecs-deploy@v0.0.42-0.20240508120354-ed77ff16df25/webapp/src/app/deployment-list/deployment-list.component.html (about)

     1  <div class="deployment-container">
     2    <div class="row">
     3      <div class="col-md-3">
     4        <h2>Services</h2>
     5        <div class="form-check abc-checkbox" *ngFor="let service of services">
     6          <input class="form-check-input" id="checkbox_{{service.S}}" type="checkbox" (click)="filter($event, service.S)">
     7          <label class="form-check-label" for="checkbox_{{service.S}}">
     8            {{service.S}}
     9          </label>
    10        </div>
    11      </div>
    12      <div class="col-md-9">
    13        <h2>Deployments</h2>
    14        <table class="table">
    15          <thead>
    16            <tr>
    17              <th>Date</th>
    18              <th>Service name</th>
    19              <th>Deployment status</th>
    20              <th>Task definition</th>
    21            </tr>
    22          </thead>
    23          <tbody>
    24            <tr *ngFor="let deployment of deployments">
    25              <td>{{deployment.Date}}</td>
    26              <td>{{deployment.ServiceName}}</td>
    27              <td *ngIf="deployment.Status == 'success'"><span class="badge badge-success">{{deployment.Status}}</span></td>
    28              <td *ngIf="deployment.Status == 'failed'"><span class="badge badge-danger">{{deployment.Status}}</span></td>
    29              <td *ngIf="deployment.Status == 'aborted'"><span class="badge badge-info">{{deployment.Status}}</span></td>
    30              <td *ngIf="deployment.Status == ''"></td>
    31              <td>{{deployment.TaskDefinitionVersion}}</td>
    32            </tr>
    33          </tbody>
    34        </table>
    35      </div>
    36    </div>
    37  </div>