-
Notifications
You must be signed in to change notification settings - Fork 0
/
page.html
102 lines (95 loc) · 6.35 KB
/
page.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html lang="en" class="uses-theme-colored-background uses-theme-colored-text">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sequential Mass URL Opener</title>
</head>
<body>
<style>
.hide-until-ui-stable { visibility: hidden; }
.uses-theme-colored-background { background-color: var(--backgroundColor); }
.uses-theme-colored-text::placeholder,
.uses-theme-colored-text { color: var(--textColor); }
</style>
<div class="hide-until-ui-stable" style="text-align: center; max-width: 769px; margin: auto;">
<div><p>
This tool will open a list of urls into a window. Each tab will be
opened once the prior tab has been loaded fully. As opposed to other
mass-opening tools, this tool may be useful for: reducing the spike in
bandwidth usage, avoiding 503 errors from making too many requests to the
same website too quickly, etc. Click 'Open All' without any urls to see an
example.
</p></div>
<style>textarea:focus-visible { outline: none; }</style>
<textarea id="theTextArea"
autofocus
placeholder="Paste links here, seperated by new line:"
rows="15"
cols="50"
spellcheck="false"
style="white-space: nowrap; border: 1px solid lightgray; border-radius: 5px;"
class="uses-theme-colored-background uses-theme-colored-text"
></textarea>
<div>
<div style="display: inline-block;"></div>
<button id="theOpenButton" class="uses-theme-colored-background uses-theme-colored-text">Open All</button>
<button id="thePauseButton" class="uses-theme-colored-background uses-theme-colored-text">Pause</button>
</div>
<button id="theSettingsButton" style="display: block; margin: 24px auto 0px;" class="uses-theme-colored-background uses-theme-colored-text">Settings</button>
<div id="Settings" style="padding: 0 15px; margin-top: 5px; text-align: left;">
<div style="padding-right: 3em; width: 17em;">
<p style="display: flex;"><input type="checkbox" id="closeOnComplete">Close tool when list is completed.</p>
<p style="display: flex;"><input type="checkbox" id="saveUrlList">Save url list in this tool.</p>
<p style="display: flex;"><input type="checkbox" id="showPauseButton">Show pause button.</p>
<p style="display: flex;"><input type="checkbox" id="openLimitedNumberThenDelete" style="margin-bottom: auto;">
<span><style>#openLimitedNumber_number:hover { filter: brightness(0.95); }</style>
Only open top <input type="text" id="openLimitedNumber_number" style="height: 1em; width: 7em; font-size: inherit; font-family: inherit;" class="uses-theme-colored-background uses-theme-colored-text">,<br>
then remove them from list.
</span>
</p>
<p style="display: flex;"><input type="checkbox" id="suspendBeyondMaxTabs" style="margin-bottom: auto;">
<span><style>#suspendBeyondMaxTabs_number:hover { filter: brightness(0.95); }</style>
Beyond <input type="text" id="suspendBeyondMaxTabs_number" style="height: 1em; width: 7em; font-size: inherit; font-family: inherit;" class="uses-theme-colored-background uses-theme-colored-text"> tabs in window, suspend opening.
</span>
</p>
<p style="display: flex;"><input type="color" id="colorPicker">
<span style="align-self: center; padding-bottom: 0.3em; padding-left: 0.3em;">Background color.</span>
</p>
</div>
<div style="position: relative;">
<p style="display: flex;"><input type="checkbox" id="openToolNewWindow">Open this tool in new window.</p>
<p style="display: flex;"><input type="checkbox" id="openTabsSameWindow">Open tabs in same window as tool.</p>
<p style="display: flex;"><input type="checkbox" id="openTabsInIncognito">Open tabs in incognito.</p>
<p style="display: flex;"><input type="checkbox" id="closeTabsOnAllComplete">Once all tabs are loaded, close them.</p>
<p style="display: flex;"><input type="checkbox" id="closeEachTabOnComplete">Once a tab is loaded, close it.</p>
<p style="display: flex; justify-content: right; filter: opacity(0.6); position: absolute; bottom: 0; right: 0; margin-bottom: 0.6em;">
<span id="lines-selected-number-span"></span> lines selected
</p>
</div>
</div>
<div>
<!-- <p>* no suggestion text</p> -->
</div>
<a href="https://github.com/Lemonsavery/openUrlsWhenLoaded" target="_blank"><img src="GitHub-Mark-32px.png" height="32px" width="32px" style="margin-top: 20px;"></a>
<div style="text-align: center;">2.7</div>
</div>
<dialog id="theReviewDialogBox">
<div style="display: flex;justify-content: space-between;">
<span style="padding-bottom: 0.5em;">If this tool is uniquely addressing your needs, let me and others know in a review!</span>
<button id="theReviewDialogBoxCloseButton" style="border-radius: 0.3em;aspect-ratio: 1;max-height: 2em;margin-right: -0.5em;margin-top: -0.5em;line-height: 1em;">✖</button>
</div>
<button id="theReviewDialogBoxChromeWebStoreLinkButton">Go to Chrome Web Store to leave a review</button>
<br><br>
Have any ideas for features you would like to see in this tool? Write a review and let me know! <br>(<a href="https://github.com/Lemonsavery/openUrlsWhenLoaded/issues" target="_blank">a GitHub Issue would be fine too</a>)
<br><br><br>
<span style="float: right;">
<input id="theReviewDialogBoxNeverShowAgainCheckbox" type="checkbox">
<span style="position: relative;vertical-align: middle;bottom: 4px;">Never show this again</span>
</span>
<style>#theReviewDialogBox::backdrop { background-color: #000000b3; } </style>
</dialog>
<script type="text/javascript" src="page.js"></script>
</body>
</html>