Index: issue-reporter.html |
=================================================================== |
new file mode 100644 |
--- /dev/null |
+++ b/issue-reporter.html |
@@ -0,0 +1,87 @@ |
+<html> |
+ <head> |
+ <meta charset="utf-8"> |
+ <script src="polyfill.js"></script> |
+ <script src="issue-reporter.js"></script> |
+ <script src="i18n.js"></script> |
+ <link rel="stylesheet" type="text/css" href="skin/issue-reporter.css"> |
+ <title class="i18n_issueReporter_page_title"></title> |
+ </head> |
+ <body> |
+ <header> |
+ <img id="logo" alt="Adblock Plus logo" src="icons/detailed/abp-64.png" srcset="icons/detailed/abp-128.png 2x"> |
+ <div class="title"> |
+ <h1> |
+ Adblock <strong>Plus</strong> |
+ </h1> |
+ <p class="i18n_issueReporter_page_title"></p> |
+ </div> |
+ </header> |
+ |
+ <main> |
+ <div class="page" id="dataCollectorPage"> |
+ <h1 class="i18n_issueReporter_dataCollector_heading"></h1> |
+ <p class="i18n_issueReporter_dataCollector_description"></p> |
+ |
+ <div id="dataCollectorProgressContainer"> |
+ <progress id="dataCollectorProgress"></progress> |
+ </div> |
+ </div> |
+ |
+ <div class="page" id="typeSelectorPage" hidden> |
+ <h1 class="i18n_issueReporter_typeSelector_heading"></h1> |
+ <p class="i18n_issueReporter_typeSelector_description"></p> |
+ <div id="typeSelectorGroup"> |
+ <input type="radio" id="typeFalsePositive" value="false positive" name="type"> |
+ <label for="typeFalsePositive" class="i18n_issueReporter_falsePositive_label"></label> |
+ <p class="i18n_issueReporter_falsePositive_description"></p> |
+ <input type="radio" id="typeFalseNegative" value="false negative" name="type"> |
+ <label for="typeFalseNegative" class="i18n_issueReporter_falseNegative_label"></label> |
+ <p class="i18n_issueReporter_falseNegative_description"></p> |
+ </div> |
+ </div> |
+ |
+ <div class="page" id="commentPage" hidden> |
+ <h1 class="i18n_issueReporter_commentPage_heading"></h1> |
+ |
+ <p class="i18n_issueReporter_email_description"></p> |
+ |
+ <label for="email" class="i18n_issueReporter_email_label"></label> |
+ <input type="email" id="email" maxlength="200"> |
+ |
+ <div id="anonymousSubmissionContainer"> |
+ <input type="checkbox" id="anonymousSubmission"> |
+ <label for="anonymousSubmission" class="i18n_issueReporter_anonymousSubmission_label"></label> |
+ <div id="anonymousSubmissionWarning" data-invisible="true" class="i18n_issueReporter_anonymousSubmission_warning"></div> |
+ </div> |
+ |
+ <p class="i18n_issueReporter_comment_description"></p> |
+ |
+ <label for="comment" class="i18n_issueReporter_comment_label"></label> |
+ <textarea id="comment"></textarea> |
+ <p id="commentLengthWarning" data-invisible="true" class="i18n_issueReporter_comment_lengthWarning"></p> |
+ <a href="#" id="showData" class="i18n_issueReporter_showData_label"></a> |
+ </div> |
+ |
+ <div class="page" id="sendPage" hidden> |
+ <h1 class="i18n_issueReporter_sendPage_heading"></h1> |
+ |
+ <p id="sendReportMessage" class="i18n_issueReporter_sending"></p> |
+ |
+ <div id="sendingProgressContainer"> |
+ <progress id="sendingProgress"></progress> |
+ </div> |
+ |
+ <p id="error" hidden></p> |
+ |
+ <iframe id="result" sandbox="allow-top-navigation-by-user-activation" hidden></iframe> |
+ </div> |
+ </main> |
+ |
+ <footer> |
+ <a id="privacyPolicy" target="_blank" class="i18n_issueReporter_privacyPolicy"></a> |
+ <button id="cancel" class="i18n_cancel secondary"></button> |
+ <button id="continue" class="i18n_continue primary" disabled></button> |
+ </footer> |
+ </body> |
+</html> |