-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpopup.html
141 lines (110 loc) · 5.27 KB
/
popup.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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!doctype html>
<html>
<head>
<title>getURL</title>
<link rel="stylesheet" type="text/css" href="css/popup.css">
<script type="text/javascript" src="js/popup.js"></script>
</head>
<body>
<header>
<h2>getURL</h2>
<p>Right Click > getURL to begin</p>
</header>
<aside>
<ul id="pages">
<li data-goto="getURL">getURL</li>
<li data-goto="history" data-action="loadHistory">History</li>
<li data-goto="export">Export</li>
<li data-goto="settings">Settings</li>
<div class="spacer"></div>
<li data-goto="about">About</li>
<li data-goto="reset">Reset</li>
</ul>
</aside>
<section data-page="about">
<h3>getURL - 1.0.9</h3>
<p>getURL extracts the values of the clicked link and displays them in a popup table. This tool makes it simpler to test and see the values presented as the query string.</p>
<h3>How does it work?</h3>
<p>It's as simple as Right Click > getURL. Open up the Extension popup window and you will be greeted with the parameters in a nicely formatted table. You can now even export the parameters to both CSV and TSV format, simply visit the Export Tab.</p>
<div class="text-center">
<p><a href="https://chrome.google.com/webstore/detail/geturl-link-parameter-ext/kindcepkhhhkoofimgndkdbhkfechfon" target="_blank"><img src="img/chrome.png" alt="Chrome Web Store" style="width: 3em;vertical-align:middle;"></a>
<a href="https://twitter.com/intent/user?screen_name=StuartD_" target="_blank"><img src="img/twitter.png" alt="Twitter" style="width: 3em;vertical-align:middle;"></a>
<a href="https://github.com/stuartajd/getURL" target="_blank"><img src="img/github.png" alt="GitHub" style="width: 3em;vertical-align:middle;"></a></p>
<p>
<button type="button" data-goto="changelog" style="vertical-align:middle;">Changelog</button>
</p>
</div>
</section>
<section data-page="changelog">
<div class="container">
<h3>Version: 1.0.9</h3>
<ul>
<li>Added settings system.</li>
<li>Merged request <code><a href="https://github.com/stuartajd/getURL/pull/6" target="_blank">#6</a></code> that brings getURL to the DevTools, highlight a URL within the Chrome Console to display more information. Thanks <a href="https://github.com/ssddanbrown" target="_blank">ssddanbrown</a><p><img src="https://user-images.githubusercontent.com/8343178/36646122-2c1bcd6c-1a6b-11e8-90de-12c66a3c9c90.gif" style="width: 100%;"></p></li>
</ul>
<div class="alert">The changelog will only automatically appear during updates or new installations. Click to a tab on the left to hide.</div>
<p class="text-center">
<button type="button" data-goto="about" style="vertical-align:middle;">About getURL</button>
</p>
</div>
</section>
<section data-page="getURL">
<h3>getURL Parameters</h3>
<div id="table">
<fieldset id="showURL" style="margin-bottom: 1em;">
<legend>Preview URL</legend>
<code><a id="URLbase" target="_blank"></a></code>
</fieldset>
<div>
<table border="0" cellspacing="0" cellpadding="0" id="getURL">
<thead>
<tr>
<th style="width: 30%;">Param</th>
<th style="width: 70%;">Value</th>
</tr>
</thead>
<tbody id="getURLtable">
<tr><td colspan="2" id="notClickable">No query parameters to display</td></tr>
</tbody>
</table>
<p></p>
</div>
<fieldset id="showURL" style="margin-bottom: 1em;">
<legend>Full URL</legend>
<code><a id="fullURL" target="_blank"></a></code>
</fieldset>
</div>
</section>
<section data-page="export">
<h3>getURL Parameter Export</h3>
<div class="alert" id="exportError">It doesn't look like you've got any URL Parameters to export.</div>
<div id="exportTool">
<p>This tool will allow you to export the current URL parameters shown in the getURL tab as a CSV file. Simply copy out the contents of the text box below.</p>
<p>
<button type="button" data-action="exportCSV">Export CSV File</button> <button type="button" data-action="exportTSV">Export TSV File</button>
</p>
<div>
<textarea readonly style="width: 100%;" rows="14" id="exportOutput" class="force-select-all"></textarea>
</div>
</div>
</section>
<section data-page="history">
<h3>getURL History</h3>
<p>The list below contains the latest 10 links that have been explored with getURL. Click a link to expand the full parameters.</p>
<ul id="historyList"></ul>
</section>
<section data-page="settings">
<h3>getURL Settings</h3>
<p>These settings control getURL and all aspects behind it. They are synced between browsers that you are logged in on.</p>
<div class="alert">No settings available.</div>
<!-- <p><button type="button" data-action="toggleDarkMode">Toggle Dark Mode</button></p> -->
</section>
<section data-page="reset">
<h3>Confirm Reset</h3>
<div class="alert">This action will completely refresh getURL. It will <strong>keep</strong> the history but reset the current stored link.</div>
<p><button type="button" data-action="resetKeepHistory">Reset, Keep History</button></p>
<div class="alert">This action will completely reset getURL. It will <strong>clear</strong> the history.</div>
<p><button type="button" data-action="resetEverything">Reset Everything</button></p>
</section>
</body>
</html>