summaryrefslogtreecommitdiff
path: root/html/options.html
diff options
context:
space:
mode:
authorWojtek Kosior <koszko@koszko.org>2021-08-14 10:07:28 +0200
committerWojtek Kosior <koszko@koszko.org>2021-08-14 10:07:28 +0200
commit443bc095a72949adb4a007c9a19a43da7dd8843d (patch)
tree4b3e392057d8939961a3e707ae596cd85e6fa623 /html/options.html
parentae1844f9ac935eb3c89314cd402b4ec2c3d0f537 (diff)
parent2fbab2f07d3cebde1fba0e801df4f3e9129e463b (diff)
downloadbrowser-extension-443bc095a72949adb4a007c9a19a43da7dd8843d.tar.gz
browser-extension-443bc095a72949adb4a007c9a19a43da7dd8843d.zip
merge facility to install from Hydrilla
Diffstat (limited to 'html/options.html')
-rw-r--r--html/options.html65
1 files changed, 20 insertions, 45 deletions
diff --git a/html/options.html b/html/options.html
index bfb9e52..2246f9a 100644
--- a/html/options.html
+++ b/html/options.html
@@ -8,11 +8,8 @@
<head>
<meta charset="utf-8"/>
<title>Hachette options</title>
+ <link type="text/css" rel="stylesheet" href="base.css" />
<style>
- input[type="checkbox"], input[type="radio"], .hide, .popup.hide {
- display: none;
- }
-
/* pages list */
#page_components_ul {
max-height: 80vh;
@@ -33,12 +30,14 @@
}
/* tabbed view */
+ #show_repos:not(:checked) ~ #repos,
#show_pages:not(:checked) ~ #pages,
#show_bags:not(:checked) ~ #bags,
#show_scripts:not(:checked) ~ #scripts {
display: none;
}
+ #show_repos:checked ~ #repos_lbl,
#show_pages:checked ~ #pages_lbl,
#show_bags:checked ~ #bags_lbl,
#show_scripts:checked ~ #scripts_lbl {
@@ -76,23 +75,6 @@
input[type="radio"]:not(:checked)+.import_window_content {
display: none;
}
-
- /* buttons */
- button {
- background-color: #4CAF50;
- border: none;
- border-radius: 8px;
- color: white;
- padding: 6px 12px;
- text-align: center;
- text-decoration: none;
- display: inline-block;
- margin: 2px 0px;
- }
-
- button:hover {
- box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
- }
</style>
</head>
<body>
@@ -116,17 +98,15 @@
<input type="radio" style="display: inline;" name="page_components"></input>
<span></span>
</li>
- <li id="import_li_template">
- <span></span>
- <input type="checkbox" style="display: inline;" checked></input>
- <span></span>
- </li>
</div>
<!-- Mind the show_*s ids below - their format is assumed in js code -->
+ <input type="radio" name="tabs" id="show_repos"></input>
<input type="radio" name="tabs" id="show_pages" checked></input>
<input type="radio" name="tabs" id="show_bags"></input>
<input type="radio" name="tabs" id="show_scripts"></input>
+ <label for="show_repos" id="repos_lbl"
+ class="tab_head"> Repos </label>
<label for="show_pages" id="pages_lbl"
class="tab_head"> Pages </label>
<label for="show_bags" id="bags_lbl"
@@ -134,6 +114,19 @@
<label for="show_scripts" id="scripts_lbl"
class="tab_head"> Scripts </label>
+ <div id="repos">
+ <ul id="repos_ul">
+ <li id="work_repo_li" class="hide">
+ <label for="repo_url_field">URL: </label>
+ <input id="repo_url_field"></input>
+ <br/>
+ <button id="save_repo_but" type="button"> Save </button>
+ <button id="discard_repo_but" type="button"> Cancel </button>
+ </li>
+ </ul>
+ <button id="add_repo_but" type="button"> Add repository </button>
+ </div>
+
<div id="pages">
<ul id="pages_ul">
<li id="work_page_li" class="hide">
@@ -225,25 +218,7 @@
<div id="import_window" class="hide popup" position="absolute">
<div class="popup_frame">
- <h2> Settings import </h2>
- <input id="import_loading_radio" type="radio" name="import_window_content"></input>
- <span class="import_window_content"> Loading... </span>
- <input id="import_failed_radio" type="radio" name="import_window_content"></input>
- <div class="import_window_content">
- <span> Bad file :( </span>
- <pre id="bad_file_errormsg"></pre>
- <button id="import_failok_but"> OK </button>
- </div>
- <input id="import_selection_radio" type="radio" name="import_window_content"></input>
- <div class="import_window_content">
- <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>
- <button id="commit_import_but"> OK </button>
- <button id="cancel_import_but"> Cancel </button>
- </div>
+ <IMPORT html/import_frame.html />
</div>
</div>