Project

General

Profile

« Previous | Next » 

Revision 659f532e

Added by Wojtek Kosior about 2 years ago

add import/export functionality

View differences:

html/options.html
89 89
	  background-color: white;
90 90
	  width: 50vw;
91 91
      }
92

  
93
      input[type="radio"]:not(:checked)+.import_window_content {
94
	  display: none;
95
      }
92 96
    </style>
93 97
  </head>
94 98
  <body>
95 99
    <!-- The invisible div below is for elements that will be cloned. -->
96
    <div style="display: none;">
100
    <div class="hide">
97 101
      <li id="item_li_template">
98 102
	<span></span>
99 103
	<button> Edit </button>
100 104
	<button> Remove </button>
105
	<button> Export </button>
101 106
      </li>
102 107
      <li id="bag_component_li_template">
103 108
	<span></span>
......
111 116
	<input type="radio" style="display: inline;" name="page_components"></input>
112 117
	<span></span>
113 118
      </li>
119
      <li id="import_li_template">
120
	<span></span>
121
	<input type="checkbox" style="display: inline;" checked></input>
122
	<span></span>
123
      </li>
114 124
    </div>
115 125

  
116 126
    <input type="radio" name="tabs" id="show_pages" checked></input>
......
186 196
      <button id="add_script_but" type="button"> Add script </button>
187 197
    </div>
188 198

  
199
    <button id="import_but" style="margin-top: 40px;"> Import </button>
200

  
189 201
    <div id="chbx_components_window" class="hide popup" position="absolute">
190 202
      <div class="popup_frame">
191 203
	<ul id="chbx_components_ul">
......
210 222
      </div>
211 223
    </div>
212 224

  
225
    <div id="import_window" class="hide popup" position="absolute">
226
      <div class="popup_frame">
227
	<h2> Settings import </h2>
228
	<input id="import_loading_radio" type="radio" name="import_window_content"></input>
229
	<span class="import_window_content"> Loading... </span>
230
	<input id="import_failed_radio" type="radio" name="import_window_content"></input>
231
	<div class="import_window_content">
232
	  <span> Bad file :( </span>
233
	  <pre id="bad_file_errormsg"></pre>
234
	  <button id="import_failok_but"> OK </button>
235
	</div>
236
	<input id="import_selection_radio" type="radio" name="import_window_content"></input>
237
	<div class="import_window_content">
238
	  <button id="check_all_import_but"> Check all </button>
239
	  <button id="uncheck_all_import_but"> Uncheck all </button>
240
	  <button id="uncheck_colliding_import_but"> Uncheck existing </button>
241
	  <ul id="import_ul">
242
	  </ul>
243
	  <button id="commit_import_but"> OK </button>
244
	  <button id="cancel_import_but"> Cancel </button>
245
	</div>
246
      </div>
247
    </div>
248

  
249
    <a id="file_downloader" class="hide"></a>
250
    <form id="file_opener_form" style="visibility: hidden;">
251
      <input type="file" id="file_opener"></input>
252
    </form>
253

  
213 254
    <script src="/common/connection_types.js"></script>
214 255
    <script src="/common/stored_types.js"></script>
215 256
    <script src="/common/once.js"></script>

Also available in: Unified diff