sigs.k8s.io/prow@v0.0.0-20240503223140-c5e374dc7eb1/cmd/deck/template/base.html (about)

     1  {{define "page"}}
     2  <!DOCTYPE html>
     3  <html lang="en">
     4  <head>
     5    <meta charset="UTF-8">
     6    <script type="text/javascript">
     7      var csrfToken = {{csrfToken}};
     8    </script>
     9    {{if googleAnalytics}}
    10    <!-- Global site tag (gtag.js) - Google Analytics -->
    11    <script async src="https://www.googletagmanager.com/gtag/js?id={{googleAnalytics}}"></script>
    12    <script>
    13      window.dataLayer = window.dataLayer || [];
    14      function gtag(){dataLayer.push(arguments);}
    15      gtag('js', new Date());
    16  
    17      gtag('config', {{googleAnalytics}});
    18    </script>
    19    {{else}}
    20    <!-- Use noop gtag function if analytics are not enabled. -->
    21    <script>
    22      function gtag() {}
    23    </script>
    24    {{end}}
    25    {{if .MobileFriendly}}
    26      <meta name="viewport" content="width=device-width, initial-scale=1">
    27    {{end}}
    28    <title>{{block "title" .Arguments}}Prow{{ end }}</title>
    29    <link rel="stylesheet" type="text/css" href="/static/style.css?v={{deckVersion}}">
    30    <link rel="stylesheet" type="text/css" href="/static/extensions/style.css?v={{deckVersion}}">
    31    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,700">
    32    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    33    <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
    34    <script type="text/javascript" src="/static/extensions/script.js?v={{deckVersion}}"></script>
    35    <script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
    36    {{block "scripts" .Arguments}}{{end}}
    37  </head>
    38  {{ $defaultLogo := "/static/logo-light.png" }}
    39  {{- if .DarkMode -}}
    40  {{- $defaultLogo = "/static/logo-dark.png" -}}
    41  {{- end -}}
    42  <body id="{{.PageName}}"{{if branding.BackgroundColor}} style="background-color: {{branding.BackgroundColor}};"{{end}}>
    43  <div id="alert-container"></div>
    44  <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
    45    <header class="mdl-layout__header"{{if branding.HeaderColor}} style="background-color: {{branding.HeaderColor}};"{{end}}>
    46      <div id="header-title" class="mdl-layout__header-row">
    47        <a href="/"
    48           class="logo"><img src="{{or branding.Logo $defaultLogo}}?v={{deckVersion}}" alt="kubernetes logo" class="logo"/></a>
    49        <span class="mdl-layout-title header-title">{{block "pageTitle" .Arguments}}{{template "title" .}}{{end}}</span>
    50      </div>
    51    </header>
    52    <div class="mdl-layout__drawer">
    53      <span class="mdl-layout-title">Prow Dashboard</span>
    54      <nav class="mdl-navigation">
    55        <a class="mdl-navigation__link{{if eq .PageName "index"}} mdl-navigation__link--current{{end}}" href="/">Prow Status</a>
    56        {{ if sections.PR }}
    57          <a class="mdl-navigation__link{{if eq .PageName "pr"}} mdl-navigation__link--current{{end}}" href="/pr">PR Status</a>
    58        {{ end }}
    59        <a class="mdl-navigation__link{{if eq .PageName "command-help"}} mdl-navigation__link--current{{end}}" href="/command-help">Command Help</a>
    60        {{ if sections.Tide }}
    61          <a class="mdl-navigation__link{{if eq .PageName "tide"}} mdl-navigation__link--current{{end}}" href="/tide">Tide Status</a>
    62          <a class="mdl-navigation__link{{if eq .PageName "tide-history"}} mdl-navigation__link--current{{end}}" href="/tide-history">Tide History</a>
    63        {{ end }}
    64        <a class="mdl-navigation__link{{if eq .PageName "plugins"}} mdl-navigation__link--current{{end}}" href="/plugins">Plugins</a>
    65        <a class="mdl-navigation__link" href="https://docs.prow.k8s.io/docs/" target="_blank">Documentation <span class="material-icons">open_in_new</span></a>
    66      </nav>
    67      <footer>
    68        {{deckVersion}}
    69      </footer>
    70    </div>
    71    <div id="loading-progress" class="mdl-progress mdl-js-progress mdl-progress__indeterminate hidden"></div>
    72    <main class="mdl-layout__content">
    73      {{block "content" .Arguments}}{{end}}
    74    </main>
    75  </div>
    76  {{block "extra content" .Arguments}}{{end}}
    77  <div id="toast" class="mdl-js-snackbar mdl-snackbar">
    78    <div class="mdl-snackbar__text"></div>
    79    <button class="mdl-snackbar__action" type="button"></button>
    80  </div>
    81  <div id="toastAlert" class="mdl-js-snackbar mdl-snackbar">
    82    <div class="mdl-snackbar__text"></div>
    83    <button class="mdl-snackbar__action" type="button"></button>
    84  </div>
    85  </body>
    86  </html>
    87  {{end}}