Add README and app icon.
Bryan
parent
09f652df3c
commit
d3474965ca
|
|
@ -0,0 +1,4 @@
|
|||
# Message Center
|
||||
|
||||
- Groups messages from same sender.
|
||||
- Scroll through all current messages.
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 400 B |
|
|
@ -1,246 +1,244 @@
|
|||
{
|
||||
let options = {
|
||||
srcFont: "6x8",
|
||||
titleFont: "12x20",
|
||||
bodyFont: "6x15:2",
|
||||
headerBgColor: g.theme.bgH,
|
||||
headerFgColor: g.theme.fg,
|
||||
headerHlColor: g.toColor(0, 1, 0),
|
||||
margin: 3, // space on sides
|
||||
padding: 16, // space between header and body
|
||||
lineSpacing: 0,
|
||||
fh: 20, // footer height - leave this much space for a footer
|
||||
};
|
||||
let options = {
|
||||
srcFont: "6x8",
|
||||
titleFont: "12x20",
|
||||
bodyFont: "6x15:2",
|
||||
headerBgColor: g.theme.bgH,
|
||||
headerFgColor: g.theme.fg,
|
||||
headerHlColor: g.toColor(0, 1, 0),
|
||||
margin: 3, // space on sides
|
||||
padding: 16, // space between header and body
|
||||
lineSpacing: 0,
|
||||
fh: 20, // footer height - leave this much space for a footer
|
||||
};
|
||||
|
||||
let setOptions = function(opts) {
|
||||
options = Object.assign(options, opts);
|
||||
};
|
||||
let setOptions = function (opts) {
|
||||
options = Object.assign(options, opts);
|
||||
};
|
||||
|
||||
let setClipRect = function (x, y, x2, y2) {
|
||||
if (y < Bangle.appRect.y) y = Bangle.appRect.y;
|
||||
if (y2 < Bangle.appRect.y) y2 = Bangle.appRect.y;
|
||||
if (y > Bangle.appRect.y2 - 10) y = Bangle.appRect.y2 - options.fh - 1;
|
||||
if (y2 > Bangle.appRect.y2 - 10) y2 = Bangle.appRect.y2 - options.fh - 1;
|
||||
return g.setClipRect(x, y, x2, y2);
|
||||
};
|
||||
let setClipRect = function (x, y, x2, y2) {
|
||||
if (y < Bangle.appRect.y) y = Bangle.appRect.y;
|
||||
if (y2 < Bangle.appRect.y) y2 = Bangle.appRect.y;
|
||||
if (y > Bangle.appRect.y2 - 10) y = Bangle.appRect.y2 - options.fh - 1;
|
||||
if (y2 > Bangle.appRect.y2 - 10) y2 = Bangle.appRect.y2 - options.fh - 1;
|
||||
return g.setClipRect(x, y, x2, y2);
|
||||
};
|
||||
|
||||
const centerString = (str, x, y, w) => {
|
||||
g.setFontAlign(0, 0);
|
||||
g.drawString(str, x + (w / 2), y);
|
||||
};
|
||||
const centerString = (str, x, y, w) => {
|
||||
g.setFontAlign(0, 0);
|
||||
g.drawString(str, x + (w / 2), y);
|
||||
};
|
||||
|
||||
HeaderBox = function(msg, messageRect) {
|
||||
this.icon = require("messageicons").getImage(msg);
|
||||
this.color = require("messageicons").getColor(msg, {default:g.theme.fg2});
|
||||
this.im = g.imageMetrics(this.icon);
|
||||
this.iconSize = this.im.height;
|
||||
this.titleW = messageRect.w - this.iconSize;
|
||||
this.titleLines = (() => {
|
||||
if (msg.title) return g.setFont(options.titleFont).wrapString(msg.title, this.titleW);
|
||||
else return "";
|
||||
})();
|
||||
let sw = g.stringWidth(msg.title); // string width
|
||||
let ew = g.stringWidth("..."); // elipsis width
|
||||
let w = this.titleW - ew - options.margin; // max width for title
|
||||
let cw = sw / msg.title.length; // character width - will only be an average if not a fixed width font
|
||||
this.titleOneLine = msg.title.substr(0, Math.floor(w / cw)).concat("...");
|
||||
this.titleLineH = g.setFont(options.titleFont).getFontHeight();
|
||||
this.titleX = 0;
|
||||
this.titleY = 0;
|
||||
this.srcLineH = g.setFont(options.srcFont).getFontHeight();
|
||||
this.srcLines = g.wrapString(msg.src, this.iconSize);
|
||||
this.srcH = this.srcLineH * this.srcLines.length;
|
||||
this.srcX = this.x2 - this.iconSize;
|
||||
this.srcY = 0;
|
||||
this.imgX = this.titleW + ((this.iconSize - this.im.width) / 2);
|
||||
this.minH = Math.max(this.titleLineH, this.im.height) + options.padding;
|
||||
this.maxH = Math.max(this.titleLineH * this.titleLines.length, this.im.height + this.srcH) + options.padding;
|
||||
this.h = this.maxH;
|
||||
this.new = msg.new ?? false;
|
||||
}; // HeaderBox
|
||||
HeaderBox = function (msg, messageRect) {
|
||||
this.icon = require("messageicons").getImage(msg);
|
||||
this.color = require("messageicons").getColor(msg, { default: g.theme.fg2 });
|
||||
this.im = g.imageMetrics(this.icon);
|
||||
this.iconSize = this.im.height;
|
||||
this.titleW = messageRect.w - this.iconSize;
|
||||
this.titleLines = (() => {
|
||||
if (msg.title) return g.setFont(options.titleFont).wrapString(msg.title, this.titleW);
|
||||
else return "";
|
||||
})();
|
||||
let sw = g.stringWidth(msg.title); // string width
|
||||
let ew = g.stringWidth("..."); // elipsis width
|
||||
let w = this.titleW - ew - options.margin; // max width for title
|
||||
let cw = sw / msg.title.length; // character width - will only be an average if not a fixed width font
|
||||
this.titleOneLine = msg.title.substr(0, Math.floor(w / cw)).concat("...");
|
||||
this.titleLineH = g.setFont(options.titleFont).getFontHeight();
|
||||
this.titleX = 0;
|
||||
this.titleY = 0;
|
||||
this.srcLineH = g.setFont(options.srcFont).getFontHeight();
|
||||
this.srcLines = g.wrapString(msg.src, this.iconSize);
|
||||
this.srcH = this.srcLineH * this.srcLines.length;
|
||||
this.srcX = this.x2 - this.iconSize;
|
||||
this.srcY = 0;
|
||||
this.imgX = this.titleW + ((this.iconSize - this.im.width) / 2);
|
||||
this.minH = Math.max(this.titleLineH, this.im.height) + options.padding;
|
||||
this.maxH = Math.max(this.titleLineH * this.titleLines.length, this.im.height + this.srcH) + options.padding;
|
||||
this.h = this.maxH;
|
||||
this.new = msg.new ?? false;
|
||||
}; // HeaderBox
|
||||
|
||||
HeaderBox.prototype.draw = function(messageRect) {
|
||||
//const getImgY = () => (this.h - options.padding - this.im.height + (this.h == this.maxH ? this.srcH : 0)) / 2;
|
||||
const getImgY = () => (this.h - options.padding - (this.im.height / 2)) / 2;
|
||||
const x = messageRect.x
|
||||
const x2 = messageRect.x2;
|
||||
const y = messageRect.y;
|
||||
if (this.h < this.minH) this.h = this.minH;
|
||||
else if (this.h > this.maxH) this.h = this.maxH;
|
||||
let y2 = messageRect.y + this.h - 1;
|
||||
exports.setClipRect(x, y, x2, y2);
|
||||
g.setBgColor(options.headerBgColor).clearRect(x, y, x2, y2)
|
||||
.setBgColor(g.theme.bg2).clearRect(x+3, y+3, x2-3, y2-3);
|
||||
if (this.new) g.setColor(options.headerHlColor).fillPoly([x, y, x + 20, y, x, y + 20]);
|
||||
g.setColor(options.headerFgColor)
|
||||
.setFont(options.titleFont);
|
||||
if (this.h > this.minH) { // multi-line title
|
||||
let titleY = Math.floor(((this.h + options.padding - (this.titleLineH * this.titleLines.length)) / 2) + y);
|
||||
if (this.titleLines) {
|
||||
for (let line of this.titleLines) {
|
||||
centerString(line, x, titleY, this.titleW);
|
||||
titleY += this.titleLineH;
|
||||
}
|
||||
}
|
||||
} else { // single-line title
|
||||
const titleY = Math.floor(((this.h + options.padding - this.titleLineH) / 2) + y);
|
||||
centerString(this.titleOneLine, x + options.margin, titleY, this.titleW);
|
||||
}
|
||||
// g.setFont(options.srcFont);
|
||||
// if (this.h == this.maxH) {
|
||||
// let srcY = y+4;
|
||||
// for (let line of this.srcLines) {
|
||||
// centerString(line, x2 - this.iconSize, srcY, this.iconSize);
|
||||
// srcY += this.srcLineH;
|
||||
// }
|
||||
// }
|
||||
g.setColor(this.color).drawImage(this.icon, x + this.imgX, y + getImgY());
|
||||
};
|
||||
HeaderBox.prototype.draw = function (messageRect) {
|
||||
//const getImgY = () => (this.h - options.padding - this.im.height + (this.h == this.maxH ? this.srcH : 0)) / 2;
|
||||
const getImgY = () => (this.h - options.padding - (this.im.height / 2)) / 2;
|
||||
const x = messageRect.x
|
||||
const x2 = messageRect.x2;
|
||||
const y = messageRect.y;
|
||||
if (this.h < this.minH) this.h = this.minH;
|
||||
else if (this.h > this.maxH) this.h = this.maxH;
|
||||
let y2 = messageRect.y + this.h - 1;
|
||||
exports.setClipRect(x, y, x2, y2);
|
||||
g.setBgColor(options.headerBgColor).clearRect(x, y, x2, y2)
|
||||
.setBgColor(g.theme.bg2).clearRect(x + 3, y + 3, x2 - 3, y2 - 3);
|
||||
if (this.new) g.setColor(options.headerHlColor).fillPoly([x, y, x + 20, y, x, y + 20]);
|
||||
g.setColor(options.headerFgColor)
|
||||
.setFont(options.titleFont);
|
||||
if (this.h > this.minH) { // multi-line title
|
||||
let titleY = Math.floor(((this.h + options.padding - (this.titleLineH * this.titleLines.length)) / 2) + y);
|
||||
if (this.titleLines) {
|
||||
for (let line of this.titleLines) {
|
||||
centerString(line, x, titleY, this.titleW);
|
||||
titleY += this.titleLineH;
|
||||
}
|
||||
}
|
||||
} else { // single-line title
|
||||
const titleY = Math.floor(((this.h + options.padding - this.titleLineH) / 2) + y);
|
||||
centerString(this.titleOneLine, x + options.margin, titleY, this.titleW);
|
||||
}
|
||||
// g.setFont(options.srcFont);
|
||||
// if (this.h == this.maxH) {
|
||||
// let srcY = y+4;
|
||||
// for (let line of this.srcLines) {
|
||||
// centerString(line, x2 - this.iconSize, srcY, this.iconSize);
|
||||
// srcY += this.srcLineH;
|
||||
// }
|
||||
// }
|
||||
g.setColor(this.color).drawImage(this.icon, x + this.imgX, y + getImgY());
|
||||
};
|
||||
|
||||
const TextBox = function(msgGroup, messageRect) {
|
||||
this.messageGroup = msgGroup;
|
||||
this.lineH = (g.setFont(options.bodyFont).getFontHeight()) + options.lineSpacing;
|
||||
this.messages = new Array(this.messageGroup.length);
|
||||
this.numLines = 0;
|
||||
let mnum = 0;
|
||||
for (msg of this.messageGroup.bodies) {
|
||||
this.messages[mnum] = g.wrapString(msg, messageRect.w - options.margin);
|
||||
this.numLines += this.messages[mnum].length;
|
||||
mnum++;
|
||||
}
|
||||
this.scrollY = 0;
|
||||
console.log("options.fh: ", options.fh);
|
||||
console.log("lineH: ", this.lineH);
|
||||
console.log("numLines", this.numLines);
|
||||
console.log("messageRect.y2", messageRect.y2);
|
||||
this.minY = (messageRect.y2 - options.fh - (this.lineH * (this.numLines))); // can't for the life of me figure out why I'm having to +1 the num of lines
|
||||
console.log("minY", this.minY);
|
||||
if (this.minY > 0) this.minY = 0;
|
||||
}; // TextBox
|
||||
const TextBox = function (msgGroup, messageRect) {
|
||||
this.messageGroup = msgGroup;
|
||||
this.lineH = (g.setFont(options.bodyFont).getFontHeight()) + options.lineSpacing;
|
||||
this.messages = new Array(this.messageGroup.length);
|
||||
this.numLines = 0;
|
||||
let mnum = 0;
|
||||
for (msg of this.messageGroup.bodies) {
|
||||
this.messages[mnum] = {
|
||||
msg: g.wrapString(msg, messageRect.w - options.margin),
|
||||
offset: this.numLines * this.lineH
|
||||
}
|
||||
this.numLines += this.messages[mnum].msg.length;
|
||||
mnum++;
|
||||
}
|
||||
this.scrollY = 0;
|
||||
this.minY = (messageRect.y2 - options.fh - (this.lineH * (this.numLines))); // can't for the life of me figure out why I'm having to +1 the num of lines
|
||||
if (this.minY > 0) this.minY = 0;
|
||||
}; // TextBox
|
||||
|
||||
TextBox.prototype.draw = function(messageRect, yOffset) {
|
||||
x = messageRect.x;
|
||||
y = messageRect.y + yOffset;
|
||||
x2 = messageRect.x2;
|
||||
y2 = messageRect.y2;
|
||||
exports.setClipRect(x, y, x2, y2);
|
||||
g.setColor(g.theme.fg).setBgColor(g.theme.bg)
|
||||
.clearRect(x, y, x2, y2)
|
||||
.setFont(options.bodyFont).setFontAlign(-1, -1);
|
||||
let lineY = this.scrollY;
|
||||
for (msgNum in this.messages) {
|
||||
g.drawLine(x2-20, y+lineY-5, x2, y+lineY-10)
|
||||
.drawLine(x2-20, y+lineY-5, x2, y+lineY);
|
||||
//.drawLine(x, y+lineY, x, y+(this.lineH*this.messages[msgNum].length));
|
||||
for (let line of this.messages[msgNum]) {
|
||||
if (y + lineY >= y - this.lineH) g.drawString(line, x + options.margin, y + lineY);
|
||||
lineY += this.lineH;
|
||||
}
|
||||
g.drawLine(x+20, y+lineY-5, x, y+lineY-10)
|
||||
.drawLine(x+20, y+lineY-5, x, y+lineY);
|
||||
}
|
||||
};
|
||||
TextBox.prototype.draw = function (messageRect, yOffset) {
|
||||
x = messageRect.x;
|
||||
y = messageRect.y + yOffset;
|
||||
x2 = messageRect.x2;
|
||||
y2 = messageRect.y2;
|
||||
exports.setClipRect(x, y, x2, y2);
|
||||
g.setColor(g.theme.fg).setBgColor(g.theme.bg)
|
||||
.clearRect(x, y, x2, y2)
|
||||
.setFont(options.bodyFont).setFontAlign(-1, -1);
|
||||
let lineY = this.scrollY;
|
||||
for (msgNum in this.messages) {
|
||||
g.drawLine(x2 - 20, y + lineY - 5, x2, y + lineY - 10)
|
||||
.drawLine(x2 - 20, y + lineY - 5, x2, y + lineY);
|
||||
//.drawLine(x, y+lineY, x, y+(this.lineH*this.messages[msgNum].length));
|
||||
for (let line of this.messages[msgNum].msg) {
|
||||
if (y + lineY >= y - this.lineH) g.drawString(line, x + options.margin, y + lineY);
|
||||
lineY += this.lineH;
|
||||
}
|
||||
g.drawLine(x + 20, y + lineY - 5, x, y + lineY - 10)
|
||||
.drawLine(x + 20, y + lineY - 5, x, y + lineY);
|
||||
}
|
||||
};
|
||||
|
||||
MessageBox = function(msgGroup, yOffset) {
|
||||
this.messageGroup = msgGroup;
|
||||
//if (!Array.isArray(msgGroup)) msgGroup = [msgGroup]; // make sure we have an array
|
||||
this.yOffset = yOffset ?? 0;
|
||||
this.xOffset = 0;
|
||||
this.rect = {
|
||||
w: Bangle.appRect.w,
|
||||
h: Bangle.appRect.h,
|
||||
x: Bangle.appRect.x + this.xOffset,
|
||||
y: Bangle.appRect.y + this.yOffset,
|
||||
x2: Bangle.appRect.x2 + this.xOffset,
|
||||
y2: Bangle.appRect.y2 + this.yOffset
|
||||
};
|
||||
this.headerBox = new HeaderBox(msgGroup, this.rect);
|
||||
this.textBox = new TextBox(msgGroup, this.rect);
|
||||
let messageH = this.numLines * this.textBox.lineH;
|
||||
let boxH = this.rect.h - this.headerBox.maxH - options.fh;
|
||||
if (messageH <= boxH) this.oneScreen = true;
|
||||
else this.oneScreen = false;
|
||||
this.top = true;
|
||||
if (this.oneScreen) {
|
||||
this.bottom = true;
|
||||
this.textBox.initScrollY = Math.round((boxH - messageH) / 2);
|
||||
} else {
|
||||
this.bottom = false;
|
||||
this.textBox.initScrollY = 0;
|
||||
}
|
||||
this.textBox.scrollY = this.textBox.initScrollY;
|
||||
this.sbH = this.rect.h / messageH * this.rect.h; // scrollbar height
|
||||
this.sbRatio = (this.rect.h - this.sbH) / Math.abs(this.textBox.minY); // scrollbar ratio
|
||||
}; // MessageBox
|
||||
MessageBox = function (msgGroup, yOffset) {
|
||||
this.messageGroup = msgGroup;
|
||||
//if (!Array.isArray(msgGroup)) msgGroup = [msgGroup]; // make sure we have an array
|
||||
this.yOffset = yOffset ?? 0;
|
||||
this.xOffset = 0;
|
||||
this.rect = {
|
||||
w: Bangle.appRect.w,
|
||||
h: Bangle.appRect.h,
|
||||
x: Bangle.appRect.x + this.xOffset,
|
||||
y: Bangle.appRect.y + this.yOffset,
|
||||
x2: Bangle.appRect.x2 + this.xOffset,
|
||||
y2: Bangle.appRect.y2 + this.yOffset
|
||||
};
|
||||
this.headerBox = new HeaderBox(msgGroup, this.rect);
|
||||
this.textBox = new TextBox(msgGroup, this.rect);
|
||||
let messageH = this.numLines * this.textBox.lineH;
|
||||
let boxH = this.rect.h - this.headerBox.maxH - options.fh;
|
||||
if (messageH <= boxH) this.oneScreen = true;
|
||||
else this.oneScreen = false;
|
||||
this.top = true;
|
||||
if (this.oneScreen) {
|
||||
this.bottom = true;
|
||||
this.textBox.initScrollY = Math.round((boxH - messageH) / 2);
|
||||
} else {
|
||||
this.bottom = false;
|
||||
this.textBox.initScrollY = 0;
|
||||
}
|
||||
this.textBox.scrollY = this.textBox.initScrollY;
|
||||
this.sbH = this.rect.h / messageH * this.rect.h; // scrollbar height
|
||||
this.sbRatio = (this.rect.h - this.sbH) / Math.abs(this.textBox.minY); // scrollbar ratio
|
||||
}; // MessageBox
|
||||
|
||||
MessageBox.prototype.prevOffset = Bangle.appRect.y - Bangle.appRect.h;
|
||||
MessageBox.prototype.nextOffset = Bangle.appRect.y2 + 1;
|
||||
MessageBox.prototype.prevOffset = Bangle.appRect.y - Bangle.appRect.h;
|
||||
MessageBox.prototype.nextOffset = Bangle.appRect.y2 + 1;
|
||||
|
||||
MessageBox.prototype.setNew = function() {
|
||||
this.headerBox.new = true;
|
||||
}
|
||||
MessageBox.prototype.setNew = function () {
|
||||
this.headerBox.new = true;
|
||||
}
|
||||
|
||||
MessageBox.prototype.clearNew = function() {
|
||||
this.headerBox.new = false;
|
||||
}
|
||||
MessageBox.prototype.clearNew = function () {
|
||||
this.headerBox.new = false;
|
||||
}
|
||||
|
||||
MessageBox.prototype.reset = function(yOffset) {
|
||||
if (!yOffset) yOffset = 0;
|
||||
this.yOffset = yOffset;
|
||||
this.headerBox.h = this.headerBox.maxH;
|
||||
this.textBox.scrollY = this.textBox.initScrollY;
|
||||
this.top = true;
|
||||
if (this.oneScreen) this.bottom = true;
|
||||
else this.bottom = false;
|
||||
};
|
||||
MessageBox.prototype.reset = function (yOffset) {
|
||||
if (!yOffset) yOffset = 0;
|
||||
this.yOffset = yOffset;
|
||||
this.headerBox.h = this.headerBox.maxH;
|
||||
this.textBox.scrollY = this.textBox.initScrollY;
|
||||
this.top = true;
|
||||
if (this.oneScreen) this.bottom = true;
|
||||
else this.bottom = false;
|
||||
};
|
||||
|
||||
MessageBox.prototype.draw = function() {
|
||||
this.rect.x = Bangle.appRect.x + this.xOffset;
|
||||
this.rect.x2 = Bangle.appRect.x2 + this.xOffset;
|
||||
this.rect.y = Bangle.appRect.y + this.yOffset;
|
||||
this.rect.y2 = Bangle.appRect.y2 + this.yOffset;
|
||||
exports.setClipRect(this.rect.x, this.rect.y, this.rect.x2, this.rect.y2);
|
||||
g.clearRect(this.rect.x, this.rect.y, this.rect.x2, this.rect.y2);
|
||||
this.headerBox.draw(this.rect);
|
||||
this.textBox.draw(this.rect, this.headerBox.h);
|
||||
exports.setClipRect(this.rect.x, this.rect.y, this.rect.x2, this.rect.y2);
|
||||
this.drawScrollbar();
|
||||
};
|
||||
MessageBox.prototype.draw = function () {
|
||||
this.rect.x = Bangle.appRect.x + this.xOffset;
|
||||
this.rect.x2 = Bangle.appRect.x2 + this.xOffset;
|
||||
this.rect.y = Bangle.appRect.y + this.yOffset;
|
||||
this.rect.y2 = Bangle.appRect.y2 + this.yOffset;
|
||||
exports.setClipRect(this.rect.x, this.rect.y, this.rect.x2, this.rect.y2);
|
||||
g.clearRect(this.rect.x, this.rect.y, this.rect.x2, this.rect.y2);
|
||||
this.headerBox.draw(this.rect);
|
||||
this.textBox.draw(this.rect, this.headerBox.h);
|
||||
exports.setClipRect(this.rect.x, this.rect.y, this.rect.x2, this.rect.y2);
|
||||
this.drawScrollbar();
|
||||
};
|
||||
|
||||
MessageBox.prototype.drawScrollbar = function() {
|
||||
if (this.oneScreen) return;
|
||||
let sbY = this.rect.y + (this.sbRatio * Math.abs(this.textBox.scrollY));
|
||||
g.setColor(g.theme.fg).drawLine(this.rect.x, sbY, this.rect.x, sbY + this.sbH);
|
||||
};
|
||||
MessageBox.prototype.drawScrollbar = function () {
|
||||
if (this.oneScreen) return;
|
||||
let sbY = this.rect.y + (this.sbRatio * Math.abs(this.textBox.scrollY));
|
||||
g.setColor(g.theme.fg).drawLine(this.rect.x, sbY, this.rect.x, sbY + this.sbH);
|
||||
};
|
||||
|
||||
MessageBox.prototype.scroll = function(dy) {
|
||||
if (this.oneScreen) return;
|
||||
if (this.headerBox.h > this.headerBox.minH && dy < 0) {
|
||||
this.headerBox.h += dy;
|
||||
if (this.headerBox.h < this.headerBox.minH) this.headerBox.h = this.headerBox.minH;
|
||||
} else if (this.headerBox.h < this.headerBox.maxH && dy > 0) {
|
||||
this.headerBox.h += dy;
|
||||
if (this.headerBox.h > this.headerBox.maxH) this.headerBox.h = this.headerBox.maxH;
|
||||
}
|
||||
if (this.headerBox.h == this.headerBox.minH && dy < 0) this.textBox.scrollY += dy;
|
||||
else if (dy > 0) this.textBox.scrollY += dy;
|
||||
if (this.textBox.scrollY <= this.textBox.minY - this.headerBox.h) {
|
||||
this.bottom = true;
|
||||
this.textBox.scrollY = this.textBox.minY - this.headerBox.h;
|
||||
} else {
|
||||
this.bottom = false;
|
||||
}
|
||||
if (this.textBox.scrollY >= 0 && this.headerBox.h == this.headerBox.maxH) {
|
||||
this.top = true;
|
||||
this.textBox.scrollY = this.textBox.initScrollY;
|
||||
} else {
|
||||
this.top = false;
|
||||
}
|
||||
this.draw();
|
||||
};
|
||||
MessageBox.prototype.scroll = function (dy) {
|
||||
if (this.oneScreen) return;
|
||||
if (this.headerBox.h > this.headerBox.minH && dy < 0) {
|
||||
this.headerBox.h += dy;
|
||||
if (this.headerBox.h < this.headerBox.minH) this.headerBox.h = this.headerBox.minH;
|
||||
} else if (this.headerBox.h < this.headerBox.maxH && dy > 0) {
|
||||
this.headerBox.h += dy;
|
||||
if (this.headerBox.h > this.headerBox.maxH) this.headerBox.h = this.headerBox.maxH;
|
||||
}
|
||||
if (this.headerBox.h == this.headerBox.minH && dy < 0) this.textBox.scrollY += dy;
|
||||
else if (dy > 0) this.textBox.scrollY += dy;
|
||||
if (this.textBox.scrollY <= this.textBox.minY - this.headerBox.h) {
|
||||
this.bottom = true;
|
||||
this.textBox.scrollY = this.textBox.minY - this.headerBox.h;
|
||||
} else {
|
||||
this.bottom = false;
|
||||
}
|
||||
if (this.textBox.scrollY >= 0 && this.headerBox.h == this.headerBox.maxH) {
|
||||
this.top = true;
|
||||
this.textBox.scrollY = this.textBox.initScrollY;
|
||||
} else {
|
||||
this.top = false;
|
||||
}
|
||||
this.draw();
|
||||
};
|
||||
|
||||
module.exports.HeaderBox = HeaderBox;
|
||||
module.exports.MessageBox = MessageBox;
|
||||
module.exports.setOptions = setOptions;
|
||||
module.exports.setClipRect = setClipRect;
|
||||
module.exports.HeaderBox = HeaderBox;
|
||||
module.exports.MessageBox = MessageBox;
|
||||
module.exports.setOptions = setOptions;
|
||||
module.exports.setClipRect = setClipRect;
|
||||
};
|
||||
|
|
|
|||
1227
messagecenter.app.js
1227
messagecenter.app.js
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1 @@
|
|||
atob("MDDCAP//viRSJhslAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKqqqqqqqqgAAAAACqqqqqqqqqqAAAAACqqqqqqqqqqAAAAAKqqqqqqqqqqgAAAAKqqqqqqqqqqgAAAAKqqqqqqqqqqgAAABVVVVVVVVeqqgAAAVVVVVVVVVV6qgAAAVVVVVVVVVVaqgAABVVVVVVVVVVeqgAABVVVVVVVVVVWqgAABVVVVVVVVVVWqgAABVVVVVVVVVVWqgAABVVVVVVVVVVWqgAABVVVVVVVVVVWqgAABVVVVVVVVVVWqgAABVVVVVVVVVVWqgAABVVVVVVVVVVWqgAABVVVVVVVVVVWqgAABVVVVVVVVVVWqgAABVVVVVVVVVVWqgAABVVVVVVVVVVWqgAABVVVVVVVVVVWqAAABVVVVVVVVVVWqAAABVVVVVVVVVVWgAAABVVVVVVVVVVUAAAABVVVVVVVVVVUAAAABVVVVVVVVVVUAAAABVVVVVVVVVVQAAAABVVVVVVVVVVQAAAABVVVVVVVVVUAAAAABVUAAAAAAAAAAAAABVQAAAAAAAAAAAAABVAAAAAAAAAAAAAABUAAAAAAAAAAAAAABQAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA")
|
||||
|
|
@ -1,5 +1,8 @@
|
|||
{
|
||||
"id": "messagecenter",
|
||||
"name": "Message Center",
|
||||
"src": "messagecenter.app.js"
|
||||
"id":"messagecenter",
|
||||
"name":"Message Center",
|
||||
"type":"tool",
|
||||
"version":"0.1",
|
||||
"tags":"tool,system",
|
||||
"files":"messages.info, messagebox, messagecenter.app.js, messagecenter.boot.js, messagecenter.notify.js, messagegui"
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue