bryan
/
BangleApps
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adding the custom page to choose locations

master
adrian w kirk 2021-07-25 20:42:41 +01:00
parent 331d112e75
commit cb31c2cef5
2 changed files with 66 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
apps.json
View File

@ -287,6 +287,7 @@
"type":"clock", "type":"clock",
"allow_emulator":false, "allow_emulator":false,
"readme": "README.md", "readme": "README.md",
"custom":"custom.html",
"storage": [ "storage": [
{"name":"solarclock.app.js","url":"solar_clock.js"}, {"name":"solarclock.app.js","url":"solar_clock.js"},
{"name":"solarclock.img","url":"solar_clock-icon.js","evaluate":true}, {"name":"solarclock.img","url":"solar_clock-icon.js","evaluate":true},

65
apps/solarclock/custom.html Normal file
View File

@ -0,0 +1,65 @@
<html>
<head>
<link rel="stylesheet" href="../../css/spectre.min.css">
</head>
<body>
<p>Please select watch locations</p>
<table id="location_selection">
<tr>
<th>Enabled</th>
<th>Name</th>
</tr>
</table>
<p>Click <button id="upload" class="btn btn-primary">Upload</button></p>
<script src="../../core/lib/customize.js"></script>
<script>
var locations=[
{name:"GPS Location", shortname:"local"},
{name:"Honolulu", shortname:"Honolulu"},
{name: "Reykjavik", shortname:"Reykjavik"},
{name:"Tokyo", shortname:"Tokyo"},
];
var selected_locations = ["local"];
try{
var stored = localStorage.getItem('solar_locations')
if(stored) selected_locations = JSON.parse(stored);
} catch(e){
console.log("failed to load languages:" + e);
}
console.log("selected locations:" + selected_locations);
var tbl=document.getElementById("location_selection");
for (var i=0; i<locations.length; i++) {
var curr_location = locations[i];
var language_selected = selected_locations.includes(curr_location["shortname"])
var $offset = document.createElement('tr')
$offset.innerHTML = `
<td><input type="checkbox" id="enabled_${i}" ${language_selected? "checked" : ""}></td>
<td>${curr_location['name']}</td>`
tbl.append($offset);
}
// When the 'upload' button is clicked...
document.getElementById("upload").addEventListener("click", function() {
var new_selected_locations=[];
for (var i=0; i<locations.length; i++) {
var curr_language = locations[i];
var checked=document.getElementById("enabled_"+i).checked;
if (checked ) {
new_selected_locations.push(curr_language.shortname);
}
}
console.log("new selected locations:" + new_selected_locations);
localStorage.setItem('solar_locations',JSON.stringify(new_selected_locations));
// send finished app (in addition to contents of app.json)
sendCustomizedApp(JSON.stringify(new_selected_locations));
});
</script>
</body>
</html>