From 6167de7456b5755cc17b63e3d20a7b362d9b5ed3 Mon Sep 17 00:00:00 2001 From: Tanner Collin Date: Mon, 9 Sep 2024 12:16:55 -0600 Subject: [PATCH] Add new messagegui app.js, indent --- messagegui/app.js | 594 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 594 insertions(+) create mode 100644 messagegui/app.js diff --git a/messagegui/app.js b/messagegui/app.js new file mode 100644 index 0000000..5e24ad0 --- /dev/null +++ b/messagegui/app.js @@ -0,0 +1,594 @@ +/* MESSAGES is a list of: + {id:int, + src, + title, + subject, + body, + sender, + tel:string, + new:true // not read yet + } + */ + +/* For example for maps: + +// a message +require("messages").pushMessage({"t":"add","id":1575479849,"src":"Skype","title":"My Friend","body":"Hey! How's everything going?",positive:1,negative:1}) +// maps +GB({t:"nav",src:"maps",title:"Navigation",instr:"High St towards Tollgate Rd",distance:"966yd",action:"continue",eta:"08:39"}) +GB({t:"nav",src:"maps",title:"Navigation",instr:"High St",distance:"12km",action:"left_slight",eta:"08:39"}) +GB({t:"nav",src:"maps",title:"Navigation",instr:"Main St / I-29 ALT / Centerpoint Dr",distance:12345,action:"left_slight",eta:"08:39"}) +// call +require("messages").pushMessage({"t":"add","id":"call","src":"Phone","title":"Bob","body":"12421312",positive:true,negative:true}) +*/ +var Layout = require("Layout"); +var layout; // global var containing the layout for the currently displayed message +var settings = require('Storage').readJSON("messages.settings.json", true) || {}; +var reply; +try { reply = require("reply"); } catch (e) {} +var fontSmall = "6x8"; +var fontMedium = g.getFonts().includes("6x15")?"6x15":"6x8:2"; +var fontBig = g.getFonts().includes("12x20")?"12x20":"6x8:2"; +var fontLarge = g.getFonts().includes("6x15")?"6x15:2":"6x8:4"; +var fontVLarge = g.getFonts().includes("6x15")?"12x20:2":"6x8:5"; + +// If a font library is installed, just switch to using that for everything in messages +if (Graphics.prototype.setFontIntl) { + fontSmall = "Intl"; + fontMedium = "Intl"; + fontBig = "Intl"; + /* 2v21 and before have a bug where the scale factor for PBF fonts wasn't + taken into account in metrics, so we can't have big fonts on those firmwares. + Having 'PBF' listed as a font was a bug fixed at the same time so we check for that. */ + let noScale = g.getFonts().includes("PBF"); + fontLarge = noScale?"Intl":"Intl:2"; + fontVLarge = noScale?"Intl":"Intl:3"; +} + +var active; // active screen (undefined/"list"/"music"/"map"/"message"/"scroller"/"settings") +var openMusic = false; // go back to music screen after we handle something else? +var replying = false; // If we're replying to a message, don't interrupt +// hack for 2v10 firmware's lack of ':size' font handling +try { + g.setFont("6x8:2"); +} catch (e) { + g._setFont = g.setFont; + g.setFont = function(f,s) { + if (f.includes(":")) { + f = f.split(":"); + return g._setFont(f[0],f[1]); + } + return g._setFont(f,s); + }; +} + +/** this is a timeout if the app has started and is showing a single message +but the user hasn't seen it (eg no user input) - in which case +we should start a timeout for settings.unreadTimeout to return +to the clock. */ +var unreadTimeout; +/// List of all our messages +var MESSAGES = require("messages").getMessages(); +if (Bangle.MESSAGES) { + // fast loading messages + Bangle.MESSAGES.forEach(m => require("messages").apply(m, MESSAGES)); + delete Bangle.MESSAGES; +} + +var onMessagesModified = function(type,msg) { + if (msg.handled) return; + msg.handled = true; + require("messages").apply(msg, MESSAGES); + // TODO: if new, show this new one + if (msg && msg.id!=="music" && msg.id!=="nav" && msg.new && + !((require('Storage').readJSON('setting.json', 1) || {}).quiet)) { + require("messages").buzz(msg.src); + } + if (msg && msg.id=="music") { + if (msg.state && msg.state!="play") openMusic = false; // no longer playing music to go back to + if ((active!=undefined) && (active!="list") && (active!="music")) return; // don't open music over other screens (but do if we're in the main menu) + } + if (msg && msg.id=="nav" && msg.t=="modify" && active!="map") + return; // don't show an updated nav message if we're just in the menu + showMessage(msg&&msg.id, false); +}; +Bangle.on("message", onMessagesModified); + +function saveMessages() { + require("messages").write(MESSAGES); +} +E.on("kill", saveMessages); + +function showMapMessage(msg) { + active = "map"; + require("messages").stopBuzz(); // stop repeated buzzing while the map is showing + var m, distance, street, target, img; + if ("string"==typeof msg.distance) // new gadgetbridge + distance = msg.distance; + else if ("number"==typeof msg.distance) // 0.74 gadgetbridge + distance = require("locale").distance(msg.distance); + if (msg.instr) { + var instr = msg.instr.replace(/\s*\/\s*/g," \/\n"); // convert slashes to newlines + if (instr.includes("towards") || instr.includes("toward")) { + m = instr.split(/towards|toward/); + target = m[0].trim(); + street = m[1].trim(); + }else + target = instr; + } + var carIsRHD = !!settings.carIsRHD; + switch (msg.action) { + case "continue": img = "EBgBAIABwAPgD/Af+D/8f/773/PPY8cDwAPAA8ADwAPAA8AAAAPAA8ADwAAAA8ADwAPA";break; + case "left": img = "GhcBAYAAAPAAAHwAAD4AAB8AAA+AAAf//8P///x///+PAAPx4AA8fAAHD4ABwfAAcDwAHAIABwAAAcAAAHAAABwAAAcAAAHAAABwAAAc";break; + case "right": img = "GhcBAABgAAA8AAAPgAAB8AAAPgAAB8D///j///9///+/AAPPAAHjgAD44AB8OAA+DgAPA4ABAOAAADgAAA4AAAOAAADgAAA4AAAOAAAA";break; + case "left_slight": img = "ERgB//B/+D/8H4AP4Af4A74Bz4Dj4HD4OD4cD4AD4ADwADwADgAHgAPAAOAAcAA4ABwADgAH";break; + case "right_slight": img = "ERgBB/+D/8H/4APwA/gD/APuA+cD44Phw+Dj4HPgAeAB4ADgAPAAeAA4ABwADgAHAAOAAcAA";break; + case "left_sharp": img = "GBaBAAAA+AAB/AAH/gAPjgAeBwA8BwB4B+DwB+HgB+PAB+eAB+8AB+4AB/wAB/gAB//gB//gB//gBwAABwAABwAABwAABw=="; break; + case "right_sharp": img = "GBaBAB8AAD+AAH/gAHHwAOB4AOA8AOAeAOAPB+AHh+ADx+AB5+AA9+AAd+AAP+AAH+AH/+AH/+AH/+AAAOAAAOAAAOAAAA==";break; + case "keep_left": img = "ERmBAACAAOAB+AD+AP+B/+H3+PO+8c8w4wBwADgAHgAPAAfAAfAAfAAfAAeAAeAAcAA8AA4ABwADgA==";break; + case "keep_right": img = "ERmBAACAAOAA/AD+AP+A//D/fPueeceY4YBwADgAPAAeAB8AHwAfAB8ADwAPAAcAB4ADgAHAAOAAAA==";break; + case "uturn_left": img = "GRiBAAAH4AAP/AAP/wAPj8APAfAPAHgHgB4DgA8BwAOA4AHAcADsOMB/HPA7zvgd9/gOf/gHH/gDh/gBwfgA4DgAcBgAOAAAHAAADgAABw==";break; + case "uturn_right": img = "GRiBAAPwAAf+AAf/gAfj4AfAeAPAHgPADwHgA4DgAcBwAOA4AHAcBjhuB5x/A+57gP99wD/84A/8cAP8OAD8HAA4DgAMBwAAA4AAAcAAAA==";break; + case "finish": img = "HhsBAcAAAD/AAAH/wAAPB4AAeA4AAcAcAAYIcAA4cMAA48MAA4cMAAYAcAAcAcAAcA4AAOA4AAOBxjwHBzjwHjj/4Dnn/4B3P/4B+Pj4A8fj8Acfj8AI//8AA//+AA/j+AB/j+AB/j/A";break; + case "roundabout_left": img = carIsRHD ? "HBaCAAADwAAAAAAAD/AAAVUAAD/wABVVUAD/wABVVVQD/wAAVABUD/wAAVAAFT/////wABX/////8AAF//////AABT/////wABUP/AAD/AAVA/8AA/8AVAD/wAD//VQAP/AAP/1QAA/wAA/9AAADwAAD/AAAAAAAA/wAAAAAAAP8AAAAAAAD/AAAAAAAA/wAAAAAAAP8AAAAAAAD/AA=" : "HRYCAAPAAAAAAAAD/AAD//AAA/8AD///AAP/AA////AD/wAD/wP/A/8AA/wAP8P/////AAP//////8AA///////AAD/P////8AAP8P/AABUAD/AP/AAFUA/8AP/AAFX//AAP/AAFf/wAAP8AAB/8AAAPAAAD8AAAAAAAAPwAAAAAAAA/AAAAAAAAD8AAAAAAAAPwAAAAAAAA/AAAAAAAAD8AAA==";break; + case "roundabout_right": img = carIsRHD ? "HRaCAAAAAAAA8AAAP/8AAP8AAD///AA/8AA////AA/8AP/A/8AA/8A/wAP8AA/8P8AA/////8/wAD///////AAD//////8AAP////8P8ABUAAP/A/8AVQAD/wA//1UAA/8AA//VAAP/AAA/9AAA/wAAAPwAAA8AAAA/AAAAAAAAD8AAAAAAAAPwAAAAAAAA/AAAAAAAAD8AAAAAAAAPwAAAAAAA=" : "HBYCAAAAAAPAAABVQAAP8AAFVVQAD/wAFVVVAAP/ABUAFQAA/8BUAAVAAD/wVAAP/////FAAD/////9QAA//////VAAP/////FQAP8AAP/AVAP/AAP/AFX//AAP/AAV//AAP/AAAf/AAD/AAAD/AAAPAAAA/wAAAAAAAP8AAAAAAAD/AAAAAAAA/wAAAAAAAP8AAAAAAAD/AAAAAAA==";break; + case "roundabout_straight": img = carIsRHD ? "EBuCAAADwAAAD/AAAD/8AAD//wAD///AD///8D/P8/z/D/D//A/wPzAP8AwA//UAA//1QA//9VA/8AFUP8AAVD8AAFQ/AABUPwAAVD8AAFQ/wABUP/ABVA//9VAD//VAAP/1AAAP8AAAD/AAAA/wAA==" : "EBsCAAPAAAAP8AAAP/wAAP//AAP//8AP///wP8/z/P8P8P/8D/A/MA/wDABf/wABX//ABV//8BVAD/wVAAP8FQAA/BUAAPwVAAD8FQAA/BUAA/wVQA/8BV//8AFf/8AAX/8AAA/wAAAP8AAAD/AA";break; + case "roundabout_uturn": img = carIsRHD ? "ICCBAAAAAAAAAAAAAAAAAAAP4AAAH/AAAD/4AAB4fAAA8DwAAPAcAADgHgAA4B4AAPAcAADwPAAAeHwAADz4AAAc8AAABPAAAADwAAAY8YAAPPPAAD73gAAf/4AAD/8AABf8AAAb+AAAHfAAABzwAAAcYAAAAAAAAAAAAAAAAAAAAAAA" : "ICABAAAAAAAAAAAAAAAAAAfwAAAP+AAAH/wAAD4eAAA8DwAAOA8AAHgHAAB4BwAAOA8AADwPAAA+HgAAHzwAAA84AAAPIAAADwAAAY8YAAPPPAAB73wAAf/4AAD/8AAAP+gAAB/YAAAPuAAADzgAAAY4AAAAAAAAAAAAAAAAAAAAAAA=";break; + } + + layout = new Layout({ type:"v", c: [ + {type:"txt", font:street?fontMedium:fontLarge, label:target, bgCol:g.theme.bg2, col: g.theme.fg2, fillx:1, pad:3 }, + street?{type:"h", bgCol:g.theme.bg2, col: g.theme.fg2, fillx:1, c: [ + {type:"txt", font:"6x8", label:"Towards" }, + {type:"txt", font:fontLarge, label:street } + ]}:{}, + {type:"h",fillx:1, filly:1, c: [ + img?{type:"img",src:atob(img), scale:2, pad:6}:{}, + {type:"v", fillx:1, c: [ + {type:"txt", font:fontVLarge, label:distance||"" } + ]}, + ]}, + {type:"txt", font:"6x8:2", label:msg.eta?`ETA ${msg.eta}`:"" } + ]}); + g.reset().clearRect(Bangle.appRect); + layout.render(); + function back() { // mark as not new and return to menu + msg.new = false; + layout = undefined; + checkMessages({clockIfNoMsg:1,clockIfAllRead:1,showMsgIfUnread:1,openMusic:0}); + } + Bangle.setUI({mode:"updown", back: back}, back); // any input takes us back +} + +let updateLabelsInterval; + +function showMusicMessage(msg) { + active = "music"; + // defaults, so e.g. msg.xyz.length doesn't error. `msg` should contain up to date info + msg = Object.assign({artist: "", album: "", track: "Music"}, msg); + openMusic = msg.state=="play"; + var trackScrollOffset = 0; + var artistScrollOffset = 0; + var albumScrollOffset = 0; + var trackName = ''; + var artistName = ''; + var albumName = ''; + + function fmtTime(s) { + var m = Math.floor(s/60); + s = (parseInt(s%60)).toString().padStart(2,0); + return m+":"+s; + } + function reduceStringAndPad(text, offset, maxLen) { + var sliceLength = offset + maxLen > text.length ? text.length - offset : maxLen; + return text.substr(offset, sliceLength).padEnd(maxLen, " "); + } + function back() { + clearInterval(updateLabelsInterval); + updateLabelsInterval = undefined; + openMusic = false; + var wasNew = msg.new; + msg.new = false; + layout = undefined; + if (wasNew) checkMessages({clockIfNoMsg:1,clockIfAllRead:1,showMsgIfUnread:0,openMusic:0}); + else checkMessages({clockIfNoMsg:0,clockIfAllRead:0,showMsgIfUnread:0,openMusic:0}); + } + function updateLabels() { + trackName = reduceStringAndPad(msg.track, trackScrollOffset, 13); + artistName = reduceStringAndPad(msg.artist, artistScrollOffset, 21); + albumName = reduceStringAndPad(msg.album, albumScrollOffset, 21); + + trackScrollOffset++; + artistScrollOffset++; + albumScrollOffset++; + + if ((trackScrollOffset + 13) > msg.track.length) trackScrollOffset = 0; + if ((artistScrollOffset + 21) > msg.artist.length) artistScrollOffset = 0; + if ((albumScrollOffset + 21) > msg.album.length) albumScrollOffset = 0; + } + updateLabels(); + + layout = new Layout({ type:"v", c: [ + {type:"h", fillx:1, bgCol:g.theme.bg2, col: g.theme.fg2, c: [ + { type:"v", fillx:1, c: [ + { type:"txt", font:fontMedium, bgCol:g.theme.bg2, label:artistName, pad:2, id:"artist" }, + { type:"txt", font:fontMedium, bgCol:g.theme.bg2, label:albumName, pad:2, id:"album" } + ]} + ]}, + {type:"txt", font:fontLarge, bgCol:g.theme.bg, label:trackName, fillx:1, filly:1, pad:2, id:"track" }, + Bangle.musicControl?{type:"h",fillx:1, c: [ + {type:"btn", pad:8, label:"\0"+atob("FhgBwAADwAAPwAA/wAD/gAP/gA//gD//gP//g///j///P//////////P//4//+D//gP/4A/+AD/gAP8AA/AADwAAMAAA"), cb:()=>Bangle.musicControl("play")}, // play + {type:"btn", pad:8, label:"\0"+atob("EhaBAHgHvwP/wP/wP/wP/wP/wP/wP/wP/wP/wP/wP/wP/wP/wP/wP/wP/wP/wP/wP/wP3gHg"), cb:()=>Bangle.musicControl("pause")}, // pause + {type:"btn", pad:8, label:"\0"+atob("EhKBAMAB+AB/gB/wB/8B/+B//B//x//5//5//x//B/+B/8B/wB/gB+AB8ABw"), cb:()=>Bangle.musicControl("next")}, // next + ]}:{}, + {type:"txt", font:"6x8:2", label:msg.dur?fmtTime(msg.dur):"--:--" } + ]}, { back : back }); + g.reset().clearRect(Bangle.appRect); + layout.render(); + + updateLabelsInterval = setInterval(function() { + updateLabels(); + layout.artist.label = artistName; + layout.album.label = albumName; + layout.track.label = trackName; + layout.render(); + }, 400); +} + +function showMessageScroller(msg) { + cancelReloadTimeout(); + active = "scroller"; + var bodyFont = fontBig; + g.setFont(bodyFont); + var lines = []; + if (msg.title) lines = g.wrapString(msg.title, g.getWidth()-10); + var titleCnt = lines.length; + if (titleCnt) lines.push(""); // add blank line after title + lines = lines.concat(g.wrapString(msg.body, g.getWidth()-10),["",/*LANG*/"< Back"]); + E.showScroller({ + h : g.getFontHeight(), // height of each menu item in pixels + c : lines.length, // number of menu items + // a function to draw a menu item + draw : function(idx, r) { + // FIXME: in 2v13 onwards, clearRect(r) will work fine. There's a bug in 2v12 + g.setBgColor(idx=lines.length-2) + showMessage(msg.id, true); + }, + back : () => showMessage(msg.id, true) + }); +} + +function showMessageSettings(msg) { + active = "settings"; + var menu = {"":{"title":/*LANG*/"Message"}, + "< Back" : () => showMessage(msg.id, true), + /*LANG*/"View Message" : () => { + showMessageScroller(msg); + }, + }; + + if (msg.reply && reply) { + menu[/*LANG*/"Reply"] = () => { + replying = true; + reply.reply({msg: msg}) + .then(result => { + Bluetooth.println(JSON.stringify(result)); + replying = false; + showMessage(msg.id); + }) + .catch(() => { + replying = false; + showMessage(msg.id); + }); + }; + } + + menu = Object.assign(menu, { + /*LANG*/"Delete" : () => { + MESSAGES = MESSAGES.filter(m=>m.id!=msg.id); + checkMessages({clockIfNoMsg:0,clockIfAllRead:0,showMsgIfUnread:0,openMusic:0}); + }, + }); + + if (Bangle.messageIgnore && msg.src) + menu[/*LANG*/"Ignore"] = () => { + E.showPrompt(/*LANG*/"Ignore all messages from "+E.toJS(msg.src)+"?", {title:/*LANG*/"Ignore"}).then(isYes => { + if (isYes) { + Bangle.messageIgnore(msg); + MESSAGES = MESSAGES.filter(m=>m.id!=msg.id); + } + checkMessages({clockIfNoMsg:0,clockIfAllRead:0,showMsgIfUnread:0,openMusic:0}); + }); + }; + + menu = Object.assign(menu, { + /*LANG*/"Mark Unread" : () => { + msg.new = true; + checkMessages({clockIfNoMsg:0,clockIfAllRead:0,showMsgIfUnread:0,openMusic:0}); + }, + /*LANG*/"Mark all read" : () => { + MESSAGES.forEach(msg => msg.new = false); + checkMessages({clockIfNoMsg:0,clockIfAllRead:0,showMsgIfUnread:0,openMusic:0}); + }, + /*LANG*/"Delete all messages" : () => { + E.showPrompt(/*LANG*/"Are you sure?", {title:/*LANG*/"Delete All Messages"}).then(isYes => { + if (isYes) { + MESSAGES = []; + } + checkMessages({clockIfNoMsg:0,clockIfAllRead:0,showMsgIfUnread:0,openMusic:0}); + }); + }, + }); + E.showMenu(menu); +} + +function showMessage(msgid, persist) { + if (replying) { return; } + if(!persist) resetReloadTimeout(); + let idx = MESSAGES.findIndex(m=>m.id==msgid); + var msg = MESSAGES[idx]; + if (updateLabelsInterval) { + clearInterval(updateLabelsInterval); + updateLabelsInterval=undefined; + } + if (!msg) return checkMessages({clockIfNoMsg:1,clockIfAllRead:0,showMsgIfUnread:0,openMusic:openMusic}); // go home if no message found + if (msg.id=="music") { + cancelReloadTimeout(); // don't auto-reload to clock now + return showMusicMessage(msg); + } + if (msg.id=="nav") { + cancelReloadTimeout(); // don't auto-reload to clock now + return showMapMessage(msg); + } + active = "message"; + // Normal text message display + var title=msg.title, titleFont = fontLarge, lines; + var body=msg.body, bodyFont = fontLarge; + // If no body, use the title text instead... + if (body===undefined) { + body = title; + title = undefined; + } + if (title) { + var w = g.getWidth()-48; + if (g.setFont(titleFont).stringWidth(title) > w) { + titleFont = fontBig; + if (settings.fontSize!=1 && g.setFont(titleFont).stringWidth(title) > w) + titleFont = fontMedium; + } + if (g.setFont(titleFont).stringWidth(title) > w) { + lines = g.wrapString(title, w); + title = (lines.length>2) ? lines.slice(0,2).join("\n")+"..." : lines.join("\n"); + } + } + if (body) { // Try and find a font that fits... + var w = g.getWidth()-2, h = Bangle.appRect.h-60; + if (g.setFont(bodyFont).wrapString(body, w).length*g.getFontHeight() > h) { + bodyFont = fontBig; + if (settings.fontSize!=1 && g.setFont(bodyFont).wrapString(body, w).length*g.getFontHeight() > h) { + bodyFont = fontMedium; + } + } + // Now crop, given whatever font we have available + lines = g.setFont(bodyFont).wrapString(body, w); + var maxLines = Math.floor(h / g.getFontHeight()); + if (lines.length>maxLines) // if too long, wrap with a bit less spae so we have room for '...' + body = g.setFont(bodyFont).wrapString(body, w-10).slice(0,maxLines).join("\n")+"..."; + else + body = lines.join("\n"); + } + function goBack() { + layout = undefined; + msg.new = false; // read mail + cancelReloadTimeout(); // don't auto-reload to clock now + checkMessages({clockIfNoMsg:1,clockIfAllRead:0,showMsgIfUnread:0,openMusic:openMusic}); + } + var negHandler,posHandler,footer = [ ]; + if (msg.negative) { + negHandler = ()=>{ + msg.new = false; + cancelReloadTimeout(); // don't auto-reload to clock now + Bangle.messageResponse(msg,false); + checkMessages({clockIfNoMsg:1,clockIfAllRead:1,showMsgIfUnread:1,openMusic:openMusic}); + }; footer.push({type:"img",src:atob("PhAB4A8AAAAAAAPAfAMAAAAAD4PwHAAAAAA/H4DwAAAAAH78B8AAAAAA/+A/AAAAAAH/Af//////w/gP//////8P4D///////H/Af//////z/4D8AAAAAB+/AfAAAAAA/H4DwAAAAAPg/AcAAAAADwHwDAAAAAA4A8AAAAAAAA=="),col:"#f00",cb:negHandler}); + } + footer.push({fillx:1}); // push images to left/right + if (msg.reply && reply) { + posHandler = ()=>{ + replying = true; + msg.new = false; + cancelReloadTimeout(); // don't auto-reload to clock now + reply.reply({msg: msg}) + .then(result => { + Bluetooth.println(JSON.stringify(result)); + replying = false; + layout.render(); + checkMessages({clockIfNoMsg:1,clockIfAllRead:1,showMsgIfUnread:1,openMusic:openMusic}); + }) + .catch(() => { + replying = false; + layout.render(); + showMessage(msg.id); + }); + }; footer.push({type:"img",src:atob("QRABAAAAAAAH//+AAAAABgP//8AAAAADgf//4AAAAAHg4ABwAAAAAPh8APgAAAAAfj+B////////geHv///////hf+f///////GPw///////8cGBwAAAAAPx/gDgAAAAAfD/gHAAAAAA8DngOAAAAABwDHP8AAAAADACGf4AAAAAAAAM/w=="),col:"#0f0", cb:posHandler}); + } + else if (msg.positive) { + posHandler = ()=>{ + msg.new = false; + cancelReloadTimeout(); // don't auto-reload to clock now + Bangle.messageResponse(msg,true); + checkMessages({clockIfNoMsg:1,clockIfAllRead:1,showMsgIfUnread:1,openMusic:openMusic}); + }; footer.push({type:"img",src:atob("QRABAAAAAAAAAAOAAAAABgAAA8AAAAADgAAD4AAAAAHgAAPgAAAAAPgAA+AAAAAAfgAD4///////gAPh///////gA+D///////AD4H//////8cPgAAAAAAPw8+AAAAAAAfB/4AAAAAAA8B/gAAAAAABwB+AAAAAAADAB4AAAAAAAAABgAA=="),col:"#0f0",cb:posHandler}); + } + + layout = new Layout({ type:"v", c: [ + {type:"h", fillx:1, bgCol:g.theme.bg2, col: g.theme.fg2, c: [ + { type:"v", fillx:1, c: [ + {type:"txt", font:fontSmall, label:msg.src||/*LANG*/"Message", bgCol:g.theme.bg2, col: g.theme.fg2, fillx:1, pad:2, halign:1 }, + title?{type:"txt", font:titleFont, label:title, bgCol:g.theme.bg2, col: g.theme.fg2, fillx:1, pad:2 }:{}, + ]}, + { type:"btn", + src:require("messageicons").getImage(msg), + col:require("messageicons").getColor(msg, {settings:settings, default:g.theme.fg2}), + pad: 3, cb:()=>{ + cancelReloadTimeout(); // don't auto-reload to clock now + showMessageSettings(msg); + } + }, + ]}, + {type:"txt", font:bodyFont, label:body, fillx:1, filly:1, pad:2, cb:()=>{ + // allow tapping to show a larger version + showMessageScroller(msg); + } }, + {type:"h",fillx:1, c: footer} + ]},{back:goBack}); + + Bangle.swipeHandler = (lr,ud) => { + if (lr>0 && posHandler) posHandler(); + if (lr<0 && negHandler) negHandler(); + if (ud>0 && idx0) showMessage(MESSAGES[idx-1].id, true); + }; + Bangle.on("swipe", Bangle.swipeHandler); + g.reset().clearRect(Bangle.appRect); + layout.render(); +} + + +/* options = { + clockIfNoMsg : bool + clockIfAllRead : bool + showMsgIfUnread : bool + openMusic : bool // open music if it's playing + dontStopBuzz : bool // don't stuf buzzing (any time other than the first this is undefined/false) +} +*/ +function checkMessages(options) { + options=options||{}; + // If there's been some user interaction, it's time to stop repeated buzzing + if (!options.dontStopBuzz) + require("messages").stopBuzz(); + // If no messages, just show 'no messages' and return + if (!MESSAGES.length) { + active=undefined; // no messages + if (!options.clockIfNoMsg) return E.showPrompt(/*LANG*/"No Messages",{ + title:/*LANG*/"Messages", + img:require("heatshrink").decompress(atob("kkk4UBrkc/4AC/tEqtACQkBqtUDg0VqAIGgoZFDYQIIM1sD1QAD4AIBhnqA4WrmAIBhc6BAWs8AIBhXOBAWz0AIC2YIC5wID1gkB1c6BAYFBEQPqBAYXBEQOqBAnDAIQaEnkAngaEEAPDFgo+IKA5iIOhCGIAFb7RqAIGgtUBA0VqobFgNVA")), + buttons : {/*LANG*/"Ok":1}, + back: () => load() + }).then(() => load()); + return load(); + } + // we have >0 messages + var newMessages = MESSAGES.filter(m=>m.new&&m.id!="music"); + // If we have a new message, show it + if (options.showMsgIfUnread && newMessages.length) { + delete newMessages[0].show; // stop us getting stuck here if we're called a second time + showMessage(newMessages[0].id, false); + // buzz after showMessage, so being busy during layout doesn't affect the buzz pattern + if (global.BUZZ_ON_NEW_MESSAGE) { + // this is set if we entered the messages app by loading `messagegui.new.js` + // ... but only buzz the first time we view a new message + global.BUZZ_ON_NEW_MESSAGE = false; + // messages.buzz respects quiet mode - no need to check here + require("messages").buzz(newMessages[0].src); + } + return; + } + // no new messages: show playing music? Only if we have playing music, or state=="show" (set by messagesmusic) + if (options.openMusic && MESSAGES.some(m=>m.id=="music" && ((m.track && m.state=="play") || m.state=="show"))) + return showMessage('music', true); + // no new messages - go to clock? + if (options.clockIfAllRead && newMessages.length==0) + return load(); + active = "list"; + // Otherwise show a list of messages + E.showScroller({ + h : 48, + c : Math.max(MESSAGES.length,3), // workaround for 2v10.219 firmware (min 3 not needed for 2v11) + draw : function(idx, r) {"ram" + var msg = MESSAGES[idx]; + if (msg && msg.new) g.setBgColor(g.theme.bgH).setColor(g.theme.fgH); + else g.setBgColor(g.theme.bg).setColor(g.theme.fg); + g.clearRect(r.x,r.y,r.x+r.w, r.y+r.h); + if (!msg) return; + var x = r.x+2, title = msg.title, body = msg.body; + var img = require("messageicons").getImage(msg); + if (msg.id=="music") { + title = msg.artist || /*LANG*/"Music"; + body = msg.track; + } + if (img) { + var fg = g.getColor(), + col = require("messageicons").getColor(msg, {settings:settings, default:fg}); + g.setColor(col).drawImage(img, x+24, r.y+24, {rotate:0}) // force centering + .setColor(fg); // only color the icon + x += 50; + } + if (title) g.setFontAlign(-1,-1).setFont(fontBig).drawString(title, x,r.y+2); + var longBody = false; + if (body) { + g.setFontAlign(-1,-1).setFont(fontSmall); + // if the body includes an image, it probably won't be small enough to allow>1 line + let maxLines = Math.floor(34/g.getFontHeight()), pady = 0; + if (body.includes("\0")) { maxLines=1; pady=4; } + var l = g.wrapString(body, r.w-(x+14)); + if (l.length>maxLines) { + l = l.slice(0,maxLines); + l[l.length-1]+="..."; + } + longBody = l.length>2; + // draw the body + g.drawString(l.join("\n"), x+10,r.y+20+pady); + } + if (!longBody && msg.src) g.setFontAlign(1,1).setFont("6x8").drawString(msg.src, r.x+r.w-2, r.y+r.h-2); + g.setColor("#888").fillRect(r.x,r.y+r.h-1,r.x+r.w-1,r.y+r.h-1); // dividing line between items + }, + select : idx => { + if (idx < MESSAGES.length) + showMessage(MESSAGES[idx].id, true); + }, + back : () => load() + }); +} + + +function cancelReloadTimeout() { + if (!unreadTimeout) return; + clearTimeout(unreadTimeout); + unreadTimeout = undefined; +} + +function resetReloadTimeout(){ + cancelReloadTimeout(); + if (!isFinite(settings.unreadTimeout)) settings.unreadTimeout=60; + if (settings.unreadTimeout) + unreadTimeout = setTimeout(load, settings.unreadTimeout*1000); +} + +g.clear(); + +Bangle.loadWidgets(); +require("messages").toggleWidget(false); +Bangle.drawWidgets(); + +setTimeout(() => { + // only openMusic on launch if music is new, or state=="show" (set by messagesmusic) + var musicMsg = MESSAGES.find(m => m.id === "music"); + checkMessages({ + clockIfNoMsg: 0, clockIfAllRead: 0, showMsgIfUnread: 1, + openMusic: ((musicMsg&&musicMsg.new) && settings.openMusic) || (musicMsg&&musicMsg.state=="show"), + dontStopBuzz: 1 }); +}, 10); // if checkMessages wants to 'load', do that + +/* If the Bangle is unlocked by the user, treat that +as a queue to stop repeated buzzing */ +Bangle.on('lock',locked => { + if (!locked) + require("messages").stopBuzz(); +});