bryan
/
BangleApps_old
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #3914 from RKBoss6/modclk 

[Modern Clock] Truncate text longer than clock Infos can handle
master
thyttan 2025-06-29 23:40:57 +02:00 committed by GitHub
parent 1b0f57eeb1 7330831c51
commit 71671d8585
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 22 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
apps/modclock/ChangeLog
View File

@ -1 +1,2 @@
0.01: App Created w/ clockInfos, bold font, date and time.
0.01: App created w/ clockInfos, bold font, date and time.
0.02: Added text truncation for long ClockInfo strings.

22
apps/modclock/app.js
View File

@ -10,6 +10,20 @@ Graphics.prototype.setFontBold = function(scale) {
// we also define functions using 'let fn = function() {..}' for the same reason. function decls are global
let drawTimeout;
let calcStrLength=function(str,limitLength){
//too long
// Example maximum length
var truncatedText = str;
if (str.length > limitLength) {
truncatedText = str.substring(0, limitLength - 3) + "...";
}
return truncatedText;
};
//ROUNDED RECT FUNCTION
let bRoundedRectangle= function(x1,y1,x2,y2,r) {
var f = 1 - r;
@ -58,7 +72,7 @@ let clockInfoItems = require("clock_info").load();
let clockInfoMenuLeft = require("clock_info").addInteractive(clockInfoItems, {
// Add the dimensions we're rendering to here - these are used to detect taps on the clock info area
x : 10, y: 100, w: 72, h:70,
x : 7, y: 100, w: 76, h:70,
// You can add other information here you want to be passed into 'options' in 'draw'
// This function draws the info
draw : (itm, info, options) => {
@ -82,7 +96,7 @@ let clockInfoMenuLeft = require("clock_info").addInteractive(clockInfoItems, {
if (info.img){
g.drawImage(info.img, midx-12,midy-21);
}// draw the image
g.setFont("Vector",16).setFontAlign(0,1).drawString(info.text, midx,midy+23); // draw the text
g.setFont("Vector",16).setFontAlign(0,1).drawString(calcStrLength(info.text,8), midx,midy+23); // draw the text
}
});
@ -91,7 +105,7 @@ let clockInfoMenuLeft = require("clock_info").addInteractive(clockInfoItems, {
//CLOCK INFO RIGHT DIMENSIONS: 97,113, w:66, h: 55
let clockInfoMenuRight = require("clock_info").addInteractive(clockInfoItems, {
// Add the dimensions we're rendering to here - these are used to detect taps on the clock info area
x : 94, y: 100, w: 72, h:70,
x : 91, y: 100, w: 76, h:70,
// You can add other information here you want to be passed into 'options' in 'draw'
// This function draws the info
draw : (itm, info, options) => {
@ -115,7 +129,7 @@ let clockInfoMenuRight = require("clock_info").addInteractive(clockInfoItems, {
if (info.img){
g.drawImage(info.img, midx-12,midy-21);
}// draw the image
g.setFont("Vector",16).setFontAlign(0,1).drawString(info.text, midx,midy+23); // draw the text
g.setFont("Vector",16).setFontAlign(0,1).drawString(calcStrLength(info.text,8), midx,midy+23); // draw the text
}
});

4
apps/modclock/metadata.json
View File

@ -3,8 +3,8 @@
"name": "Modern Clock",
"shortName":"Modern Clk",
"icon": "icon.png",
"version":"0.01",
"description": "A modern, simple clock, with two Clock Infos and Fast Loading",
"version":"0.02",
"description": "A modern, simple clock, with two ClockInfos and Fast Loading",
"type":"clock",
"tags": "clock,clkinfo",
"supports": ["BANGLEJS2"],