mirror of https://github.com/espruino/BangleApps
80 lines
2.5 KiB
JavaScript
80 lines
2.5 KiB
JavaScript
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;
|
|
});
|
|
var APPH = 64;
|
|
var menuScroll = 0;
|
|
var menuShowing = false;
|
|
var w = g.getWidth();
|
|
var h = g.getHeight();
|
|
var n = Math.ceil((h-24)/APPH);
|
|
var menuScrollMax = APPH*apps.length - (h-24);
|
|
// FIXME: not needed after 2v11
|
|
var font = g.getFonts().includes("12x20") ? "12x20" : "6x8:2";
|
|
|
|
apps.forEach(app=>{
|
|
if (app.icon)
|
|
app.icon = s.read(app.icon); // should just be a link to a memory area
|
|
});
|
|
if (g.wrapString) { // FIXME: check not needed after 2v11
|
|
g.setFont(font);
|
|
apps.forEach(app=>app.name = g.wrapString(app.name, g.getWidth()-64).join("\n"));
|
|
}
|
|
|
|
function drawApp(i) {
|
|
var y = 24+i*APPH-menuScroll;
|
|
var app = apps[i];
|
|
if (!app || y<-APPH || y>=g.getHeight()) return;
|
|
g.setFont(font).setFontAlign(-1,0).drawString(app.name,64,y+32);
|
|
if (app.icon) try {g.drawImage(app.icon,8,y+8);} catch(e){}
|
|
}
|
|
|
|
function drawMenu() {
|
|
g.reset().clearRect(0,24,w-1,h-1);
|
|
g.setClipRect(0,24,g.getWidth()-1,g.getHeight()-1);
|
|
for (var i=0;i<n;i++) drawApp(i);
|
|
g.setClipRect(0,0,g.getWidth()-1,g.getHeight()-1);
|
|
}
|
|
g.clear();
|
|
drawMenu();
|
|
g.flip(); // force an update now to make this snappier
|
|
Bangle.on('drag',e=>{
|
|
var dy = e.dy;
|
|
if (menuScroll - dy < 0)
|
|
dy = menuScroll;
|
|
if (menuScroll - dy > menuScrollMax)
|
|
dy = menuScroll - menuScrollMax;
|
|
if (!dy) return;
|
|
g.reset().setClipRect(0,24,g.getWidth()-1,g.getHeight()-1);
|
|
g.scroll(0,dy);
|
|
menuScroll -= dy;
|
|
if (e.dy < 0) {
|
|
drawApp(Math.floor((menuScroll+24+g.getHeight())/APPH)-1);
|
|
if (e.dy <= -APPH) drawApp(Math.floor((menuScroll+24+g.getHeight())/APPH)-2);
|
|
} else {
|
|
drawApp(Math.floor((menuScroll+24)/APPH));
|
|
if (e.dy >= APPH) drawApp(Math.floor((menuScroll+24)/APPH)+1);
|
|
}
|
|
g.setClipRect(0,0,g.getWidth()-1,g.getHeight()-1);
|
|
});
|
|
Bangle.on("touch",(_,e)=>{
|
|
if (e.y<20) return;
|
|
var i = Math.floor((e.y+menuScroll-24) / APPH);
|
|
var app = apps[i];
|
|
if (!app) return;
|
|
if (!app.src || require("Storage").read(app.src)===undefined) {
|
|
E.showMessage("App Source\nNot found");
|
|
setTimeout(drawMenu, 2000);
|
|
} else {
|
|
E.showMessage("Loading...");
|
|
load(app.src);
|
|
}
|
|
});
|
|
Bangle.loadWidgets();
|
|
Bangle.drawWidgets();
|