From 6ac4765d40093316291f044c132e552e95e5b79f Mon Sep 17 00:00:00 2001 From: ilbonte Date: Tue, 1 Dec 2015 15:34:59 +0100 Subject: [PATCH] added screenshot option --- README.md | 25 +++++++++++++++++++++++-- app.js | 18 +++++++++++++----- index.html | 34 +++++++++++++++++++++++++++------- 3 files changed, 63 insertions(+), 14 deletions(-) diff --git a/README.md b/README.md index 3975825..07ea473 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,23 @@ -# More charts -http://ilbonte.github.io/rescuetime-again/ +# Why + +[RescueTime](rescuetime.com) is a fantastic tool for time management and I use it mainly to understand my daily habits so I can be more productive. +Unfortunately the free version doesn't have such in-depth analysis as I like so built my own charts using their API to access the data + +# Usage + +1. Go to the [project page](http://ilbonte.github.io/rescuetime-again/) +2. Choose data source: directly from RT or upload you file (see below) +3. ???? +4. PROFIT! + +### Notes + +RescueTime's free plan allows you to see only the last tree month of data, so if you don't own a premium account be sure to select a period of time within 3 month from now. +Since I have the free plan, but I wanted to save my data so I could analyze it later or compare it with the most recent I've included two utilities for this purpose. On the main page you can choose to download the data for the selected range and on [this page](link) you can merge as many as you want file together so that you can analyze more than just the last tree months + +# TODO + +- [x] [merge page](link) +- [ ] Allow multiple select in the merge page +- [ ] Comparison page +- [ ] Whatever you want \ No newline at end of file diff --git a/app.js b/app.js index b367e06..f2c4763 100644 --- a/app.js +++ b/app.js @@ -430,7 +430,7 @@ function calcHours(file) { ticks: [{v: 0, f: 'Sunday'}, {v: 1, f: 'Monday'}, {v: 2, f: 'Tuesday'}, {v: 3, f: 'Wednesday'}, { v: 4, f: 'Thursday' - }, {v: 5, f: 'Friday'}, {v: 6, f: 'Saturday'}], + }, {v: 5, f: 'Friday'}, {v: 6, f: 'Saturday'}] }, seriesType: "bars", // 1st series on axis 0 (by default), 2nd series on axis 1 @@ -454,8 +454,6 @@ function calcHours(file) { avgDayChart.draw(avgDayData, avgDayOptions); //daysChart.draw(dayData, dayOptions); comboDayChart.draw(comboDayData, comboDayOptions); - - } /** @@ -559,6 +557,7 @@ function calcActivity(file) { }); dashboard.bind(control, chart); dashboard.draw(data); + } /** @@ -684,6 +683,15 @@ function checkFiles() { } } +function screenShot() { + html2canvas(document.getElementById('screen'), { + onrendered: function (canvas) { + var myImage = canvas.toDataURL("image/png"); + window.open(myImage); + } + }); +} + + + -//TODO: salva mega report as jpg/png... come una spece di screenshot di tutta la pagina -//TODO: controllo se c'รจ l'apikey quando si elabora diff --git a/index.html b/index.html index 83f0264..37b2de9 100644 --- a/index.html +++ b/index.html @@ -16,10 +16,13 @@ + + -
+ +
@@ -27,7 +30,8 @@

More RescueTime Ch Cuz data are beautiful!

-
Psssst: you really should read the README before using this tool!
+
Psssst: you really should read the README before using this tool! +
@@ -54,7 +58,8 @@

Get the data from RescueTime

@@ -64,8 +69,10 @@

Get the data from RescueTime

... OR upload your files

+

TODO:

What is this or don't know how to use it? Read HERE
+

Activity

@@ -90,9 +97,11 @@

Efficency

This chart shows your productivity during the select range. Productivity is calculated with this - formula:
(Time*RescueTime's Productivity Score)/3600.
This means that if you do 60 minutes with + formula:
(Time*RescueTime's Productivity Score)/3600.
This means that if you do 60 minutes + with 100 as Productivity Score your productivity will be 100 too, but if you do only 30 minutes with 100 - Productivity Score your productivity will be 50!
You can think at blue line as the thing you got done. + Productivity Score your productivity will be 50!
You can think at blue line as the thing you + got done.
If show dates is checked instead of points you will be able to see date and time for individual dots but the trend line may not be available.

@@ -134,11 +143,14 @@

Efficency

-

This chart shows your average productivity and the total time spent for each hour in the selected period. If there is a big gap between the line and the chart this means that for that specific point your RescueTime's productivity pulse where high

+

This chart shows your average productivity and the total time spent for each hour in the selected + period. If there is a big gap between the line and the chart this means that for that specific point + your RescueTime's productivity pulse where high




+
@@ -167,10 +179,12 @@

Efficency

+

Top 50 activities

-

This chart simply show your top activities for the select range bar's color is based on RescueTime's colors.

+

This chart simply show your top activities for the select range bar's color is based on RescueTime's + colors.

@@ -204,6 +218,12 @@

+
+

+ +
+ +