diff options
Diffstat (limited to 'html/options.html')
| -rw-r--r-- | html/options.html | 65 |
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> |