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 © 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>