Skip to content

Commit e778d2f

Browse files
StigmatozStigmatoz
committed
About tab in settings
1 parent 437a775 commit e778d2f

File tree

2 files changed

+92
-51
lines changed

2 files changed

+92
-51
lines changed

‎src/pages/Settings.vue‎

Lines changed: 91 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -9,54 +9,59 @@
99
<label for="tab-general">General</label>
1010

1111
<div class="content">
12-
<label class="setting-header">
13-
<input
14-
type="checkbox"
15-
class="filled-in"
16-
id="viewTimeInBadge"
17-
v-model="viewTimeInBadge"
18-
/>
19-
<span>Display time tracker in icon</span>
20-
<p class="description">
21-
You can see current spent time in short format in the icon of extension
22-
</p>
23-
</label>
24-
<br />
25-
<label class="setting-header">
26-
<input
27-
type="checkbox"
28-
class="filled-in"
29-
id="blockDeferral"
30-
v-model="allowDeferringBlock"
31-
/>
32-
<span>Allow deferring block for 5 minutes</span>
33-
<p class="description">
34-
After the site is blocked, you can postpone the blocking for 5 minutes
35-
</p>
36-
</label>
37-
<br />
38-
<label class="setting-header">
39-
<input type="checkbox" class="filled-in" id="darkMode" v-model="darkMode" />
40-
<span>Dark mode</span>
41-
<p class="description"></p>
42-
</label>
43-
<label class="setting-header d-inline-block"
44-
>Stop tracking if there is no activity during:
45-
</label>
46-
<div class="d-inline-block ml-10">
47-
<select class="option" v-model="intervalInactivity">
48-
<option :value="InactivityInterval.Seconds_30">30 seconds</option>
49-
<option :value="InactivityInterval.Seconds_45">45 seconds</option>
50-
<option :value="InactivityInterval.Min_1">1 min</option>
51-
<option :value="InactivityInterval.Min_2">2 min</option>
52-
<option :value="InactivityInterval.Min_5">5 mins</option>
53-
<option :value="InactivityInterval.Min_10">10 mins</option>
54-
<option :value="InactivityInterval.Min_20">20 mins</option>
55-
<option :value="InactivityInterval.Min_30">30 mins</option>
56-
</select>
12+
<div class="settings-item">
13+
<label class="setting-header">
14+
<input
15+
type="checkbox"
16+
class="filled-in"
17+
id="viewTimeInBadge"
18+
v-model="viewTimeInBadge"
19+
/>
20+
<span>Display time tracker in icon</span>
21+
<p class="description">
22+
You can see current spent time in short format in the icon of extension
23+
</p>
24+
</label>
25+
</div>
26+
<div class="settings-item">
27+
<label class="setting-header">
28+
<input
29+
type="checkbox"
30+
class="filled-in"
31+
id="blockDeferral"
32+
v-model="allowDeferringBlock"
33+
/>
34+
<span>Allow deferring block for 5 minutes</span>
35+
<p class="description">
36+
After the site is blocked, you can postpone the blocking for 5 minutes
37+
</p>
38+
</label>
39+
</div>
40+
<div class="settings-item">
41+
<label class="setting-header">
42+
<input type="checkbox" class="filled-in" id="darkMode" v-model="darkMode" />
43+
<span>Dark mode</span>
44+
<p class="description"></p>
45+
</label>
46+
</div>
47+
<div class="settings-item">
48+
<label class="setting-header d-inline-block"
49+
>Stop tracking if there is no activity during:
50+
</label>
51+
<div class="d-inline-block ml-10">
52+
<select class="option" v-model="intervalInactivity">
53+
<option :value="InactivityInterval.Seconds_30">30 seconds</option>
54+
<option :value="InactivityInterval.Seconds_45">45 seconds</option>
55+
<option :value="InactivityInterval.Min_1">1 min</option>
56+
<option :value="InactivityInterval.Min_2">2 min</option>
57+
<option :value="InactivityInterval.Min_5">5 mins</option>
58+
<option :value="InactivityInterval.Min_10">10 mins</option>
59+
<option :value="InactivityInterval.Min_20">20 mins</option>
60+
<option :value="InactivityInterval.Min_30">30 mins</option>
61+
</select>
62+
</div>
63+
<p class="description">These are any actions with the mouse or keyboard</p>
5764
</div>
58-
<p class="description">These are any actions with the mouse or keyboard</p>
59-
<br />
6065
<!-- <div class="margin-top-10">
6166
<label class="setting-header">Default range for days:</label>
6267
</div>
@@ -127,12 +132,39 @@
127132
</div>
128133
</div>
129134

130-
<div class="tab">
135+
<div class="tab about">
131136
<input type="radio" id="tab-about" name="tab-settings" />
132137
<label for="tab-about">About</label>
133138

134139
<div class="content">
135-
<span>tabik 4</span>
140+
<label class="about-label"
141+
>GitHub:
142+
<a href="https://github.com/Stigmatoz/web-activity-time-tracker" target="_blank"
143+
>github.com/Stigmatoz/web-activity-time-tracker</a
144+
></label
145+
>
146+
<label class="about-label"
147+
>If you have feedback or would like to report an issue, you can do so on the
148+
<a href="https://github.com/Stigmatoz/web-activity-time-tracker/issues" target="_blank"
149+
>GitHub issues page</a
150+
></label
151+
>
152+
<label class="about-label"
153+
>If experiencing problems, having questions or suggestions, please fill out
154+
<a
155+
href="https://chrome.google.com/webstore/detail/web-activity-time-tracker/hhfnghjdeddcfegfekjeihfmbjenlomm/support"
156+
target="_blank"
157+
>support form</a
158+
>.</label
159+
>
160+
<label class="about-label"
161+
>Do you enjoy using Web Activity Time Tracker?
162+
<a
163+
href="https://chrome.google.com/webstore/detail/web-activity-time-tracker/hhfnghjdeddcfegfekjeihfmbjenlomm/reviews"
164+
target="_blank"
165+
>Leave a review!</a
166+
></label
167+
>
136168
</div>
137169
</div>
138170
</div>
@@ -169,4 +201,13 @@ function save(storageParam: StorageParams, value: any) {
169201
}
170202
</script>
171203

172-
<style></style>
204+
<style scoped>
205+
.settings-item {
206+
margin-bottom: 30px;
207+
}
208+
.about .about-label {
209+
font-size: 14px;
210+
margin-bottom: 30px;
211+
display: block;
212+
}
213+
</style>

‎src/settings.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="UTF-8" />
55
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>Settings</title>
7+
<title>Web Activity Time Tracker - Settings</title>
88
</head>
99

1010
<body>

0 commit comments

Comments
 (0)