settings_exports: Convert module to TypeScript.

Signed-off-by: Anders Kaseorg <anders@zulip.com>
This commit is contained in:
Anders Kaseorg 2023-10-02 16:24:27 -07:00 committed by Tim Abbott
parent e459b83c06
commit c5c5b18ab4
2 changed files with 31 additions and 16 deletions

View File

@ -172,7 +172,7 @@ EXEMPT_FILES = make_set(
"web/src/settings_bots.js", "web/src/settings_bots.js",
"web/src/settings_display.js", "web/src/settings_display.js",
"web/src/settings_emoji.ts", "web/src/settings_emoji.ts",
"web/src/settings_exports.js", "web/src/settings_exports.ts",
"web/src/settings_invites.js", "web/src/settings_invites.js",
"web/src/settings_linkifiers.js", "web/src/settings_linkifiers.js",
"web/src/settings_muted_users.js", "web/src/settings_muted_users.js",

View File

@ -1,4 +1,5 @@
import $ from "jquery"; import $ from "jquery";
import {z} from "zod";
import render_confirm_delete_data_export from "../templates/confirm_dialog/confirm_delete_data_export.hbs"; import render_confirm_delete_data_export from "../templates/confirm_dialog/confirm_delete_data_export.hbs";
import render_admin_export_list from "../templates/settings/admin_export_list.hbs"; import render_admin_export_list from "../templates/settings/admin_export_list.hbs";
@ -14,15 +15,26 @@ import * as scroll_util from "./scroll_util";
import * as timerender from "./timerender"; import * as timerender from "./timerender";
import * as ui_report from "./ui_report"; import * as ui_report from "./ui_report";
const realm_export_schema = z.object({
id: z.number(),
export_time: z.number(),
acting_user_id: z.number(),
export_url: z.string().nullable(),
deleted_timestamp: z.number().nullable(),
failed_timestamp: z.number().nullable(),
pending: z.boolean(),
});
type RealmExport = z.output<typeof realm_export_schema>;
const meta = { const meta = {
loaded: false, loaded: false,
}; };
export function reset() { export function reset(): void {
meta.loaded = false; meta.loaded = false;
} }
function sort_user(a, b) { function sort_user(a: RealmExport, b: RealmExport): number {
const a_name = people.get_full_name(a.acting_user_id).toLowerCase(); const a_name = people.get_full_name(a.acting_user_id).toLowerCase();
const b_name = people.get_full_name(b.acting_user_id).toLowerCase(); const b_name = people.get_full_name(b.acting_user_id).toLowerCase();
if (a_name > b_name) { if (a_name > b_name) {
@ -33,7 +45,7 @@ function sort_user(a, b) {
return -1; return -1;
} }
export function populate_exports_table(exports) { export function populate_exports_table(exports: RealmExport[]): void {
if (!meta.loaded) { if (!meta.loaded) {
return; return;
} }
@ -43,18 +55,18 @@ export function populate_exports_table(exports) {
name: "admin_exports_list", name: "admin_exports_list",
get_item: ListWidget.default_get_item, get_item: ListWidget.default_get_item,
modifier_html(data) { modifier_html(data) {
let failed_timestamp = data.failed_timestamp; let failed_timestamp = null;
let deleted_timestamp = data.deleted_timestamp; let deleted_timestamp = null;
if (failed_timestamp !== null) { if (data.failed_timestamp !== null) {
failed_timestamp = timerender.relative_time_string_from_date({ failed_timestamp = timerender.relative_time_string_from_date({
date: new Date(failed_timestamp * 1000), date: new Date(data.failed_timestamp * 1000),
}); });
} }
if (deleted_timestamp !== null) { if (data.deleted_timestamp !== null) {
deleted_timestamp = timerender.relative_time_string_from_date({ deleted_timestamp = timerender.relative_time_string_from_date({
date: new Date(deleted_timestamp * 1000), date: new Date(data.deleted_timestamp * 1000),
}); });
} }
@ -74,7 +86,9 @@ export function populate_exports_table(exports) {
}); });
}, },
filter: { filter: {
$element: $exports_table.closest(".settings-section").find(".search"), $element: $exports_table
.closest(".settings-section")
.find<HTMLInputElement>("input.search"),
predicate(item, value) { predicate(item, value) {
return people.get_full_name(item.acting_user_id).toLowerCase().includes(value); return people.get_full_name(item.acting_user_id).toLowerCase().includes(value);
}, },
@ -99,7 +113,7 @@ export function populate_exports_table(exports) {
} }
} }
export function set_up() { export function set_up(): void {
meta.loaded = true; meta.loaded = true;
$("#export-data").on("click", (e) => { $("#export-data").on("click", (e) => {
@ -107,7 +121,7 @@ export function set_up() {
e.stopPropagation(); e.stopPropagation();
const $export_status = $("#export_status"); const $export_status = $("#export_status");
channel.post({ void channel.post({
url: "/json/export/realm", url: "/json/export/realm",
success() { success() {
ui_report.success( ui_report.success(
@ -123,9 +137,10 @@ export function set_up() {
}); });
// Do an initial population of the table // Do an initial population of the table
channel.get({ void channel.get({
url: "/json/export/realm", url: "/json/export/realm",
success(data) { success(raw_data) {
const data = z.object({exports: z.array(realm_export_schema)}).parse(raw_data);
populate_exports_table(data.exports); populate_exports_table(data.exports);
}, },
}); });
@ -134,7 +149,7 @@ export function set_up() {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
const $btn = $(this); const $btn = $(this);
const url = "/json/export/realm/" + encodeURIComponent($btn.attr("data-export-id")); const url = "/json/export/realm/" + encodeURIComponent($btn.attr("data-export-id")!);
const html_body = render_confirm_delete_data_export(); const html_body = render_confirm_delete_data_export();
confirm_dialog.launch({ confirm_dialog.launch({