107 lines
3.2 KiB
JavaScript
107 lines
3.2 KiB
JavaScript
'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.getPrettyPoolName = misc.getPrettyPoolName;
|
|
|
|
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;
|