/ - Diff - Haketilo - Hydrilla issue tracker

         overflow: auto;
+    }
     .bold, h2 {
         font-weight: bold;
+    }
     h2 {
         margin: 8px;
         font-size: 120%;
+    }
     h3 {
         padding: 5px;
         font-size: 108%;
         text-shadow: 0 0 0 #454;
+    }
     textarea {
         font-family: monospace;
+    }
-...
     .has_bottom_line::after {
         background: linear-gradient(#555, transparent);
+    }
     .nowrap {
         white-space: nowrap;
+    }

     	  width: -moz-max-content;
+          }
           .bold, h2 {
     	  font-weight: bold;
+          }
           h2 {
     	  margin: 8px;
     	  font-size: 120%;
+          }
           .top>h2 {
     	  padding-left: calc(0.8*3.2em - 8px);
+          }
-...
     	  padding-left: 0;
+          }
           h3 {
     	  padding: 5px;
     	  font-size: 108%;
     	  text-shadow: 0 0 0 #454;
+          }
           .unroll_chbx:not(:checked)+div>:not(:first-child) {
     	  display: none;
+          }
-...
       </head>
       <body>
         <template>
           <tr id="pattern_entry" data-template="entry">
           <tr id="pattern_entry" class="nowrap" data-template="entry">
     	<td data-template="name"></td>
     	<td>
     	  <div class="button" data-template="button">Add setting</div>
-...
         <input id="show_install_view_radio" type="radio" class="show_next" name="current_view"></input>
         <div id="install_view">
           <div class="top has_bottom_line"><h2> Site modifiers install </h2></div>
           <IMPORT html/import_frame.html />
           <div class="padding_inline">
     	<IMPORT html/import_frame.html />
           </div>
         </div>
         <input id="show_injected_view_radio" type="radio" class="show_next" name="current_view"></input>
-...
     	  <div>
     	    <table class="active_setting_table">
     	      <tbody>
     		<tr>
     		<tr class="nowrap">
     		  <td>Matched pattern:</td>
     		  <td id="pattern" class="bold">...</td>
     		  <td>
-...
     		    </button>
     		  </td>
     		</tr>
     		<tr>
     		<tr class="nowrap">
     		  <td>Scripts blocked:</td>
     		  <td id="blocked" class="bold">...</td>
     		  <td></td>
     		</tr>
     		<tr>
     		<tr class="nowrap">
     		  <td>Injected payload:</td>
     		  <td id="payload" class="bold">...</td>
     		  <td id="payload_buttons" class="hide">

html/display-panel.js
23	23	* IMPORT url_matches
24	24	* IMPORT each_url_pattern
25	25	* IMPORT by_id
26		* IMPORT get_template
27	26	* IMPORT clone_template
28	27	* IMPORTS_END
29	28	*/

     <style>
       .padding_right {
           padding-right: 0.3em;
+      }
     </style>
     <template>
       <li id="import_li">
         <span></span>
         <input type="checkbox" style="display: inline;" checked></input>
         <span></span>
       </li>
       <tr id="import_entry" class="nowrap" data-template="entry">
         <td>
           <input type="checkbox" style="display: inline;" checked data-template="chbx"></input>
           <span data-template="name_span"></span>
         </td>
         <td class="bold padding_right" data-template="warning"></td>
       </tr>
     </template>
     <input id="import_loading_radio" type="radio" name="import_window_content" class="show_next"></input>
     <span> Loading... </span>
     <input id="import_failed_radio" type="radio" name="import_window_content" class="show_next"></input>
     <div>
       <span id="import_errormsg"></span>
-...
       <pre id="import_errordetail"></pre>
       <button id="import_failok_but"> OK </button>
     </div>
     <input id="import_selection_radio" type="radio" name="import_window_content" class="show_next"></input>
     <div>
       <button id="check_all_import_but"> Check all </button>
       <button id="uncheck_all_import_but"> Uncheck all </button>
       <button id="uncheck_colliding_import_but"> Uncheck existing </button>
       <ul id="import_ul">
       </ul>
       <aside id="existing_settings_note">
         Settings that would owerwrite existing ones are marked "!".
       </aside>
       <div id="import_table_wrapper" class="table_wrapper">
         <div>
           <table>
     	<tbody id="import_list">
     	</tbody>
           </table>
         </div>
       </div>
       <button id="commit_import_but"> OK </button>
       <button id="cancel_import_but"> Cancel </button>
     </div>

      * IMPORTS_START
      * IMPORT get_remote_storage
      * IMPORT by_id
      * IMPORT get_template
      * IMPORT clone_template
      * IMPORT nice_name
      * IMPORT make_once
      * IMPORTS_END
-...
     let storage;
     const import_li_template = get_template("import_li");
     import_li_template.removeAttribute("id");
     function import_li_id(prefix, item)
+    {
         return `ili_${prefix}_${item}`;
+    }
     let import_ul = by_id("import_ul");
     let import_list = by_id("import_list");
     let import_chbxs_colliding = undefined;
     let entry_objects = undefined;
     let settings_import_map = undefined;
     function add_import_li(prefix, name)
     function add_import_entry(prefix, name)
+    {
         let li = import_li_template.cloneNode(true);
         let name_span = li.firstElementChild;
         let chbx = name_span.nextElementSibling;
         let warning_span = chbx.nextElementSibling;
         const cloned_template = clone_template("import_entry");
         Object.assign(cloned_template, {prefix, name});
         li.setAttribute("data-prefix", prefix);
         li.setAttribute("data-name", name);
         li.id = import_li_id(prefix, name);
         name_span.textContent = nice_name(prefix, name);
         cloned_template.name_span.textContent = nice_name(prefix, name);
         if (storage.get(prefix, name) !== undefined) {
     	import_chbxs_colliding.push(chbx);
     	warning_span.textContent = "(will overwrite existing setting!)";
     	import_chbxs_colliding.push(cloned_template.chbx);
     	cloned_template.warning.textContent = "!";
+        }
         import_ul.appendChild(li);
         import_list.appendChild(cloned_template.entry);
         return cloned_template;
+    }
     function check_all_imports()
+    {
         for (let li of import_ul.children)
     	li.firstElementChild.nextElementSibling.checked = true;
         for (const entry_object of entry_objects)
     	entry_object.chbx.checked = true;
+    }
     function uncheck_all_imports()
+    {
         for (let li of import_ul.children)
     	li.firstElementChild.nextElementSibling.checked = false;
         for (const entry_object of entry_objects)
     	entry_object.chbx.checked = false;
+    }
     function uncheck_colliding_imports()
-...
     function commit_import()
+    {
         for (let li of import_ul.children) {
     	let chbx = li.firstElementChild.nextElementSibling;
     	if (!chbx.checked)
         for (const entry_object of entry_objects) {
     	if (!entry_object.chbx.checked)
     	    continue;
     	let prefix = li.getAttribute("data-prefix");
     	let name = li.getAttribute("data-name");
     	let key = prefix + name;
     	let value = settings_import_map.get(key);
     	storage.set(prefix, name, value);
     	const key = entry_object.prefix + entry_object.name;
     	const value = settings_import_map.get(key);
     	storage.set(entry_object.prefix, entry_object.name, value);
+        }
         deactivate();
-...
+    }
     const import_selection_radio = by_id("import_selection_radio");
     const existing_settings_note = by_id("existing_settings_note");
     function show_selection(settings)
+    {
         import_selection_radio.checked = true;
         let old_children = import_ul.children;
         let old_children = import_list.children;
         while (old_children[0] !== undefined)
     	import_ul.removeChild(old_children[0]);
     	import_list.removeChild(old_children[0]);
         import_chbxs_colliding = [];
         entry_objects = [];
         settings_import_map = new Map();
         for (let setting of settings) {
     	let [key, value] = Object.entries(setting)[0];
     	let prefix = key[0];
     	let name = key.substring(1);
     	add_import_li(prefix, name);
     	entry_objects.push(add_import_entry(prefix, name));
     	settings_import_map.set(key, value);
+        }
         const op = import_chbxs_colliding.length > 0 ? "remove" : "add";
         existing_settings_note.classList[op]("hide");
+    }
     function deactivate()
+    {
         /* Let GC free some memory */
         import_chbxs_colliding = undefined;
         entry_objects = undefined;
         settings_import_map = undefined;
         if (exports.onclose)
     	exports.onclose();
+    }
     const exports = {show_loading, show_error, show_selection, deactivate};
     const wrapper = by_id("import_table_wrapper");
     const style_table = (...cls) => cls.forEach(c => wrapper.classList.add(c));
     const exports =
           {show_loading, show_error, show_selection, deactivate, style_table};
     async function init()
+    {

     	  background: linear-gradient(#555, #e0f0f0);
+          }
           .table_wrapper>.always_scrollbar{
           .table_wrapper.always_scrollbar>* {
     	  border-left: solid #454 8px;
     	  max-height: 80vh;
     	  overflow-y: scroll;
+          }
           .table_wrapper .table_wrapper>.always_scrollbar,
           .popup_frame .table_wrapper>.always_scrollbar {
           .table_wrapper .table_wrapper.always_scrollbar>*,
           .popup_frame .table_wrapper.always_scrollbar>* {
     	  max-height: 60vh;
+          }
-...
     	  margin: 0 auto;
+          }
           tr>td:first-child {
           td:first-child {
     	  max-width: 70vw;
     	  overflow: hidden;
+          }
-...
       </head>
       <body>
         <template>
           <tr id="item_li">
           <tr id="item_li" class="nowrap">
     	<td></td>
     	<td><div class="button"> Edit </div></td>
     	<td><div class="button"> Remove </div></td>
     	<td><div class="button"> Export </div></td>
           </tr>
           <tr id="bag_component_li">
           <tr id="bag_component_li" class="nowrap">
     	<td></td>
     	<td><div class="button"> Remove </div></td>
           </tr>
           <tr id="chbx_component_li">
           <tr id="chbx_component_li" class="nowrap">
     	<td>
     	  <input type="checkbox" style="display: inline;"></input>
     	  <span></span>
     	</td>
           </tr>
           <tr id="radio_component_li">
           <tr id="radio_component_li" class="nowrap">
     	<td>
     	  <input type="radio" style="display: inline;" name="page_components"></input>
     	  <span></span>
-...
         <div id="radio_components_window" class="hide popup" position="absolute">
           <div class="popup_frame">
     	<div class="table_wrapper tight_table has_bottom_line has_upper_line">
     	  <div class="always_scrollbar">
     	<div class="table_wrapper tight_table always_scrollbar has_bottom_line has_upper_line">
     	  <div>
     	    <table>
     	      <tbody id="radio_components_ul">
     		<tr id="radio_component_none_li">

         const op = ((list_elem.children.length === 1 &&
     		 list_elem.children[0].classList.contains("hide")) ||
     		list_elem.children.length < 1) ? "remove" : "add";
         list_elem.parentElement.parentElement.classList[op]("always_scrollbar");
         while (!list_elem.classList.contains("table_wrapper"))
     	list_elem = list_elem.parentElement;
         list_elem.classList[op]("always_scrollbar");
+    }
     function item_li_id(prefix, item)
-...
         import_frame = await get_import_frame();
         import_frame.onclose = hide_import_window;
         import_frame.style_table("has_bottom_line", "always_scrollbar",
     			     "has_upper_line", "tight_table");
+    }
     /*

html/table.css
32	32
33	33	td:first-child {
34	34	padding: 3px 10px 6px;
35		white-space: nowrap;
36	35	}
37	36
38	37	.tight_table td:first-child {

Project

General

Profile

Haketilo

Revision 4b59dced

Added by koszko about 2 years ago