go.chromium.org/luci@v0.0.0-20240309015107-7cdc2e660f33/auth_service/services/frontend/templates/includes/base.html (about)

     1  {{define "script"}}{{end}}
     2  {{define "base"}}
     3  <!DOCTYPE html>
     4  <!-- Copyright 2021 The LUCI Authors. All rights reserved.
     5  Use of this source code is governed under the Apache License, Version 2.0.
     6  that can be found in the LICENSE file. -->
     7  <html lang="en">
     8    <head>
     9      <meta charset="utf-8" />
    10      <title>{{ template "title" .}}</title>
    11      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    12      <script src="/static/bootstrap/js/bootstrap.bundle.min.js" type="text/javascript"></script>
    13      <link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    14      <link href="/static/bootstrap-icons/bootstrap-icons.css" rel="stylesheet" type="text/css"/>
    15      <style>
    16        body {
    17          padding-top: 10px;
    18        }
    19        #version-div hr {
    20          margin-top: 0px;
    21          margin-bottom: 5px;
    22        }
    23        #version-div small {
    24          color: #cccccc;
    25        }
    26      </style>
    27      <script src="/static/js/api.js"></script>
    28      <script src="/static/js/common.js"></script>
    29      <script type="text/javascript">
    30        api.setXSRFToken('{{.XSRFToken}}');
    31        api.startXSRFTokenAutoupdate();
    32      </script>
    33    </head>
    34  
    35    <body>
    36      <div class="container-md">
    37        {{if .SimpleHeader}}
    38        <div class="row-fluid">
    39          <div class="col-md-10">
    40            <h3>{{ template "title" .}}</h3>
    41            <hr />
    42          </div>
    43        </div>
    44        {{else}}
    45        <nav class="navbar navbar-expand-xl navbar-light bg-light border rounded">
    46          <div class="container-fluid">
    47            <a class="navbar-brand">Auth Service</a>
    48              <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    49                <span class="navbar-toggler-icon"></span>
    50              </button>
    51            <div class="collapse navbar-collapse" id="navbarSupportedContent">
    52              <ul class="navbar-nav me-auto mb-2 mb-lg-0">
    53                <li class="nav-item">
    54                  <a class="nav-link active" aria-current="page" href="groups">Groups</a>
    55                </li>
    56                <li class="nav-item">
    57                  <a class="nav-link" href="change_log">Changes</a>
    58                </li>
    59                <li class="nav-item">
    60                  <a class="nav-link" href="lookup">Lookup</a>
    61                </li>
    62                <li class="nav-item">
    63                  <a class="nav-link" href="ip_allowlists">IP Allowlists</a>
    64                </li>
    65                <li class="nav-item">
    66                  <a class="nav-link" href="#">Config</a>
    67                </li>
    68                <li class="nav-item">
    69                  <a class="nav-link" href="#">API</a>
    70                </li>
    71              </ul>
    72              <form class="d-flex" id="account-text-nav">
    73                <span class="navbar-text">{{ .User.Email }}</span>
    74                <a id="logout-btn" class="nav-link" href="{{ .LogoutURL }}">Logout</a>
    75              </form>
    76            </div>
    77          </div>
    78        </nav>
    79        {{end}}
    80        <div class="container-md">
    81          <div class="row">
    82            <div class="d-flex flex-column justify-content-center">{{template "content" .}}</div>
    83          </div>
    84        </div>
    85  
    86        <div class="container">
    87          <div class="row">
    88            <div class="col px-0" id="version-div">
    89              <hr />
    90              <small class="pull-right">Version: {{.AppVersion}}</small>
    91            </div>
    92          </div>
    93        </div>
    94      </div>
    95    </body>
    96  
    97    {{template "script" .}}
    98  </html>
    99  {{end}}