mirror of
https://github.com/discourse/discourse.git
synced 2024-12-27 17:33:47 +08:00
f5cca4930d
This is another refactoring in the multi-step process to remove all uses
of our custom Render Buffer.
Previous commit: da66950cf5
in this
series.
This commit affects the display of the backup logs. It is just a
refactor and does not change any functionality.
74 lines
1.9 KiB
JavaScript
74 lines
1.9 KiB
JavaScript
import { scheduleOnce } from "@ember/runloop";
|
|
import Component from "@ember/component";
|
|
import discourseDebounce from "discourse/lib/debounce";
|
|
import { observes, on } from "discourse-common/utils/decorators";
|
|
|
|
export default Component.extend({
|
|
classNames: ["admin-backups-logs"],
|
|
showLoadingSpinner: false,
|
|
hasFormattedLogs: false,
|
|
noLogsMessage: I18n.t("admin.backups.logs.none"),
|
|
|
|
init() {
|
|
this._super(...arguments);
|
|
this._reset();
|
|
},
|
|
|
|
_reset() {
|
|
this.setProperties({ formattedLogs: "", index: 0 });
|
|
},
|
|
|
|
_scrollDown() {
|
|
const div = this.element;
|
|
div.scrollTop = div.scrollHeight;
|
|
},
|
|
|
|
@on("init")
|
|
@observes("logs.[]")
|
|
_resetFormattedLogs() {
|
|
if (this.logs.length === 0) {
|
|
this._reset(); // reset the cached logs whenever the model is reset
|
|
this.renderLogs();
|
|
}
|
|
},
|
|
|
|
@on("init")
|
|
@observes("logs.[]")
|
|
_updateFormattedLogs: discourseDebounce(function() {
|
|
const logs = this.logs;
|
|
if (logs.length === 0) return;
|
|
|
|
// do the log formatting only once for HELLish performance
|
|
let formattedLogs = this.formattedLogs;
|
|
for (let i = this.index, length = logs.length; i < length; i++) {
|
|
const date = logs[i].get("timestamp"),
|
|
message = logs[i].get("message");
|
|
formattedLogs += "[" + date + "] " + message + "\n";
|
|
}
|
|
// update the formatted logs & cache index
|
|
this.setProperties({
|
|
formattedLogs: formattedLogs,
|
|
index: logs.length
|
|
});
|
|
// force rerender
|
|
this.renderLogs();
|
|
|
|
scheduleOnce("afterRender", this, this._scrollDown);
|
|
}, 150),
|
|
|
|
renderLogs() {
|
|
const formattedLogs = this.formattedLogs;
|
|
if (formattedLogs && formattedLogs.length > 0) {
|
|
this.set("hasFormattedLogs", true);
|
|
} else {
|
|
this.set("hasFormattedLogs", false);
|
|
}
|
|
// add a loading indicator
|
|
if (this.get("status.isOperationRunning")) {
|
|
this.set("showLoadingSpinner", true);
|
|
} else {
|
|
this.set("showLoadingSpinner", false);
|
|
}
|
|
}
|
|
});
|