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>