-
Notifications
You must be signed in to change notification settings - Fork 16
/
options_page.html
185 lines (140 loc) · 9.68 KB
/
options_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
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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>StackOverflow Power User Options</title>
<link rel="stylesheet" href="css/options_style.css"/>
<link rel="stylesheet" href="css/chrome_shared.css"/>
<script type="text/javascript" src="js/options_page.js"></script>
</head>
<body>
<div class="main-container">
<header>
<img src="img/icons/icon_48x48.png">
StackOverflow Power User
<br/>
<em>Stop wasting time while programming!</em>
</header>
<h1>Settings</h1>
<hr/>
<form id="settingsForm">
<h2>Sidebar</h2>
<input type="checkbox" id="showSidebarEnabled">
<label for="showSidebarEnabled">Show answers sidebar (with vote counts)</label>
<br/>
<label for="nbAnswersInSidebar">Number of answers:</label>
<input type="number" id="nbAnswersInSidebar" min="3" max="20">
<br/><em>Shows a floating sidebar on the left that shows score of first 5 answers, as sometimes it can be
interesting to read other well upvoted answers. It will also inform you if you have already upvoted an answer
previously on this page. You can also hover the first cell to get additional information about the current
page.</em> (<a href="https://stackoverflow.com/questions/11227809/why-is-it-faster-to-process-a-sorted-array-than-an-unsorted-array" target="_blank">Try it</a>)
<h2>Indicators</h2>
<input type="checkbox" id="betterAnswerEnabled">
<label for="betterAnswerEnabled">Show indicator when there's a better answer than the accepted one</label>
<br/><em>If a question has a better answer than the accepted one, it shows an clickable arrow to easily notice
it and avoid wasting time.</em> (<a href="https://stackoverflow.com/questions/6131205/iphone-how-to-find-topmost-view-controller" target="_blank">Try it</a>)
<br/><br/>
<input type="checkbox" id="noAnswerEnabled">
<label for="noAnswerEnabled">Show indicator when there isn't any answer to the question</label>
<br/><em>If a question has no answer, it shows a disappointed smiley to easily notice it and avoid wasting time
reading the question.</em> (<a href="https://stackoverflow.com/questions/38728331/uibarbuttonitems-in-uinavigationbar-are-sticking-to-the-borders" target="_blank">Try it</a>)
<h2>Navigation</h2>
<input type="checkbox" id="autoScrollFirstAnswerEnabled">
<label for="autoScrollFirstAnswerEnabled">Auto-scroll to first answer</label>
<br/><em>Automatically scroll to the first answer, as you usually don't have to read the question.</em> (<a href="https://stackoverflow.com/questions/11227809/why-is-it-faster-to-process-a-sorted-array-than-an-unsorted-array" target="_blank">Try it</a>)
<br/><br/>
<input type="checkbox" id="navigationArrowKeysEnabled">
<label for="navigationArrowKeysEnabled">Navigate through answers with keyboard arrow keys (left/right)</label>
<br/><em>Give the ability to navigate through all answers without having to remove your hands from
keyboard.</em> (<a href="https://stackoverflow.com/questions/11227809/why-is-it-faster-to-process-a-sorted-array-than-an-unsorted-array" target="_blank">Try it</a>)
<h2>Page width</h2>
<input type="checkbox" id="adjustPageWidthEnabled">
<label for="adjustPageWidthEnabled">Adjust StackOverflow page width</label>
<br/>
<label for="pageWidthPercent">Page width percent:</label>
<input type="number" id="pageWidthPercent" min="50" max="100"> %
<br/><em>Extends the width of the main container to take full advantage of large screens. Authorized range is 50-100%.</em> (<a href="https://stackoverflow.com/questions/38728331/uibarbuttonitems-in-uinavigationbar-are-sticking-to-the-borders" target="_blank">Try it</a>)
<h2>Miscellaneous</h2>
<input type="checkbox" id="bypassMinRepToViewVoteCountsEnabled">
<label for="bypassMinRepToViewVoteCountsEnabled">Bypass minimum reputation to view vote counts</label>
<br/><em>Enable expanding view vote counts even when you're under 1000 reputation or not logged in.</em> (<a href="https://stackoverflow.com/questions/11227809/why-is-it-faster-to-process-a-sorted-array-than-an-unsorted-array" target="_blank">Try it</a>)
<br/><em>Thanks to <a href="https://stackapps.com/questions/3082/view-vote-totals-without-1000-rep" target="_blank">Rob W</a> and <a href="https://github.com/AnthoPakPak/StackOverflowPowerUser/pull/6" target="_blank">thedemons</a> for making this possible.</em>
<br/><br/>
<input type="checkbox" id="autoExpandVotesCountEnabled">
<label for="autoExpandVotesCountEnabled">Auto expand votes count & Show answer score (in percent)</label>
<br/><em><strong>You need to enable "Bypass minimum reputation to view vote counts" or have at least 1000 reputation on StackOverflow for this feature to work.</strong>
When arriving on Stack Overflow page, it automatically expand votes count (upvotes/downvotes) and shows the
score of the answer (in percent).</em> (<a href="https://stackoverflow.com/questions/11227809/why-is-it-faster-to-process-a-sorted-array-than-an-unsorted-array" target="_blank">Try it</a>)
<br/><br/>
<input type="checkbox" id="stickyScrollOnUpvoteButtons">
<label for="stickyScrollOnUpvoteButtons">Sticky scroll on vote buttons</label>
<br/><em>Make vote buttons scroll so that they are still visible even on long posts.</em> (<a href="https://stackoverflow.com/questions/11227809/why-is-it-faster-to-process-a-sorted-array-than-an-unsorted-array" target="_blank">Try it</a>)
<br/><br/>
<input type="checkbox" id="expandAllCommentsOnCtrlfEnabled">
<label for="expandAllCommentsOnCtrlfEnabled">Expand all comments automatically when performing CMD/Ctrl +
F</label>
<br/><em>Automatically expand all "show X more comments" when you use CMD/Ctrl + F to search in page. This way
you ensure that you're not missing any result.</em> (<a href="https://stackoverflow.com/questions/11227809/why-is-it-faster-to-process-a-sorted-array-than-an-unsorted-array" target="_blank">Try it</a>)
<h2>Hide elements</h2>
<input type="checkbox" id="hideHotNetworkQuestions">
<label for="hideHotNetworkQuestions">Hide the "Hot Network Questions" block from right sidebar</label>
<br/><em>Just hide this block to prevent distraction.</em> (<a href="https://stackoverflow.com/questions/11227809/why-is-it-faster-to-process-a-sorted-array-than-an-unsorted-array" target="_blank">Try it</a>)
<br/><br/>
<input type="checkbox" id="hideMetaPosts">
<label for="hideMetaPosts">Hide the "Featured on Meta" & "Hot Meta posts" block from right sidebar</label>
<br/><em>Just hide this block to prevent distraction.</em> (<a href="https://stackoverflow.com/questions/11227809/why-is-it-faster-to-process-a-sorted-array-than-an-unsorted-array" target="_blank">Try it</a>)
</form>
<h1>Support me</h1>
<hr/>
<p>
If you find this extension useful, you can consider supporting me by doing one of the following:
<form style="display: inline-block" action="http://bit.ly/AnthoPakDonateSOPU">
<input type="submit" value="🍺️ Donate"/>
</form>
<form style="display: inline-block" action="https://twitter.com/AnthoPak">
<input type="submit" value="🐦 Follow me on Twitter"/>
</form>
</p>
<h1>Give me feedback</h1>
<hr/>
<p>
I would love to hear your feedback about this extension. Do not hesitate to contact me if you have any
question/feature request. If you are enjoying the extension, please leave a review on Chrome Store.
<form style="display: inline-block"
action="https://chrome.google.com/webstore/detail/stackoverflow-power-user/dghoicnlchonhhkccfmjpjconhpajhdg/reviews">
<input type="submit" value="⭐️ Leave review on Chrome Store"/>
</form>
<form style="display: inline-block" action="https://gitter.im/StackOverflowPowerUser/community">
<input type="submit" value="🗣 Chat on Gitter"/>
</form>
</p>
<h1>Contribute on GitHub</h1>
<hr/>
<p>
StackOverflow Power User is now open source! Feel free to submit a PR to add a feature or fix a bug. You can
also submit bugs reports or feature requests. We can gain even more productivity with your help!
<form style="display: inline-block" action="https://github.com/AnthoPakPak/StackOverflowPowerUser">
<input type="submit" value="GitHub Repository"/>
</form>
</p>
<h1>Changelog - What's new?</h1>
<hr/>
<p>
<strong>In the last update (0.4.2) :</strong><br/>
- Add a feature to make SO page wider to take full advantage of large screens. It can be enabled and adjusted from options page. Thanks to <a href="https://github.com/AnthoPakPak/StackOverflowPowerUser/pull/7" target="_blank">AndyPLsql</a>.<br/>
- Sidebar: number of answers in the sidebar is now configurable<br/>
- Fix "Hide Hot Meta posts" feature for the new DOM update
<form style="display: inline-block" action="changelog.html">
<input type="submit" value="View full Changelog page"/>
</form>
</p>
<footer>Anthonin Cocagne - <a href="https://twitter.com/AnthoPak">Twitter</a> |
<a href="mailto:[email protected]">Mail</a> |
<a href="https://www.linkedin.com/in/anthonin-cocagne-22aa6ab5/" target="_blank">LinkedIn</a> |
<a href="https://stackoverflow.com/users/4894980/anthopak" target="_blank">StackOverflow</a></footer>
</div>
<div id="saveConfirmationBottomBar">
Settings saved!
</div>
</body>
</html>