aboutsummaryrefslogtreecommitdiff
path: root/html/options.html
diff options
context:
space:
mode:
Diffstat (limited to 'html/options.html')
-rw-r--r--html/options.html43
1 files changed, 42 insertions, 1 deletions
diff --git a/html/options.html b/html/options.html
index 21ece29..cbbadec 100644
--- a/html/options.html
+++ b/html/options.html
@@ -89,15 +89,20 @@
background-color: white;
width: 50vw;
}
+
+ input[type="radio"]:not(:checked)+.import_window_content {
+ display: none;
+ }
</style>
</head>
<body>
<!-- The invisible div below is for elements that will be cloned. -->
- <div style="display: none;">
+ <div class="hide">
<li id="item_li_template">
<span></span>
<button> Edit </button>
<button> Remove </button>
+ <button> Export </button>
</li>
<li id="bag_component_li_template">
<span></span>
@@ -111,6 +116,11 @@
<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>
<input type="radio" name="tabs" id="show_pages" checked></input>
@@ -186,6 +196,8 @@
<button id="add_script_but" type="button"> Add script </button>
</div>
+ <button id="import_but" style="margin-top: 40px;"> Import </button>
+
<div id="chbx_components_window" class="hide popup" position="absolute">
<div class="popup_frame">
<ul id="chbx_components_ul">
@@ -210,6 +222,35 @@
</div>
</div>
+ <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>
+ </div>
+ </div>
+
+ <a id="file_downloader" class="hide"></a>
+ <form id="file_opener_form" style="visibility: hidden;">
+ <input type="file" id="file_opener"></input>
+ </form>
+
<script src="/common/connection_types.js"></script>
<script src="/common/stored_types.js"></script>
<script src="/common/once.js"></script>