-
-
- Web Activity Time Tracker
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ Web Activity Time Tracker
+
+
+
+
-
-
+
+
+
+
+
+
+
+
+
+
An activity is an action with a mouse or keyboard
-
-
+
An activity is an action with a mouse or keyboard
-
-
-
-
+
+
+
+
-
-
- Activity for these domains not will tracked
-
-
-
-
- Activity for these domains not will tracked
-
-
-
-
-
-
-
- The site is already in the list
-
-
-
-
-
-
-
-
-
-
-
- Backup completed successfully
-
-
- Restore completed successfully
-
-
- Backup file is not valid
-
-
-
-
-
-
-
-
-
-
-
-
- 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Data successfully deleted
-
-
+
+
+ Activity for these domains not will tracked
-
+ Activity for these domains not will tracked
-
-
- Set the maximum time allowed on the site per day. After this time, has elapsed the site will be blocked.
-
-
- Set the maximum time allowed on the site per day. After this time, has elapsed the site will be blocked.
-
-
-
-
-
-
-
-
-
-
- The site is already in the list
-
+
+
-
-
-
- Show notifications every time you spend a specified time interval on the
- site
-
-
- Show notifications every time you spend a specified time interval on the
- site
-
-
-
-
-
-
-
-
-
-
-
-
-
- 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- The site is already in the notify list
-
+
+
+
-
-
-
diff --git a/src/scripts/background.js b/src/scripts/background.js
index 58453c7..744add9 100644
--- a/src/scripts/background.js
+++ b/src/scripts/background.js
@@ -399,6 +399,76 @@ function checkPermissionsForNotifications(callback, ...props) {
});
}
+function createFile(data, type, fileName) {
+ var file = new Blob([data], { type: type });
+ var downloadLink;
+ downloadLink = document.createElement("a");
+ downloadLink.download = fileName;
+ downloadLink.href = window.URL.createObjectURL(file);
+ downloadLink.style.display = "none";
+ document.body.appendChild(downloadLink);
+ downloadLink.click();
+}
+
+function toCsv(tabsData) {
+ var str = "domain,date,time(sec)\r\n";
+ for (var i = 0; i < tabsData.length; i++) {
+ for (var y = 0; y < tabsData[i].days.length; y++) {
+ var line =
+ tabsData[i].url +
+ "," +
+ new Date(tabsData[i].days[y].date).toLocaleDateString() +
+ "," +
+ tabsData[i].days[y].summary;
+ str += line + "\r\n";
+ }
+ }
+
+ createFile(str, "text/csv", "domains.csv");
+}
+
+function exportToCSV() {
+ storage.getValue(STORAGE_TABS, function (item) {
+ toCsv(item);
+ });
+}
+
+storage.getValue("SETTINGS_PERIODIC_HOUR_DOWNLOAD", function (hour) {
+ storage.getValue("SETTINGS_PERIODIC_MINUTE_DOWNLOAD", function (minute) {
+ if (typeof hour !== "number" || typeof minute !== "number") {
+ return;
+ } else {
+ autoDownloadCsv(hour, minute);
+ }
+ });
+});
+
+function autoDownloadCsv(hour, minute) {
+ var now = new Date();
+ var triggerTime = new Date(
+ now.getFullYear(),
+ now.getMonth(),
+ now.getDate(),
+ hour,
+ minute,
+ 0,
+ 0
+ );
+
+ if (triggerTime < now) {
+ triggerTime.setDate(triggerTime.getDate() + 1);
+ }
+ chrome.alarms.create("periodic_Download", {
+ when: triggerTime.getTime(),
+ periodInMinutes: 1440, // 24 hours
+ });
+ chrome.alarms.onAlarm.addListener(function (alarm) {
+ if (alarm.name === "periodic_Download") {
+ exportToCSV();
+ }
+ });
+}
+
loadPermissions();
addListener();
loadAddDataFromStorage();
diff --git a/src/scripts/settings.js b/src/scripts/settings.js
index f1eca2b..83d451b 100644
--- a/src/scripts/settings.js
+++ b/src/scripts/settings.js
@@ -4,531 +4,609 @@ var restrictionList = [];
var notifyList = [];
var blockBtnList = ['settingsBtn', 'restrictionsBtn', 'notifyBtn', 'aboutBtn'];
var blockList = ['settingsBlock', 'restrictionsBlock', 'notifyBlock', 'aboutBlock'];
+var changed_Periodic_Download_Hour = "select";
+var changed_Periodic_Download_Minutes = "select";
document.addEventListener('DOMContentLoaded', function () {
- document.getElementById('settingsBtn').addEventListener('click', function () {
- setBlockEvent('settingsBtn', 'settingsBlock');
- });
- document.getElementById('restrictionsBtn').addEventListener('click', function () {
- setBlockEvent('restrictionsBtn', 'restrictionsBlock');
- });
- document.getElementById('notifyBtn').addEventListener('click', function () {
- setBlockEvent('notifyBtn', 'notifyBlock');
- });
- document.getElementById('aboutBtn').addEventListener('click', function () {
- setBlockEvent('aboutBtn', 'aboutBlock');
- loadVersion();
- });
- document.getElementById('clearAllData').addEventListener('click', function () {
- clearAllData();
- });
- document.getElementById('exportToCsv').addEventListener('click', function () {
- exportToCSV();
- });
- document.getElementById('backup').addEventListener('click', function () {
- backup();
- });
- document.getElementById('restore').addEventListener('click', function () {
- restoreDataClick();
- });
- document.getElementById('file-input-backup').addEventListener('change', function (e) {
- restore(e);
- });
- document.getElementById('addBlackSiteBtn').addEventListener('click', function () {
- addNewSiteClickHandler('addBlackSiteLbl', null, actionAddBlackSiteToList, 'notifyForBlackList');
- });
- document.getElementById('addRestrictionSiteBtn').addEventListener('click', function () {
- addNewSiteClickHandler('addRestrictionSiteLbl', 'addRestrictionTimeLbl', actionAddRectrictionToList, 'notifyForRestrictionList');
- });
- document.getElementById('addNotifySiteBtn').addEventListener('click', function () {
- addNewSiteClickHandler('addNotifySiteLbl', 'addNotifyTimeLbl', actionAddNotifyToList, 'notifyForNotifyList');
- });
- document.getElementById('viewTimeInBadge').addEventListener('change', function () {
- storage.saveValue(SETTINGS_VIEW_TIME_IN_BADGE, this.checked);
- });
- document.getElementById('blockDeferral').addEventListener('change', function () {
- storage.saveValue(SETTINGS_BLOCK_DEFERRAL, this.checked);
- });
- document.getElementById('darkMode').addEventListener('change', function () {
- storage.saveValue(SETTINGS_DARK_MODE, this.checked);
- });
- document.getElementById('intervalInactivity').addEventListener('change', function () {
- storage.saveValue(SETTINGS_INTERVAL_INACTIVITY, this.value);
- });
- document.getElementById('rangeToDays').addEventListener('change', function () {
- storage.saveValue(SETTINGS_INTERVAL_RANGE, this.value);
- });
- document.getElementById('grantPermissionForYT').addEventListener('click', function () {
- grantPermissionForYT();
- });
- document.getElementById('grantPermissionForNetflix').addEventListener('click', function () {
- grantPermissionForNetflix();
- });
- document.getElementById('grantPermissionForNotifications').addEventListener('click', function () {
- grantPermissionForNotifications();
- });
- document.getElementById('notifyMessage').addEventListener('change', function () {
- updateNotificationMessage();
- });
- $('.clockpicker').clockpicker();
-
- loadSettings();
+ document.getElementById('settingsBtn').addEventListener('click', function () {
+ setBlockEvent('settingsBtn', 'settingsBlock');
+ });
+ document.getElementById('restrictionsBtn').addEventListener('click', function () {
+ setBlockEvent('restrictionsBtn', 'restrictionsBlock');
+ });
+ document.getElementById('notifyBtn').addEventListener('click', function () {
+ setBlockEvent('notifyBtn', 'notifyBlock');
+ });
+ document.getElementById('aboutBtn').addEventListener('click', function () {
+ setBlockEvent('aboutBtn', 'aboutBlock');
+ loadVersion();
+ });
+ document.getElementById('clearAllData').addEventListener('click', function () {
+ clearAllData();
+ });
+ document.getElementById('exportToCsv').addEventListener('click', function () {
+ exportToCSV();
+ });
+ document.getElementById('backup').addEventListener('click', function () {
+ backup();
+ });
+ document.getElementById('restore').addEventListener('click', function () {
+ restoreDataClick();
+ });
+ document.getElementById('file-input-backup').addEventListener('change', function (e) {
+ restore(e);
+ });
+ document.getElementById('addBlackSiteBtn').addEventListener('click', function () {
+ addNewSiteClickHandler('addBlackSiteLbl', null, actionAddBlackSiteToList, 'notifyForBlackList');
+ });
+ document.getElementById('addRestrictionSiteBtn').addEventListener('click', function () {
+ addNewSiteClickHandler('addRestrictionSiteLbl', 'addRestrictionTimeLbl', actionAddRectrictionToList, 'notifyForRestrictionList');
+ });
+ document.getElementById('addNotifySiteBtn').addEventListener('click', function () {
+ addNewSiteClickHandler('addNotifySiteLbl', 'addNotifyTimeLbl', actionAddNotifyToList, 'notifyForNotifyList');
+ });
+ document.getElementById('viewTimeInBadge').addEventListener('change', function () {
+ storage.saveValue(SETTINGS_VIEW_TIME_IN_BADGE, this.checked);
+ });
+ document.getElementById('blockDeferral').addEventListener('change', function () {
+ storage.saveValue(SETTINGS_BLOCK_DEFERRAL, this.checked);
+ });
+ document.getElementById('darkMode').addEventListener('change', function () {
+ storage.saveValue(SETTINGS_DARK_MODE, this.checked);
+ });
+ document.getElementById('intervalInactivity').addEventListener('change', function () {
+ storage.saveValue(SETTINGS_INTERVAL_INACTIVITY, this.value);
+ });
+ document.getElementById('rangeToDays').addEventListener('change', function () {
+ storage.saveValue(SETTINGS_INTERVAL_RANGE, this.value);
+ });
+ document.getElementById('grantPermissionForYT').addEventListener('click', function () {
+ grantPermissionForYT();
+ });
+ document.getElementById('grantPermissionForNetflix').addEventListener('click', function () {
+ grantPermissionForNetflix();
+ });
+ document.getElementById('grantPermissionForNotifications').addEventListener('click', function () {
+ grantPermissionForNotifications();
+ });
+ document.getElementById('notifyMessage').addEventListener('change', function () {
+ updateNotificationMessage();
+ });
+ $('.clockpicker').clockpicker();
+
+ document.getElementById("hour").addEventListener("change", function () {
+ changed_Periodic_Download_Hour = this.value;
+ });
+ document.getElementById("minute").addEventListener("change", function () {
+ changed_Periodic_Download_Minutes = this.value;
+ });
+
+ document
+ .getElementById("time-save-btn")
+ .addEventListener("click", function () {
+ saveAutoDownloadTime();
+ });
+
+ loadSettings();
});
function setBlockEvent(btnName, blockName) {
- blockBtnList.forEach(element => {
- if (element === btnName) {
- document.getElementById(btnName).classList.add('active');
- }
- else document.getElementById(element).classList.remove('active');
- });
+ blockBtnList.forEach(element => {
+ if (element === btnName) {
+ document.getElementById(btnName).classList.add('active');
+ }
+ else document.getElementById(element).classList.remove('active');
+ });
- blockList.forEach(element => {
- if (element === blockName) {
- document.getElementById(blockName).hidden = false;
- } else document.getElementById(element).hidden = true;
- });
+ blockList.forEach(element => {
+ if (element === blockName) {
+ document.getElementById(blockName).hidden = false;
+ } else document.getElementById(element).hidden = true;
+ });
}
function loadSettings() {
- storage.getValue(SETTINGS_INTERVAL_INACTIVITY, function (item) {
- document.getElementById('intervalInactivity').value = item;
- });
- storage.getValue(SETTINGS_INTERVAL_RANGE, function (item) {
- document.getElementById('rangeToDays').value = item;
- });
- storage.getValue(SETTINGS_VIEW_TIME_IN_BADGE, function (item) {
- document.getElementById('viewTimeInBadge').checked = item;
- });
- storage.getValue(SETTINGS_BLOCK_DEFERRAL, function (item) {
- document.getElementById('blockDeferral').checked = item;
- });
- storage.getValue(SETTINGS_DARK_MODE, function (item) {
- document.getElementById('darkMode').checked = item;
- });
- storage.getMemoryUse(STORAGE_TABS, function (integer) {
- document.getElementById('memoryUse').innerHTML = (integer / 1024).toFixed(2) + 'Kb';
- });
- storage.getValue(STORAGE_TABS, function (item) {
- let s = item;
- });
- storage.getValue(STORAGE_BLACK_LIST, function (items) {
- if (items !== undefined)
- blackList = items;
- else blackList = [];
- viewBlackList(items);
- });
- storage.getValue(STORAGE_RESTRICTION_LIST, function (items) {
- restrictionList = items;
- if (restrictionList === undefined)
- restrictionList = [];
- viewRestrictionList(items);
- });
- storage.getValue(STORAGE_NOTIFICATION_LIST, function (items) {
- notifyList = items;
- if (notifyList === undefined)
- notifyList = [];
- viewNotificationList(items);
- });
- storage.getValue(STORAGE_NOTIFICATION_MESSAGE, function (mess) {
- document.getElementById('notifyMessage').value = mess;
- });
- checkPermissionsForYT();
- checkPermissionsForNetflix();
- checkPermissionsForNotifications();
+ storage.getValue(SETTINGS_INTERVAL_INACTIVITY, function (item) {
+ document.getElementById('intervalInactivity').value = item;
+ });
+ storage.getValue(SETTINGS_INTERVAL_RANGE, function (item) {
+ document.getElementById('rangeToDays').value = item;
+ });
+ storage.getValue(SETTINGS_VIEW_TIME_IN_BADGE, function (item) {
+ document.getElementById('viewTimeInBadge').checked = item;
+ });
+ storage.getValue(SETTINGS_BLOCK_DEFERRAL, function (item) {
+ document.getElementById('blockDeferral').checked = item;
+ });
+ storage.getValue(SETTINGS_DARK_MODE, function (item) {
+ document.getElementById('darkMode').checked = item;
+ });
+ storage.getMemoryUse(STORAGE_TABS, function (integer) {
+ document.getElementById('memoryUse').innerHTML = (integer / 1024).toFixed(2) + 'Kb';
+ });
+ storage.getValue(STORAGE_TABS, function (item) {
+ let s = item;
+ });
+ storage.getValue(STORAGE_BLACK_LIST, function (items) {
+ if (items !== undefined)
+ blackList = items;
+ else blackList = [];
+ viewBlackList(items);
+ });
+ storage.getValue(STORAGE_RESTRICTION_LIST, function (items) {
+ restrictionList = items;
+ if (restrictionList === undefined)
+ restrictionList = [];
+ viewRestrictionList(items);
+ });
+ storage.getValue(STORAGE_NOTIFICATION_LIST, function (items) {
+ notifyList = items;
+ if (notifyList === undefined)
+ notifyList = [];
+ viewNotificationList(items);
+ });
+ storage.getValue(STORAGE_NOTIFICATION_MESSAGE, function (mess) {
+ document.getElementById('notifyMessage').value = mess;
+ });
+ checkPermissionsForYT();
+ checkPermissionsForNetflix();
+ checkPermissionsForNotifications();
+ createHourOptions()
+ createMinutesOptions()
}
function checkPermissionsForYT() {
- chrome.permissions.contains({
- permissions: ['tabs'],
- origins: ["https://www.youtube.com/*"]
- }, function (result) {
- if (result) {
- setUIForAnyPermissionForYT();
- }
- });
+ chrome.permissions.contains({
+ permissions: ['tabs'],
+ origins: ["https://www.youtube.com/*"]
+ }, function (result) {
+ if (result) {
+ setUIForAnyPermissionForYT();
+ }
+ });
}
function checkPermissionsForNetflix() {
- chrome.permissions.contains({
- permissions: ['tabs'],
- origins: ["https://www.netflix.com/*"]
- }, function (result) {
- if (result) {
- setUIForAnyPermissionForNetflix();
- }
- });
+ chrome.permissions.contains({
+ permissions: ['tabs'],
+ origins: ["https://www.netflix.com/*"]
+ }, function (result) {
+ if (result) {
+ setUIForAnyPermissionForNetflix();
+ }
+ });
}
function checkPermissionsForNotifications() {
- chrome.permissions.contains({
- permissions: ["notifications"]
- }, function (result) {
- if (result) {
- setUIForAnyPermissionForNotifications();
- }
- });
+ chrome.permissions.contains({
+ permissions: ["notifications"]
+ }, function (result) {
+ if (result) {
+ setUIForAnyPermissionForNotifications();
+ }
+ });
}
function loadVersion() {
- var version = chrome.runtime.getManifest().version;
- document.getElementById('version').innerText = 'v' + version;
+ var version = chrome.runtime.getManifest().version;
+ document.getElementById('version').innerText = 'v' + version;
}
function viewBlackList(items) {
- if (items !== undefined) {
- for (var i = 0; i < items.length; i++) {
- addDomainToListBox(items[i]);
- }
- }
+ if (items !== undefined) {
+ for (var i = 0; i < items.length; i++) {
+ addDomainToListBox(items[i]);
+ }
+ }
}
function grantPermissionForYT() {
- chrome.permissions.request({
- permissions: ['tabs'],
- origins: ["https://www.youtube.com/*"]
- }, function (granted) {
- // The callback argument will be true if the user granted the permissions.
- if (granted) {
- setUIForAnyPermissionForYT();
- }
- });
+ chrome.permissions.request({
+ permissions: ['tabs'],
+ origins: ["https://www.youtube.com/*"]
+ }, function (granted) {
+ // The callback argument will be true if the user granted the permissions.
+ if (granted) {
+ setUIForAnyPermissionForYT();
+ }
+ });
}
function grantPermissionForNetflix() {
- chrome.permissions.request({
- permissions: ['tabs'],
- origins: ["https://www.netflix.com/*"]
- }, function (granted) {
- // The callback argument will be true if the user granted the permissions.
- if (granted) {
- setUIForAnyPermissionForNetflix();
- }
- });
+ chrome.permissions.request({
+ permissions: ['tabs'],
+ origins: ["https://www.netflix.com/*"]
+ }, function (granted) {
+ // The callback argument will be true if the user granted the permissions.
+ if (granted) {
+ setUIForAnyPermissionForNetflix();
+ }
+ });
}
function grantPermissionForNotifications() {
- chrome.permissions.request({
- permissions: ["notifications"]
- }, function (granted) {
- // The callback argument will be true if the user granted the permissions.
- if (granted) {
- setUIForAnyPermissionForNotifications();
- }
- });
+ chrome.permissions.request({
+ permissions: ["notifications"]
+ }, function (granted) {
+ // The callback argument will be true if the user granted the permissions.
+ if (granted) {
+ setUIForAnyPermissionForNotifications();
+ }
+ });
}
function setUIForAnyPermissionForYT() {
- document.getElementById('permissionSuccessedBlockForYT').hidden = false;
- document.getElementById('permissionSuccessedBlockForYT').classList.add('inline-block');
- document.getElementById('grantPermissionForYT').hidden = true;
+ document.getElementById('permissionSuccessedBlockForYT').hidden = false;
+ document.getElementById('permissionSuccessedBlockForYT').classList.add('inline-block');
+ document.getElementById('grantPermissionForYT').hidden = true;
}
function setUIForAnyPermissionForNetflix() {
- document.getElementById('permissionSuccessedBlockForNetflix').hidden = false;
- document.getElementById('permissionSuccessedBlockForNetflix').classList.add('inline-block');
- document.getElementById('grantPermissionForNetflix').hidden = true;
+ document.getElementById('permissionSuccessedBlockForNetflix').hidden = false;
+ document.getElementById('permissionSuccessedBlockForNetflix').classList.add('inline-block');
+ document.getElementById('grantPermissionForNetflix').hidden = true;
}
function setUIForAnyPermissionForNotifications() {
- document.getElementById('permissionSuccessedBlockForNotifications').hidden = false;
- document.getElementById('permissionSuccessedBlockForNotifications').classList.add('inline-block');
- document.getElementById('grantPermissionForNotifications').hidden = true;
+ document.getElementById('permissionSuccessedBlockForNotifications').hidden = false;
+ document.getElementById('permissionSuccessedBlockForNotifications').classList.add('inline-block');
+ document.getElementById('grantPermissionForNotifications').hidden = true;
}
function viewNotificationList(items) {
- if (items !== undefined) {
- for (var i = 0; i < items.length; i++) {
- addDomainToEditableListBox(items[i], 'notifyList', actionEditSite, deleteNotificationSite, updateItemFromNotifyList, updateNotificationList);
- }
- }
+ if (items !== undefined) {
+ for (var i = 0; i < items.length; i++) {
+ addDomainToEditableListBox(items[i], 'notifyList', actionEditSite, deleteNotificationSite, updateItemFromNotifyList, updateNotificationList);
+ }
+ }
}
function viewRestrictionList(items) {
- if (items !== undefined) {
- for (var i = 0; i < items.length; i++) {
- addDomainToEditableListBox(items[i], 'restrictionsList', actionEditSite, deleteRestrictionSite, updateItemFromResctrictoinList, updateRestrictionList);
- }
- }
+ if (items !== undefined) {
+ for (var i = 0; i < items.length; i++) {
+ addDomainToEditableListBox(items[i], 'restrictionsList', actionEditSite, deleteRestrictionSite, updateItemFromResctrictoinList, updateRestrictionList);
+ }
+ }
}
function exportToCSV() {
- storage.getValue(STORAGE_TABS, function (item) {
- toCsv(item);
- });
+ storage.getValue(STORAGE_TABS, function (item) {
+ toCsv(item);
+ });
}
function backup() {
- storage.getValue(STORAGE_TABS, function (item) {
- let tabs = JSON.stringify(item);
- createFile(tabs, "application/json", 'backup.json');
- viewNotify('notify-backup');
- });
+ storage.getValue(STORAGE_TABS, function (item) {
+ let tabs = JSON.stringify(item);
+ createFile(tabs, "application/json", 'backup.json');
+ viewNotify('notify-backup');
+ });
}
function restoreDataClick() {
- document.getElementById('file-input-backup').click();
+ document.getElementById('file-input-backup').click();
}
function restore(e) {
- let file = e.target.files[0];
- if (file.type === "application/json") {
- var reader = new FileReader();
- reader.readAsText(file, 'UTF-8');
-
- reader.onload = readerEvent => {
- let content = readerEvent.target.result;
- let tabs = JSON.parse(content);
- chrome.extension.getBackgroundPage().tabs = tabs;
- storage.saveTabs(tabs, allDataDeletedSuccess);
- viewNotify('notify-restore');
- }
- } else {
- viewNotify('notify-restore-failed');
- }
+ let file = e.target.files[0];
+ if (file.type === "application/json") {
+ var reader = new FileReader();
+ reader.readAsText(file, 'UTF-8');
+
+ reader.onload = readerEvent => {
+ let content = readerEvent.target.result;
+ let tabs = JSON.parse(content);
+ chrome.extension.getBackgroundPage().tabs = tabs;
+ storage.saveTabs(tabs, allDataDeletedSuccess);
+ viewNotify('notify-restore');
+ }
+ } else {
+ viewNotify('notify-restore-failed');
+ }
}
function toCsv(tabsData) {
- var str = 'domain,date,time(sec)\r\n';
- for (var i = 0; i < tabsData.length; i++) {
- for (var y = 0; y < tabsData[i].days.length; y++) {
- var line = tabsData[i].url + ',' + new Date(tabsData[i].days[y].date).toLocaleDateString() + ',' + tabsData[i].days[y].summary;
- str += line + '\r\n';
- }
- }
+ var str = 'domain,date,time(sec)\r\n';
+ for (var i = 0; i < tabsData.length; i++) {
+ for (var y = 0; y < tabsData[i].days.length; y++) {
+ var line = tabsData[i].url + ',' + new Date(tabsData[i].days[y].date).toLocaleDateString() + ',' + tabsData[i].days[y].summary;
+ str += line + '\r\n';
+ }
+ }
- createFile(str, "text/csv", 'domains.csv');
+ createFile(str, "text/csv", 'domains.csv');
}
function createFile(data, type, fileName) {
- var file = new Blob([data], { type: type });
- var downloadLink;
- downloadLink = document.createElement("a");
- downloadLink.download = fileName;
- downloadLink.href = window.URL.createObjectURL(file);
- downloadLink.style.display = "none";
- document.body.appendChild(downloadLink);
- downloadLink.click();
+ var file = new Blob([data], { type: type });
+ var downloadLink;
+ downloadLink = document.createElement("a");
+ downloadLink.download = fileName;
+ downloadLink.href = window.URL.createObjectURL(file);
+ downloadLink.style.display = "none";
+ document.body.appendChild(downloadLink);
+ downloadLink.click();
}
function clearAllData() {
- var tabs = [];
- chrome.extension.getBackgroundPage().tabs = tabs;
- storage.saveTabs(tabs, allDataDeletedSuccess);
+ var tabs = [];
+ chrome.extension.getBackgroundPage().tabs = tabs;
+ storage.saveTabs(tabs, allDataDeletedSuccess);
}
function allDataDeletedSuccess() {
- viewNotify('notify');
+ viewNotify('notify');
}
function viewNotify(elementName) {
- document.getElementById(elementName).hidden = false;
- setTimeout(function () { document.getElementById(elementName).hidden = true; }, 3000);
+ document.getElementById(elementName).hidden = false;
+ setTimeout(function () { document.getElementById(elementName).hidden = true; }, 3000);
}
function actionAddRectrictionToList(newSite, newTime) {
- if (!isContainsRestrictionSite(newSite)) {
- var restriction = new Restriction(newSite, newTime);
- addDomainToEditableListBox(restriction, 'restrictionsList', actionEditSite, deleteRestrictionSite, updateItemFromResctrictoinList, updateRestrictionList);
- if (restrictionList === undefined)
- restrictionList = [];
- restrictionList.push(restriction);
- document.getElementById('addRestrictionSiteLbl').value = '';
- document.getElementById('addRestrictionTimeLbl').value = '';
+ if (!isContainsRestrictionSite(newSite)) {
+ var restriction = new Restriction(newSite, newTime);
+ addDomainToEditableListBox(restriction, 'restrictionsList', actionEditSite, deleteRestrictionSite, updateItemFromResctrictoinList, updateRestrictionList);
+ if (restrictionList === undefined)
+ restrictionList = [];
+ restrictionList.push(restriction);
+ document.getElementById('addRestrictionSiteLbl').value = '';
+ document.getElementById('addRestrictionTimeLbl').value = '';
- updateRestrictionList();
+ updateRestrictionList();
- return true;
- } else return false;
+ return true;
+ } else return false;
}
function actionAddBlackSiteToList(newSite) {
- if (!isContainsBlackSite(newSite)) {
- addDomainToListBox(newSite);
- if (blackList === undefined)
- blackList = [];
- blackList.push(newSite);
- document.getElementById('addBlackSiteLbl').value = '';
+ if (!isContainsBlackSite(newSite)) {
+ addDomainToListBox(newSite);
+ if (blackList === undefined)
+ blackList = [];
+ blackList.push(newSite);
+ document.getElementById('addBlackSiteLbl').value = '';
- updateBlackList();
+ updateBlackList();
- return true;
- } else return false;
+ return true;
+ } else return false;
}
function actionAddNotifyToList(newSite, newTime) {
- if (!isContainsNotificationSite(newSite)) {
- var notify = new Notification(newSite, newTime);
- addDomainToEditableListBox(notify, 'notifyList', actionEditSite, deleteNotificationSite, updateItemFromNotifyList, updateNotificationList);
- if (notifyList === undefined)
- notifyList = [];
- notifyList.push(notify);
- document.getElementById('addNotifySiteLbl').value = '';
- document.getElementById('addNotifyTimeLbl').value = '';
+ if (!isContainsNotificationSite(newSite)) {
+ var notify = new Notification(newSite, newTime);
+ addDomainToEditableListBox(notify, 'notifyList', actionEditSite, deleteNotificationSite, updateItemFromNotifyList, updateNotificationList);
+ if (notifyList === undefined)
+ notifyList = [];
+ notifyList.push(notify);
+ document.getElementById('addNotifySiteLbl').value = '';
+ document.getElementById('addNotifyTimeLbl').value = '';
- updateNotificationList();
+ updateNotificationList();
- return true;
- } else return false;
+ return true;
+ } else return false;
}
function addNewSiteClickHandler(lblName, timeName, actionCheck, notifyBlock) {
- var newSite = document.getElementById(lblName).value;
- var newTime;
- if (timeName != null)
- newTime = document.getElementById(timeName).value;
- if (newSite !== '' && (newTime === undefined || (newTime !== undefined && newTime !== ''))) {
- if (!actionCheck(newSite, newTime))
- viewNotify(notifyBlock);
- }
+ var newSite = document.getElementById(lblName).value;
+ var newTime;
+ if (timeName != null)
+ newTime = document.getElementById(timeName).value;
+ if (newSite !== '' && (newTime === undefined || (newTime !== undefined && newTime !== ''))) {
+ if (!actionCheck(newSite, newTime))
+ viewNotify(notifyBlock);
+ }
}
function addDomainToListBox(domain) {
- var li = document.createElement('li');
- li.innerText = domain;
- var del = document.createElement('img');
- del.height = 12;
- del.src = '/icons/delete.png';
- del.addEventListener('click', function (e) {
- deleteBlackSite(e);
- });
- document.getElementById('blackList').appendChild(li).appendChild(del);
+ var li = document.createElement('li');
+ li.innerText = domain;
+ var del = document.createElement('img');
+ del.height = 12;
+ del.src = '/icons/delete.png';
+ del.addEventListener('click', function (e) {
+ deleteBlackSite(e);
+ });
+ document.getElementById('blackList').appendChild(li).appendChild(del);
}
function addDomainToEditableListBox(entity, elementId, actionEdit, actionDelete, actionUpdateTimeFromList, actionUpdateList) {
- var li = document.createElement('li');
-
- var domainLbl = document.createElement('input');
- domainLbl.type = 'text';
- domainLbl.classList.add('readonly-input', 'inline-block', 'element-item');
- domainLbl.value = entity.domain;
- domainLbl.readOnly = true;
- domainLbl.setAttribute('name', 'domain');
-
- var edit = document.createElement('img');
- edit.setAttribute('name', 'editCmd');
- edit.height = 14;
- edit.src = '/icons/edit.png';
- edit.addEventListener('click', function (e) {
- actionEdit(e, actionUpdateTimeFromList, actionUpdateList);
- });
-
- var del = document.createElement('img');
- del.height = 12;
- del.src = '/icons/delete.png';
- del.classList.add('margin-left-5');
- del.addEventListener('click', function (e) {
- actionDelete(e, actionUpdateTimeFromList, actionUpdateList);
- });
-
- var bloc = document.createElement('div');
- bloc.classList.add('clockpicker');
- bloc.setAttribute('data-placement', 'left');
- bloc.setAttribute('data-align', 'top');
- bloc.setAttribute('data-autoclose', 'true');
- var timeInput = document.createElement('input');
- timeInput.type = 'text';
- timeInput.classList.add('clock', 'clock-li-readonly');
- timeInput.setAttribute('readonly', true);
- timeInput.setAttribute('name', 'time');
- timeInput.value = convertShortSummaryTimeToString(entity.time);
- bloc.appendChild(timeInput);
-
- var hr = document.createElement('hr');
- var li = document.getElementById(elementId).appendChild(li);
- li.appendChild(domainLbl);
- li.appendChild(del);
- li.appendChild(edit);
- li.appendChild(bloc);
- li.appendChild(hr);
+ var li = document.createElement('li');
+
+ var domainLbl = document.createElement('input');
+ domainLbl.type = 'text';
+ domainLbl.classList.add('readonly-input', 'inline-block', 'element-item');
+ domainLbl.value = entity.domain;
+ domainLbl.readOnly = true;
+ domainLbl.setAttribute('name', 'domain');
+
+ var edit = document.createElement('img');
+ edit.setAttribute('name', 'editCmd');
+ edit.height = 14;
+ edit.src = '/icons/edit.png';
+ edit.addEventListener('click', function (e) {
+ actionEdit(e, actionUpdateTimeFromList, actionUpdateList);
+ });
+
+ var del = document.createElement('img');
+ del.height = 12;
+ del.src = '/icons/delete.png';
+ del.classList.add('margin-left-5');
+ del.addEventListener('click', function (e) {
+ actionDelete(e, actionUpdateTimeFromList, actionUpdateList);
+ });
+
+ var bloc = document.createElement('div');
+ bloc.classList.add('clockpicker');
+ bloc.setAttribute('data-placement', 'left');
+ bloc.setAttribute('data-align', 'top');
+ bloc.setAttribute('data-autoclose', 'true');
+ var timeInput = document.createElement('input');
+ timeInput.type = 'text';
+ timeInput.classList.add('clock', 'clock-li-readonly');
+ timeInput.setAttribute('readonly', true);
+ timeInput.setAttribute('name', 'time');
+ timeInput.value = convertShortSummaryTimeToString(entity.time);
+ bloc.appendChild(timeInput);
+
+ var hr = document.createElement('hr');
+ var li = document.getElementById(elementId).appendChild(li);
+ li.appendChild(domainLbl);
+ li.appendChild(del);
+ li.appendChild(edit);
+ li.appendChild(bloc);
+ li.appendChild(hr);
}
function deleteBlackSite(e) {
- var targetElement = e.composedPath()[1];
- blackList.splice(blackList.indexOf(targetElement.innerText), 1);
- document.getElementById('blackList').removeChild(targetElement);
- updateBlackList();
+ var targetElement = e.composedPath()[1];
+ blackList.splice(blackList.indexOf(targetElement.innerText), 1);
+ document.getElementById('blackList').removeChild(targetElement);
+ updateBlackList();
}
function deleteRestrictionSite(e) {
- var targetElement = e.composedPath()[1];
- var itemValue = targetElement.querySelector("[name='domain']").value;
- var item = restrictionList.find(x => x.domain == itemValue);
- restrictionList.splice(restrictionList.indexOf(item), 1);
- document.getElementById('restrictionsList').removeChild(targetElement);
- updateRestrictionList();
+ var targetElement = e.composedPath()[1];
+ var itemValue = targetElement.querySelector("[name='domain']").value;
+ var item = restrictionList.find(x => x.domain == itemValue);
+ restrictionList.splice(restrictionList.indexOf(item), 1);
+ document.getElementById('restrictionsList').removeChild(targetElement);
+ updateRestrictionList();
}
function deleteNotificationSite(e) {
- var targetElement = e.composedPath()[1];
- var itemValue = targetElement.querySelector("[name='domain']").value;
- var item = notifyList.find(x => x.domain == itemValue);
- notifyList.splice(notifyList.indexOf(item), 1);
- document.getElementById('notifyList').removeChild(targetElement);
- updateNotificationList();
+ var targetElement = e.composedPath()[1];
+ var itemValue = targetElement.querySelector("[name='domain']").value;
+ var item = notifyList.find(x => x.domain == itemValue);
+ notifyList.splice(notifyList.indexOf(item), 1);
+ document.getElementById('notifyList').removeChild(targetElement);
+ updateNotificationList();
}
function actionEditSite(e, actionUpdateTimeFromList, actionUpdateList) {
- var targetElement = e.composedPath()[1];
- var domainElement = targetElement.querySelector('[name="domain"]');
- var timeElement = targetElement.querySelector('[name="time"]');
- if (timeElement.classList.contains('clock-li-readonly')) {
- timeElement.classList.remove('clock-li-readonly');
- var hour = timeElement.value.split(':')[0].slice(0, 2);
- var min = timeElement.value.split(':')[1].slice(1, 3);
- timeElement.value = hour + ':' + min;
- var editCmd = targetElement.querySelector('[name="editCmd"]');
- editCmd.src = '/icons/success.png';
- $('.clockpicker').clockpicker();
- }
- else {
- var domain = domainElement.value;
- var time = timeElement.value;
- if (domain !== '' && time !== '') {
- var editCmd = targetElement.querySelector('[name="editCmd"]');
- editCmd.src = '/icons/edit.png';
- timeElement.classList.add('clock-li-readonly');
- var resultTime = convertShortSummaryTimeToString(convertTimeToSummaryTime(time));
- timeElement.value = resultTime;
-
- actionUpdateTimeFromList(domain, time);
- actionUpdateList();
- }
- }
+ var targetElement = e.composedPath()[1];
+ var domainElement = targetElement.querySelector('[name="domain"]');
+ var timeElement = targetElement.querySelector('[name="time"]');
+ if (timeElement.classList.contains('clock-li-readonly')) {
+ timeElement.classList.remove('clock-li-readonly');
+ var hour = timeElement.value.split(':')[0].slice(0, 2);
+ var min = timeElement.value.split(':')[1].slice(1, 3);
+ timeElement.value = hour + ':' + min;
+ var editCmd = targetElement.querySelector('[name="editCmd"]');
+ editCmd.src = '/icons/success.png';
+ $('.clockpicker').clockpicker();
+ }
+ else {
+ var domain = domainElement.value;
+ var time = timeElement.value;
+ if (domain !== '' && time !== '') {
+ var editCmd = targetElement.querySelector('[name="editCmd"]');
+ editCmd.src = '/icons/edit.png';
+ timeElement.classList.add('clock-li-readonly');
+ var resultTime = convertShortSummaryTimeToString(convertTimeToSummaryTime(time));
+ timeElement.value = resultTime;
+
+ actionUpdateTimeFromList(domain, time);
+ actionUpdateList();
+ }
+ }
}
function isContainsRestrictionSite(domain) {
- return restrictionList.find(x => x.domain == domain) != undefined;
+ return restrictionList.find(x => x.domain == domain) != undefined;
}
function isContainsNotificationSite(domain) {
- return notifyList.find(x => x.domain == domain) != undefined;
+ return notifyList.find(x => x.domain == domain) != undefined;
}
function isContainsBlackSite(domain) {
- return blackList.find(x => x == domain) != undefined;
+ return blackList.find(x => x == domain) != undefined;
}
function updateItemFromResctrictoinList(domain, time) {
- restrictionList.find(x => x.domain === domain).time = convertTimeToSummaryTime(time);
+ restrictionList.find(x => x.domain === domain).time = convertTimeToSummaryTime(time);
}
function updateItemFromNotifyList(domain, time) {
- notifyList.find(x => x.domain === domain).time = convertTimeToSummaryTime(time);
+ notifyList.find(x => x.domain === domain).time = convertTimeToSummaryTime(time);
}
function updateBlackList() {
- storage.saveValue(STORAGE_BLACK_LIST, blackList);
+ storage.saveValue(STORAGE_BLACK_LIST, blackList);
}
function updateRestrictionList() {
- storage.saveValue(STORAGE_RESTRICTION_LIST, restrictionList);
+ storage.saveValue(STORAGE_RESTRICTION_LIST, restrictionList);
}
function updateNotificationList() {
- storage.saveValue(STORAGE_NOTIFICATION_LIST, notifyList);
+ storage.saveValue(STORAGE_NOTIFICATION_LIST, notifyList);
}
function updateNotificationMessage() {
- storage.saveValue(STORAGE_NOTIFICATION_MESSAGE, document.getElementById('notifyMessage').value);
-}
\ No newline at end of file
+ storage.saveValue(STORAGE_NOTIFICATION_MESSAGE, document.getElementById('notifyMessage').value);
+}
+
+function createHourOptions() {
+ var select = document.querySelector("#hour");
+ for (let i = 0; i <= 23; i++) {
+ var option = document.createElement("option");
+ option.value = i;
+ option.text = i;
+ select.appendChild(option);
+ }
+ storage.getValue("SETTINGS_PERIODIC_HOUR_DOWNLOAD", function (item) {
+ console.log(item, "hour from storage");
+ if (item >= 0) {
+ document.getElementById("hour").value = item;
+ }
+ });
+}
+
+function createMinutesOptions() {
+ var select = document.querySelector("#minute");
+ for (var i = 0; i <= 59; i++) {
+ var option = document.createElement("option");
+ option.value = i;
+ option.text = i;
+ select.appendChild(option);
+ }
+ storage.getValue("SETTINGS_PERIODIC_MINUTE_DOWNLOAD", function (item) {
+ console.log(item, "minute from storage");
+ if (item >= 0) {
+ document.getElementById("minute").value = item;
+ }
+ });
+}
+
+function saveAutoDownloadTime() {
+ var hour = changed_Periodic_Download_Hour;
+ var minute = changed_Periodic_Download_Minutes;
+
+ var _eminut = document.getElementById("minute").value;
+ var _ehour = document.getElementById("hour").value;
+ console.log(minute, hour, _ehour, _eminut);
+ if (
+ (Number(hour) >= 0 || Number(_ehour) >= 0) &&
+ (Number(minute) >= 0 || Number(_eminut) >= 0)
+ ) {
+ storage.saveValue(
+ "SETTINGS_PERIODIC_MINUTE_DOWNLOAD",
+ Number(_eminut) || Number(minute)
+ );
+ storage.saveValue(
+ "SETTINGS_PERIODIC_HOUR_DOWNLOAD",
+ Number(_ehour) || Number(hour)
+ );
+ viewNotify("notify-periodic-saved");
+ } else if (hour === "select" || minute === "select") {
+ viewNotify("notify-periodic-save-failed");
+ storage.saveValue("SETTINGS_PERIODIC_MINUTE_DOWNLOAD", "select");
+ storage.saveValue("SETTINGS_PERIODIC_HOUR_DOWNLOAD", "select");
+ }
+
+
+}
diff --git a/src/style/settings.css b/src/style/settings.css
index f81b923..79629ec 100644
--- a/src/style/settings.css
+++ b/src/style/settings.css
@@ -466,4 +466,12 @@ input[type="button"]:hover {
.separator{
margin: 30px 0;
+}
+
+.time-save-btn{
+ max-width: 20px !important;
+ margin-left: 5px !important;
+}
+.time-selector{
+ min-width: 10px !important;
}
\ No newline at end of file
-
-
+
+
+
+ The site is already in the list
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Backup completed successfully
+
+
+ Restore completed successfully
+
+
+ Backup file is not valid
+
+
+ Please select hour and minute
+
+
+ Saved!
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
-
+
+
+
+
+
+
+
+
+
-
+
-
+
+
+
+
+
+
+
+ Data successfully deleted
+
+
+
+
+ Set the maximum time allowed on the site per day. After this time, has elapsed the site will be blocked.
+
+
+
+ Set the maximum time allowed on the site per day. After this time, has elapsed the site will be blocked.
+
+
+
+
+
+
+
+
+
+
+ The site is already in the list
+
+
+
+
+ Show notifications every time you spend a specified time interval on the
+ site
+
+
+
+ Show notifications every time you spend a specified time interval on the
+ site
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ The site is already in the notify list
+
+
+
+
+
+
+
+
+
+
+
+
+
+