github.com/siglens/siglens@v0.0.0-20240328180423-f7ce9ae441ed/static/live-tail.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 12 <head> 13 <meta charset="UTF-8"> 14 <title>SigLens</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/bootstrap.min.css" /> 25 <link rel="stylesheet" href="./css/lib/all.min.css" /> 26 <link rel="stylesheet" href="./css/lib/ag-grid.min.css" /> 27 <link rel="stylesheet" href="./css/siglens.css" /> 28 29 <script src="./js/lib/lodash.min.js"></script> 30 <script src="./js/lib/jquery-3.6.0.min.js"></script> 31 <script src="./js/lib/jquery-ui.min.js"></script> 32 <script src="./js/lib/js.cookie.min.js"></script> 33 <script src="./js/lib/moment.min.js"></script> 34 <script src="./js/lib/date_fns.min.js"></script> 35 <script src="./js/lib/popper.min.js"></script> 36 <script src="./js/lib/bootstrap.bundle.min.js"></script> 37 <script src="./js/lib/ag-grid-community.min.noStyle.js"></script> 38 {{ .RunCheck1 | safeHTML }} 39 </head> 40 41 <body data-theme="light"> 42 <div id="app-container"> 43 <div id="app-side-nav"> 44 </div> 45 46 <div id="dashboard" class="live-tail"> 47 <div id="filter-container"> 48 <div class="position-relative search-bar-container search-enter"> 49 <i class="fa fa-info-circle position-absolute info-icon" rel="tooltip" id="info-icon-sql" 50 style="display: none;" 51 title=' SELECT MAX(latency), COUNT(city) FROM `*` GROUP BY country, gender LIMIT 10 52 SELECT * FROM `ind-0` 53 SELECT * FROM `ind-0` ORDER BY latency ASC 54 SELECT first_name AS firstnames, country AS origincountry FROM `ind-0` 55 SELECT MAX(latency), COUNT(city) FROM `*` WHERE gender = male GROUP BY country LIMIT 10 56 SELECT * FROM `*` WHERE app_name = Wheataccount AND gender = male LIMIT 10'> 57 58 </i> 59 <i class="fa fa-info-circle position-absolute info-icon" rel="tooltip" id="info-icon-logQL" 60 style="display: none;" title=' {app="mysql",name="mysql-backup"} 61 {job="mysql"} |= "error" 62 {name="cassandra"} |~ error=\w+ 63 {job="mysql"} |= "error" != "timeout" 64 {job="mysql"} |= "error" | json | line_format "{{.err}}" 65 '> 66 </i> 67 <i class="fa fa-info-circle position-absolute info-icon" rel="tooltip" id="info-icon-spl" 68 style="display: block;" title=' app_version!=2.14.2 AND weekday=T*day 69 city=Boston | stats count, avg(latency) BY weekday, http_method 70 city=Boston | stats avg(latency) AS Avg BY weekday | eval Millis=Avg / 1000, Millis=Millis . " ms" 71 city=Boston | ```This is a comment``` fields http* 72 http_method=POST | regex city="^[a-zA-Z]+\s[a-zA-Z]+$" | fields city 73 city=Boston | stats count AS Count BY weekday | where Count / 2 > 6 OR weekday = "Saturday" 74 '> 75 </i> 76 <input class="form-control filter-input" id="filter-input" 77 placeholder="Enter your SPL query here, or click the 'i' icon for examples" type="text"> 78 <span class="clear-icon" id="clearInput" title="Clear"></span> 79 </div> 80 <div class="dropdown"> 81 <button class="btn dropdown-toggle query-language-btn" type="button" id="query-language-btn" data-toggle="dropdown" 82 aria-haspopup="true" aria-expanded="false" data-bs-toggle="dropdown" title="Select Query Type"> 83 <span>Splunk QL</span> 84 <img class="dropdown-arrow orange" src="assets/arrow-btn.svg"> 85 <img class="dropdown-arrow blue" src="assets/up-arrow-btn-light-theme.svg"> 86 </button> 87 <div class="dropdown-menu box-shadow" aria-labelledby="index-btn" id="query-language-options"> 88 <li id="option-1" class="query-language-option">SQL</li> 89 <li id="option-2" class="query-language-option">Log QL</li> 90 <li id="option-3" class="query-language-option active">Splunk QL</li> 91 </div> 92 </div> 93 <div class="dropdown"> 94 <button class="btn dropdown-toggle index-btn" type="button" id="index-btn" data-toggle="dropdown" 95 aria-haspopup="true" aria-expanded="false" data-bs-toggle="dropdown" 96 title="Index Name to search on"> 97 <span>Index</span> 98 <img class="dropdown-arrow orange" src="assets/arrow-btn.svg"> 99 <img class="dropdown-arrow blue" src="assets/up-arrow-btn-light-theme.svg"> 100 </button> 101 <div class="dropdown-menu box-shadow" aria-labelledby="index-btn" id="available-indexes"> 102 <div id="index-listing"></div> 103 </div> 104 </div> 105 <div class="text-end"> 106 <button class="btn live-tail-btn" id="live-tail-btn" title="Live Tail">Live Tail</button> 107 </div> 108 </div> 109 110 <div id="logs-view-controls" class="mb-2 d-flex justify-content-end"> 111 <div class="refresh-container"> 112 <button class="btn refresh-btn" title="Refresh dashboard"> 113 </button> 114 <div class="dropdown"> 115 <button class="btn dropdown-toggle" type="button" id="refresh-picker-btn" 116 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" 117 data-bs-toggle="dropdown"> 118 <span>20s</span> 119 <img class="dropdown-arrow orange" src="assets/arrow-btn.svg" alt="expand"> 120 <img class="dropdown-arrow blue" src="assets/up-arrow-btn-light-theme.svg" alt="retract"> 121 </button> 122 <div class="dropdown-menu refresh-picker" aria-labelledby="index-btn" id="refresh-picker "> 123 <div class="ranges"> 124 <div id="20s" class="refresh-range-item active">20s</div> 125 <div id="1m" class="refresh-range-item">1m</div> 126 <div id="5m" class="refresh-range-item">5m</div> 127 <div id="30m" class="refresh-range-item">30m</div> 128 <div id="1h" class="refresh-range-item">1h</div> 129 <div id="5h" class="refresh-range-item">5h</div> 130 </div> 131 </div> 132 </div> 133 </div> 134 <div id="views-container"> 135 <div class="d-flex justify-content-end"> 136 <div class="btn-group mx-3" role="group" id="log-view"> 137 <button class="btn log-opt-single-btn" id="log-opt-single-btn"> 138 <span class="single-line-icon" title="Single Line Display View"></span> 139 </button> 140 <button class="btn log-opt-multi-btn" id="log-opt-multi-btn"> 141 <span class="multi-line-icon" title="Wrap Line Display View"></span> 142 </button> 143 <button class="btn log-opt-table-btn" id="log-opt-table-btn"> 144 <span class="table-view-icon" title="Table Display View"></span> 145 </button> 146 </div> 147 <div class="dropdown"> 148 <button class="btn dropdown-toggle avail-fields-btn" title="Select field names to display" type="button" 149 id="avail-fields-btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" 150 data-bs-toggle="dropdown"> 151 <i class="fa-solid fa-list-check" title="Select field names to display"></i> 152 Available Fields 153 <img class="dropdown-arrow orange" src="assets/arrow-btn.svg"> 154 <img class="dropdown-arrow blue" src="assets/up-arrow-btn-light-theme.svg"> 155 </button> 156 <div class="dropdown-menu box-shadow" aria-labelledby="avail-fields-btn" 157 id="available-fields"> 158 <div class="select-unselect-header" id="select-unselect-header"> 159 Select/Unselect All 160 <img class="select-unselect-checkbox" src="assets/available-field-checkbox.svg"> 161 </div> 162 <div class="fields"></div> 163 </div> 164 </div> 165 </div> 166 </div> 167 </div> 168 169 <div id="empty-response"></div> 170 171 <div id="logs-result-container" class="live-tail-logs-container"> 172 <div id="LogResultsGrid" class="LogResultsGrid ag-theme-mycustomtheme"></div> 173 </div> 174 <div id="agg-result-container" class="live-tail-logs-container"> 175 <div id="measureAggGrid" class="measureAggGrid ag-theme-mycustomtheme"></div> 176 </div> 177 178 <div id="corner-popup"> 179 <div class="corner-container"> 180 <div class="corner-text" id="corner-text"></div> 181 </div> 182 <button class="btn corner-btn-close" id="close-btn">OK</button> 183 </div> 184 185 </div> 186 187 <div id="save-queries" title="Save Query"> 188 <p class="validateTips"></p> 189 <form> 190 <fieldset> 191 <input type="text" name="qname" id="qname" placeholder="Name" 192 class="text ui-widget-content ui-corner-all"> 193 <input type="text" name="description" id="description" placeholder="Description (Optional)" 194 class="text ui-widget-content ui-corner-all"> 195 <!-- Allow form submission with keyboard without duplicating the dialog button --> 196 <input type="submit" tabindex="-1" style="position:absolute; top:-1000px"> 197 </fieldset> 198 </form> 199 </div> 200 201 <div id="app-footer"> 202 2023 © SigLens 203 </div> 204 205 </div> 206 207 <script src="./js/navbar.js?cb=1_1_10"></script> 208 <script src="./js/common.js?cb=1_1_10"></script> 209 <script src="./js/event-handlers.js?cb=1_1_10"></script> 210 <script src="./js/available-fields.js?cb=1_1_10"></script> 211 <script src="./js/log-results-grid.js?cb=1_1_10"></script> 212 <script src="./js/ag-grid-seg-stats.js?cb=1_1_10"></script> 213 <script src="./js/date-picker.js?cb=1_1_10"></script> 214 <script src="./js/search.js?cb=1_1_10"></script> 215 <script src="./js/saved-query.js?cb=1_1_10"></script> 216 <script src="./js/index.js?cb=1_1_10"></script> 217 <script src="./js/log-search.js?cb=1_1_10"></script> 218 219 {{ .RunCheck2 | safeHTML }} 220 {{ .RunCheck3 | safeHTML }} 221 </body> 222 223 </html>