mirror of
https://github.com/discourse/discourse.git
synced 2024-11-25 09:23:13 +08:00
c34f8b65cb
As of #23867 this is now a real package, so updating the imports to use the real package name, rather than relying on the alias. The name change in the package name is because `I18n` is not a valid name as NPM packages must be all lowercase. This commit also introduces an eslint rule to prevent importing from the old I18n path. For themes/plugins, the old 'i18n' name remains functional.
79 lines
2.1 KiB
JavaScript
79 lines
2.1 KiB
JavaScript
import Component from "@ember/component";
|
|
import { scheduleOnce } from "@ember/runloop";
|
|
import { classNames } from "@ember-decorators/component";
|
|
import { observes, on } from "@ember-decorators/object";
|
|
import discourseDebounce from "discourse-common/lib/debounce";
|
|
import I18n from "discourse-i18n";
|
|
|
|
@classNames("admin-backups-logs")
|
|
export default class AdminBackupsLogs extends Component {
|
|
showLoadingSpinner = false;
|
|
hasFormattedLogs = false;
|
|
noLogsMessage = I18n.t("admin.backups.logs.none");
|
|
formattedLogs = "";
|
|
index = 0;
|
|
|
|
_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();
|
|
}
|
|
}
|
|
|
|
_updateFormattedLogsFunc() {
|
|
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,
|
|
index: logs.length,
|
|
});
|
|
// force rerender
|
|
this.renderLogs();
|
|
|
|
scheduleOnce("afterRender", this, this._scrollDown);
|
|
}
|
|
|
|
@on("init")
|
|
@observes("logs.[]")
|
|
_updateFormattedLogs() {
|
|
discourseDebounce(this, this._updateFormattedLogsFunc, 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);
|
|
}
|
|
}
|
|
}
|