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/options.html
8 8
  <head>
9 9
    <meta charset="utf-8"/>
10 10
    <title>Hachette options</title>
11
    <link type="text/css" rel="stylesheet" href="base.css" />
11 12
    <style>
12
      input[type="checkbox"], input[type="radio"], .hide, .popup.hide {
13
	  display: none;
14
      }
15

  
16 13
      /* pages list */
17 14
      #page_components_ul {
18 15
	  max-height: 80vh;
......
78 75
      input[type="radio"]:not(:checked)+.import_window_content {
79 76
	  display: none;
80 77
      }
81

  
82
      /* buttons */
83
      button {
84
          background-color: #4CAF50;
85
          border: none;
86
          border-radius: 8px;
87
          color: white;
88
          padding: 6px 12px;
89
          text-align: center;
90
          text-decoration: none;
91
          display: inline-block;
92
          margin: 2px 0px;
93
      }
94

  
95
    button:hover {
96
        box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
97
    }
98 78
    </style>
99 79
  </head>
100 80
  <body>
......
118 98
	<input type="radio" style="display: inline;" name="page_components"></input>
119 99
	<span></span>
120 100
      </li>
121
      <li id="import_li_template">
122
	<span></span>
123
	<input type="checkbox" style="display: inline;" checked></input>
124
	<span></span>
125
      </li>
126 101
    </div>
127 102

  
128 103
    <!-- Mind the show_*s ids below - their format is assumed in js code -->
......
243 218

  
244 219
    <div id="import_window" class="hide popup" position="absolute">
245 220
      <div class="popup_frame">
246
	<h2> Settings import </h2>
247
	<input id="import_loading_radio" type="radio" name="import_window_content"></input>
248
	<span class="import_window_content"> Loading... </span>
249
	<input id="import_failed_radio" type="radio" name="import_window_content"></input>
250
	<div class="import_window_content">
251
	  <span> Bad file :( </span>
252
	  <pre id="bad_file_errormsg"></pre>
253
	  <button id="import_failok_but"> OK </button>
254
	</div>
255
	<input id="import_selection_radio" type="radio" name="import_window_content"></input>
256
	<div class="import_window_content">
257
	  <button id="check_all_import_but"> Check all </button>
258
	  <button id="uncheck_all_import_but"> Uncheck all </button>
259
	  <button id="uncheck_colliding_import_but"> Uncheck existing </button>
260
	  <ul id="import_ul">
261
	  </ul>
262
	  <button id="commit_import_but"> OK </button>
263
	  <button id="cancel_import_but"> Cancel </button>
264
	</div>
221
	<IMPORT html/import_frame.html />
265 222
      </div>
266 223
    </div>
267 224

  

Also available in: Unified diff