You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

150 lines
7.9 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=560, initial-scale=1">
  6. <link rel="stylesheet" type="text/css" href="css/common.css">
  7. <link rel="stylesheet" href="css/fa-icons.css" type="text/css">
  8. <link rel="stylesheet" type="text/css" href="css/logger-ui.css">
  9. <link rel="shortcut icon" type="image/png" href="img/icon_64.png">
  10. <title data-i18n="loggerPageName"></title>
  11. <style id="vwRendererRuntimeStyles"></style>
  12. </head>
  13. <body>
  14. <div class="permatoolbar">
  15. <div>
  16. <select id="pageSelector">
  17. <option value="0" data-i18n="logAll">
  18. <option value="-1" data-i18n="logBehindTheScene">
  19. <option value="_" data-i18n="loggerCurrentTab">
  20. </select>
  21. <span id="refresh" class="button fa-icon disabled needtab" data-i18n-title="loggerReloadTip">refresh</span>
  22. <span id="showpopup" class="button px-icon disabled needtab" data-i18n-title="loggerPopupPanelTip"><img src="/img/icon_64.png"></span>
  23. </div>
  24. <div>
  25. <a id="info" class="button fa-icon" href="https://github.com/gorhill/uBlock/wiki/The-logger" target="_blank" data-i18n-title="loggerInfoTip">info-circle</a>
  26. </div>
  27. </div>
  28. <div id="inspectors">
  29. <div id="netInspector" class="inspector f">
  30. <div class="permatoolbar">
  31. <div>
  32. <span class="button fa-icon vCompactToggler">double-angle-up</span>
  33. <span id="clean" class="button fa-icon disabled">times</span>
  34. <span id="clear" class="button fa-icon disabled" data-i18n-title="loggerClearTip">eraser</span>
  35. <span id="pause"><span class="button fa-icon" data-i18n-title="loggerPauseTip">pause-circle-o</span><span class="button fa-icon" data-i18n-title="loggerUnpauseTip">play-circle-o</span></span>
  36. <span id="filterExprGroup">
  37. <span id="filterButton" class="button fa-icon" data-i18n-title="loggerRowFiltererButtonTip">filter</span>
  38. <span id="filterInput">
  39. <input type="search" placeholder="logFilterPrompt">
  40. <span id="filterExprButton" class="button fa-icon expanded" data-i18n-title="loggerRowFiltererBuiltinTip">angle-up</span>
  41. <div id="filterExprPicker">
  42. <div><span data-filtex="!" data-i18n="loggerRowFiltererBuiltinNot"></span><span data-filtex="\t(?:--|\+\+)\t" data-i18n="loggerRowFiltererBuiltinBlocked"></span><span data-filtex="\tinfo\t" data-i18n="loggerRowFiltererBuiltinInfo"></span></div>
  43. <div><span data-filtex="!" data-i18n="loggerRowFiltererBuiltinNot"></span>
  44. <span style="flex-direction: column;">
  45. <div style="margin-bottom: 1px;"><span data-filtex="\tcookie\t">cookie</span><span data-filtex="\t(?:css|(?:inline-)?font)\t">css/font</span><span data-filtex="\timage\t">image</span><span data-filtex="\tmedia\t">media</span><span data-filtex="\t(?:inline-)?script(?:ing)?\t">script</span></div>
  46. <div><span data-filtex="\t(?:fetch|websocket|xhr)\t">fetch</span><span data-filtex="\tframe\t">frame</span><span data-filtex="\t(?:beacon|csp_report|ping|other)\t">other</span></div>
  47. </span>
  48. </div>
  49. <div><span data-filtex="!" data-i18n="loggerRowFiltererBuiltinNot"></span><span data-filtex="\t(?:0,)?1\t" data-i18n="loggerRowFiltererBuiltin1p"></span><span data-filtex="\t(?:3(?:,\d)?|0,3)\t" data-i18n="loggerRowFiltererBuiltin3p"></span></div>
  50. <div id="filterExprCnameOf" style="display:none"><span data-filtex="!" data-i18n="loggerRowFiltererBuiltinNot"></span><span data-filtex="\taliasURL=.">CNAME</span></div>
  51. </div>
  52. </span>
  53. </span>
  54. </div>
  55. <div>
  56. <span id="loggerStats" class="button fa-icon" style="display: none;">bar-chart</span>
  57. <span id="loggerExport" class="button fa-icon">clipboard</span>
  58. <span id="loggerSettings" class="button fa-icon">cog</span>
  59. </div>
  60. </div>
  61. <div class="vscrollable">
  62. <div id="vwRenderer">
  63. <div id="vwScroller">
  64. <div id="vwVirtualContent">
  65. <div id="vwContent"></div>
  66. </div>
  67. </div>
  68. <div id="vwLineSizer">
  69. <div class="logEntry oneLine"><div><span>00:00:00</span><span>%35%</span><span>+++</span><span>%65%</span><span>1234567890</span><span>+++</span></div></div>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. <iframe id="popupContainer"></iframe>
  75. </div>
  76. <div id="modalOverlay">
  77. <div>
  78. <div id="modalOverlayContainer"></div>
  79. <div id="modalOverlayClose"><svg viewBox="0 0 64 64"><path d="M 16 16 L 48 48 M 16 48 L 48 16" /></svg></div>
  80. </div>
  81. </div>
  82. <div id="templates" style="display: none;">
  83. <div id="logEntryTemplate"><div><span></span>&#8203;<span>--</span>&#8203;<span></span>&#8203;<span></span>&#8203;<span></span>&#8203;<span></span></div></div>
  84. <div id="netFilteringDialog" data-pane="rule">
  85. <div class="headers">
  86. &ensp;
  87. <span class="header" data-pane="rule" data-i18n="loggerEntryRuleHeader"></span>
  88. <span class="header" data-pane="details" data-i18n="loggerEntryDetailsHeader"></span>
  89. </div>
  90. <div class="panes">
  91. <div class="pane" data-pane="rule">
  92. <iframe></iframe>
  93. </div>
  94. <div class="pane" data-pane="details">
  95. <div><span data-i18n="loggerEntryDetailsContext"></span><span></span></div>
  96. <div><span data-i18n="loggerEntryDetailsPartyness"></span><span class="prose"></span></div>
  97. <div><span data-i18n="loggerEntryDetailsType"></span><span></span></div>
  98. <div><span data-i18n="loggerEntryDetailsURL"></span><span></span></div>
  99. <div><span>CNAME</span><span></span></div>
  100. <div><span>Original URL</span><span></span></div>
  101. </div>
  102. </div>
  103. </div>
  104. <div id="loggerExportDialog">
  105. <div class="options">
  106. <div data-radio="format">
  107. <span data-i18n="loggerExportFormatList" data-radio-item="list"></span>
  108. <span data-i18n="loggerExportFormatTable" data-radio-item="table"></span>
  109. </div>
  110. <div data-radio="encoding">
  111. <span data-i18n="loggerExportEncodePlain" data-radio-item="plain"></span>
  112. <span data-i18n="loggerExportEncodeMarkdown" data-radio-item="markdown"></span>
  113. </div>
  114. <div>
  115. <span data-i18n="genericCopyToClipboard" class="pushbutton"></span>
  116. </div>
  117. </div>
  118. <textarea class="output" readonly spellcheck="false"></textarea>
  119. </div>
  120. <div id="loggerSettingsDialog">
  121. <div><span data-i18n="loggerSettingDiscardPrompt"></span>
  122. <ul>
  123. <li><label data-i18n="loggerSettingPerEntryMaxAge"><input type="number" min="0" max="50000" /></label>
  124. <li><label data-i18n="loggerSettingPerTabMaxLoads"><input type="number" min="0" max="1000000" /></label>
  125. <li><label data-i18n="loggerSettingPerTabMaxEntries"><input type="number" min="0" max="1000000" /></label>
  126. </ul>
  127. </div>
  128. <div><label data-i18n="loggerSettingPerEntryLineCount"><input type="number" min="2" max="6"></label></div>
  129. </div>
  130. </div>
  131. <script src="js/fa-icons.js"></script>
  132. <script src="js/vapi.js"></script>
  133. <script src="js/vapi-common.js"></script>
  134. <script src="js/vapi-client.js"></script>
  135. <script src="js/vapi-client-extra.js"></script>
  136. <script src="js/udom.js"></script>
  137. <script src="js/i18n.js"></script>
  138. <script src="js/logger-ui.js"></script>
  139. </body>
  140. </html>