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
96
97
98
99
100
101
102
103
104
105
106
107
108
|
"use strict";
const events = require("../events.js");
const views = require("../util/views.js");
const misc = require("../util/misc.js");
const PoolSummaryView = require("./pool_summary_view.js");
const PoolEditView = require("./pool_edit_view.js");
const PoolMergeView = require("./pool_merge_view.js");
const PoolDeleteView = require("./pool_delete_view.js");
const EmptyView = require("../views/empty_view.js");
const template = views.getTemplate("pool");
class PoolView extends events.EventTarget {
constructor(ctx) {
super();
this._ctx = ctx;
ctx.pool.addEventListener("change", (e) => this._evtChange(e));
ctx.section = ctx.section || "summary";
ctx.getPrettyName = misc.getPrettyName;
this._hostNode = document.getElementById("content-holder");
this._install();
}
_install() {
const ctx = this._ctx;
views.replaceContent(this._hostNode, template(ctx));
for (let item of this._hostNode.querySelectorAll("[data-name]")) {
item.classList.toggle(
"active",
item.getAttribute("data-name") === ctx.section
);
if (item.getAttribute("data-name") === ctx.section) {
item.parentNode.scrollLeft =
item.getBoundingClientRect().left -
item.parentNode.getBoundingClientRect().left;
}
}
ctx.hostNode = this._hostNode.querySelector(".pool-content-holder");
if (ctx.section === "edit") {
if (!this._ctx.canEditAnything) {
this._view = new EmptyView();
this._view.showError(
"You don't have privileges to edit pools."
);
} else {
this._view = new PoolEditView(ctx);
events.proxyEvent(this._view, this, "submit");
}
} else if (ctx.section === "merge") {
if (!this._ctx.canMerge) {
this._view = new EmptyView();
this._view.showError(
"You don't have privileges to merge pools."
);
} else {
this._view = new PoolMergeView(ctx);
events.proxyEvent(this._view, this, "submit", "merge");
}
} else if (ctx.section === "delete") {
if (!this._ctx.canDelete) {
this._view = new EmptyView();
this._view.showError(
"You don't have privileges to delete pools."
);
} else {
this._view = new PoolDeleteView(ctx);
events.proxyEvent(this._view, this, "submit", "delete");
}
} else {
this._view = new PoolSummaryView(ctx);
}
events.proxyEvent(this._view, this, "change");
views.syncScrollPosition();
}
clearMessages() {
this._view.clearMessages();
}
enableForm() {
this._view.enableForm();
}
disableForm() {
this._view.disableForm();
}
showSuccess(message) {
this._view.showSuccess(message);
}
showError(message) {
this._view.showError(message);
}
_evtChange(e) {
this._ctx.pool = e.detail.pool;
this._install(this._ctx);
}
}
module.exports = PoolView;
|
