774 lines
24 KiB
JavaScript
774 lines
24 KiB
JavaScript
//{
|
|
|
|
// let settings = require('Storage').readJSON("messages.settings.json", true) || {};
|
|
// const settings = () => require("messagegui").settings();
|
|
// let fontTiny = "6x8"; // fixed size, don't use this for important things
|
|
// let fontNormal;
|
|
// setFont() is also called after we close the settings screen
|
|
// const setFont = function() {
|
|
// const fontSize = settings().fontSize;
|
|
// if (fontSize===0) // small
|
|
// fontNormal = g.getFonts().includes("6x15") ? "6x15" : "6x8:2";
|
|
// else if (fontSize===2) // large
|
|
// fontNormal = g.getFonts().includes("6x15") ? "6x15:2" : "6x8:4";
|
|
// else // medium
|
|
// fontNormal = g.getFonts().includes("12x20") ? "12x20" : "6x8:3";
|
|
// };
|
|
// setFont();
|
|
|
|
let idle = false;
|
|
let haveNewMessage = false;
|
|
let active;
|
|
let buzzing;
|
|
let events = {};
|
|
let timeouts = {};
|
|
let cleanup = function() {}; // we don't want cleanup function to do anything until we actually need it
|
|
let previous = [];
|
|
let msgIdx;
|
|
let call;
|
|
let alarm;
|
|
let map;
|
|
let music;
|
|
|
|
const setActive = function(newActive) {
|
|
if (!newActive) return;
|
|
if (active && !previous.includes(active) && newActive !== active) previous.push(active);
|
|
active = newActive;
|
|
//console.log(previous);
|
|
}
|
|
|
|
const setListener = function(event, callback) {
|
|
if (!event || !callback) return;
|
|
events[event] = callback;
|
|
Bangle.on(event, events[event]);
|
|
};
|
|
|
|
const _cleanup = function() {
|
|
for (let e in events) if (e) Bangle.removeListener(e, events[e]);
|
|
console.log(timeouts);
|
|
for (let t in timeouts) clearTimeout(timeouts[t]);
|
|
require("messages").stopBuzz();
|
|
require("widget_utils").show();
|
|
Bangle.drawWidgets();
|
|
};
|
|
|
|
const clearTimeouts = function() {
|
|
for (let t in timeouts) clearTimeout(timeouts[t]);
|
|
};
|
|
|
|
const showNoMessages = function() {
|
|
|
|
g.reset().clear();
|
|
g.setFont("12x20").setFontAlign(0,0);
|
|
g.drawString("No Messages!", Bangle.appRect.x + (Bangle.appRect.w / 2), Bangle.appRect.y + (Bangle.appRect.h / 2));
|
|
|
|
Bangle.setUI({
|
|
mode: "custom",
|
|
btn: _e => goBack(),
|
|
remove: cleanup
|
|
});
|
|
};
|
|
|
|
const showMusic = function(music) {
|
|
active = "music";
|
|
|
|
Bangle.setUI({
|
|
mode: "custom",
|
|
btn: _e => goBack()
|
|
remove: cleanup
|
|
});
|
|
};
|
|
|
|
const showMap = function(map) {
|
|
active = "map";
|
|
|
|
Bangle.setUI({
|
|
mode: "custom",
|
|
btn: _e => goBack()
|
|
remove: cleanup
|
|
});
|
|
};
|
|
|
|
const showAlarm = function(alarm) {
|
|
active = "alarm";
|
|
|
|
Bangle.setUI({
|
|
mode: "custom",
|
|
btn: _e => goBack()
|
|
remove: cleanup
|
|
});
|
|
};
|
|
|
|
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") {
|
|
console.log("end");
|
|
if (timeouts.timer) clearTimeout(timeouts.timer);
|
|
let elapsedString = Bangle.elapsedString;
|
|
delete Bangle.elapsedString;
|
|
g.setColor(g.theme.fg).setFont("6x15:2").setFontAlign(0, -1);
|
|
g.setFont("Vector:25").setFontAlign(0, -1).drawString(elapsedString, mx, y+25);
|
|
g.drawString("Call Ended", mx, y);
|
|
|
|
const done = new Promise((resolve, _reject) => {
|
|
setTimeout(() => {resolve();}, 5000);
|
|
});
|
|
done.then(goBack);
|
|
}
|
|
|
|
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);
|
|
Bangle.elapsedString = `${h}:${m}:${s}`;
|
|
g.setFont("Vector:25").setFontAlign(0, -1).drawString(Bangle.elapsedString, 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 animate = new Promise((resolve, _reject) => {
|
|
const swipeAnimation = () => {
|
|
xOff += 30;
|
|
g.clearRect(x, y2-50, x2, y2);
|
|
drawRejectArrow(xOff);
|
|
if (xOff > 160) return resolve();
|
|
else setTimeout(swipeAnimation, 30);
|
|
}
|
|
swipeAnimation();
|
|
});
|
|
animate.then(() => {
|
|
if (timeouts.timer) clearTimeout(timeouts["timer"]);
|
|
Bangle.messageResponse(msg, false);
|
|
goBack();
|
|
});
|
|
};
|
|
|
|
const rightHandler = function(dir) {
|
|
let xOff = 0;
|
|
const animate = new Promise((resolve, _reject) => {
|
|
const swipeAnimation = () => {
|
|
xOff += 30;
|
|
g.clearRect(x, y2-50, x2, y2);
|
|
drawAcceptArrow(xOff);
|
|
if (xOff > 160) return resolve();
|
|
else setTimeout(swipeAnimation, 30);
|
|
}
|
|
swipeAnimation();
|
|
});
|
|
animate.then(() => {
|
|
if (timeouts.timer) clearTimeout(timeouts["timer"]);
|
|
Bangle.messageResponse(msg, true);
|
|
goBack();
|
|
});
|
|
};
|
|
|
|
Bangle.setUI({
|
|
mode: "custom",
|
|
touch: () => {if (buzzing) return require("messages").stopBuzz()},
|
|
swipe: handler,
|
|
btn: _e => goBack,
|
|
remove: cleanup
|
|
});
|
|
};
|
|
|
|
const showText = function(messageNum) {
|
|
g.reset().clear();
|
|
if (!Bangle.MESSAGES.length) return goBack(); // no messages
|
|
setBusy(); // busy until everything is set up
|
|
//let showAll = false;
|
|
if (messageNum === undefined) {messageNum = 0;} //showAll = true;}
|
|
else if (messageNum >= Bangle.MESSAGES.length - 1) messageNum = Bangle.MESSAGES.length - 1;
|
|
Bangle.setUI(); // make sure to clear setUI from anything previous
|
|
let switching = false;
|
|
const MessageBox = require("messagebox").MessageBox;
|
|
require("messagebox").setOptions({fh: 20});
|
|
const step = 42;
|
|
const delay = 30;
|
|
//const swipeThreshold = 20;
|
|
let mode = "scroll"; // one of "scroll", "next", "prev" (switch to next/prev message), "swipe" (swipe to delete or archive)
|
|
msgIdx = messageNum; // global message index
|
|
// TODO we might have to append array of (m.show && !m.new) to array of m.new so that all new messages are at the beginning of list
|
|
//let messageList = showAll ? Bangle.MESSAGES : Bangle.MESSAGES.filter(m => m.new || m.show || !m.handled);
|
|
//if (!messageList.length) return goBack();
|
|
|
|
// Bangle.setLocked(false); // TODO make as option
|
|
// Bangle.setLCDPower(true); // TODO make as option
|
|
|
|
let msgBoxes = [];
|
|
let i = 0;
|
|
for (let msg of Bangle.MESSAGES) {
|
|
msgBoxes[i] = new MessageBox(msg);
|
|
if (i === messageNum - 1) msgBoxes[i].yOffset = MessageBox.prototype.prevOffset;
|
|
else if (i === messageNum) {
|
|
msgBoxes[i].yOffset = 0;
|
|
msgBoxes[i].draw();
|
|
}
|
|
else if ( i === messageNum + 1) msgBoxes[i].yOffset = MessageBox.prototype.nextOffset;
|
|
i++;
|
|
}
|
|
|
|
const drawFooter = function() {
|
|
let fh = 20; // footer height
|
|
// left hint: swipe from left for main menu
|
|
g.reset().setBgColor(g.theme.bg).clearRect(Bangle.appRect.x, Bangle.appRect.y2-fh, Bangle.appRect.x2, Bangle.appRect.y2)
|
|
.setColor(g.theme.bgH).drawLine(Bangle.appRect.x, Bangle.appRect.y2-fh, Bangle.appRect.x2, Bangle.appRect.y2-fh)
|
|
.setFont("6x15") // TODO make as option
|
|
.setFontAlign(-1, 1).setColor(0, 1, 0) //bottom left
|
|
.drawString(">>", Bangle.appRect.x + 1, Bangle.appRect.y2);
|
|
// center message count+hints: swipe up/down for next/prev message
|
|
const footer = ` ${messageNum + 1}/${msgBoxes.length} `;
|
|
const fw = g.stringWidth(footer);
|
|
g.setFontAlign(0, 1).setColor(g.theme.fg) // bottom center
|
|
.drawString(footer, Bangle.appRect.x+Bangle.appRect.w/2, Bangle.appRect.y2);
|
|
if (messageNum < Bangle.MESSAGES.length - 1 && msgBoxes[messageNum].bottom)
|
|
g.drawString("\0"+atob("CAiBAABBIhRJIhQI"), Bangle.appRect.x+Bangle.appRect.w/2-fw/2 - 20, Bangle.appRect.y2); // v swipe to next
|
|
if (messageNum > 0 && msgBoxes[messageNum].top)
|
|
g.drawString("\0"+atob("CAiBABAoRJIoRIIA"), Bangle.appRect.x+Bangle.appRect.w/2+fw/2 + 20, Bangle.appRect.y2); // ^ swipe to prev
|
|
// right hint: swipe from right for message actions
|
|
g.setFontAlign(1, 1).setColor(1, 0.25, 0.25) // bottom right
|
|
.drawString("<<", Bangle.appRect.x2 - 1, Bangle.appRect.y2)
|
|
.setColor(g.theme.fg);
|
|
};
|
|
|
|
const refresh = function() {
|
|
if (messageNum >= 0 && messageNum < msgBoxes.length) {
|
|
msgBoxes[messageNum].reset();
|
|
if (messageNum > 0) msgBoxes[messageNum - 1].reset(MessageBox.prototype.prevOffset);
|
|
if (messageNum < msgBoxes.length - 1) msgBoxes[messageNum + 1].reset(MessageBox.prototype.nextOffset);
|
|
}
|
|
};
|
|
|
|
const removeMessage = function() {
|
|
const removeAndReset = () => {
|
|
const id = msgBoxes[messageNum].msg.id;
|
|
const idx = Bangle.MESSAGES.findIndex(m => m.id === id);
|
|
Bangle.MESSAGES.splice(idx, 1); // remove from Bangle.MESSAGES
|
|
msgBoxes.splice(messageNum, 1); // remove from msgBoxes
|
|
if (!msgBoxes.length) {
|
|
Bangle.setUI();
|
|
return goBack(); // no more messages
|
|
}
|
|
if (messageNum === msgBoxes.length) {
|
|
messageNum--; // we removed the last message, go to previous message
|
|
msgIdx = messageNum; // update global message index
|
|
}
|
|
// otherwise messageNum is automatically the index of the next message now
|
|
refresh();
|
|
msgBoxes[messageNum].draw();
|
|
drawFooter();
|
|
};
|
|
if (messageNum < msgBoxes.length - 1) {
|
|
require("messagebox").setClipRect(Bangle.appRect.x, Bangle.appRect.y, Bangle.appRect.x2, Bangle.appRect.y2);
|
|
g.setBgColor(g.theme.bg).clear();
|
|
toNext(true).then(() => {
|
|
removeAndReset();
|
|
switching = false;
|
|
});
|
|
} else if (messageNum > 0) {
|
|
require("messagebox").setClipRect(Bangle.appRect.x, Bangle.appRect.y, Bangle.appRect.x2, Bangle.appRect.y2);
|
|
g.setBgColor(g.theme.bg).clear();
|
|
toPrev(true).then(() => {
|
|
removeAndReset();
|
|
switching = false;
|
|
});
|
|
} else {
|
|
removeAndReset();
|
|
}
|
|
};
|
|
|
|
const dismissOnPhone = function() {
|
|
return Bangle.messageResponse(msgBoxes[messageNum].msg, false); // false to dismiss, true to open on phone
|
|
};
|
|
|
|
const toNext = function(removeCurrent) {
|
|
if (removeCurrent == undefined) removeCurrent = false;
|
|
if (timeouts.animID){
|
|
clearTimeout(timeouts.animID);
|
|
timeouts.animID = undefined;
|
|
}
|
|
firstTouch = true;
|
|
return new Promise((resolve, _reject) => {
|
|
let multiplier = 1;
|
|
let animate = () => {
|
|
msgBoxes[messageNum].yOffset -= step * multiplier;
|
|
msgBoxes[messageNum + 1].yOffset -= step * multiplier;
|
|
if (msgBoxes[messageNum + 1].yOffset <= 0) {
|
|
if (!removeCurrent) {
|
|
if (messageNum < msgBoxes.length) {
|
|
messageNum++;
|
|
msgIdx = messageNum; // update global message index
|
|
refresh();
|
|
}
|
|
}
|
|
msgBoxes[messageNum].draw();
|
|
drawFooter();
|
|
return resolve();
|
|
} else {
|
|
msgBoxes[messageNum].draw();
|
|
msgBoxes[messageNum + 1].draw();
|
|
drawFooter();
|
|
multiplier *= 2.5;
|
|
timeouts["animID"] = setTimeout(animate, delay);
|
|
}
|
|
};
|
|
animate();
|
|
});
|
|
};
|
|
|
|
const toPrev = function(removeCurrent) {
|
|
if (removeCurrent == undefined) removeCurrent = false;
|
|
if (timeouts.animID){
|
|
clearTimeout(timeouts.animID);
|
|
timeouts.animID = undefined;
|
|
}
|
|
firstTouch = true;
|
|
return new Promise((resolve, _reject) => {
|
|
let multiplier = 1;
|
|
let animate = () => {
|
|
msgBoxes[messageNum].yOffset += step * multiplier;
|
|
msgBoxes[messageNum - 1].yOffset += step * multiplier;
|
|
if (msgBoxes[messageNum - 1].yOffset >= 0) {
|
|
if (!removeCurrent) {
|
|
if (messageNum > 0) {
|
|
messageNum--;
|
|
msgIdx = messageNum; // update global message index
|
|
refresh();
|
|
}
|
|
}
|
|
msgBoxes[messageNum].draw();
|
|
drawFooter();
|
|
return resolve();
|
|
} else {
|
|
msgBoxes[messageNum].draw();
|
|
msgBoxes[messageNum - 1].draw();
|
|
drawFooter();
|
|
multiplier *= 2.5;
|
|
timeouts["animID"] = setTimeout(animate, delay);
|
|
}
|
|
};
|
|
animate();
|
|
});
|
|
};
|
|
|
|
const drawLeftBackground = function() {
|
|
//g.setBgColor(1, 0.5, 0); // red
|
|
g.setBgColor(g.theme.bg)
|
|
.setClipRect(Bangle.appRect.x, Bangle.appRect.y, Bangle.appRect.x2, Bangle.appRect.y2)
|
|
.clearRect(Bangle.appRect.x, Bangle.appRect.y, Bangle.appRect.x2, Bangle.appRect.y2)
|
|
.setBgColor(g.theme.bg);
|
|
};
|
|
|
|
const drawRightBackground = function() {
|
|
//g.setBgColor(0, 0.5, 1); // red
|
|
g.setBgColor(g.theme.bg)
|
|
.setClipRect(Bangle.appRect.x, Bangle.appRect.y, Bangle.appRect.x2, Bangle.appRect.y2)
|
|
.clearRect(Bangle.appRect.x, Bangle.appRect.y, Bangle.appRect.x2, Bangle.appRect.y2)
|
|
.setBgColor(g.theme.bg);
|
|
};
|
|
|
|
const animateToLeft = function() {
|
|
if (timeouts.animID) {
|
|
clearTimeout(timeouts.animID);
|
|
timeouts.animID = undefined;
|
|
}
|
|
let multiplier = 1;
|
|
const endX = Bangle.appRect.x - Bangle.appRect.w; //+ (Bangle.appRect.w / 2);
|
|
const msgBox = msgBoxes[messageNum];
|
|
return new Promise((resolve, _reject) => {
|
|
let animate = () => {
|
|
msgBox.xOffset -= step * multiplier;
|
|
multiplier *= 2.5;
|
|
drawLeftBackground();
|
|
if (msgBox.xOffset <= endX) {
|
|
return resolve();
|
|
} else {
|
|
msgBox.draw();
|
|
drawFooter();
|
|
timeouts["animID"] = setTimeout(animate, delay);
|
|
}
|
|
};
|
|
animate();
|
|
});
|
|
};
|
|
|
|
const animateToRight = function() {
|
|
if (timeouts.animID) {
|
|
clearTimeout(timeouts.animID);
|
|
timeouts.animID = undefined;
|
|
}
|
|
let multiplier = 1;
|
|
const endX = Bangle.appRect.x2; // - (Bangle.appRect.w / 2);
|
|
const msgBox = msgBoxes[messageNum];
|
|
return new Promise((resolve, _reject) => {
|
|
let animate = () => {
|
|
msgBox.xOffset += step * multiplier;
|
|
multiplier *= 2.5;
|
|
drawRightBackground();
|
|
if (msgBox.xOffset >= endX) {
|
|
return resolve();
|
|
} else {
|
|
msgBox.draw();
|
|
drawFooter();
|
|
timeouts["animID"] = setTimeout(animate, delay);
|
|
}
|
|
};
|
|
animate();
|
|
});
|
|
};
|
|
|
|
let firstTouch = true;
|
|
const dragHandler = function(e) {
|
|
if (e.b === 0) {
|
|
firstTouch = true;
|
|
checkForNewMessages();
|
|
}
|
|
if (switching) return; // don't respond to touch while we are animating
|
|
if (firstTouch && e.b === 1) {
|
|
if (buzzing) {
|
|
require("messages").stopBuzz();
|
|
buzzing = false;
|
|
}
|
|
setBusy();
|
|
let idx = Bangle.MESSAGES.findIndex(m => m.id === msgBoxes[messageNum].msg.id); // TODO maybe we don't to do this check every time
|
|
if (idx >= 0) delete Bangle.MESSAGES[idx].new;
|
|
msgBoxes[messageNum].clearNew();
|
|
if (Math.abs(e.dy) > Math.abs(e.dx)) {
|
|
firstTouch = false;
|
|
if (e.dy > 0 && msgBoxes[messageNum].top && messageNum > 0) {
|
|
mode = "prev";
|
|
} else if (e.dy < 0 && msgBoxes[messageNum].bottom && messageNum + 1 < msgBoxes.length) { // e.dy will be < 0 here
|
|
mode = "next";
|
|
} else {
|
|
mode = "scroll";
|
|
}
|
|
}
|
|
// } else if (Math.abs(e.dx) > Math.abs(e.dy)) {
|
|
// firstTouch = false;
|
|
// if (e.dx < 0) {
|
|
// mode = "left";
|
|
// } else {
|
|
// mode = "right";
|
|
// }
|
|
// } else {
|
|
else {
|
|
mode = undefined;
|
|
return;
|
|
}
|
|
}
|
|
if (mode == "scroll") scrollHandler(e);
|
|
//else if (mode == "left") leftHandler(e); // remove from phone and watch
|
|
//else if (mode == "right") rightHandler(e); // remove from watch only
|
|
else if (mode == "next") nextHandler(e);
|
|
else if (mode == "prev") prevHandler(e);
|
|
};
|
|
|
|
const nextHandler = function(e) {
|
|
if (e.b == 0) {
|
|
}
|
|
if (messageNum == msgBoxes.length - 1) return; // already on last message
|
|
switching = true;
|
|
toNext().then(() => {
|
|
switching = false;
|
|
});
|
|
};
|
|
|
|
const prevHandler = function(e) {
|
|
if (e.b == 0) {
|
|
}
|
|
if (messageNum == 0) return; // already on first message
|
|
switching = true;
|
|
toPrev().then(() => {
|
|
switching = false;
|
|
});
|
|
};
|
|
|
|
const swipeHandler = function(dir) {
|
|
if (dir > 0) return rightHandler();
|
|
else if (dir < 0) return leftHandler();
|
|
else return;
|
|
};
|
|
|
|
const leftHandler = function(e) {
|
|
const msgBox = msgBoxes[messageNum];
|
|
// if (e.b == 0) {
|
|
// if (msgBox.xOffset > -swipeThreshold) {
|
|
// msgBox.xOffset = 0;
|
|
// msgBox.draw();
|
|
// drawFooter();
|
|
// } else {
|
|
switching = true;
|
|
animateToLeft().then(() => {
|
|
g.setBgColor(g.theme.bg);
|
|
dismissOnPhone();
|
|
removeMessage();
|
|
switching = false;
|
|
});
|
|
// }
|
|
// return;
|
|
// }
|
|
// msgBox.xOffset += e.dx;
|
|
// if (msgBox.xOffset > 0) msgBox.xOffset = 0;
|
|
// drawLeftBackground();
|
|
// msgBox.draw();
|
|
// drawFooter();
|
|
};
|
|
|
|
const rightHandler = function(e) {
|
|
const msgBox = msgBoxes[messageNum];
|
|
// if (e.b == 0) {
|
|
// if (msgBox.xOffset < swipeThreshold) {
|
|
// msgBox.xOffset = 0;
|
|
// msgBox.draw();
|
|
// drawFooter();
|
|
// } else {
|
|
switching = true;
|
|
animateToRight().then(() => {
|
|
g.setBgColor(g.theme.bg);
|
|
removeMessage();
|
|
switching = false;
|
|
});
|
|
// }
|
|
// return;
|
|
// }
|
|
// msgBox.xOffset += e.dx;
|
|
// if (msgBox.xOffset < 0) msgBox.xOffset = 0;
|
|
// drawRightBackground();
|
|
// msgBox.draw();
|
|
// drawFooter();
|
|
};
|
|
|
|
const scrollHandler = function(e) {
|
|
if (e.b === 0) {
|
|
}
|
|
msgBoxes[messageNum].scroll(e.dy);
|
|
};
|
|
|
|
Bangle.setUI({
|
|
mode: "custom",
|
|
drag: e => dragHandler(e),
|
|
swipe: dir => swipeHandler(dir),
|
|
btn: _e => goBack(),
|
|
remove: cleanup
|
|
});
|
|
|
|
msgBoxes[messageNum].draw();
|
|
drawFooter();
|
|
idle = true;
|
|
checkForNewMessages();
|
|
}; // function showText
|
|
|
|
// Check for new messages, wait until there is no interaction for `idleTime` ms
|
|
const checkForNewMessages = function(idleTime) {
|
|
idleTime = idleTime ?? 3000; // how much time without interaction before we are considered idle
|
|
idle = false;
|
|
if (timeouts.idleTimer) clearTimeout(timeouts.idleTimer);
|
|
timeouts["idleTimer"] = setTimeout(() => {
|
|
if (haveNewMessage) {
|
|
haveNewMessage = false;
|
|
let idx = Bangle.MESSAGES.findIndex(m => !m.handled);
|
|
if (idx >= 0) {
|
|
for (let m of Bangle.MESSAGES) m.handled = true; // set all text messages as handled
|
|
setActive("text");
|
|
return showText(idx);
|
|
} else {
|
|
setActive("text");
|
|
return showText(msgIdx);
|
|
}
|
|
}
|
|
idle = true;
|
|
}, idleTime);
|
|
};
|
|
|
|
const setBusy = function() {
|
|
idle = false;
|
|
if (timeouts.idleTimer) clearTimeout(timeouts.idleTimer);
|
|
timeouts.idleTimer = undefined;
|
|
};
|
|
|
|
const goBack = function(timedOut) {
|
|
console.log("goBack()");
|
|
idle = true;
|
|
if (buzzing) require("messages").stopBuzz();
|
|
let backTo;
|
|
if (previous && previous.length) {
|
|
backTo = previous.pop();
|
|
clearTimeouts();
|
|
} else {
|
|
if (!timedOut) Bangle.MESSAGES.forEach((m) => {if (!m.new) m.show = false;});
|
|
require("messages").write(Bangle.MESSAGES);
|
|
cleanup = _cleanup;
|
|
Bangle.load();
|
|
}
|
|
//console.log("backTo = ", backTo);
|
|
switch (backTo) {
|
|
case "call": return showCall(call);
|
|
case "map": return showMap(map);
|
|
case "music": return showMusic(music);
|
|
case "alarm": return showAlarm(alarm);
|
|
case "text":
|
|
if (Bangle.MESSAGES.length) {
|
|
if (msgIdx < Bangle.MESSAGES.length) return showText(msgIdx);
|
|
else return showText(0);
|
|
}
|
|
}
|
|
}; // function goBack
|
|
|
|
const newMessage = (type, msg) => {
|
|
filterMessages();
|
|
// if (!previous.includes(active) && type != active) previous.push(active);
|
|
switch (type) {
|
|
case "text":
|
|
if (msg.t === "remove") {
|
|
let idx = Bangle.MESSAGES.findIndex(m => m.id === msg.id);
|
|
if (idx >= 0) Bangle.MESSAGES.splice(idx, 1); // remove 'remove' from Bangle.MESSAGES
|
|
idx = Bangle.MESSAGES.findIndex(m => m.id === msg.id && m.t !== "remove");
|
|
if (active === "text" && buzzing && idx === msgIdx) require("messages").stopBuzz(); // if the message being viewed is removed stop buzzing
|
|
Bangle.MESSAGES = Bangle.MESSAGES.filter(m => m.id != msg.id);
|
|
require("messages").write(Bangle.MESSAGES); // write removal to flash
|
|
if (active === "text") {
|
|
if (idle) showText(msgIdx); // we are idle so updated messages right away
|
|
else haveNewMessage = true; // otherwise set new message flag and wait until idle
|
|
}
|
|
return;
|
|
}
|
|
let idx = Bangle.MESSAGES.findIndex(m => !m.handled);
|
|
if (idle) { // idle so show message right away
|
|
if (idx >= 0) {
|
|
for (let m of Bangle.MESSAGES) m.handled = true; // set all text messages as handled
|
|
setActive("text");
|
|
return showText(idx);
|
|
} else {
|
|
setActive("text")
|
|
return showText(msgIdx);
|
|
}
|
|
}
|
|
else haveNewMessage = true; // otherwise set new message flag and wait until idle
|
|
break;
|
|
|
|
case "call":
|
|
if (call && call.t === "remove") {call = undefined; goBack();}
|
|
if (call) {setActive("call"); showCall(call);}
|
|
break;
|
|
case "alarm":
|
|
if (alarm.new) {setActive("alarm"); showAlarm(alarm);}
|
|
break;
|
|
case "map":
|
|
if (map.new) {setActive("map"); showMap(map);}
|
|
break;
|
|
case "music":
|
|
if (music.new) {setActive("music"); showMusic(music);}
|
|
break;
|
|
}
|
|
};
|
|
setListener("breakingnews", newMessage);
|
|
|
|
const filterMessages = function() {
|
|
call = Bangle.MESSAGES.find(m => m.type === "call");
|
|
alarm = Bangle.MESSAGES.find(m => m.type === "alarm");
|
|
map = Bangle.MESSAGES.find(m => m.type === "map");
|
|
music = Bangle.MESSAGES.find(m => m.type === "music");
|
|
Bangle.MESSAGES = Bangle.MESSAGES.filter(m => m.type === "text");
|
|
let newUnhandledTexts = Bangle.MESSAGES.filter(m => m.new && !m.handled);
|
|
let newHandledTexts = Bangle.MESSAGES.filter(m => m.new && m.handled);
|
|
let otherTexts = Bangle.MESSAGES.filter(m => !m.new && !m.handled);
|
|
Bangle.MESSAGES = [].concat(newUnhandledTexts, newHandledTexts, otherTexts);
|
|
};
|
|
|
|
const showMessage = function() {
|
|
if (call) {setActive("call"); return showCall(call);}
|
|
else if (alarm) {setActive("alarm"); return showAlarm(alarm);}
|
|
else if (map) {setActive("map"); return showMap(map);}
|
|
else if (music) {setActive("music"); return showMusic(music);}
|
|
else {
|
|
idx = Bangle.MESSAGES.findIndex(m => !m.handled);
|
|
if (idx >= 0) {
|
|
Bangle.MESSAGES.every(m => m.handled = true); // set all text messages as handled
|
|
setActive("text");
|
|
return showText(idx);
|
|
}
|
|
}
|
|
goBack();
|
|
};
|
|
|
|
// entry point
|
|
saveMessages = function() {
|
|
require("messages").write(Bangle.MESSAGES);
|
|
};
|
|
setListener("kill", saveMessages);
|
|
|
|
Bangle.loadWidgets();
|
|
require("widget_utils").hide();
|
|
|
|
if (!Bangle.MESSAGES || !Bangle.MESSAGES.length) {
|
|
Bangle.MESSAGES = require("messages").getMessages();
|
|
}
|
|
|
|
if (!Bangle.MESSAGES.length) showNoMessages();
|
|
|
|
if (Bangle.notify) { // notification arrived that opened the app. This is set in messagecenter.notify.js
|
|
buzzing = true;
|
|
require("messages").buzz(Bangle.MESSAGES[0].src);
|
|
delete Bangle.notify;
|
|
}
|
|
filterMessages();
|
|
showMessage();
|
|
//}
|