github.com/in4it/ecs-deploy@v0.0.42-0.20240508120354-ed77ff16df25/webapp/src/app/service-detail/inspect.component.html (about) 1 <ng-template #inspect let-c="close" let-d="dismiss"> 2 <div class="modal-header"> 3 <h4 class="modal-title">{{serviceName}}</h4> 4 <button type="button" class="close" aria-label="Close" (click)="d('Cross click')"> 5 <span aria-hidden="true">×</span> 6 </button> 7 </div> 8 <div class="modal-body"> 9 <span *ngIf="loading" class="sr-only">Loading...</span> 10 <h5>Service info</h5> 11 <div *ngIf="!loading"> 12 <table class="table center-table"> 13 <thead class="thead-default"> 14 <tr> 15 <th>Name</th> 16 <th>Value</th> 17 </tr> 18 </thead> 19 <tbody> 20 <tr> 21 <td>ClusterName</td> 22 <td>{{deployment.cluster}}</td> 23 </tr> 24 <tr> 25 <td>Deployed at</td> 26 <td>{{deployment.deploymentMoment}}</td> 27 </tr> 28 <tr> 29 <td>ServicePort</td> 30 <td>{{deployment.servicePort}}</td> 31 </tr> 32 <tr> 33 <td>DesiredCount</td> 34 <td>{{deployment.desiredCount}}</td> 35 </tr> 36 </tbody> 37 </table> 38 <h5>Container info</h5> 39 <table class="table center-table" *ngFor="let container of deployment.containers"> 40 <thead class="thead-default"> 41 <tr> 42 <th>Name</th> 43 <th>Value</th> 44 </tr> 45 </thead> 46 <tbody> 47 <tr> 48 <td>ContainerName</td> 49 <td>{{container.containerName}}</td> 50 </tr> 51 <tr> 52 <td>ContainerImage</td> 53 <td *ngIf="container.ContainerImage != ''">{{container.ContainerImage}}</td> 54 <td *ngIf="container.ContainerImage == ''">{{serviceName}}</td> 55 </tr> 56 <tr> 57 <td>ContainerTag</td> 58 <td>{{container.containerTag}}</td> 59 </tr> 60 <tr> 61 <td>ContainerPort</td> 62 <td>{{container.containerPort}}</td> 63 </tr> 64 <tr> 65 <td>ContainerCommand</td> 66 <td><span *ngFor="let cmd of container.containerCommand">{{cmd}} </span></td> 67 </tr> 68 </tbody> 69 </table> 70 </div> 71 </div> 72 <div class="modal-footer"> 73 <button type="button" class="btn btn-outline-dark" (click)="c('Close click')">Close</button> 74 </div> 75 </ng-template>