github.com/siglens/siglens@v0.0.0-20240328180423-f7ce9ae441ed/static/search-traces.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/lib/jquery-ui.min.css" /> 28 <link rel="stylesheet" href="./css/siglens.css" /> 29 <link rel="stylesheet" href="./css/tracing.css" /> 30 <link rel="stylesheet" href="./component/single-box/single-box.css" /> 31 <link rel="stylesheet" href="./component/download/download.css" /> 32 <link rel="stylesheet" href="./css/tracing.css" /> 33 34 <script src="https://cdn.jsdelivr.net/npm/uuid@8.3.2/dist/umd/uuidv4.min.js"></script> 35 <script src="./js/lib/lodash.min.js"></script> 36 <script src="./js/lib/jquery-3.6.0.min.js"></script> 37 <script src="./js/lib/jquery-ui.min.js"></script> 38 <script src="./js/lib/js.cookie.min.js"></script> 39 <script src="./js/lib/moment.min.js"></script> 40 <script src="./js/lib/date_fns.min.js"></script> 41 <script src="./js/lib/popper.min.js"></script> 42 <script src="./js/lib/bootstrap.bundle.min.js"></script> 43 <script src="./js/lib/ag-grid-community.min.noStyle.js"></script> 44 {{ .RunCheck1 | safeHTML }} 45 </head> 46 47 <body data-theme="light"> 48 <div class="pop-layer" id="pop-layer"> 49 </div> 50 <div id="app-container"> 51 52 <div id="app-side-nav"> 53 </div> 54 <div id="download-trace"></div> 55 <div id="dashboard" class="p-20 pb-0"> 56 <div class="subsection-navbar"> 57 </div> 58 <div class="page-block"> 59 <div class="search"> 60 <span class="search-text">Search</span> 61 <div class="dropdown-box"> 62 <span>Service</span> 63 <div class="dropdown" id = "service-dropdown"> 64 </div> 65 </div> 66 <div class="dropdown-box"> 67 <span>Operation</span> 68 <div class="dropdown" id = "name-dropdown"> 69 </div> 70 </div> 71 <div class="input-box"> 72 <span>Tags</span> 73 <input class="form-control" id="tags-input" placeholder="http.method=GET" type="text"> 74 </div> 75 <div class="dropdown lookback" id="lookback"> 76 <span>Lookback</span> 77 </div> 78 79 <div class="duration"> 80 <div class="input-box"> 81 <span>Min Duration</span> 82 <input class="form-control" id="min-duration-input" placeholder="e.g. 1.2s,100ms,500us" type="text"> 83 </div> 84 <div class="input-box tags-second"> 85 <span>Max Duration</span> 86 <input class="form-control" id="max-duration-input" placeholder="e.g. 1.2s,100ms,500us" type="text"> 87 </div> 88 </div> 89 <div class="input-box"> 90 <span>Limit Result</span> 91 <input class="form-control" id="limit-result-input" placeholder="" type="number"> 92 </div> 93 <div class="search-trace-btn-box"> 94 <button class="btn search-trace-btn" id="search-trace-btn">Find Traces</button> 95 </div> 96 </div> 97 <div class="right-section"> 98 <div class="graph-info"> 99 <span class="traces-number" id = "traces-number"></span> 100 <div class="sorts-method"> 101 <span>Sorts: </span> 102 <div class="dropdown-sort-box"> 103 <div class="dropdown" id="sort-dropdown"> 104 </div> 105 </div> 106 <div class="dropdown-download-box"> 107 <div class="dropdown" id="download-dropdown"> 108 </div> 109 </div> 110 </div> 111 </div> 112 <div class="section-center"> 113 <div class="graph-show" id="graph-show"></div> 114 </div> 115 <div class="warn-bottom" id = "warn-bottom"> 116 </div> 117 </div> 118 </div> 119 </div> 120 121 <div id="app-footer"> 122 2023 © SigLens 123 </div> 124 125 </div> 126 127 <script src="./js/navbar.js?cb=1_1_10"></script> 128 <script src="./js/common.js?cb=1_1_10"></script> 129 <script src="./js/date-picker.js?cb=1_1_10"></script> 130 <script src="./js/event-handlers.js?cb=1_1_10"></script> 131 <script src="./js/search-traces.js?cb=1_1_10"></script> 132 <script src="./component/single-box/single-box.js"></script> 133 <script src="./component/download/download.js"></script> 134 <script src="./component/time-picker/time-picker.js"></script> 135 <script src="./js/lib/echarts.min.js"></script> 136 <script src="./component/upper-navbar/upper-navbar.js"></script> 137 138 {{ .RunCheck2 | safeHTML }} 139 {{ .RunCheck3 | safeHTML }} 140 </body> 141 142 </html>