github.com/siglens/siglens@v0.0.0-20240328180423-f7ce9ae441ed/static/service-health-overview.html (about)

     1  <!DOCTYPE html>
     2  <html lang="en">
     3      <script async src="https://www.googletagmanager.com/gtag/js?id=G-5SBJC04YFB"></script>
     4      <script>
     5          window.dataLayer = window.dataLayer || [];
     6          function gtag(){dataLayer.push(arguments);}
     7          gtag('js', new Date());
     8      
     9          gtag('config', 'G-5SBJC04YFB');
    10      </script>
    11  <head>
    12      <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    13      <link rel="apple-touch-icon" sizes="180x180" href="assets/apple-touch-icon.png">
    14      <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png">
    15      <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png">
    16      <link rel="manifest" href="assets/site.webmanifest">
    17      <link rel="mask-icon" href="assets/safari-pinned-tab.svg" color="#5bbad5">
    18      <meta name="msapplication-TileColor" content="#da532c">
    19  
    20      <link rel="stylesheet" href="./css/lib/bootstrap.min.css" />
    21      <link rel="stylesheet" href="./css/lib/all.min.css" />
    22      <link rel="stylesheet" href="./css/lib/ag-grid.min.css" />
    23      <link rel="stylesheet" href="./css/lib/jquery-ui.min.css" />
    24      <link rel="stylesheet" href="./css/siglens.css" />
    25      <link rel="stylesheet" href="./css/tracing.css" />
    26  
    27      <script src="https://cdn.jsdelivr.net/npm/uuid@8.3.2/dist/umd/uuidv4.min.js"></script>
    28      <script src="./js/lib/lodash.min.js"></script>
    29      <script src="./js/lib/jquery-3.6.0.min.js"></script>
    30      <script src="./js/lib/jquery-ui.min.js"></script>
    31      <script src="./js/lib/js.cookie.min.js"></script>
    32      <script src="./js/lib/moment.min.js"></script>
    33      <script src="./js/lib/date_fns.min.js"></script>
    34      <script src="./js/lib/popper.min.js"></script>
    35      <script src="./js/lib/bootstrap.bundle.min.js"></script>
    36      <script src="./js/lib/ag-grid-community.min.noStyle.js"></script>
    37      {{ .RunCheck1 | safeHTML }}
    38  
    39      <title>SigLens</title>
    40  </head>
    41  <body data-theme="light">
    42      <div id="cstats-app-container">
    43          <div id="app-side-nav">
    44          </div>
    45          <div id="empty-response"></div>
    46          <div id="app-content-area">
    47              <div class="cstats-data-container myOrg-container">
    48                  <div class="myOrg-inner-container">
    49                      <div class="d-flex justify-content-between mt-4 align-items-center">
    50                          <div class="d-flex align-items-center gap-2">
    51                              <h4 class="service-health-text">Service Health</h4>
    52                              <span>></span>
    53                              <h3 class="service-name"></h3>
    54                          </div>
    55                          <div class="dropdown" id="cstats-time-picker">
    56                              <button class="btn dropdown-toggle" type="button" id="date-picker-btn"
    57                                  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
    58                                  data-bs-toggle="dropdown" title="Pick the time window">
    59                                  <span>Time Picker</span>
    60                                  <img class="dropdown-arrow orange" src="assets/arrow-btn.svg">
    61                                  <img class="dropdown-arrow blue" src="assets/up-arrow-btn-light-theme.svg">
    62                              </button>
    63                              <div class="dropdown-menu daterangepicker" aria-labelledby="index-btn"
    64                                  id="daterangepicker ">
    65                                  <p class="dt-header">Graphs for the last</p>
    66                                  <div class="ranges">
    67                                      <div class="inner-range">
    68                                          <div id="now-24h" class="range-item">24 Hrs</div>
    69                                          <div id="now-7d" class="range-item">7 Days</div>
    70                                      </div>
    71                                      <div class="inner-range">
    72                                          <div id="now-1h" class="range-item active">1 Hr</div>
    73                                          <div id="now-6h" class="range-item">6 Hrs</div>
    74                                      </div>
    75                                  </div>
    76                              </div>
    77                          </div>
    78                      </div>
    79                      <div id="one-service-overview">
    80                          <div class="d-flex w-100 mt-2 gap-4">
    81                              <div class="chart-container">
    82                                  <div class="graph-container mt-2">
    83                                      <div class="chart_container">
    84                                          <div class="ingestion-stats-header">Rate (Request per Second)</div>
    85                                          <canvas id="ServiceHealthChart"></canvas>
    86                                      </div>
    87                                  </div>
    88                              </div>
    89                              <div class="chart-container">
    90                                  <div class="graph-container mt-2">
    91                                      <div class="chart_container">
    92                                          <div class="ingestion-stats-header">Error (% of Rate)</div>
    93                                          <canvas id="ServiceHealthChartErr"></canvas>
    94                                      </div>
    95                                  </div>
    96                              </div>
    97                          </div>
    98                          <div class="mt-2 d-flex justify-content-center">
    99                              <div class="chart-container">
   100                                  <div class="graph-container mt-2">
   101                                      <div class="chart_container">
   102                                          <div class="ingestion-stats-header">Latency</div>
   103                                          <canvas id="ServiceHealthChart2"></canvas>
   104                                      </div>
   105                                  </div>
   106                              </div>
   107                          </div>
   108                      </div>
   109                      <div id="cstats-app-footer">
   110                          2023 &copy; SigLens
   111                      </div>
   112                  </div>
   113              </div>
   114          </div>
   115  
   116      </div>
   117  
   118      <script src="./js/navbar.js?cb=1_1_10"></script>
   119      <script src="./js/event-handlers.js?cb=1_1_10"></script>
   120      <script src="./js/common.js?cb=1_1_10"></script>
   121      <script src="./js/date-picker.js?cb=1_1_10"></script>
   122      <script src="./js/lib/chart.umd.min.js"></script>
   123      <script src="./js/service-health-overview.js?cb=1_1_10"></script>
   124  
   125      {{ .RunCheck2 | safeHTML }}
   126      {{ .RunCheck3 | safeHTML }}
   127  </body>
   128  
   129  </html>