make recap record of history tasks

this fix #135

Author: RoderickQiu

locales/en.json

@@ -154,6 +154,14 @@
 	"statistics-work-time": "Work time",
 	"statistics-rest-time": "Rest time",
 	"statistics-time-sum": "All together",
+	"recap": "Recap",
+	"time-statistics": "Time Statistics",
+	"recap-empty": "No completed tasks recorded yet.",
+	"recap-delete-entry": "Delete this entry",
+	"recap-delete-date": "Delete all entries on this date",
+	"recap-delete-title": "Delete Recap Entry",
+	"recap-delete-entry-confirm": "Are you sure you want to delete this entry?",
+	"recap-delete-date-confirm": "Are you sure you want to delete all entries on",
 	"today": "Today",
 	"yesterday": "Yesterday",
 	"this-week": "This Week",

locales/zh-CN.json

@@ -157,6 +157,14 @@
 	"statistics-work-time": "工作时间",
 	"statistics-rest-time": "休息时间",
 	"statistics-time-sum": "时间总计",
+	"recap": "完成回顾",
+	"time-statistics": "时间统计",
+	"recap-empty": "还没有记录任何完成的内容。",
+	"recap-delete-entry": "删除这条记录",
+	"recap-delete-date": "删除当天的所有记录",
+	"recap-delete-title": "删除回顾记录",
+	"recap-delete-entry-confirm": "确定要删除这条记录吗？",
+	"recap-delete-date-confirm": "确定要删除该天的所有记录吗：",
 	"today": "今天",
 	"yesterday": "昨天",
 	"this-week": "本周",

locales/zh-TW.json

@@ -150,6 +150,14 @@
 	"statistics-work-time": "工作時間",
 	"statistics-rest-time": "休息時間",
 	"statistics-time-sum": "時間總計",
+	"recap": "完成回顧",
+	"time-statistics": "時間統計",
+	"recap-empty": "還沒有記錄任何完成的內容。",
+	"recap-delete-entry": "刪除這條記錄",
+	"recap-delete-date": "刪除當天的所有記錄",
+	"recap-delete-title": "刪除回顧記錄",
+	"recap-delete-entry-confirm": "確定要刪除這條記錄嗎？",
+	"recap-delete-date-confirm": "確定要刪除該天的所有記錄嗎：",
 	"today": "今天",
 	"yesterday": "昨天",
 	"this-week": "本週",

main.js

@@ -32,7 +32,7 @@ let win = null, settingsWin = null, aboutWin = null, tourWin = null, floatingWin
     kioskInterval = null,
     recorderDate = null, tempDate = null, yearAndMon = null, yearMonDay = null, year = null,
     estimCurrent = 0, todaySum = 0,
-    store = null, styleCache = null, statistics = null, timingData = null,
+    store = null, styleCache = null, statistics = null, timingData = null, recapStore = null,
     personalizationNotificationList = [[], [], [], [], [], []],
     isMultiMonitorLoose = false;
 
@@ -396,9 +396,11 @@ app.on('ready', () => {
     if (process.env.NODE_ENV === "portable") {
         store = new Store({ cwd: app.getPath('exe').replace("wnr.exe", ""), name: 'wnr-config' });//accept portable
         statistics = new Store({ cwd: app.getPath('exe').replace("wnr.exe", ""), name: 'wnr-statistics' });
+        recapStore = new Store({ cwd: app.getPath('exe').replace("wnr.exe", ""), name: 'wnr-recap' });
     } else {
         store = new Store();
         statistics = new Store({ name: 'statistics' });
+        recapStore = new Store({ name: 'recap' });
     }
     styleCache = new Store({ name: 'style-cache' });
     timingData = new Store({ name: 'timing-data' });
@@ -1894,6 +1896,34 @@ ipcMain.on('warning-giver-all-task-end', function () {
     traySolution(isFullscreenMode);
 })
 
+ipcMain.on('save-recap-entry', function (event, data) {
+    if (!recapStore.has('entries')) {
+        recapStore.set('entries', []);
+    }
+    let entries = recapStore.get('entries');
+    entries.push({
+        title: data.title,
+        note: data.note,
+        sessionId: data.sessionId,
+        timestamp: data.timestamp,
+        date: new Date(data.timestamp).toISOString().split('T')[0],
+        method: data.method,
+        isOnlyRest: data.isOnlyRest
+    });
+    recapStore.set('entries', entries);
+})
+
+ipcMain.on('recap-delete-confirm', function (event, data) {
+    let confirmMsg = "";
+    if (data.type === 'entry') {
+        confirmMsg = i18n.__('recap-delete-entry-confirm');
+    } else if (data.type === 'date') {
+        confirmMsg = i18n.__('recap-delete-date-confirm') + " " + data.date + "?";
+    }
+    customDialog("select_on", i18n.__('recap-delete-title'), confirmMsg, 
+        "win.webContents.send('recap-delete-execute', " + JSON.stringify(data) + ");");
+})
+
 ipcMain.on('update-feedback', function (event, message) {
     // another button usage: button3_update
     if (message === "update-available") {
@@ -1927,7 +1957,7 @@ ipcMain.on('can-redo-alert', function () {
 
 ipcMain.on('delete-all-data', function () {
     if (settingsWin != null) {
-        customDialog("select_on", i18n.__('delete-all-data-dialog-box-title'), i18n.__('delete-all-data-dialog-box-content'), "store.clear();statistics.clear();styleCache.clear();timingData.clear();relaunchSolution()");
+        customDialog("select_on", i18n.__('delete-all-data-dialog-box-title'), i18n.__('delete-all-data-dialog-box-content'), "store.clear();statistics.clear();styleCache.clear();timingData.clear();recapStore.clear();relaunchSolution()");
     }
 })
 

renderer.js

@@ -24,8 +24,32 @@ let titleAlternative = {
     y: 20,
     tipElements: "a, i, span, img, div, input",
     noTitle: false,
+    bottomTooltipSelectors: ['#statistics-back', '#back-index', '#statistics-back i'],
+    bottomTooltipMargin: 80,
+    isBottomTooltipElement: function(element) {
+        let $element = $(element);
+        for (let i = 0; i < this.bottomTooltipSelectors.length; i++) {
+            let selector = this.bottomTooltipSelectors[i];
+            if ($element.is(selector)) {
+                return true;
+            }
+            let $container = $(selector);
+            if ($container.length > 0 && $container[0].contains && $container[0].contains(element)) {
+                return true;
+            }
+            if ($element.closest(selector).length > 0) {
+                return true;
+            }
+        }
+        return false;
+    },
+    isNearBottomEdge: function(pageY) {
+        if (!window || !window.innerHeight) return false;
+        return pageY > (window.innerHeight - this.bottomTooltipMargin);
+    },
     init: function () {
         let b = this.noTitle, isTitle;
+        let self = this;
         $(this.tipElements).each(function () {
             $(this).mouseover(function (e) {
                 if (b) {
@@ -36,23 +60,40 @@ let titleAlternative = {
                 if (isTitle) {
                     this.myTitle = this.title;
                     this.title = "";
-                    let a = "<div class='tipsy'><div class='tipsy-arrow tipsy-arrow-n'></div><div class='tipsy-inner'>" + this.myTitle + "</div></div>";
+                    let isBottomTooltip = self.isBottomTooltipElement(this) || self.isNearBottomEdge(e.pageY);
+                    let arrowClass = isBottomTooltip ? 'tipsy-arrow-s' : 'tipsy-arrow-n';
+                    let a = "<div class='tipsy'><div class='tipsy-arrow " + arrowClass + "'></div><div class='tipsy-inner'>" + this.myTitle + "</div></div>";
                     $('body').append(a);
-                    $('.tipsy').css({
-                        "top": (e.pageY + 24) + "px",
-                        "left": (e.pageX - 24) + "px"
-                    }).show('fast');
+                    if (isBottomTooltip) {
+                        $('.tipsy').css({
+                            "top": (e.pageY - 40) + "px",
+                            "left": (e.pageX - 24) + "px"
+                        }).show('fast');
+                    } else {
+                        $('.tipsy').css({
+                            "top": (e.pageY + 24) + "px",
+                            "left": (e.pageX - 24) + "px"
+                        }).show('fast');
+                    }
                 }
             }).mouseout(function () {
                 if (this.myTitle != null) {
                     this.title = this.myTitle;
                     $('.tipsy').remove()
                 }
             }).mousemove(function (e) {
-                $('.tipsy').css({
-                    "top": (e.pageY + 24) + "px",
-                    "left": (e.pageX - 24) + "px"
-                }).show('fast');
+                let isBottomTooltip = self.isBottomTooltipElement(this) || self.isNearBottomEdge(e.pageY);
+                if (isBottomTooltip) {
+                    $('.tipsy').css({
+                        "top": (e.pageY - 40) + "px",
+                        "left": (e.pageX - 24) + "px"
+                    }).show('fast');
+                } else {
+                    $('.tipsy').css({
+                        "top": (e.pageY + 24) + "px",
+                        "left": (e.pageX - 24) + "px"
+                    }).show('fast');
+                }
             })
         })
     }