issue-reporter.html 5.16 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
<!DOCTYPE html>
<!--
  - This file is part of Adblock Plus <https://adblockplus.org/>,
  - Copyright (C) 2006-present eyeo GmbH
  -
  - Adblock Plus is free software: you can redistribute it and/or modify
  - it under the terms of the GNU General Public License version 3 as
  - published by the Free Software Foundation.
  -
  - Adblock Plus is distributed in the hope that it will be useful,
  - but WITHOUT ANY WARRANTY; without even the implied warranty of
  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  - GNU General Public License for more details.
  -
  - You should have received a copy of the GNU General Public License
  - along with Adblock Plus.  If not, see <http://www.gnu.org/licenses/>.
  -->

19 20 21
<html>
  <head>
    <meta charset="utf-8">
22 23 24 25 26
    <script defer src="polyfill.js"></script>
    <script defer src="ext/common.js"></script>
    <script defer src="ext/content.js"></script>
    <script defer src="i18n.js"></script>
    <script defer src="issue-reporter.js"></script>
27
    <link rel="stylesheet" type="text/css" href="skin/common.css">
28
    <link rel="stylesheet" type="text/css" href="skin/fonts.css">
29 30 31 32
    <link rel="stylesheet" type="text/css" href="skin/issue-reporter.css">
    <title class="i18n_issueReporter_page_title"></title>
  </head>
  <body>
33 34 35 36
    <!-- Notification -->
    <div id="notification">
      <span id="notification-text" class="i18n_issueReporter_data_gathering_tab"></span>
      <button class="icon close tertiary" id="hide-notification">
37
        <span class="i18n_common_notification_hide sr-only"></span>
38 39
      </button>
    </div>
40
    <header>
41
      <div class="logo">
42
        <img id="logo" alt="" src="skin/icons/abp-logo.svg">
43 44 45 46 47 48
        <div class="title">
          <h1>
            Adblock <strong>Plus</strong>
          </h1>
          <p class="i18n_issueReporter_page_title"></p>
        </div>
49
      </div>
50 51 52 53 54 55
      <io-steps i18n-labels="
        issueReporter_selectIssueButton_label
        issueReporter_markIssueButton_label
        issueReporter_detailsButton_label
        issueReporter_doneButton_label
      "></io-steps>
56 57 58 59
    </header>

    <main>

60
      <div class="page" id="typeSelectorPage">
61 62
        <span id="sr-warning" tabindex="0" class="sr-only" data-i18n="issueReporter_screenreader_warning"></span>

63 64 65 66 67 68 69 70 71 72 73 74
        <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>

75 76 77 78
      <div class="page" id="highlighterPage" hidden>
        <h1 class="i18n_issueReporter_highlighter_heading"></h1>
        <p class="i18n_issueReporter_highlighter_description"></p>
      </div>
79 80 81 82 83 84 85 86 87 88 89 90 91 92 93
      <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>

        <label for="comment" class="i18n_issueReporter_comment_label"></label>
94
        <p class="i18n_issueReporter_comment_description"></p>
95
        <textarea id="comment"></textarea>
96 97 98
        <p>
            <button id="showData" class="i18n_issueReporter_showData_label link" disabled></button>
        </p>
99 100 101 102 103 104 105 106 107 108 109 110 111
      </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>

112
        <iframe id="result" sandbox="allow-top-navigation" hidden></iframe>
113
      </div>
114 115 116

      <div class="modal" id="showDataOverlay" hidden>
        <div class="modalContent">
117
          <pre id="showDataValue" tabindex="0"></pre>
118 119 120
          <button id="showDataClose" class="i18n_cancel primary"></button>
        </div>
      </div>
121 122 123
    </main>

    <footer>
124 125 126
      <div>
        <a id="privacyPolicy" target="_blank" class="i18n_issueReporter_privacyPolicy"></a>
      </div>
127 128
      <button id="cancel" class="i18n_cancel secondary"></button>
      <button id="continue" class="i18n_continue primary" disabled></button>
129
      <button id="send" class="i18n_issueReporter_sendButton_label primary" disabled hidden></button>
130 131 132
    </footer>
  </body>
</html>