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">&times;</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>