retropilot
/
cabana
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix set message size

main
Joost Wooning 2022-02-14 16:53:26 +01:00
parent 7909d33aea
commit 5ea45c26ee
2 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/EditMessageModal.js
View File

@ -83,9 +83,6 @@ export default class EditMessageModal extends Component {
value={this.state.messageFrame.size}
onChange={(e) => {
const { messageFrame } = this.state;
if (e.target.value > 8) {
return;
}
messageFrame.size = parseInt(e.target.value, 10);
this.setState({ messageFrame });
}}

19
src/components/MessageBytes.js
View File

@ -17,7 +17,6 @@ export default class MessageBytes extends Component {
isVisible: true,
lastMessageIndex: 0,
lastSeekTime: 0,
maxMessageBytes: 8,
};
this.onVisibilityChange = this.onVisibilityChange.bind(this);
@ -31,10 +30,14 @@ export default class MessageBytes extends Component {
componentDidUpdate(prevProps) {
if (prevProps.message !== this.props.message) {
const maxMessageBytes = DbcUtils.maxMessageSize(this.props.message, this.state.maxMessageBytes);
this.setState({ maxMessageBytes: maxMessageBytes });
let rowCount;
if (this.props.message.frame && this.props.message.frame.size) {
rowCount = Math.ceil(this.props.message.frame.size / 8);
} else {
rowCount = Math.ceil(DbcUtils.maxMessageSize(this.props.message, this.state.maxMessageBytes) / 8);
}
if (this.canvas) {
this.canvas.height = Math.ceil(maxMessageBytes / 8) * 15 * window.devicePixelRatio;
this.canvas.height = rowCount * 15 * window.devicePixelRatio;
}
}
@ -130,7 +133,13 @@ export default class MessageBytes extends Component {
this.canvas = ref;
this.canvas.width = 160 * window.devicePixelRatio;
this.canvas.height = Math.ceil(this.state.maxMessageBytes / 8) * 15 * window.devicePixelRatio;
let rowCount;
if (this.props.message.frame && this.props.message.frame.size) {
rowCount = Math.ceil(this.props.message.frame.size / 8);
} else {
rowCount = Math.ceil(DbcUtils.maxMessageSize(this.props.message, this.state.maxMessageBytes) / 8);
}
this.canvas.height = rowCount * 15 * window.devicePixelRatio;
const ctx = this.canvas.getContext('2d');
ctx.scale(window.devicePixelRatio, window.devicePixelRatio);
}