web-activity-time-tracker/options.html at 4e2f0bf2b4d4fc97b00bc22c850847cfeff198b4 · bulkpool/web-activity-time-tracker · GitHub

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
<!DOCTYPE html>
<html>

<head>
   <meta charset="utf-8">
   <title>Web Activity Time Tracker</title>
   <link href="style/settings.css" rel="stylesheet" />
   <script src="scripts/common.js"></script>
   <script src="scripts/storage.js"></script>
   <script src="scripts/settings.js"></script>
</head>

<body>
   <div class="content">
      <div class="header">
         <p class="title">Web Activity Time Tracker</p>
      </div>
      <div id='nav' class="nav">
         <a id='settingsBtn' class="active">Settings</a>
         <a id='restrictionsBtn'>Restrictions</a>
         <a id='aboutBtn'>About</a>
      </div>
      <div id='block'>
         <div id='settingsBlock'>
            <label>
               <input type="checkbox" class="filled-in" id="viewTimeInBadge" checked="checked" />
               <span>Display time tracker in icon</span>
            </label>
            <div class="margin-top-10">
               <label>Stop tracking if no activity detected for: </label>
               <div class="tooltip"><img src="/icons/information.svg" height="18" />
                  <span class="tooltiptext">An activity is an action with a mouse or keyboard</span>
               </div>
               <div class="margin-top-10">
                  <select id='intervalInactivity' class="option">
                     <option value="30">30 seconds</option>
                     <option value="45">45 seconds</option>
                     <option value="60">1 min</option>
                     <option value="120">2 min</option>
                     <option value="300">5 mins</option>
                     <option value="600">10 mins</option>
                     <option value="1200">20 mins</option>
                     <option value="1800">30 mins</option>
                  </select>
               </div>
               <div class="margin-top-10"><label>Default range for days:</label></div>
               <div class="margin-top-10">
                  <select id='rangeToDays' class="option">
                     <option value="days2">2 days</option>
                     <option value="days3">3 days</option>
                     <option value="days4">4 days</option>
                     <option value="days5">5 days</option>
                     <option value="days6">6 days</option>
                     <option value="days7">7 days</option>
                     <option value="month1">1 month</option>
                     <option value="month2">2 month</option>
                     <option value="month3">3 month</option>
                  </select>
               </div>
               <div class="margin-top-10">
                  <label>Ignored list of domain: </label>
                  <div class="tooltip"><img src="/icons/information.svg" height="18" />
                     <span class="tooltiptext">Activity for these domains not will tracked</span>
                  </div>
                  <div class="margin-top-10">
                     <ul id='blackList' class="listbox" size="7"></ul>
                  </div>
                  <div class="margin-top-10">
                     <input type="text" placeholder="Enter site name..." id='addBlackSiteLbl' />
                     <input type="button" value="+" id='addBlackSiteBtn' />
                  </div>
               </div>
               <div class="margin-top-10">
                  <label>Data in memory use </label><label id='memoryUse'></label>
               </div>
               <div class="margin-top-10"><input type="button" value="Clear all data" id='clearAllData'></div>
               <div class="notify" id='notify' hidden>
                  Data succeed deleted
               </div>
            </div>
         </div>
         <div id='restrictionsBlock' hidden>
            <label>Access restrictions for websites: </label>
            <div class="tooltip"><img src="/icons/information.svg" height="18" />
               <span class="tooltiptext">Set the time you can spend on the site during the day. After this time, access to the site will be blocked.</span>
            </div>
            <div class="margin-top-10">
               <ul id='restrictionsList' class="listbox" size="10"></ul>
            </div>
            <div class="margin-top-10">
               <input type="text" placeholder="Enter site name..." id='addRestrictionSiteLbl' />
               <input type="time" id='addRestrictionTimeLbl' />
               <input type="button" value="+" id='addRestrictionSiteBtn' />
            </div>
         </div>
         <div id='aboutBlock' hidden>
            <div><label id='version'></label></div>
            <div class="margin-top-20">
               <label>If experiencing problems, having questions or suggestions, please fill out <a
                     href="https://chrome.google.com/webstore/detail/web-activity-time-tracker/hhfnghjdeddcfegfekjeihfmbjenlomm/support"
                     target="_blank">support
                     form</a>.</label>
            </div>
            <div class="margin-top-20">
               <label>Do you enjoy using Web Activity Time Tracker? <a
                     href="https://chrome.google.com/webstore/detail/web-activity-time-tracker/hhfnghjdeddcfegfekjeihfmbjenlomm/reviews"
                     target="_blank">Let me know!</a></label>
            </div>
         </div>
      </div>
   </div>
</body>

</html>