2023-10-05 12:11:17 +00:00
|
|
|
var ResourceDisplays = {};
|
|
|
|
|
|
|
|
ResourceDisplays.BaseDisplay = class BaseDisplay {
|
2021-01-11 12:36:45 +00:00
|
|
|
constructor(displayElement) {
|
|
|
|
this.displayElement = displayElement;
|
2021-11-30 15:22:16 +00:00
|
|
|
this.userId = this.displayElement.dataset.userId;
|
2022-07-08 09:46:47 +00:00
|
|
|
this.isInitialized = false;
|
|
|
|
if (this.userId) {
|
2022-09-02 11:07:30 +00:00
|
|
|
app.subscribeUser(this.userId)
|
|
|
|
.then((response) => {
|
|
|
|
app.socket.on('PATCH', (patch) => {
|
|
|
|
if (this.isInitialized) {this.onPatch(patch);}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
app.getUser(this.userId)
|
|
|
|
.then((user) => {
|
|
|
|
this.init(user);
|
|
|
|
this.isInitialized = true;
|
|
|
|
});
|
2022-07-08 09:46:47 +00:00
|
|
|
}
|
2021-01-11 12:36:45 +00:00
|
|
|
}
|
|
|
|
|
2021-11-30 15:22:16 +00:00
|
|
|
init(user) {throw 'Not implemented';}
|
2021-01-11 12:36:45 +00:00
|
|
|
|
2022-09-02 11:07:30 +00:00
|
|
|
onPatch(patch) {throw 'Not implemented';}
|
2021-01-11 12:36:45 +00:00
|
|
|
|
|
|
|
setElement(element, value) {
|
|
|
|
switch (element.tagName) {
|
2022-09-02 11:07:30 +00:00
|
|
|
case 'INPUT': {
|
2021-01-11 12:36:45 +00:00
|
|
|
element.value = value;
|
|
|
|
M.updateTextFields();
|
|
|
|
break;
|
2022-09-02 11:07:30 +00:00
|
|
|
}
|
|
|
|
default: {
|
2021-01-11 12:36:45 +00:00
|
|
|
element.innerText = value;
|
|
|
|
break;
|
2022-09-02 11:07:30 +00:00
|
|
|
}
|
2021-01-11 12:36:45 +00:00
|
|
|
}
|
|
|
|
}
|
2021-12-01 13:15:20 +00:00
|
|
|
|
|
|
|
setElements(elements, value) {
|
2022-09-02 11:07:30 +00:00
|
|
|
for (let element of elements) {
|
2021-12-01 13:15:20 +00:00
|
|
|
this.setElement(element, value);
|
|
|
|
}
|
|
|
|
}
|
2023-10-05 12:11:17 +00:00
|
|
|
};
|