bb0f4bfa62
* Fix wrapping when too many hosts are shown (#207) * Update npm packages, fixes CVE-2019-10757 * Revert some breaking packages * Major overhaul - Docker buildx support in CI - Cypress API Testing in CI - Restructured folder layout (insert clean face meme) - Added Swagger documentation and validate API against that (to be completed) - Use common base image for all supported archs, which includes updated nginx with ipv6 support - Updated certbot and changes required for it - Large amount of Hosts names will wrap in UI - Updated packages for frontend - Version bump 2.1.0 * Updated documentation * Fix JWT expire time going crazy. Now set to 1day * Backend JS formatting rules * Remove v1 importer, I doubt anyone is using v1 anymore * Added backend formatting rules and enforce them in Jenkins builds * Fix CI, doesn't need a tty * Thanks bcrypt. Why can't you just be normal. * Cleanup after syntax check Co-authored-by: Marcelo Castagna <margaale@users.noreply.github.com>
82 lines
2.8 KiB
JavaScript
82 lines
2.8 KiB
JavaScript
const Mn = require('backbone.marionette');
|
|
const App = require('../../main');
|
|
const AccessListModel = require('../../../models/access-list');
|
|
const ListView = require('./list/main');
|
|
const ErrorView = require('../../error/main');
|
|
const EmptyView = require('../../empty/main');
|
|
const template = require('./main.ejs');
|
|
|
|
module.exports = Mn.View.extend({
|
|
id: 'nginx-access',
|
|
template: template,
|
|
|
|
ui: {
|
|
list_region: '.list-region',
|
|
add: '.add-item',
|
|
help: '.help',
|
|
dimmer: '.dimmer'
|
|
},
|
|
|
|
regions: {
|
|
list_region: '@ui.list_region'
|
|
},
|
|
|
|
events: {
|
|
'click @ui.add': function (e) {
|
|
e.preventDefault();
|
|
App.Controller.showNginxAccessListForm();
|
|
},
|
|
|
|
'click @ui.help': function (e) {
|
|
e.preventDefault();
|
|
App.Controller.showHelp(App.i18n('access-lists', 'help-title'), App.i18n('access-lists', 'help-content'));
|
|
}
|
|
},
|
|
|
|
templateContext: {
|
|
showAddButton: App.Cache.User.canManage('access_lists')
|
|
},
|
|
|
|
onRender: function () {
|
|
let view = this;
|
|
|
|
App.Api.Nginx.AccessLists.getAll(['owner', 'items'])
|
|
.then(response => {
|
|
if (!view.isDestroyed()) {
|
|
if (response && response.length) {
|
|
view.showChildView('list_region', new ListView({
|
|
collection: new AccessListModel.Collection(response)
|
|
}));
|
|
} else {
|
|
let manage = App.Cache.User.canManage('access_lists');
|
|
|
|
view.showChildView('list_region', new EmptyView({
|
|
title: App.i18n('access-lists', 'empty'),
|
|
subtitle: App.i18n('all-hosts', 'empty-subtitle', {manage: manage}),
|
|
link: manage ? App.i18n('access-lists', 'add') : null,
|
|
btn_color: 'teal',
|
|
permission: 'access_lists',
|
|
action: function () {
|
|
App.Controller.showNginxAccessListForm();
|
|
}
|
|
}));
|
|
}
|
|
}
|
|
})
|
|
.catch(err => {
|
|
view.showChildView('list_region', new ErrorView({
|
|
code: err.code,
|
|
message: err.message,
|
|
retry: function () {
|
|
App.Controller.showNginxAccess();
|
|
}
|
|
}));
|
|
|
|
console.error(err);
|
|
})
|
|
.then(() => {
|
|
view.ui.dimmer.removeClass('active');
|
|
});
|
|
}
|
|
});
|