Skip to content

Commit 641debd

Browse files
StigmatozStigmatoz
committed
Remove donate
- Smal change UI for settings
1 parent c26409f commit 641debd

File tree

3 files changed

+31
-31
lines changed

3 files changed

+31
-31
lines changed

‎src/options.html‎

Lines changed: 20 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -25,28 +25,28 @@
2525
<a id='restrictionsBtn'>Limits</a>
2626
<a id='notifyBtn'>Notifications</a>
2727
<a id='aboutBtn'>About</a>
28-
<a id='donateBtn'>Donate</a>
2928
</div>
3029
<div id='block'>
3130
<div id='settingsBlock'>
32-
<label>
31+
<label class="setting-header">
3332
<input type="checkbox" class="filled-in" id="viewTimeInBadge" />
3433
<span>Display time tracker in icon</span>
3534
</label>
3635
<div class="margin-top-10">
37-
<label>
36+
<label class="setting-header">
3837
<input type="checkbox" class="filled-in" id="blockDeferral" />
3938
<span>Allow deferring block for 5 minutes</span>
4039
</label>
4140
</div>
4241
<div class="margin-top-10">
43-
<label>
42+
<label class="setting-header">
4443
<input type="checkbox" class="filled-in" id="darkMode" />
4544
<span>Dark mode</span>
4645
</label>
4746
</div>
47+
<div class="separator"></div>
4848
<div class="margin-top-10">
49-
<label>Stop tracking if no activity detected for: </label>
49+
<label class="setting-header">Stop tracking if no activity detected for: </label>
5050
<div class="tooltip"><img src="/icons/information.svg" height="18" />
5151
<span class="tooltiptext">An activity is an action with a mouse or keyboard</span>
5252
</div>
@@ -62,7 +62,8 @@
6262
<option value="1800">30 mins</option>
6363
</select>
6464
</div>
65-
<div class="margin-top-10"><label>Default range for days:</label></div>
65+
<div class="separator"></div>
66+
<div class="margin-top-10"><label class="setting-header">Default range for days:</label></div>
6667
<div class="margin-top-10">
6768
<select id='rangeToDays' class="option">
6869
<option value="days2">2 days</option>
@@ -76,8 +77,9 @@
7677
<option value="month3">3 month</option>
7778
</select>
7879
</div>
80+
<div class="separator"></div>
7981
<div class="margin-top-10">
80-
<label>Ignored list of domain: </label>
82+
<label class="setting-header">Ignored list of domain: </label>
8183
<div class="tooltip"><img src="/icons/information.svg" height="18" />
8284
<span class="tooltiptext">Activity for these domains not will tracked</span>
8385
</div>
@@ -92,9 +94,11 @@
9294
The site is already in the list
9395
</div>
9496
</div>
97+
<div class="separator"></div>
9598
<div class="margin-top-10">
9699
<input type="button" value="Export to CSV" id='exportToCsv'>
97100
</div>
101+
<div class="separator"></div>
98102
<div class="margin-top-10">
99103
<input type="button" value="Backup" id='backup'>
100104
<input type="button" value="Restore" id='restore'>
@@ -109,6 +113,7 @@
109113
<div class="notify warning" id='notify-restore-failed' hidden>
110114
Backup file is not valid
111115
</div>
116+
<div class="separator"></div>
112117
<!-- YouTube -->
113118
<div class="margin-top-10">
114119
<label class="block">Web Activity Time Tracker tracks your activity when you're active in
@@ -124,7 +129,7 @@
124129
id='grantPermissionForYT'>
125130
<div id='permissionSuccessedBlockForYT' hidden>
126131
<img src="/icons/success.png" height="18" />
127-
<label>Permissions have been granted</label>
132+
<label class="setting-header">Permissions have been granted</label>
128133
</div>
129134
</div>
130135
<!-- Netflix -->
@@ -134,11 +139,12 @@
134139
id='grantPermissionForNetflix'>
135140
<div id='permissionSuccessedBlockForNetflix' hidden>
136141
<img src="/icons/success.png" height="18" />
137-
<label>Permissions have been granted</label>
142+
<label class="setting-header">Permissions have been granted</label>
138143
</div>
139144
</div>
145+
<div class="separator"></div>
140146
<div class="margin-top-10">
141-
<label>Data in memory use </label><label id='memoryUse'></label>
147+
<label class="setting-header">Data in memory use </label><label id='memoryUse'></label>
142148
</div>
143149
<div class="margin-top-10"><input type="button" value="Clear all data" id='clearAllData'></div>
144150
<div class="notify" id='notify' hidden>
@@ -147,7 +153,7 @@
147153
</div>
148154
</div>
149155
<div id='restrictionsBlock' hidden>
150-
<label>Access daily restrictions for websites: </label>
156+
<label class="setting-header">Access daily restrictions for websites: </label>
151157
<div class="tooltip"><img src="/icons/information.svg" height="18" />
152158
<span class="tooltiptext">Set the maximum time allowed on the site per day. After this time, has elapsed the site will be blocked.</span>
153159
</div>
@@ -167,7 +173,7 @@
167173
</div>
168174
</div>
169175
<div id='notifyBlock' hidden>
170-
<label>List of sites with notifications: </label>
176+
<label class="setting-header">List of sites with notifications: </label>
171177
<div class="tooltip"><img src="/icons/information.svg" height="18" />
172178
<span class="tooltiptext">Show notifications every time you spend a specified time interval on the
173179
site</span>
@@ -183,7 +189,7 @@
183189
<ul id='notifyList' class="listbox list" size="10"></ul>
184190
</div>
185191
<div class="margin-top-10">
186-
<label>You can set message for notification: </label>
192+
<label class="setting-header">You can set message for notification: </label>
187193
<div class="setting-notify-block">
188194
<img src="icons/128x128.png" class="setting-notify-img">
189195
<div class="setting-notify-message-block">
@@ -200,7 +206,7 @@
200206
id='grantPermissionForNotifications'>
201207
<div id='permissionSuccessedBlockForNotifications' hidden>
202208
<img src="/icons/success.png" height="18" />
203-
<label>Permissions have been granted</label>
209+
<label class="setting-header">Permissions have been granted</label>
204210
</div>
205211
</div>
206212
<div class="notify warning notify-width-300" id='notifyForNotifyList' hidden>
@@ -231,18 +237,6 @@
231237
target="_blank">Let me know!</a></label>
232238
</div>
233239
</div>
234-
<div id='donateBlock' hidden>
235-
<div>
236-
<label>You can support Web Activity Time Tracker by donating:</label>
237-
<div class="margin-top-20">
238-
<div class="inline-block">
239-
<a class="bmc-button" target="_blank" href="https://www.buymeacoffee.com/webtracker"><img
240-
src="/icons/bmc-new-btn-logo.svg" alt="Buy me a coffee"><span>Buy me a
241-
coffee</span></a>
242-
</div>
243-
</div>
244-
</div>
245-
</div>
246240
</div>
247241
</div>
248242
</body>

‎src/scripts/settings.js‎

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@ var storage = new LocalStorage();
22
var blackList = [];
33
var restrictionList = [];
44
var notifyList = [];
5-
var blockBtnList = ['settingsBtn', 'restrictionsBtn', 'notifyBtn', 'aboutBtn', 'donateBtn'];
6-
var blockList = ['settingsBlock', 'restrictionsBlock', 'notifyBlock', 'aboutBlock', 'donateBlock'];
5+
var blockBtnList = ['settingsBtn', 'restrictionsBtn', 'notifyBtn', 'aboutBtn'];
6+
var blockList = ['settingsBlock', 'restrictionsBlock', 'notifyBlock', 'aboutBlock'];
77

88
document.addEventListener('DOMContentLoaded', function () {
99
document.getElementById('settingsBtn').addEventListener('click', function () {
@@ -19,9 +19,6 @@ document.addEventListener('DOMContentLoaded', function () {
1919
setBlockEvent('aboutBtn', 'aboutBlock');
2020
loadVersion();
2121
});
22-
document.getElementById('donateBtn').addEventListener('click', function () {
23-
setBlockEvent('donateBtn', 'donateBlock');
24-
});
2522
document.getElementById('clearAllData').addEventListener('click', function () {
2623
clearAllData();
2724
});

‎src/style/settings.css‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -457,4 +457,13 @@ input[type="button"]:hover {
457457
height: 25px !important;
458458
line-height: 25px !important;
459459
background-color:green !important;
460+
}
461+
462+
.setting-header{
463+
font-weight: 550;
464+
font-size: 15px;
465+
}
466+
467+
.separator{
468+
margin: 30px 0;
460469
}

0 commit comments

Comments
 (0)