mirror of https://github.com/espruino/BangleApps
106 lines
2.7 KiB
JavaScript
106 lines
2.7 KiB
JavaScript
/* Desktop launcher
|
|
*
|
|
*/
|
|
|
|
var s = require("Storage");
|
|
var apps = s.list(/\.info$/).map(app=>{var a=s.readJSON(app,1);return a&&{name:a.name,type:a.type,icon:a.icon,sortorder:a.sortorder,src:a.src};}).filter(app=>app && (app.type=="app" || app.type=="clock" || !app.type));
|
|
apps.sort((a,b)=>{
|
|
var n=(0|a.sortorder)-(0|b.sortorder);
|
|
if (n) return n; // do sortorder first
|
|
if (a.name<b.name) return -1;
|
|
if (a.name>b.name) return 1;
|
|
return 0;
|
|
});
|
|
apps.forEach(app=>{
|
|
if (app.icon)
|
|
app.icon = s.read(app.icon); // should just be a link to a memory area
|
|
});
|
|
|
|
var Napps = apps.length;
|
|
var Npages = Math.ceil(Napps/4);
|
|
var maxPage = Npages-1;
|
|
var selected = -1;
|
|
var oldselected = -1;
|
|
var page = 0;
|
|
const XOFF = 24;
|
|
const YOFF = 30;
|
|
|
|
function draw_icon(p,n,selected) {
|
|
var x = (n%2)*72+XOFF;
|
|
var y = n>1?72+YOFF:YOFF;
|
|
(selected?g.setColor(g.theme.fgH):g.setColor(g.theme.bg)).fillRect(x+10,y+2,x+60,y+52);
|
|
g.clearRect(x+12,y+4,x+59,y+51);
|
|
g.setColor(g.theme.fg);
|
|
try{g.drawImage(apps[p*4+n].icon,x+12,y+4);} catch(e){}
|
|
g.setFontAlign(0,-1,0).setFont("6x8",1);
|
|
var txt = apps[p*4+n].name.split(" ");
|
|
for (var i = 0; i < txt.length; i++) {
|
|
txt[i] = txt[i].trim();
|
|
g.drawString(txt[i],x+36,y+54+i*8);
|
|
}
|
|
}
|
|
|
|
function drawPage(p){
|
|
g.reset();
|
|
g.clearRect(0,24,175,175);
|
|
var O = 88+YOFF/2-12*(Npages/2);
|
|
for (var j=0;j<Npages;j++){
|
|
var y = O+j*12;
|
|
g.setColor(g.theme.fg);
|
|
if (j==page) g.fillCircle(XOFF/2,y,4);
|
|
else g.drawCircle(XOFF/2,y,4);
|
|
}
|
|
for (var i=0;i<4;i++) {
|
|
if (!apps[p*4+i]) return i;
|
|
draw_icon(p,i,selected==i);
|
|
}
|
|
g.flip();
|
|
}
|
|
|
|
Bangle.on("swipe",(dir)=>{
|
|
selected = 0;
|
|
oldselected=-1;
|
|
if (dir<0){
|
|
++page; if (page>maxPage) page=0;
|
|
drawPage(page);
|
|
} else {
|
|
--page; if (page<0) page=maxPage;
|
|
drawPage(page);
|
|
}
|
|
});
|
|
|
|
function isTouched(p,n){
|
|
if (n<0 || n>3) return false;
|
|
var x1 = (n%2)*72+XOFF; var y1 = n>1?72+YOFF:YOFF;
|
|
var x2 = x1+71; var y2 = y1+81;
|
|
return (p.x>x1 && p.y>y1 && p.x<x2 && p.y<y2);
|
|
}
|
|
|
|
Bangle.on("touch",(_,p)=>{
|
|
var i;
|
|
for (i=0;i<4;i++){
|
|
if((page*4+i)<Napps){
|
|
if (isTouched(p,i)) {
|
|
draw_icon(page,i,true);
|
|
if (selected>=0) {
|
|
if (selected!=i){
|
|
draw_icon(page,selected,false);
|
|
} else {
|
|
load(apps[page*4+i].src);
|
|
}
|
|
}
|
|
selected=i;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
if ((i==4 || (page*4+i)>Napps) && selected>=0) {
|
|
draw_icon(page,selected,false);
|
|
selected=-1;
|
|
}
|
|
});
|
|
|
|
Bangle.loadWidgets();
|
|
Bangle.drawWidgets();
|
|
drawPage(0);
|