github.com/siglens/siglens@v0.0.0-20240328180423-f7ce9ae441ed/static/cluster-stats.html (about)

     1  <!DOCTYPE html>
     2  <html lang="en">
     3  
     4  <script async src="https://www.googletagmanager.com/gtag/js?id=G-5SBJC04YFB"></script>
     5  <script>
     6      window.dataLayer = window.dataLayer || [];
     7      function gtag() { dataLayer.push(arguments); }
     8      gtag('js', new Date());
     9  
    10      gtag('config', 'G-5SBJC04YFB');
    11  </script>
    12  
    13  <head>
    14      <title>Cluster Stats</title>
    15  
    16      <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    17      <link rel="apple-touch-icon" sizes="180x180" href="assets/apple-touch-icon.png">
    18      <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png">
    19      <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png">
    20      <link rel="manifest" href="assets/site.webmanifest">
    21      <link rel="mask-icon" href="assets/safari-pinned-tab.svg" color="#5bbad5">
    22      <meta name="msapplication-TileColor" content="#da532c">
    23  
    24      <link rel="stylesheet" href="./css/lib/all.min.css" />
    25      <link rel="stylesheet" href="./css/lib/bootstrap.min.css" />
    26      <link rel="stylesheet" href="./css/lib/jquery.dataTables.min.css" />
    27      <link rel="stylesheet" href="./css/lib/scroller.dataTables.min.css" />
    28      <link rel="stylesheet" href="./css/siglens.css" />
    29  
    30      <script src="./js/lib/lodash.min.js"></script>
    31      <script src="./js/lib/jquery-3.6.0.min.js"></script>
    32      <script src="./js/lib/jquery-ui.min.js"></script>
    33      <script src="./js/lib/js.cookie.min.js"></script>
    34      <script src="./js/lib/moment.min.js"></script>
    35      <script src="./js/lib/date_fns.min.js"></script>
    36      <script src="./js/lib/popper.min.js"></script>
    37      <script src="./js/lib/bootstrap.bundle.min.js"></script>
    38      <script src="./js/lib/jquery.dataTables.min.js"></script>
    39      <script src="./js/lib/dataTables.scroller.min.js"></script>
    40      {{.RunCheck1 | safeHTML}}
    41  </head>
    42  
    43  <body data-theme="light">
    44      <div id="cstats-app-container">
    45          <div id="app-side-nav">
    46          </div>
    47          <div id="empty-response"></div>
    48          <div id="app-content-area">
    49              <div class="cstats-data-container myOrg-container">
    50                  <div class="org-nav-tab">
    51                      {{ .Button1 | safeHTML }}
    52                  </div>
    53                  <div class="myOrg-inner-container">
    54                      <div class="usage-stats-header">
    55                          <p class="caption">Track progress and performance </p>
    56                      </div>
    57                      <div class="chart-container">
    58                          <div id="filter-container">
    59                              <div class="dropdown" id="cstats-time-picker">
    60                                  <button class="btn dropdown-toggle" type="button" id="date-picker-btn"
    61                                      data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
    62                                      data-bs-toggle="dropdown" title="Pick the time window">
    63                                      <span>Time Picker</span>
    64                                      <img class="dropdown-arrow orange" src="assets/arrow-btn.svg">
    65                                      <img class="dropdown-arrow blue" src="assets/up-arrow-btn-light-theme.svg">
    66                                  </button>
    67                                  <div class="dropdown-menu daterangepicker" aria-labelledby="index-btn"
    68                                      id="daterangepicker ">
    69                                      <p class="dt-header">Ingestion Stats for the last</p>
    70                                      <div class="ranges">
    71                                          <div class="inner-range">
    72                                              <div id="now-24h" class="range-item">24 Hrs</div>
    73                                              <div id="now-90d" class="range-item">90 Days</div>
    74                                          </div>
    75                                          <div class="inner-range">
    76                                              <div id="now-7d" class="range-item active">7 Days</div>
    77                                              <div id="now-180d" class="range-item">180 Days</div>
    78                                          </div>
    79                                          <div class="inner-range">
    80                                              <div id="now-30d" class="range-item">30 Days</div>
    81                                              <div id="now-365d" class="range-item">1 Year</div>
    82                                          </div>
    83                                      </div>
    84                                  </div>
    85                              </div>
    86                          </div>
    87                          <div class="graph-container mt-2">
    88                              <div class="chart_container">
    89                                  <div class="ingestion-stats-header">Incoming Event Count</div>
    90                                  <canvas id="EventCountChart"></canvas>
    91                              </div>
    92                              <div class="chart_container">
    93                                  <div class="ingestion-stats-header">Incoming Volume</div>
    94                                  <canvas id="GBCountChart"></canvas>
    95                              </div>
    96                          </div>
    97                      </div>
    98                      <div class="query-index-container">
    99                          <div class="index-stats">
   100                              <p class="index-stats-header">Logs Stats</p>
   101                              <table id="index-data-table" class="index-data-table"></table>
   102                          </div>
   103                      </div>
   104                      <div class="query-index-container">
   105                          <div class="index-stats">
   106                              <p class="index-stats-header">Metrics Stats</p>
   107                              <table id="metrics-data-table" class="index-data-table"></table>
   108                          </div>
   109                      </div>
   110                      <div class="graph-container mt-5">
   111                          <div class="query-stats">
   112                              <p class="query-stats-header">Query Stats</p>
   113                              <table class="query-table" id="query-table">
   114                                  <tbody>
   115                                  </tbody>
   116                              </table>
   117                          </div>
   118                          <div class="bar_chart_container">
   119                              <canvas id="TotalVolumeChart"></canvas>
   120                          </div>
   121                          <div class="storage-savings-container">
   122                              <div class="fw-bold storage-savings-title">
   123                                  Storage Savings
   124                              </div>
   125                          </div>
   126                          {{ .Popup1 | safeHTML }}
   127                      </div>
   128                      <div id="cstats-app-footer">
   129                          2023 &copy; SigLens
   130                      </div>
   131                  </div>
   132              </div>
   133          </div>
   134  
   135      </div>
   136  
   137      <script src="./js/navbar.js?cb=1_1_10"></script>
   138      <script src="./js/cluster-stats.js"></script>
   139      <script src="./js/event-handlers.js?cb=1_1_10"></script>
   140      <script src="./js/common.js?cb=1_1_10"></script>
   141      <script src="./js/available-fields.js?cb=1_1_10"></script>
   142      <script src="./js/date-picker.js?cb=1_1_10"></script>
   143      <script src="./js/search.js?cb=1_1_10"></script>
   144      <script src="./js/saved-query.js?cb=1_1_10"></script>
   145      <script src="./js/index.js?cb=1_1_10"></script>
   146      <script src="./js/lib/chart.umd.min.js"></script>
   147      <script src="./component/upper-navbar/upper-navbar.js"></script>
   148  
   149      {{ .RunCheck2 | safeHTML }}
   150      {{ .RunCheck3 | safeHTML }}
   151  </body>
   152  
   153  </html>