FOSS
/
BangleApps
mirror of https://github.com/espruino/BangleApps
1
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity
BangleApps/apps/sleeplog/interface.html

220 lines
7.6 KiB
HTML
Raw Normal View History

[sleeplog] Add interface.html
2022-05-24 08:14:10 +00:00
<html>
<head>
<link rel="stylesheet" href="../../css/spectre.min.css">
[sleeplog] Update interface.html
2022-05-24 14:01:23 +00:00
<link rel="stylesheet" href="../../css/spectre-icons.min.css">
[sleeplog] Add interface.html
2022-05-24 08:14:10 +00:00
</head>
<body>
<div id="table"></div>
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
<div id="view"></div>
[sleeplog] Add interface.html
2022-05-24 08:14:10 +00:00
<script src="../../core/lib/interface.js"></script>
<script>
var domTable = document.getElementById("table");
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
var domView = document.getElementById("view");
[sleeplog] Add interface.html
2022-05-24 08:14:10 +00:00
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
function viewLog(logData, filename) {
domView.innerHTML = "";
[sleeplog] Update interface.html
2022-05-24 14:01:23 +00:00
var html = `
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
<div class="container">
<h4><b>Viewing data of:</b> ` + filename + `</h4>
</div>
<table class="table table-striped table-hover">
[sleeplog] Update interface.html
2022-05-24 14:01:23 +00:00
<thead>
<tr>
<th>Date</th>
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
<th>Time</th>
<th>Duration</th>
[sleeplog] Update interface.html
2022-05-24 14:01:23 +00:00
<th>Status</th>
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
<th>Sleep</th>
[sleeplog] Update interface.html
2022-05-24 14:01:23 +00:00
</tr>
</thead>
<tbody>`;
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
logData.forEach((entry, index, log) => {
var duration = ((log[index + 1] || [Math.floor(Date.now() / 6E5)])[0] - entry[0]) * 10;
html += `
<tr style="text-align: center">
<td style="text-align: right">` +
new Date(entry[0] * 6E5).toLocaleDateString(undefined) + `
[sleeplog] Update interface.html
2022-05-24 14:01:23 +00:00
</td>
<td>` +
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
new Date(entry[0] * 6E5).toLocaleTimeString([], {hour: '2-digit', minute: '2-digit'}) + `
[sleeplog] Update interface.html
2022-05-24 14:01:23 +00:00
</td>
[sleeplog] Improving triggers and web interface to 0.13: - Prevent to stay in consecutive sleep if not worn. - Correct calling triggers where last time is earlier then first time. - Add the trigger object itself as argument to the fn function to be able to store data or functions inside the trigger object. to 0.14: improvements initiated by #2677 - Add a option to delete all logfiles before a specific date from the watch - Correct regex file search from `\d\d\d\d` / `\d{4}` to `\d+`
2023-04-05 14:47:09 +00:00
<td style="text-align: right"><div class="container"` +
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
(duration >= 60 ? ` style="background-color: hsl(192, 50%, ` +
(duration > 480 ? 50 : 100 - Math.floor(duration / 60) * 50 / 8) +
`%)">` : `>`) +
duration + ` min
</td>
<td><div class="container" style="background-color: ` +
["orange", "lightcoral", "lightgreen", "lightcyan", "lightskyblue"][entry[1]] + `">` +
["unknown", "not worn", "awake", "light sleep", "deep sleep"][entry[1]] + `
</div></td>
<td><div class="container" style="background-color: ` +
["orange", "lightgreen", "lightskyblue"][entry[2]] + `">` +
["unknown", "non consecutive", "consecutive"][entry[2]] + `
</div></td>
</tr>`
});
html += `
</tbody>
</table>`;
domView.innerHTML = html;
[sleeplog] Update interface.html
2022-05-24 14:01:23 +00:00
}
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
function saveCSV(logData, date0, date1) {
var csvTime = document.getElementById("csvTime").selectedIndex;
var filename = "sleeplog_" +
new Date(date0).toISOString().substr(0, 10) + "_" +
new Date(date1).toISOString().substr(5, 5);
[sleeplog] Update interface.html
2022-05-24 14:01:23 +00:00
logData = logData.map(entry => {
entry[0] *= 6E5;
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
if (csvTime === 1) entry[0] /= 1E3;
if (csvTime === 2) entry[0] = entry[0] / 864E5 + 25569;
[sleeplog] Update interface.html
2022-05-24 14:01:23 +00:00
return entry.join(",");
}).join("\n");
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
Util.saveCSV(filename, "time,sleep,consecutive\n" + logData);
[sleeplog] Add interface.html
2022-05-24 08:14:10 +00:00
}
function readLog(date, callback) {
Util.showModal("Downloading logged data...");
[sleeplog] Update interface.html
2022-05-24 11:57:14 +00:00
Puck.eval(`require("sleeplog").readLog(` + date + `, ` + date + ` + 12096E5)`, logData => {
[sleeplog] Add interface.html
2022-05-24 08:14:10 +00:00
Util.hideModal();
callback(logData);
});
}
[sleeplog] Update interface.html
2022-05-24 14:01:23 +00:00
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
function deleteFile(filename, callback) {
if (window.confirm("Do you really want to remove " + filename)) {
[sleeplog] Improving triggers and web interface to 0.13: - Prevent to stay in consecutive sleep if not worn. - Correct calling triggers where last time is earlier then first time. - Add the trigger object itself as argument to the fn function to be able to store data or functions inside the trigger object. to 0.14: improvements initiated by #2677 - Add a option to delete all logfiles before a specific date from the watch - Correct regex file search from `\d\d\d\d` / `\d{4}` to `\d+`
2023-04-05 14:47:09 +00:00
Util.showModal("Deleting " + filename + " ...");
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
if (filename.endsWith(" (StorageFile)")) {
Util.eraseStorageFile(filename, () => {
Util.hideModal();
callback();
});
} else {
Util.eraseStorage(filename, () => {
Util.hideModal();
callback();
});
}
}
}
[sleeplog] Correct deleteBefore function 5
2023-04-05 16:02:34 +00:00
function deleteBefore(dateString, callback) {
[sleeplog] Improving triggers and web interface to 0.13: - Prevent to stay in consecutive sleep if not worn. - Correct calling triggers where last time is earlier then first time. - Add the trigger object itself as argument to the fn function to be able to store data or functions inside the trigger object. to 0.14: improvements initiated by #2677 - Add a option to delete all logfiles before a specific date from the watch - Correct regex file search from `\d\d\d\d` / `\d{4}` to `\d+`
2023-04-05 14:47:09 +00:00
date = new Date(dateString);
[sleeplog] Correct deleteBefore function 4
2023-04-05 15:52:59 +00:00
if (window.confirm("Do you really want to remove all data before " + date.toLocaleDateString(undefined))) {
[sleeplog] Improving triggers and web interface to 0.13: - Prevent to stay in consecutive sleep if not worn. - Correct calling triggers where last time is earlier then first time. - Add the trigger object itself as argument to the fn function to be able to store data or functions inside the trigger object. to 0.14: improvements initiated by #2677 - Add a option to delete all logfiles before a specific date from the watch - Correct regex file search from `\d\d\d\d` / `\d{4}` to `\d+`
2023-04-05 14:47:09 +00:00
Util.showModal("Deleting all data before" + date.toLocaleDateString(undefined) + " ...");
[sleeplog] Correct deleteBefore function 4
2023-04-05 15:52:59 +00:00
Puck.eval(`require("Storage").list(/^sleeplog_\\d+.log$/).forEach(file => {
date = (parseInt(file.match(/\\d+/)[0]) + 0.25) * 12096E5
print(date < ` + date + `)
if (date < ` + date + `) {
require("Storage").erase(file)
}
})`, () => {
Util.hideModal();
callback();
})
[sleeplog] Improving triggers and web interface to 0.13: - Prevent to stay in consecutive sleep if not worn. - Correct calling triggers where last time is earlier then first time. - Add the trigger object itself as argument to the fn function to be able to store data or functions inside the trigger object. to 0.14: improvements initiated by #2677 - Add a option to delete all logfiles before a specific date from the watch - Correct regex file search from `\d\d\d\d` / `\d{4}` to `\d+`
2023-04-05 14:47:09 +00:00
}
}
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
function viewFiles() {
[sleeplog] Add interface.html
2022-05-24 08:14:10 +00:00
Util.showModal("Loading...");
domTable.innerHTML = "";
[sleeplog] Improving triggers and web interface to 0.13: - Prevent to stay in consecutive sleep if not worn. - Correct calling triggers where last time is earlier then first time. - Add the trigger object itself as argument to the fn function to be able to store data or functions inside the trigger object. to 0.14: improvements initiated by #2677 - Add a option to delete all logfiles before a specific date from the watch - Correct regex file search from `\d\d\d\d` / `\d{4}` to `\d+`
2023-04-05 14:47:09 +00:00
Puck.eval(`require("Storage").list(/^sleeplog_\\d+.log$/)`, files => {
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
// add active log
[sleeplog] Add interface.html
2022-05-24 08:14:10 +00:00
files.push("" + Math.floor(Date.now() / 12096E5 - 0.25));
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
files = files.map(file => { return {
filename: file.length === 4 ? "sleeplog.log (StorageFile)" : file,
[sleeplog] Improving triggers and web interface to 0.13: - Prevent to stay in consecutive sleep if not worn. - Correct calling triggers where last time is earlier then first time. - Add the trigger object itself as argument to the fn function to be able to store data or functions inside the trigger object. to 0.14: improvements initiated by #2677 - Add a option to delete all logfiles before a specific date from the watch - Correct regex file search from `\d\d\d\d` / `\d{4}` to `\d+`
2023-04-05 14:47:09 +00:00
date: (parseInt(file.match(/\d+/)[0]) + 0.25) * 12096E5
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
}});
files = files.sort((a, b) => a.date - b.date);
[sleeplog] Fix typos in interface.html
2022-05-24 08:34:46 +00:00
var html = `
[sleeplog] Redesigned interface.html
2022-05-24 10:28:17 +00:00
<table class="table table-striped table-hover">
<thead>
<tr>
[sleeplog] Update interface.html
2022-05-24 10:52:08 +00:00
<th>File</th>
[sleeplog] Update interface.html
2022-05-24 14:01:23 +00:00
<th>from</th>
[sleeplog] Update interface.html
2022-05-24 10:52:08 +00:00
<th>to</th>
<th>Actions</th>
[sleeplog] Redesigned interface.html
2022-05-24 10:28:17 +00:00
</tr>
</thead>
<tbody>`;
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
files.forEach(file => { html += `
[sleeplog] Redesigned interface.html
2022-05-24 10:28:17 +00:00
<tr>
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
<td>${file.filename}</td>
<td>${new Date(file.date).toLocaleDateString(undefined)}</td>
<td>${new Date(file.date + 12096E5).toLocaleDateString(undefined)}</td>
[sleeplog] Redesigned interface.html
2022-05-24 10:28:17 +00:00
<td>
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
<button class="btn btn-sm tooltip" data-tooltip="view data" task="view" filename="${file.filename}" date="${file.date}">
<i class="icon icon-caret"></i>
</button>
<button class="btn btn-sm tooltip btn-primary" data-tooltip="save csv-file" task="csv" filename="${file.filename}" date="${file.date}">
<i class="icon icon-download"></i>
</button>
<button class="btn btn-sm tooltip btn-error" data-tooltip="delete file" task="del" filename="${file.filename}" date="${file.date}">
<i class="icon icon-delete"></i>
</button>`;
[sleeplog] Add interface.html
2022-05-24 08:14:10 +00:00
html += `
[sleeplog] Redesigned interface.html
2022-05-24 10:28:17 +00:00
</td>
</tr>`;
[sleeplog] Add interface.html
2022-05-24 08:14:10 +00:00
});
html += `
[sleeplog] Redesigned interface.html
2022-05-24 10:28:17 +00:00
</tbody>
</table>
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
<div class="container">
<form class="form-horizontal">
<div class="form-group">
[sleeplog] Improving triggers and web interface to 0.13: - Prevent to stay in consecutive sleep if not worn. - Correct calling triggers where last time is earlier then first time. - Add the trigger object itself as argument to the fn function to be able to store data or functions inside the trigger object. to 0.14: improvements initiated by #2677 - Add a option to delete all logfiles before a specific date from the watch - Correct regex file search from `\d\d\d\d` / `\d{4}` to `\d+`
2023-04-05 14:47:09 +00:00
<div class="col-sm-12">
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
<label class="form-label"><b>csv time format</b></label>
</div>
[sleeplog] Improving triggers and web interface to 0.13: - Prevent to stay in consecutive sleep if not worn. - Correct calling triggers where last time is earlier then first time. - Add the trigger object itself as argument to the fn function to be able to store data or functions inside the trigger object. to 0.14: improvements initiated by #2677 - Add a option to delete all logfiles before a specific date from the watch - Correct regex file search from `\d\d\d\d` / `\d{4}` to `\d+`
2023-04-05 14:47:09 +00:00
<div class="col-sm-12">
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
<select class="form-select" id="csvTime">
<option>JavaScript (milliseconds since 1970)</option>
<option>UNIX (seconds since 1970)</option>
<option>Office (days since 1900)</option>
</select>
</div>
</div>
</form>
[sleeplog] Improving triggers and web interface to 0.13: - Prevent to stay in consecutive sleep if not worn. - Correct calling triggers where last time is earlier then first time. - Add the trigger object itself as argument to the fn function to be able to store data or functions inside the trigger object. to 0.14: improvements initiated by #2677 - Add a option to delete all logfiles before a specific date from the watch - Correct regex file search from `\d\d\d\d` / `\d{4}` to `\d+`
2023-04-05 14:47:09 +00:00
</div>
<div class="container">
<form class="form-horizontal">
<div class="form-group">
<div class="col-sm-12">
<label class="form-label"><b>Delete all logfiles before</b></label>
</div>
<div class="col-sm-10">
<input class="form-input" id="delBeforeDate" type="date" value="2022-01-01">
</div>
<div class="col-mx-auto">
[sleeplog] Correct deleteBefore function 4
2023-04-05 15:52:59 +00:00
<button class="btn tooltip btn-error" data-tooltip="delete old files" task="delBefore" filename="_" date="_">
[sleeplog] Improving triggers and web interface to 0.13: - Prevent to stay in consecutive sleep if not worn. - Correct calling triggers where last time is earlier then first time. - Add the trigger object itself as argument to the fn function to be able to store data or functions inside the trigger object. to 0.14: improvements initiated by #2677 - Add a option to delete all logfiles before a specific date from the watch - Correct regex file search from `\d\d\d\d` / `\d{4}` to `\d+`
2023-04-05 14:47:09 +00:00
<i class="icon icon-delete"></i>
</button>
</div>
</div>
</form>
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
</div>`;
[sleeplog] Add interface.html
2022-05-24 08:14:10 +00:00
domTable.innerHTML = html;
Util.hideModal();
var buttons = domTable.querySelectorAll("button");
[sleeplog] Fix typos in interface.html
2022-05-24 08:34:46 +00:00
for (var i = 0; i < buttons.length; i++) {
buttons[i].addEventListener("click", event => {
[sleeplog] Add interface.html
2022-05-24 08:14:10 +00:00
var button = event.currentTarget;
var task = button.getAttribute("task");
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
var filename = button.getAttribute("filename");
var date = button.getAttribute("date") - 0;
if (!task || !filename || !date) return;
if (task === "view") readLog(date, logData => viewLog(logData, filename));
else if (task === "csv") readLog(date, logData => saveCSV(logData, date, date + 12096E5));
else if (task === "del") deleteFile(filename, () => viewFiles());
[sleeplog] Correct deleteBefore function 5
2023-04-05 16:02:34 +00:00
else if (task === "delBefore") deleteBefore(document.getElementById("delBeforeDate").value, () => viewFiles());
[sleeplog] Add interface.html
2022-05-24 08:14:10 +00:00
});
}
[sleeplog] Fix typos in interface.html
2022-05-24 08:34:46 +00:00
});
[sleeplog] Add interface.html
2022-05-24 08:14:10 +00:00
}
function onInit() {
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
viewFiles();
[sleeplog] Add interface.html
2022-05-24 08:14:10 +00:00
}
</script>
</body>
[sleeplog] Redesign interfacce.html
2022-05-24 21:13:03 +00:00
</html>