123 lines
4.4 KiB
JavaScript
123 lines
4.4 KiB
JavaScript
let timeouts = {};
|
|
const goBack = function() {};
|
|
const cleanup = function() {};
|
|
|
|
|
|
const showCall = function(call) {
|
|
const incomingImg = require("heatshrink").decompress(atob("j0ewIQNgwDCnEAh0B4EAvEOgEB+F//kP4P/+E/weAgH+g8Agf4CQMH8EYgEfEYU8AYV4AQIhBAYMD8ADBg4vBgEPzwDBj/+AYM/AYV//ADCC4X/EwQiCABo="));
|
|
const outgoingImg = require("heatshrink").decompress(atob("j0ewIRO4ACBgeAh0Ag8AvEAh0B+F//kP4P/+E/wASB/0AjkD/EA8EH8EDgEfEwU8AYQhBgAhBFwXgAYMHGwUPzwDBj4mBgE/AYV/FQIDBC4X/EwQiCABoA=="));
|
|
const ringingImg = require("heatshrink").decompress(atob("mUywIlimAFEhgFEgYSF4AWEAIYWBAIYWBAIcAsAYBgOAgEYCwQJBBwIWBHIXAA4YSC4EGAoICCDwQ8DAQUgAQMQVtsD///AoU/AoIGCv5BBh/4gF+B4UfwF4Dgd4nAFDg8cB4P/8EA9gFC/wgBBwIzBwEDSQaOB+BzCRAM8SQSQBDAKSCTAPADwMAGoPwh4eBg+An0/SQX/jv/TwUH/wlBAAQkBADwA="));
|
|
const leftImg = require("heatshrink").decompress(atob("mEwwJC/AAkBgEQAoUDwE4AoUHwF4AoUPgHwAoUegPgAoU8gfAAoV4DAIFC+AYBFwXgjwuD4E8FygFFCIodFFIo1FIIpNGLIowSRIiVFAH4A="));
|
|
const rightImg = require("heatshrink").decompress(atob("mEwwJC/AAcIgGAAoUcgPAAoUegPgAoUPgHwAoUHwF4AoUD4E8AoQWBjwqD+AZBAAV4DIIFCngZBGCgFFCIodFFIo1FIIhNFLIouRRIqVFAH8AA=="));
|
|
Bangle.setUI(); // clear from previous
|
|
g.reset().clear();
|
|
msg = call;
|
|
delete msg.new;
|
|
if (!msg.name) {
|
|
let pn = msg.number.replaceAll(/\D/, ""); // remove any non digit characters
|
|
msg.title = `${pn.slice(-10, -7)}-${pn.slice(-7,-4)}-${pn.slice(-4)}`;
|
|
}
|
|
const cmd = msg.cmd;
|
|
|
|
const HeaderBox = require("messagebox").HeaderBox;
|
|
const headerBox = new HeaderBox(msg, Bangle.appRect);
|
|
const x = Bangle.appRect.x, y = Bangle.appRect.y + headerBox.h, x2 = Bangle.appRect.x2, y2 = Bangle.appRect.y2;
|
|
const mx = (x + x2) / 2;
|
|
headerBox.draw(Bangle.appRect);
|
|
g.reset();
|
|
|
|
const drawAcceptArrow = function(xOffset) {
|
|
xOffset = xOffset??0;
|
|
imgX = x + 2 + xOffset;
|
|
g.setColor(0, 1, 0);
|
|
g.drawImage(rightImg, imgX, y2-50);
|
|
if (xOffset > 0) g.fillRect(imgX+3, y2-43, x, y2-9);
|
|
};
|
|
const drawRejectArrow = function(xOffset) {
|
|
xOffset = xOffset??0;
|
|
let imgX = x2 - 50 - xOffset;
|
|
g.setColor(1, 0.25, 0.25);
|
|
g.drawImage(leftImg, imgX, y2-50);
|
|
if (xOffset > 0) g.fillRect(imgX+45, y2-43, x2, y2-9);
|
|
};
|
|
if (cmd === "end") {
|
|
if (timeouts.timer) clearTimeout(timeouts.timer);
|
|
g.setColor(g.theme.fg).setFont("6x15:2").setFontAlign(0, -1);
|
|
g.drawString("Call Ended", mx, y+25);
|
|
timeouts["endTimeout"] = setTimeout(() => g.clear(), 3000);
|
|
}
|
|
|
|
if (cmd === "incoming") {
|
|
drawRejectArrow();
|
|
drawAcceptArrow();
|
|
g.setColor(0,1,0);
|
|
g.drawImage(ringingImg, mx-25, y+15);
|
|
}
|
|
if (cmd === "start" || cmd === "outgoing") {
|
|
drawRejectArrow();
|
|
startTime = parseInt(Date.now()/1000);
|
|
g.setColor(g.theme.fg);
|
|
g.drawImage(cmd === "start" ? incomingImg : outgoingImg, x+10, y+20);
|
|
const timer = () => {
|
|
g.clearRect(mx-45, y+20, mx+70, y+50);
|
|
elapsed = parseInt(Date.now()/1000) - startTime;
|
|
const h = ("0" + Math.floor((elapsed/3600)%60)).slice(-2);
|
|
const m = ("0" + Math.floor((elapsed/60)%60)).slice(-2);
|
|
const s = ("0" + Math.floor(elapsed%60)).slice(-2);
|
|
g.setFont("Vector:25").setFontAlign(0, -1).drawString(`${h}:${m}:${s}`, mx + 15, y+25);
|
|
timeouts["timer"] = setTimeout(timer, 1000);
|
|
};
|
|
timer();
|
|
}
|
|
|
|
const handler = function(dir) {
|
|
if (cmd === "end") return;
|
|
if (dir < 0) leftHandler(dir);
|
|
else if (dir > 0 && cmd === "incoming") rightHandler();
|
|
};
|
|
|
|
const leftHandler = function(dir) {
|
|
let xOff = 0;
|
|
const swipeAnimation = () => {
|
|
xOff += 30;
|
|
g.clearRect(x, y2-50, x2, y2);
|
|
drawRejectArrow(xOff);
|
|
if (xOff > 160) return;
|
|
else setTimeout(swipeAnimation, 30);
|
|
}
|
|
swipeAnimation();
|
|
if (timeouts.timer) clearTimeout(timeouts.timer);
|
|
return Bangle.messageResponse(msg, false);
|
|
};
|
|
|
|
const rightHandler = function(dir) {
|
|
let xOff = 0;
|
|
const swipeAnimation = () => {
|
|
xOff += 30;
|
|
g.clearRect(x, y2-50, x2, y2);
|
|
drawAcceptArrow(xOff);
|
|
if (xOff > 160) return;
|
|
else setTimeout(swipeAnimation, 30);
|
|
}
|
|
swipeAnimation();
|
|
if (timeouts.timer) clearTimeout(timeouts.timer);
|
|
return Bangle.messageResponse(msg, true);
|
|
};
|
|
|
|
Bangle.setUI({
|
|
mode: "custom",
|
|
touch: () => {if (buzzing) return require("messages".stopBuzz())},
|
|
swipe: handler,
|
|
btn: _e => goBack(),
|
|
remove: cleanup
|
|
});
|
|
};
|
|
|
|
|
|
|
|
let msg = {"t":"call","cmd":"incoming","name":"","number":"1306-7740297","id":"call","src":"Phone","positive":true,"negative":true,"title":"Hayley Thiessen, Wifey","body":"Incoming call\n13067740297","new":true,"show":true,"type":"call"}
|
|
|
|
g.reset();
|
|
showCall(msg);
|
|
|