diff options
| author | Wojtek Kosior <wk@koszkonutek-tmp.pl.eu.org> | 2021-06-19 21:26:12 +0200 |
|---|---|---|
| committer | Wojtek Kosior <wk@koszkonutek-tmp.pl.eu.org> | 2021-06-19 21:26:12 +0200 |
| commit | 659f532eba94af1c77eb5961fc6706aa2eca3723 (patch) | |
| tree | 524937c6531b04644797fb8eba40b00bda618d87 /html/options.html | |
| parent | 7c44b46ef66376caa46577b68dcac089ed49500c (diff) | |
| download | browser-extension-659f532eba94af1c77eb5961fc6706aa2eca3723.tar.gz browser-extension-659f532eba94af1c77eb5961fc6706aa2eca3723.zip | |
add import/export functionality
Diffstat (limited to 'html/options.html')
| -rw-r--r-- | html/options.html | 43 |
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> |