bryan
/
banglejs-multi-timer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add navigator

main
Devin Leamy 2023-10-28 15:15:50 -04:00
parent 46a196e301
commit f1b7cf6a85
2 changed files with 96 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
src/app.js
View File

@ -73,6 +73,7 @@ var TimerApp = /** @class */ (function () {
this.height = g.getWidth();
this.timers = [];
this.displayedTimerIndex = 0;
this.displayTextY = 20;
this.timeTextY = this.height * (2.0 / 5.0);
this.lastTickTimeMS = Date.now();
this.loadStateOrDefault();
@ -102,10 +103,11 @@ var TimerApp = /** @class */ (function () {
self.leftButton.onClick(x, y);
self.rightButton.onClick(x, y);
}
self.topLeftButton.onClick(x, y);
self.topRightButton.onClick(x, y);
},
remove: function () {
self.pauseTimer();
// Bangle.removeListener("lcdPower", onLCDPower)
g.setTheme(originalTheme);
}
});
@ -116,6 +118,9 @@ var TimerApp = /** @class */ (function () {
g.fillRect(0, 0, this.width, this.height);
Bangle.loadWidgets();
Bangle.drawWidgets();
// These buttons don't update so they only need to be drawn once.
this.topLeftButton.draw();
this.topRightButton.draw();
};
TimerApp.prototype.initializeButtons = function () {
var self = this;
@ -136,6 +141,13 @@ var TimerApp = /** @class */ (function () {
this.largeButton = new Button(0.0, (3.0 / 4.0) * this.height, this.width, this.height / 4.0, BLUE_COLOR, startOrPauseTimer, PLAY_IMG);
this.leftButton = new Button(0.0, (3.0 / 4.0) * this.height, this.width / 2.0, this.height / 4.0, YELLOW_COLOR, resetTimer, PLAY_IMG);
this.rightButton = new Button(this.width / 2.0, (3.0 / 4.0) * this.height, this.width / 2.0, this.height / 4.0, BLUE_COLOR, resumeTimer, PAUSE_IMG);
var navigatorButtonSize = this.width / 8.0;
this.topLeftButton = new Button(0.0, 0.0, navigatorButtonSize, navigatorButtonSize, BLUE_COLOR, function () {
self.gotoPreviousTimer();
}, RESET_IMG);
this.topRightButton = new Button(this.width - navigatorButtonSize, 0.0, navigatorButtonSize, navigatorButtonSize, BLUE_COLOR, function () {
self.gotoNextTimer();
}, RESET_IMG);
};
TimerApp.prototype.startTimer = function () {
var self = this;
@ -200,6 +212,9 @@ var TimerApp = /** @class */ (function () {
timers: this.timers
});
};
TimerApp.prototype.timerCount = function () {
return this.timers.length;
};
TimerApp.prototype.loadStateOrDefault = function () {
var state = require("Storage").readJSON(STORAGE_FILE, 1);
if (state == undefined) {
@ -245,6 +260,10 @@ var TimerApp = /** @class */ (function () {
g.setFontAlign(0, 0);
g.clearRect(0, this.timeTextY - 21, this.width, this.timeTextY + 21);
g.drawString(timeText, this.width / 2, this.timeTextY);
var displayText = this.displayText();
g.setFont("Vector", 14);
g.clearRect(this.width * 0.25, this.displayTextY - 21, this.width * 0.75, this.displayTextY + 21);
g.drawString(displayText, this.width / 2, this.displayTextY);
};
TimerApp.prototype.draw = function () {
g.setColor(g.theme.fg);
@ -257,24 +276,21 @@ var TimerApp = /** @class */ (function () {
this.updateInterval = undefined;
}
};
return TimerApp;
}());
var Timer = /** @class */ (function () {
function Timer(state) {
this.totalTime = state.totalTime;
this.startTime = state.startTime;
this.currentTime = state.currentTime;
this.running = state.running;
}
Timer.prototype.state = function () {
return {
totalTime: this.totalTime,
startTime: this.startTime,
currentTime: this.currentTime,
running: this.running
};
TimerApp.prototype.gotoNextTimer = function () {
this.displayedTimerIndex = (this.displayedTimerIndex + 1) % this.timerCount();
};
return Timer;
TimerApp.prototype.gotoPreviousTimer = function () {
this.displayedTimerIndex =
(this.displayedTimerIndex - 1 + this.timerCount()) % this.timerCount();
};
TimerApp.prototype.displayText = function () {
var text = "";
for (var i = 0; i < this.timerCount(); ++i) {
text += i == this.displayedTimerIndex ? "0" : "=";
}
return text;
};
return TimerApp;
}());
var app = new TimerApp();
app.run();

81
src/app.ts
View File

@ -116,9 +116,12 @@ class TimerApp {
timers: TimerState[]
displayedTimerIndex: number
timeTextY: number
displayTextY: number
largeButton!: Button
leftButton!: Button
rightButton!: Button
topLeftButton!: Button
topRightButton!: Button
updateInterval: undefined | any
lastTickTimeMS: number
@ -127,6 +130,7 @@ class TimerApp {
this.height = g.getWidth()
this.timers = []
this.displayedTimerIndex = 0
this.displayTextY = 20
this.timeTextY = this.height * (2.0 / 5.0)
this.lastTickTimeMS = Date.now()
this.loadStateOrDefault()
@ -158,10 +162,12 @@ class TimerApp {
self.leftButton.onClick(x, y)
self.rightButton.onClick(x, y)
}
self.topLeftButton.onClick(x, y)
self.topRightButton.onClick(x, y)
},
remove: () => {
self.pauseTimer()
// Bangle.removeListener("lcdPower", onLCDPower)
g.setTheme(originalTheme)
},
})
@ -173,6 +179,9 @@ class TimerApp {
g.fillRect(0, 0, this.width, this.height)
Bangle.loadWidgets()
Bangle.drawWidgets()
// These buttons don't update so they only need to be drawn once.
this.topLeftButton.draw()
this.topRightButton.draw()
}
initializeButtons() {
@ -222,6 +231,30 @@ class TimerApp {
resumeTimer,
PAUSE_IMG
)
const navigatorButtonSize = this.width / 8.0
this.topLeftButton = new Button(
0.0,
0.0,
navigatorButtonSize,
navigatorButtonSize,
BLUE_COLOR,
function () {
self.gotoPreviousTimer()
},
RESET_IMG
)
this.topRightButton = new Button(
this.width - navigatorButtonSize,
0.0,
navigatorButtonSize,
navigatorButtonSize,
BLUE_COLOR,
function () {
self.gotoNextTimer()
},
RESET_IMG
)
}
startTimer() {
@ -297,6 +330,10 @@ class TimerApp {
})
}
timerCount() {
return this.timers.length
}
loadStateOrDefault() {
let state = require("Storage").readJSON(STORAGE_FILE, 1)
if (state == undefined) {
@ -344,6 +381,17 @@ class TimerApp {
g.setFontAlign(0, 0)
g.clearRect(0, this.timeTextY - 21, this.width, this.timeTextY + 21)
g.drawString(timeText, this.width / 2, this.timeTextY)
const displayText = this.displayText()
g.setFont("Vector", 14)
g.clearRect(
this.width * 0.25,
this.displayTextY - 21,
this.width * 0.75,
this.displayTextY + 21
)
g.drawString(displayText, this.width / 2, this.displayTextY)
}
draw() {
@ -358,28 +406,23 @@ class TimerApp {
this.updateInterval = undefined
}
}
}
class Timer {
totalTime: number
startTime: number
currentTime: number
running: boolean
constructor(state: TimerState) {
this.totalTime = state.totalTime
this.startTime = state.startTime
this.currentTime = state.currentTime
this.running = state.running
gotoNextTimer() {
this.displayedTimerIndex = (this.displayedTimerIndex + 1) % this.timerCount()
}
state(): TimerState {
return {
totalTime: this.totalTime,
startTime: this.startTime,
currentTime: this.currentTime,
running: this.running,
gotoPreviousTimer() {
this.displayedTimerIndex =
(this.displayedTimerIndex - 1 + this.timerCount()) % this.timerCount()
}
displayText(): string {
let text = ""
for (let i = 0; i < this.timerCount(); ++i) {
text += i == this.displayedTimerIndex ? "0" : "="
}
return text
}
}