@@ -137,9 +137,26 @@ <h4 data-localise="__MSG_autoRedirect__">Auto Redirect of offline instances</h4>
137137 < h4 data-localise ="__MSG_exceptions__ "> Exceptions</ h4 >
138138 </ div >
139139
140+ < form id ="custom-exceptions-instance-form ">
140141 < div class ="some-block option-block ">
141- < h4 > Exceptions</ h4 >
142+ < div class ="some-block " style ="padding:0; ">
143+ < input id ="exceptions-custom-instance " placeholder ="https://www.google.com " type ="url " />
144+
145+ < select id ="exceptions-custom-instance-type ">
146+ < option value ="url "> URL</ option >
147+ < option value ="regex "> Regex</ option >
148+ </ select >
149+
150+ </ div >
151+ < button type ="submit " class ="add " id ="exceptions-add-instance ">
152+ < svg xmlns ="http://www.w3.org/2000/svg " height ="20px " viewBox ="0 0 24 24 " width ="20px " fill ="currentColor ">
153+ < path d ="M0 0h24v24H0V0z " fill ="none " />
154+ < path d ="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z " />
155+ </ svg >
156+ </ button >
142157 </ div >
158+ </ form >
159+ < div class ="checklist " id ="exceptions-custom-checklist "> </ div >
143160
144161 < div class ="buttons buttons-inline ">
145162 < a class ="button button-inline " id ="update-instances ">
@@ -171,12 +188,10 @@ <h4>Exceptions</h4>
171188 width ="24px " fill ="currentColor ">
172189 < g >
173190 < g >
174- < g >
175- < path
176- d ="M12,5V2L8,6l4,4V7c3.31,0,6,2.69,6,6c0,2.97-2.17,5.43-5,5.91v2.02c3.95-0.49,7-3.85,7-7.93C20,8.58,16.42,5,12,5z " />
177- < path
178- d ="M6,13c0-1.65,0.67-3.15,1.76-4.24L6.34,7.34C4.9,8.79,4,10.79,4,13c0,4.08,3.05,7.44,7,7.93v-2.02 C8.17,18.43,6,15.97,6,13z " />
179- </ g >
191+ < path
192+ d ="M12,5V2L8,6l4,4V7c3.31,0,6,2.69,6,6c0,2.97-2.17,5.43-5,5.91v2.02c3.95-0.49,7-3.85,7-7.93C20,8.58,16.42,5,12,5z " />
193+ < path
194+ d ="M6,13c0-1.65,0.67-3.15,1.76-4.24L6.34,7.34C4.9,8.79,4,10.79,4,13c0,4.08,3.05,7.44,7,7.93v-2.02 C8.17,18.43,6,15.97,6,13z " />
180195 </ g >
181196 </ g >
182197 </ svg >
@@ -189,75 +204,72 @@ <h4>Exceptions</h4>
189204 < div class ="some-block option-block ">
190205 < h4 data-localise ="__MSG_customPopup__ "> Customize Popup</ h4 >
191206 </ div >
192- < div id ="customize-popup ">
193- < div class ="some-block option-block ">
194- < h4 > Customize Popup</ h4 >
195- </ div >
196207
197- < div class ="checklist-popup " id ="popup-frontends-checklist ">
208+ < div class ="checklist-popup " id ="popup-frontends-checklist ">
209+ < div >
198210 < div >
199- < div >
200- < img src ="../../../assets/images/youtube-icon.png ">
201- YouTube
202- </ div >
203- < input type ="checkbox " id ="youtube " />
211+ < img src ="../../../assets/images/youtube-icon.png ">
212+ YouTube
204213 </ div >
214+ < input type ="checkbox " id ="youtube " />
215+ </ div >
216+ < div >
205217 < div >
206- < div >
207- < img src ="../../../assets/images/youtube-music-icon.png ">
208- YoutubeMusic
209- </ div >
210- < input type ="checkbox " id ="youtubeMusic " />
218+ < img src ="../../../assets/images/youtube-music-icon.png ">
219+ YoutubeMusic
211220 </ div >
221+ < input type ="checkbox " id ="youtubeMusic " />
222+ </ div >
223+ < div >
212224 < div >
213- < div >
214- < img src ="../../../assets/images/twitter-icon.png ">
215- Twitter
216- </ div >
217- < input type ="checkbox " id ="twitter " />
225+ < img src ="../../../assets/images/twitter-icon.png ">
226+ Twitter
218227 </ div >
228+ < input type ="checkbox " id ="twitter " />
229+ </ div >
230+ < div >
219231 < div >
220- < div >
221- < img src ="../../../assets/images/instagram-icon.png ">
222- Instagram
223- </ div >
224- < input type ="checkbox " id ="instagram " />
232+ < img src ="../../../assets/images/instagram-icon.png ">
233+ Instagram
225234 </ div >
235+ < input type ="checkbox " id ="instagram " />
236+ </ div >
237+ < div >
226238 < div >
227- < div >
228- < img src ="../../../assets/images/tiktok-icon.png ">
229- TikTok
230- </ div >
231- < input type ="checkbox " id ="tikTok " />
239+ < img src ="../../../assets/images/tiktok-icon.png ">
240+ TikTok
232241 </ div >
242+ < input type ="checkbox " id ="tikTok " />
243+ </ div >
244+ < div >
233245 < div >
234- < div >
235- < img src ="../../../assets/images/imgur-icon.png ">
236- Imgur
237- </ div >
238- < input type ="checkbox " id ="imgur " />
246+ < img src ="../../../assets/images/imgur-icon.png ">
247+ Imgur
239248 </ div >
249+ < input type ="checkbox " id ="imgur " />
250+ </ div >
251+ < div >
240252 < div >
241- < div >
242- < img src ="../../../assets/images/reddit-icon.png ">
243- Reddit
244- </ div >
245- < input type ="checkbox " id ="reddit " />
253+ < img src ="../../../assets/images/reddit-icon.png ">
254+ Reddit
246255 </ div >
256+ < input type ="checkbox " id ="reddit " />
257+ </ div >
258+ < div >
247259 < div >
248- < div >
249- < img src ="../../../assets/images/pixiv-icon.svg ">
250- Pixiv
251- </ div >
252- < input type ="checkbox " id ="pixiv " />
260+ < img src ="../../../assets/images/pixiv-icon.svg ">
261+ Pixiv
253262 </ div >
263+ < input type ="checkbox " id ="pixiv " />
264+ </ div >
265+ < div >
254266 < div >
255- < div >
256- < img src ="../../../assets/images/spotify-icon.png ">
257- Spotify
258- </ div >
259- < input type ="checkbox " id ="spotify " />
267+ < img src ="../../../assets/images/spotify-icon.png ">
268+ Spotify
260269 </ div >
270+ < input type ="checkbox " id ="spotify " />
271+ </ div >
272+ < div >
261273 < div >
262274 < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 24 24 " fill ="currentColor ">
263275 < path d ="M0 0h24v24H0V0z " fill ="none " />
@@ -266,6 +278,9 @@ <h4>Customize Popup</h4>
266278 </ svg >
267279 < x data-localise ="__MSG_search__ "> Search</ x >
268280 </ div >
281+ < input type ="checkbox " id ="search " />
282+ </ div >
283+ < div >
269284 < div >
270285 < svg xmlns ="http://www.w3.org/2000/svg " height ="24px " viewBox ="0 0 24 24 " width ="24px " fill ="currentColor ">
271286 < path d ="M0 0h24v24H0V0z " fill ="none " />
@@ -274,6 +289,9 @@ <h4>Customize Popup</h4>
274289 </ svg >
275290 < x data-localise ="__MSG_translate__ "> Translate</ x >
276291 </ div >
292+ < input type ="checkbox " id ="translate " />
293+ </ div >
294+ < div >
277295 < div >
278296 < svg xmlns ="http://www.w3.org/2000/svg " height ="24px " viewBox ="0 0 24 24 " width ="24px " fill ="currentColor ">
279297 < path d ="M0 0h24v24H0V0z " fill ="none " />
@@ -282,39 +300,42 @@ <h4>Customize Popup</h4>
282300 </ svg >
283301 < x data-localise ="__MSG_maps__ "> Maps</ x >
284302 </ div >
303+ < input type ="checkbox " id ="maps " />
304+ </ div >
305+ < div >
285306 < div >
286- < div >
287- < img src ="../../../assets/images/wikipedia-icon.svg ">
288- Wikipedia
289- </ div >
290- < input type ="checkbox " id ="wikipedia " />
307+ < img src ="../../../assets/images/wikipedia-icon.svg ">
308+ Wikipedia
291309 </ div >
310+ < input type ="checkbox " id ="wikipedia " />
311+ </ div >
312+ < div >
292313 < div >
293- < div >
294- <!-- https://markentier.tech/posts/2020/10/medium-icon-svg/ -->
295- < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 1770 1000 " fill ="currentColor ">
296- < circle cx ="500 " cy ="500 " r ="500 " />
297- < ellipse ry ="475 " rx ="250 " cy ="501 " cx ="1296 " />
298- < ellipse cx ="1682 " cy ="502 " rx ="88 " ry ="424 " />
299- </ svg >
300- Medium
301- </ div >
302- < input type ="checkbox " id ="medium " />
314+ <!-- https://markentier.tech/posts/2020/10/medium-icon-svg/ -->
315+ < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 1770 1000 " fill ="currentColor ">
316+ < circle cx ="500 " cy ="500 " r ="500 " />
317+ < ellipse ry ="475 " rx ="250 " cy ="501 " cx ="1296 " />
318+ < ellipse cx ="1682 " cy ="502 " rx ="88 " ry ="424 " />
319+ </ svg >
320+ Medium
303321 </ div >
322+ < input type ="checkbox " id ="medium " />
323+ </ div >
324+ < div >
304325 < div >
305- < div >
306- < img src ="../../../assets/images/peertube-icon.svg ">
307- Peertube
308- </ div >
309- < input type ="checkbox " id ="peertube " />
326+ < img src ="../../../assets/images/peertube-icon.svg ">
327+ Peertube
310328 </ div >
329+ < input type ="checkbox " id ="peertube " />
330+ </ div >
331+ < div >
311332 < div >
312- < div >
313- < img src ="../../../assets/images/lbry-icon.png ">
314- LBRY/Odysee
315- </ div >
316- < input type ="checkbox " id ="lbry " />
333+ < img src ="../../../assets/images/lbry-icon.png ">
334+ LBRY/Odysee
317335 </ div >
336+ < input type ="checkbox " id ="lbry " />
337+ </ div >
338+ < div >
318339 < div >
319340 < div >
320341 < svg xmlns ="http://www.w3.org/2000/svg " height ="24px " viewBox ="0 0 24 24 " width ="24px " fill ="currentColor ">
@@ -324,8 +345,11 @@ <h4>Customize Popup</h4>
324345 </ div >
325346 Send Files
326347 </ div >
348+ < input type ="checkbox " id ="sendTargets " />
327349 </ div >
328350 </ div >
351+ < hr >
352+
329353 </ section >
330354
331355 < script type ="module " src ="../init.js "> </ script >
0 commit comments