| 
      1
     | 
    
      <!DOCTYPE html>
 
     | 
  
  
    | 
      2
     | 
    
      <!--
 
     | 
  
  
    | 
      3
     | 
    
          SPDX-License-Identifier: GPL-3.0-or-later OR CC-BY-SA-4.0
 
     | 
  
  
    | 
      4
     | 
    
      
 
     | 
  
  
    | 
      5
     | 
    
          Show details of how Haketilo handled given page and allow querying
 
     | 
  
  
    | 
      6
     | 
    
          repositories for custom scripts.
 
     | 
  
  
    | 
      7
     | 
    
      
 
     | 
  
  
    | 
      8
     | 
    
          This file is part of Haketilo.
 
     | 
  
  
    | 
      9
     | 
    
      
 
     | 
  
  
    | 
      10
     | 
    
          Copyright (C) 2022 Wojtek Kosior <koszko@koszko.org>
 
     | 
  
  
    | 
      11
     | 
    
      
 
     | 
  
  
    | 
      12
     | 
    
          File is dual-licensed. You can choose either GPLv3+, CC BY-SA or both.
 
     | 
  
  
    | 
      13
     | 
    
      
 
     | 
  
  
    | 
      14
     | 
    
          This program is free software: you can redistribute it and/or modify
 
     | 
  
  
    | 
      15
     | 
    
          it under the terms of the GNU General Public License as published by
 
     | 
  
  
    | 
      16
     | 
    
          the Free Software Foundation, either version 3 of the License, or
 
     | 
  
  
    | 
      17
     | 
    
          (at your option) any later version.
 
     | 
  
  
    | 
      18
     | 
    
      
 
     | 
  
  
    | 
      19
     | 
    
          This program is distributed in the hope that it will be useful,
 
     | 
  
  
    | 
      20
     | 
    
          but WITHOUT ANY WARRANTY; without even the implied warranty of
 
     | 
  
  
    | 
      21
     | 
    
          MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 
     | 
  
  
    | 
      22
     | 
    
          GNU General Public License for more details.
 
     | 
  
  
    | 
      23
     | 
    
      
 
     | 
  
  
    | 
      24
     | 
    
          You should have received a copy of the GNU General Public License
 
     | 
  
  
    | 
      25
     | 
    
          along with this program.  If not, see <https://www.gnu.org/licenses/>.
 
     | 
  
  
    | 
      26
     | 
    
      
 
     | 
  
  
    | 
      27
     | 
    
          I, Wojtek Kosior, thereby promise not to sue for violation of this file's
 
     | 
  
  
    | 
      28
     | 
    
          licenses. Although I request that you do not make use of this code in a
 
     | 
  
  
    | 
      29
     | 
    
          proprietary program, I am not going to enforce this in court.
 
     | 
  
  
    | 
      30
     | 
    
        -->
 
     | 
  
  
    | 
      31
     | 
    
      <html>
 
     | 
  
  
    | 
      32
     | 
    
        <head>
 
     | 
  
  
    | 
      33
     | 
    
          <meta charset="utf-8"/>
 
     | 
  
  
    | 
      34
     | 
    
          <title>Haketilo popup</title>
 
     | 
  
  
    | 
      35
     | 
    
      #LOADCSS html/reset.css
 
     | 
  
  
    | 
      36
     | 
    
      #LOADCSS html/base.css
 
     | 
  
  
    | 
      37
     | 
    
      #LOADCSS html/grid.css
 
     | 
  
  
    | 
      38
     | 
    
          <style>
 
     | 
  
  
    | 
      39
     | 
    
      #IF TEST
 
     | 
  
  
    | 
      40
     | 
    
            html {
     | 
  
  
    | 
      41
     | 
    
                background-color: #444;
 
     | 
  
  
    | 
      42
     | 
    
            }
 
     | 
  
  
    | 
      43
     | 
    
      #ENDIF
 
     | 
  
  
    | 
      44
     | 
    
      
 
     | 
  
  
    | 
      45
     | 
    
            html, body {
     | 
  
  
    | 
      46
     | 
    
      	  width: 400px;
 
     | 
  
  
    | 
      47
     | 
    
      	  overflow-x: hidden;
 
     | 
  
  
    | 
      48
     | 
    
      	  overflow-y: auto;
 
     | 
  
  
    | 
      49
     | 
    
            }
 
     | 
  
  
    | 
      50
     | 
    
      
 
     | 
  
  
    | 
      51
     | 
    
            #page_info_container {
     | 
  
  
    | 
      52
     | 
    
      	  padding: 0.4em;
 
     | 
  
  
    | 
      53
     | 
    
            }
 
     | 
  
  
    | 
      54
     | 
    
      
 
     | 
  
  
    | 
      55
     | 
    
            #info_form, #unprivileged_page_info {
     | 
  
  
    | 
      56
     | 
    
      	  display: grid;
 
     | 
  
  
    | 
      57
     | 
    
      	  grid-template-columns: auto;
 
     | 
  
  
    | 
      58
     | 
    
            }
 
     | 
  
  
    | 
      59
     | 
    
      
 
     | 
  
  
    | 
      60
     | 
    
            #info_form * {
     | 
  
  
    | 
      61
     | 
    
      	  text-align: center;
 
     | 
  
  
    | 
      62
     | 
    
      	  white-space: nowrap;
 
     | 
  
  
    | 
      63
     | 
    
      	  text-overflow: ellipsis;
 
     | 
  
  
    | 
      64
     | 
    
      	  overflow-x: hidden;
 
     | 
  
  
    | 
      65
     | 
    
            }
 
     | 
  
  
    | 
      66
     | 
    
      
 
     | 
  
  
    | 
      67
     | 
    
            #info_form label {
     | 
  
  
    | 
      68
     | 
    
      	  padding-bottom: 0.2em;
 
     | 
  
  
    | 
      69
     | 
    
            }
 
     | 
  
  
    | 
      70
     | 
    
            #info_form label+span, .top_but_container {
     | 
  
  
    | 
      71
     | 
    
      	  padding-bottom: 0.5em;
 
     | 
  
  
    | 
      72
     | 
    
            }
 
     | 
  
  
    | 
      73
     | 
    
      
 
     | 
  
  
    | 
      74
     | 
    
            #info_form .long_msg {
     | 
  
  
    | 
      75
     | 
    
      	  white-space: normal;
 
     | 
  
  
    | 
      76
     | 
    
            }
 
     | 
  
  
    | 
      77
     | 
    
          </style>
 
     | 
  
  
    | 
      78
     | 
    
        </head>
 
     | 
  
  
    | 
      79
     | 
    
        <body>
 
     | 
  
  
    | 
      80
     | 
    
          <!-- It contains just templates, we can include it at the top -->
 
     | 
  
  
    | 
      81
     | 
    
      #INCLUDE html/repo_query.html
 
     | 
  
  
    | 
      82
     | 
    
          <div id="page_info_container">
 
     | 
  
  
    | 
      83
     | 
    
            <div id="loading_info">
 
     | 
  
  
    | 
      84
     | 
    
      	Loading page info...
 
     | 
  
  
    | 
      85
     | 
    
            </div>
 
     | 
  
  
    | 
      86
     | 
    
            <div id="info_form" class="hide">
 
     | 
  
  
    | 
      87
     | 
    
      	<label>Page URL:</label>
 
     | 
  
  
    | 
      88
     | 
    
      	<span id="page_url"></span>
 
     | 
  
  
    | 
      89
     | 
    
      	<label id="privileged_page_info" class="hide">Privileged page</label>
 
     | 
  
  
    | 
      90
     | 
    
      	<div id="unprivileged_page_info" class="hide">
 
     | 
  
  
    | 
      91
     | 
    
      	  <label>Scripts blocked:</label>
 
     | 
  
  
    | 
      92
     | 
    
      	  <span id="scripts_blocked"></span>
 
     | 
  
  
    | 
      93
     | 
    
      	  <label>Injected payload:</label>
 
     | 
  
  
    | 
      94
     | 
    
      	  <span id="injected_payload"></span>
 
     | 
  
  
    | 
      95
     | 
    
      	  <label>Mapping used:</label>
 
     | 
  
  
    | 
      96
     | 
    
      	  <span id="mapping_used"></span>
 
     | 
  
  
    | 
      97
     | 
    
      	</div>
 
     | 
  
  
    | 
      98
     | 
    
            </div>
 
     | 
  
  
    | 
      99
     | 
    
            <div class="text_center top_but_container">
 
     | 
  
  
    | 
      100
     | 
    
      	<button id="search_resources_but" class="hide">
 
     | 
  
  
    | 
      101
     | 
    
      	  Search for custom resources
 
     | 
  
  
    | 
      102
     | 
    
      	</button>
 
     | 
  
  
    | 
      103
     | 
    
            </div>
 
     | 
  
  
    | 
      104
     | 
    
            <div class="text_center">
 
     | 
  
  
    | 
      105
     | 
    
      	<button id="settings_but">
 
     | 
  
  
    | 
      106
     | 
    
      	  Open settings
 
     | 
  
  
    | 
      107
     | 
    
      	</button>
 
     | 
  
  
    | 
      108
     | 
    
            </div>
 
     | 
  
  
    | 
      109
     | 
    
          </div>
 
     | 
  
  
    | 
      110
     | 
    
          <div id="repo_query_container" class="hide">
 
     | 
  
  
    | 
      111
     | 
    
            <!-- Repo query view will be dynamically inserted here. -->
 
     | 
  
  
    | 
      112
     | 
    
          </div>
 
     | 
  
  
    | 
      113
     | 
    
      #LOADJS html/popup.js
 
     | 
  
  
    | 
      114
     | 
    
        </body>
 
     | 
  
  
    | 
      115
     | 
    
      </html>
 
     |