78 lines
1.9 KiB
JavaScript
78 lines
1.9 KiB
JavaScript
import {Tool} from '../tool.js';
|
|
import {
|
|
TOOL_INFO_CLASSNAME,
|
|
WIDE_CLASSNAME,
|
|
} from '../config.js';
|
|
|
|
export class UtilityTool extends Tool {
|
|
currentTimeEl = undefined;
|
|
|
|
setContainer(container) {
|
|
super.setContainer(container);
|
|
this.currentTimeEl.innerHTML = this.timeText;
|
|
}
|
|
|
|
constructor() {
|
|
super();
|
|
|
|
const clearTraces = document.createElement('button');
|
|
const currentTime = document.createElement('button');
|
|
const clearDebug = document.createElement('button');
|
|
|
|
this.currentTimeEl = currentTime;
|
|
|
|
this.div.appendChild(currentTime);
|
|
this.div.appendChild(clearTraces);
|
|
this.div.appendChild(clearDebug);
|
|
|
|
clearTraces.classList.add(WIDE_CLASSNAME);
|
|
currentTime.classList.add(TOOL_INFO_CLASSNAME);
|
|
currentTime.classList.add(WIDE_CLASSNAME);
|
|
clearDebug.classList.add(WIDE_CLASSNAME);
|
|
|
|
clearTraces.innerHTML = 'Clear Traces';
|
|
clearDebug.innerHTML = 'Clear Debug';
|
|
|
|
clearTraces.addEventListener('click', () => {
|
|
// Obliterate object histories
|
|
this.sim.system.forEachObject(obj => {
|
|
obj.history = [];
|
|
}, {alive: null});
|
|
});
|
|
|
|
clearDebug.addEventListener('click', () => {
|
|
this.sim.info = {};
|
|
});
|
|
}
|
|
|
|
frame() {
|
|
if (this.currentTimeEl) {
|
|
this.currentTimeEl.innerHTML = this.timeText;
|
|
}
|
|
}
|
|
|
|
get timeText() {
|
|
let time = this.sim.time;
|
|
// Time in milliseconds
|
|
const ms = Math.floor(time % 1000);
|
|
time = (time - ms) / 1000;
|
|
const s = Math.floor(time % 60);
|
|
time = (time - s) / 60;
|
|
const m = Math.floor(time % 60);
|
|
time = (time - m) / 60;
|
|
const h = Math.floor(time % 24);
|
|
time = (time - h) / 24;
|
|
const d = Math.floor(time);
|
|
return [
|
|
d || undefined,
|
|
h.toString().padStart(2, '0'),
|
|
m.toString().padStart(2, '0'),
|
|
[
|
|
s.toString().padStart(2, '0'),
|
|
ms.toString().padStart(3, '0'),
|
|
].join('.')
|
|
].filter(x => x !== undefined).join(':');
|
|
}
|
|
|
|
}
|