![](\"images/button_OK.png\")
");
37 | $('.done').css({"float" : "none" , "margin" : "0 auto"})
38 | }else if(result.sitesLocked){
39 | //remove all the buttons
40 | $('.done').remove();
41 | $('.editBtn').remove();
42 | $('.lockBtn').remove();
43 | $('.tracksiteInput').removeClass("inputEnabled");
44 | $('.tracksiteInput').addClass("inputDisabled");
45 | $('.tracksiteInput').prop("disabled", true);
46 | } else {
47 | $('.done').remove();
48 | $('.tracksiteInput').css({"border": "none"});
49 | $('.tracksiteInput').prop("disabled", true);
50 | $('.tracksiteInput').removeClass('inputEnabled');
51 | $('.tracksiteInput').addClass('inputDisabled');
52 | $('.buttonsContainer').append("![](\"images/button_EDIT.png\")
");
53 | }
54 |
55 | });
56 |
57 |
58 | // Try to update the data from the localStorage if we can about the sites that are being tracked
59 | if(chrome.extension.getBackgroundPage().isFirstRun){
60 | chrome.storage.local.get("trackData", function(result){
61 | var sitesBeingTracked = JSON.parse(result.trackData);
62 | document.getElementById("firstSite").value = sitesBeingTracked[0];
63 | document.getElementById("secondSite").value = sitesBeingTracked[1];
64 | document.getElementById("thirdSite").value = sitesBeingTracked[2];
65 | document.getElementById("fourthSite").value = (sitesBeingTracked[3] === undefined) ? "" : sitesBeingTracked[3];
66 | document.getElementById("fifthSite").value = (sitesBeingTracked[4] === undefined) ? "" : sitesBeingTracked[4];
67 | });
68 | } else {
69 | chrome.storage.local.get("trackData", function(result){
70 | var sitesBeingTracked = JSON.parse(result.trackData);
71 | var inputFieldIds = ["firstSite", "secondSite", "thirdSite", "fourthSite", "fifthSite"];
72 | var inputIdPos = 0;
73 | for(var i = 0 ; i < 5 ;i++){
74 | if(sitesBeingTracked[i] != "") {
75 | document.getElementById(inputFieldIds[inputIdPos]).value = sitesBeingTracked[i];
76 | inputIdPos++;
77 | }
78 | }
79 | });
80 | }
81 |
82 | displayFacebookAndTwitterTime();
83 |
84 | // Updates the visible time in real time
85 | setInterval(function(){
86 | displayFacebookAndTwitterTime();
87 | }, 1000);
88 |
89 | // For the settings panel to become visible
90 | $('.settings').on('click', function(event){
91 | $('.settingsPanel').addClass('is-visible');
92 | });
93 |
94 |
95 | $('.settingsPanel').on('click', function(event){
96 | // This function registers click on the side panel
97 | if($(event.target).is('.done')) {
98 | $('.editBtn').remove();
99 | if(chrome.extension.getBackgroundPage().isFirstRun){
100 | $('.settingsPanel').removeClass('is-visible');
101 | }
102 |
103 | var firstSiteBeingTracked = document.getElementById("firstSite").value;
104 | var secondSiteBeingTracked = document.getElementById("secondSite").value;
105 | var thirdSiteBeingTracked = document.getElementById("thirdSite").value;
106 | var fourthSiteBeingTracked = document.getElementById("fourthSite").value;
107 | var fifthSiteBeingTracked = document.getElementById("fifthSite").value;
108 |
109 | // Now whoever of them are not null we will need to push there value into the array
110 | var sitesBeingTracked = [firstSiteBeingTracked, secondSiteBeingTracked, thirdSiteBeingTracked, fourthSiteBeingTracked, fifthSiteBeingTracked];
111 | var sitesBeingTrackedStorable = JSON.stringify(sitesBeingTracked);
112 | chrome.storage.local.set({"trackData" : sitesBeingTrackedStorable}, function(){});
113 | chrome.extension.getBackgroundPage().isFirstRun = false;
114 | $('.tracksiteInput').removeClass('inputEnabled');
115 | $('.tracksiteInput').addClass('inputSaved');
116 | var delay = 300;
117 | setTimeout(function() {
118 | $('.tracksiteInput').removeClass('inputSaved');
119 | }, delay);
120 | $('.tracksiteInput').addClass('inputDisabled');
121 | $('.tracksiteInput').prop("disabled", true);
122 | $('.done').remove();
123 | $('.lockBtn').remove();
124 | $('.buttonsContainer').append("").on('click', function(){
125 | $('.tracksiteInput').prop("disabled", false);
126 | $('.tracksiteInput').removeClass('inputDisabled');
127 | $('.tracksiteInput').addClass("inputEnabled");
128 | $('.done').remove();
129 | $('.editBtn').remove();
130 | $('.lockBtn').remove();
131 | $('.buttonsContainer').append("![](\"images/button_LOCK.png\")
");
132 | });
133 |
134 | }
135 |
136 | if($(event.target).is('.settingsPanel') && !chrome.extension.getBackgroundPage().isFirstRun) {
137 | chrome.storage.local.get("sitesLocked", function(result){
138 | if(!result.sitesLocked) {
139 | $('.settingsPanel').removeClass('is-visible');
140 | $('.editBtn').remove();
141 | $('.tracksiteInput').removeClass('inputEnabled');
142 | $('.tracksiteInput').addClass('inputDisabled');
143 | $('.tracksiteInput').prop("disabled", true);
144 | $('.done').remove();
145 | $('.lockBtn').remove();
146 | $('.buttonsContainer').append("").on('click', function(){
147 | $('.tracksiteInput').prop("disabled", false);
148 | $('.tracksiteInput').addClass("inputEnabled");
149 | $('.done').remove();
150 | $('.editBtn').remove();
151 | $('.lockBtn').remove();
152 | $('.buttonsContainer').append("");
153 | });
154 | }else{
155 | $('.settingsPanel').removeClass('is-visible');
156 | }
157 |
158 | });
159 | }
160 |
161 | if($(event.target).is('.lockBtn')) {
162 | vex.defaultOptions.className = 'vex-theme-top';
163 | vex.dialog.confirm({
164 | message: 'You sure? ");
187 | }
188 | });
189 |
190 | // Reposition the elements on the page
191 | var windowHeight = $(window).height();
192 | $(".container").css({
193 | "height" : windowHeight * 0.36,
194 | "margin-top" : windowHeight * 0.25
195 | });
196 |
197 |
198 | // Update the page with a random quote on each reload
199 | if(chrome.extension.getBackgroundPage().totalTimeOnWebsites > 0){
200 | var randomQuote = timeQuotes[Math.floor(Math.random() * timeQuotes.length)];
201 | var trackerDisplay = document.getElementById("websites");
202 | trackerDisplay.innerHTML = randomQuote;
203 | }else{
204 | var trackerDisplay = document.getElementById("websites");
205 | trackerDisplay.innerHTML = "going great!";
206 | }
207 |
208 |
209 |
210 |
211 | var forLabels = [];
212 | var forValues = [];
213 | // Get the data from the chrome local storage thing
214 | chrome.storage.local.get(null, function(extDatas){
215 | for(var prop in extDatas){
216 | if(prop.lastIndexOf("timeData", 0) === 0){
217 | forLabels.push(prop);
218 | forValues.push(extDatas[prop]);
219 | }
220 | }
221 |
222 |
223 | var barChartData = {
224 | labels : [].concat(forLabels),
225 | datasets : [
226 | {
227 | fillColor : "rgba(220,220,220,0.6)",
228 | data : [].concat(forValues)
229 | }
230 | ],
231 |
232 | getNumData : function(){
233 | return Number(this.labels.length);
234 | }
235 | }
236 |
237 | var chartView = document.getElementById("myChart");
238 | var ctx = chartView.getContext("2d");
239 | window.myBar = new Chart(ctx).Bar(barChartData, {
240 | responsive : false,
241 | barShowStroke : false,
242 | scaleShowGridLines : false,
243 | showScale : false,
244 | showTooltips :false,
245 | barValueSpacing : 13
246 | });
247 |
248 | var totalWidthBars = barWidth * barChartData.getNumData();
249 | var totalWidthSpacing = barSpacing * (barChartData.getNumData() - 1);
250 | var totalWidthChart = totalWidthBars + totalWidthSpacing;
251 | var left = ($(window).width() - totalWidthChart)/2;
252 |
253 | $("#myChart").css({
254 | "width": totalWidthChart,
255 | "height" : "50%",
256 | "left" : left
257 | });
258 | });
259 |
260 |
261 | });
262 |
263 | $(window).resize(function(){
264 | var totalWidthChart = $("#myChart").width();
265 | var left = ($(window).width() - totalWidthChart)/2;
266 |
267 | var windowHeight = $(window).height();
268 | var windowWidth = $(window).width();
269 |
270 | $("#myChart").css({
271 | "width": totalWidthChart,
272 | "height" : windowHeight * 0.5,
273 | "left" : left
274 | });
275 |
276 | $(".container").css({
277 | "height" : windowHeight * 0.36,
278 | "margin-top" : windowHeight * 0.25
279 | });
280 | });
281 |
282 | /*
283 | * Function : displayFacebookAndTwitterTime();
284 | * -------------------------------------------
285 | * This function has a little name problem the thing is that this function
286 | * shows the time for facebook twitter and google plus but due to
287 | * evolution over the times the name has stuck
288 | */
289 | function displayFacebookAndTwitterTime() {
290 | var backgroundPage = chrome.extension.getBackgroundPage();
291 | if(backgroundPage != null){
292 | var totalTimeSpent = chrome.extension.getBackgroundPage().totalTimeOnWebsites;
293 | var div = document.getElementById("actualTime");
294 | div.innerHTML = getReadableTime(totalTimeSpent);
295 | var storageName = "timeData" + chrome.extension.getBackgroundPage().numDaysSinceUTC();
296 | var dataToBeWritten = {};
297 | dataToBeWritten[storageName] = totalTimeSpent;
298 | dataToBeWritten["today"] = chrome.extension.getBackgroundPage().numDaysSinceUTC();
299 | chrome.storage.local.set(dataToBeWritten, function(){});
300 | }
301 | }
302 |
303 | /*
304 | * Function : getReadableTime();
305 | * Usage : var readableTime = getReadableTime(2000);
306 | * --------------------------------------------------
307 | * This function takes in the number of seconds as arguments and then
308 | * converts those number of seconds into hours and minutes respectively
309 | * and returns a string that holds the proper time in the format of '3 hours 45 minutes and 3 seconds'
310 | */
311 | function getReadableTime(totalSeconds) {
312 | var seconds = totalSeconds % 60;
313 | var minutes = (Math.floor(totalSeconds/60))%60;
314 | var hours = (Math.floor(totalSeconds/3600));
315 | var readableTime = '';
316 | if (hours > 1)
317 | readableTime += hours + ' hours ';
318 | else if(hours == 1)
319 | readableTime += hours + ' hour '
320 | if (minutes > 1)
321 | readableTime += minutes + ' minutes and ' ;
322 | else if(minutes == 1)
323 | readableTime += minutes + ' minute and '
324 | if(seconds == 1){
325 | readableTime += seconds + ' second ';
326 | }else{
327 | readableTime += seconds + ' seconds ';
328 | }
329 | return readableTime;
330 | }
--------------------------------------------------------------------------------
/js/vex.combined.min.js:
--------------------------------------------------------------------------------
1 | /*! vex.js, vex.dialog.js 2.3.0 */
2 | (function(){var a;a=function(a){var b,c;return b=!1,a(function(){var d;return d=(document.body||document.documentElement).style,b=void 0!==d.animation||void 0!==d.WebkitAnimation||void 0!==d.MozAnimation||void 0!==d.MsAnimation||void 0!==d.OAnimation,a(window).bind("keyup.vex",function(a){return 27===a.keyCode?c.closeByEscape():void 0})}),c={globalID:1,animationEndEvent:"animationend webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend",baseClassNames:{vex:"vex",content:"vex-content",overlay:"vex-overlay",close:"vex-close",closing:"vex-closing",open:"vex-open"},defaultOptions:{content:"",showCloseButton:!0,escapeButtonCloses:!0,overlayClosesOnClick:!0,appendLocation:"body",className:"",css:{},overlayClassName:"",overlayCSS:{},contentClassName:"",contentCSS:{},closeClassName:"",closeCSS:{}},open:function(b){return b=a.extend({},c.defaultOptions,b),b.id=c.globalID,c.globalID+=1,b.$vex=a("