Project

General

Profile

« Previous | Next » 

Revision 792fbe18

Added by koszko about 2 years ago

Facilitate installation of scripts from the repository

This commit includes:

  • removal of page_info_server
  • running of storage client in popup context
  • extraction of some common CSS to a separate file
  • extraction of scripts import view to a separate file
  • addition of a facility to conveniently clone complex structures from DOM (in DOM_helpers.js)
  • addition of hydrilla repo url to default settings
  • other minor changes and of course changes related to the actual installation of scripts from the repo

View differences:

html/display-panel.html
7 7 
  <head>
8 8 
    <meta charset="utf-8"/>
9 9 
    <title>Hachette - page settings</title>
10 
    <link type="text/css" rel="stylesheet" href="base.css" />
10 11 
    <style>
11 
      input[type="radio"], input[type="checkbox"] {
12 
	  display: none;
13 
      }
14 

  		




  15
  12
  
    
      body {


  		




  16
  13
  
    
	  width: 300px;


  		




  17
  14
  
    
	  height: 300px;


  		




  18
  15
  
    
      }


  		




  19
  16
  
    

  		




  20
  
  
    
      .show_next:not(:checked)+* {


  		




  21
  
  
    
	  display: none;


  		




  
  17
  
    
      ul {


  		




  
  18
  
    
	  padding-inline-start: 15px;


  		




  22
  19
  
    
      }


  		




  23
  20
  
    

  		




  24
  
  
    
      .show_hide_next2:not(:checked)+* {


  		




  25
  
  
    
	  display: none;


  		




  
  21
  
    
      .bold {


  		




  
  22
  
    
	  font-weight: bold;


  		




  26
  23
  
    
      }


  		




  27
  24
  
    

  		




  28
  
  
    
      .show_hide_next2:checked+*+* {


  		




  29
  
  
    
	  display: none;


  		




  30
  
  
    
      }


  		




  31
  
  
    

  		




  32
  
  
    
      .hide {


  		




  33
  
  
    
	  display: none;


  		




  34
  
  
    
      }


  		




  35
  
  
    

  		




  36
  
  
    
      #possible_patterns_chbx:not(:checked)+label span#triangle:first-child+span,


  		




  37
  
  
    
      #possible_patterns_chbx:not(:checked)+label+*,


  		




  38
  
  
    
      #possible_patterns_chbx:checked+label span#triangle:first-child {


  		




  
  25
  
    
      .unroll_chbx:not(:checked)+*+label span.triangle:first-child+span.triangle,


  		




  
  26
  
    
      .unroll_chbx:checked+*+label span.triangle:first-child,


  		




  
  27
  
    
      .unroll_chbx:not(:checked)+*,


  		




  
  28
  
    
      .unroll_chbx:not(:checked)+*+label+* {


  		




  39
  29
  
    
	  display: none;


  		




  40
  30
  
    
      }


  		




  41
  31
  
    

  		




  ......




  51
  41
  
    
	<span></span>


  		




  52
  42
  
    
	<button>View in settings</button>


  		




  53
  43
  
    
      </li>


  		




  
  44
  
    
      <li id="query_match_li_template" class="queried_pattern_match" data-template="li">


  		




  
  45
  
    
	<div>


  		




  
  46
  
    
	  <span>pattern:</span>


  		




  
  47
  
    
	  <span class="bold" data-template="pattern"></span>


  		




  
  48
  
    
	  <button data-template="btn">Install</button>


  		




  
  49
  
    
	</div>


  		




  
  50
  
    
	<div id="unrollable_component_template" data-template="unroll_container">


  		




  
  51
  
    
	  <span data-template="component_label">payload:</span>


  		




  
  52
  
    
	  <input type="checkbox" class="unroll_chbx" data-template="chbx"></input>


  		




  
  53
  
    
	  <br data-template="br"/>


  		




  
  54
  
    
	  <label class="bold" data-template="lbl">


  		




  
  55
  
    
	    <span data-template="triangle">


  		




  
  56
  
    
	      <span class="triangle">&#x23F5;</span>


  		




  
  57
  
    
	      <span class="triangle">&#x23F7;</span>


  		




  
  58
  
    
	    </span>


  		




  
  59
  
    
	    <span data-template="component"></span>


  		




  
  60
  
    
	  </label>


  		




  
  61
  
    
	  <div data-template="unroll"></div>


  		




  
  62
  
    
	</div>


  		




  
  63
  
    
      </li>


  		




  54
  64
  
    
    </div>


  		




  55
  65
  
    

  		




  56
  
  
    
    <h2 id="page_url_heading"></h2>


  		




  57
  
  
    

  		




  58
  
  
    
    <input id="show_privileged_notice_chbx" type="checkbox" class="show_next"></input>


  		




  59
  
  
    
    <h3>Privileged page</h3>


  		




  
  66
  
    
    <input id="show_install_view_chbx" type="checkbox" class="show_hide_next2"></input>


  		




  
  67
  
    
    <div id="install_view">


  		




  
  68
  
    
      <IMPORT html/import_frame.html />


  		




  
  69
  
    
      <!--


  		




  
  70
  
    
	  <div id="install_status"></div>


  		




  
  71
  
    
	  <label for="show_install_chbx" class="bold">Cancel install</label>


  		




  
  72
  
    
	  <button id="commit_install_but">Commit install</button>


  		




  
  73
  
    
      -->


  		




  
  74
  
    
    </div>


  		




  
  75
  
    
    <div id="main_view">


  		




  
  76
  
    
      <h2 id="page_url_heading"></h2>


  		




  60
  77
  
    

  		




  61
  
  
    
    <input id="show_page_state_chbx" type="checkbox" class="show_next"></input>


  		




  62
  
  
    
    <div>


  		




  63
  
  
    
      <input id="possible_patterns_chbx" type="checkbox"></input>


  		




  64
  
  
    
      <label for="possible_patterns_chbx">


  		




  65
  
  
    
	<h3>


  		




  66
  
  
    
	  <span id="triangle">&#x23F5;</span><span>&#x23F7;</span>


  		




  67
  
  
    
	  Possible patterns


  		




  68
  
  
    
	</h3>


  		




  69
  
  
    
      </label>


  		




  70
  
  
    
      <ul id="possible_patterns"></ul>


  		




  
  78
  
    
      <input id="show_privileged_notice_chbx" type="checkbox" class="show_next"></input>


  		




  
  79
  
    
      <h3>Privileged page</h3>


  		




  71
  80
  
    

  		




  72
  
  
    
      <input id="connected_chbx" type="checkbox" class="show_hide_next2"></input>


  		




  
  81
  
    
      <input id="show_page_state_chbx" type="checkbox" class="show_next"></input>


  		




  73
  82
  
    
      <div>


  		




  74
  
  
    
	<h3>


  		




  75
  
  
    
	  Matched pattern: <span id="pattern">...</span>


  		




  
  83
  
    
	<input id="possible_patterns_chbx" type="checkbox" class="unroll_chbx"></input>


  		




  
  84
  
    
	<span></span>


  		




  
  85
  
    
	<label for="possible_patterns_chbx">


  		




  
  86
  
    
	  <h3>


  		




  
  87
  
    
	    <span class="triangle">&#x23F5;</span>


  		




  
  88
  
    
	    <span class="triangle">&#x23F7;</span>


  		




  
  89
  
    
	    Possible patterns


  		




  
  90
  
    
	  </h3>


  		




  
  91
  
    
	</label>


  		




  
  92
  
    
	<ul id="possible_patterns"></ul>


  		




  
  93
  
    

  		




  
  94
  
    
	<input id="connected_chbx" type="checkbox" class="show_hide_next2"></input>


  		




  
  95
  
    
	<div>


  		




  
  96
  
    
	  Matched pattern: <span id="pattern" class="bold">...</span>


  		




  76
  97
  
    
	  <button id="view_pattern" class="hide">


  		




  77
  98
  
    
	    View in settings


  		




  78
  99
  
    
	  </button>


  		




  
  100
  
    
	  <br/>


  		




  
  101
  
    
	  Blocked: <span id="blocked" class="bold">...</span>


  		




  
  102
  
    
	  <br/>


  		




  
  103
  
    
	  Payload: <span id="payload" class="bold">...</span>


  		




  
  104
  
    
	  <button id="view_payload" class="hide">


  		




  
  105
  
    
	    View in settings


  		




  
  106
  
    
	  </button>


  		




  
  107
  
    
	  <h3>Injected</h3>


  		




  
  108
  
    
	  <div id="container_for_injected">


  		




  
  109
  
    
	    <span id="none_injected">None</span>


  		




  
  110
  
    
	  </div>


  		




  79
  111
  
    
	  <input id="query_started_chbx" type="checkbox" class="show_hide_next2"></input>


  		




  80
  112
  
    
	  <div id="container_for_repo_responses">


  		




  81
  113
  
    
	    <h3>Queried from repositories</h3>


  		




  ......




  83
  115
  
    
	  <button id="query_pattern">


  		




  84
  116
  
    
	    Search for matching patterns


  		




  85
  117
  
    
	  </button>


  		




  86
  
  
    
	</h3>


  		




  87
  
  
    
	<h3>


  		




  88
  
  
    
	  Blocked: <span id="blocked">...</span>


  		




  89
  
  
    
	</h3>


  		




  90
  
  
    
	<h3>


  		




  91
  
  
    
	  Payload: <span id="payload">...</span>


  		




  92
  
  
    
	  <button id="view_payload" class="hide">


  		




  93
  
  
    
	    View in settings


  		




  94
  
  
    
	  </button>


  		




  95
  
  
    
	</h3>


  		




  96
  
  
    
	<h3>Injected</h3>


  		




  97
  
  
    
	<div id="container_for_injected">


  		




  98
  
  
    
	  <span id="none_injected">None</span>


  		




  99
  118
  
    
	</div>


  		




  
  119
  
    
	<h3>Trying to connect..<input id="loading_chbx" type="checkbox" class="show_next"></input><span>.</span></h3>


  		




  100
  120
  
    
      </div>


  		




  101
  
  
    
      <h3>Trying to connect..<input id="loading_chbx" type="checkbox" class="show_next"></input><span>.</span></h3>


  		




  102
  
  
    
    </div>


  		




  103
  121
  
    

  		




  104
  
  
    
    <button id="settings_but" type="button" style="margin-top: 20px;">Settings</button>_POPUPSCRIPTS_


  		




  
  122
  
    
      <button id="settings_but" type="button" style="margin-top: 20px;">Settings</button>


  		




  
  123
  
    
    </div>_POPUPSCRIPTS_


  		




  105
  124
  
    
  </body>


  		




  106
  125
  
    
</html>


  		












Also available in:  Unified diff