1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
|
// Copyright Epic Games, Inc. All Rights Reserved.
"use strict";
import { ZenPage } from "./page.js"
import { Fetcher } from "../util/fetcher.js"
import { Friendly } from "../util/friendly.js"
import { Modal } from "../util/modal.js"
import { Table, Toolbar } from "../util/widgets.js"
////////////////////////////////////////////////////////////////////////////////
export class Page extends ZenPage
{
async main()
{
var section = this.add_section("projects");
// project list
var columns = [
"name",
"project_dir",
"engine_dir",
"actions",
];
var table = section.add_widget(Table, columns);
for (const project of await new Fetcher().resource("/prj/list").json())
{
var row = table.add_row(
"",
project.ProjectRootDir,
project.EngineRootDir,
);
var cell = row.get_cell(0);
cell.tag().text(project.Id).on_click((x) => this.view_project(x), project.Id);
var cell = row.get_cell(-1);
var action_tb = new Toolbar(cell, true);
action_tb.left().add("view").on_click((x) => this.view_project(x), project.Id);
action_tb.left().add("drop").on_click((x) => this.drop_project(x), project.Id);
}
// stats
section = this.add_section("stats");
columns = [
"name",
"req count",
"size disk",
"size mem",
"cid total",
];
const stats_table = section.add_widget(Table, columns, Table.Flag_PackRight);
var providers = new Fetcher().resource("stats").json();
for (var provider of (await providers)["providers"])
{
var stats = await new Fetcher().resource("stats", provider).json();
var values = [""];
try {
values.push(stats.requests.count);
const size_stat = (stats.store || stats.cache).size;
values.push(Friendly.kib(size_stat.disk));
values.push(Friendly.kib(size_stat.memory));
values.push(stats.cid.size.total);
}
catch {}
row = stats_table.add_row(...values);
row.get_cell(0).tag().text(provider).on_click((x) => this.view_stat(x), provider);
}
}
view_stat(provider)
{
window.location = "?page=stat&provider=" + provider;
}
view_project(project_id)
{
window.location = "?page=project&project=" + project_id;
}
drop_project(project_id)
{
const drop = async () => {
await new Fetcher().resource("prj", project_id).delete();
this.reload();
};
new Modal()
.title("Confirmation")
.message(`Drop project '${project_id}'?`)
.option("Yes", () => drop())
.option("No");
}
}
|