go.chromium.org/luci@v0.0.0-20240309015107-7cdc2e660f33/deploy/service/templates/pages/asset.html (about)

     1  {{define "versionsTable"}}
     2  <table class="table table-sm">
     3    <thead>
     4      <tr>
     5        <th class="col-2">Service</th>
     6        <th class="col-4">Version</th>
     7        <th>Deployed</th>
     8        <th class="text-center">Intended traffic</th>
     9        <th class="text-center">Actual traffic</th>
    10      </tr>
    11    </thead>
    12    <tbody>
    13    {{range .}}
    14      <tr>
    15        {{if .RowSpan}}
    16        <td rowspan="{{.RowSpan}}" class="align-middle">{{template "linkHref" .Service}}</td>
    17        {{end}}
    18        <td>{{template "linkHref" .Version}}</td>
    19        <td>{{template "linkHref" .Deployed}}</td>
    20        <td>
    21          <div class="text-center percent-widget" data-percent="{{.TrafficIntended}}">
    22            {{.TrafficIntended}}%
    23          </div>
    24        </td>
    25        <td>
    26          <div class="text-center percent-widget" data-percent="{{.TrafficReported}}">
    27            {{.TrafficReported}}%
    28          </div>
    29        </td>
    30      </tr>
    31    {{end}}
    32    </tbody>
    33  </table>
    34  {{end}}
    35  
    36  
    37  {{define "content"}}
    38  
    39  {{template "breadcrumbs" .}}
    40  
    41  <div class="container">
    42    {{template "assetOverview" .Overview}}
    43  
    44    <div class="row">
    45      <div class="col">
    46        <div class="accordion">
    47  
    48          <div class="accordion-item">
    49            <h2 class="accordion-header" id="active-versions-heading">
    50              <button class="accordion-button" type="button"
    51                data-bs-toggle="collapse"
    52                data-bs-target="#active-versions-body"
    53                aria-expanded="true"
    54                aria-controls="active-versions-body">
    55                Active versions
    56              </button>
    57            </h2>
    58            <div id="active-versions-body"
    59              class="accordion-collapse collapse show"
    60              aria-labelledby="active-versions-heading">
    61              <div class="accordion-body">
    62                {{template "versionsTable" .ActiveVersions}}
    63              </div>
    64            </div>
    65          </div>
    66  
    67          <div class="accordion-item">
    68            <h2 class="accordion-header" id="inactive-versions-heading">
    69              <button class="accordion-button collapsed" type="button"
    70                data-bs-toggle="collapse"
    71                data-bs-target="#inactive-versions-body"
    72                aria-expanded="true"
    73                aria-controls="inactive-versions-body">
    74                Inactive versions
    75              </button>
    76            </h2>
    77            <div id="inactive-versions-body"
    78              class="accordion-collapse collapse"
    79              aria-labelledby="inactive-versions-heading">
    80              <div class="accordion-body">
    81                {{template "versionsTable" .InactiveVersions}}
    82              </div>
    83            </div>
    84          </div>
    85  
    86          <div class="accordion-item">
    87            <h2 class="accordion-header" id="configuration-heading">
    88              <button class="accordion-button collapsed" type="button"
    89                data-bs-toggle="collapse"
    90                data-bs-target="#configuration-body"
    91                aria-expanded="true"
    92                aria-controls="configuration-body">
    93                Configuration
    94              </button>
    95            </h2>
    96            <div id="configuration-body"
    97              class="accordion-collapse collapse"
    98              aria-labelledby="configuration-heading">
    99              <div class="accordion-body">
   100                <b>TODO</b>
   101              </div>
   102            </div>
   103          </div>
   104  
   105          <div class="accordion-item">
   106            <h2 class="accordion-header" id="history-log-heading">
   107              <button class="accordion-button" type="button"
   108                data-bs-toggle="collapse"
   109                data-bs-target="#history-log-body"
   110                aria-expanded="true"
   111                aria-controls="history-log-body">
   112                History of actuations
   113              </button>
   114            </h2>
   115            <div id="history-log-body"
   116              class="accordion-collapse collapse show"
   117              aria-labelledby="history-log-heading">
   118              <div class="accordion-body">
   119                {{template "historyListing" .History}}
   120                {{if .LikelyMoreHistory}}
   121                <ul class="pagination pagination-sm justify-content-center">
   122                    <li class="page-item">
   123                      <a class="page-link" href="{{.HistoryHref}}">View all history</a>
   124                    </li>
   125                </ul>
   126                {{end}}
   127              </div>
   128            </div>
   129          </div>
   130  
   131        </div>
   132      </div>
   133    </div>
   134  
   135  </div>
   136  
   137  {{end}}