154 lines
4.7 KiB
JavaScript
154 lines
4.7 KiB
JavaScript
const Mn = require('backbone.marionette');
|
|
const App = require('../../main');
|
|
const AccessListModel = require('../../../models/access-list');
|
|
const template = require('./form.ejs');
|
|
const ItemView = require('./form/item');
|
|
const ClientView = require('./form/client');
|
|
|
|
require('jquery-serializejson');
|
|
|
|
const ItemsView = Mn.CollectionView.extend({
|
|
childView: ItemView
|
|
});
|
|
|
|
const ClientsView = Mn.CollectionView.extend({
|
|
childView: ClientView
|
|
});
|
|
|
|
module.exports = Mn.View.extend({
|
|
template: template,
|
|
className: 'modal-dialog',
|
|
|
|
ui: {
|
|
items_region: '.items',
|
|
clients_region: '.clients',
|
|
form: 'form',
|
|
buttons: '.modal-footer button',
|
|
cancel: 'button.cancel',
|
|
save: 'button.save',
|
|
access_add: 'button.access_add',
|
|
auth_add: 'button.auth_add'
|
|
},
|
|
|
|
regions: {
|
|
items_region: '@ui.items_region',
|
|
clients_region: '@ui.clients_region'
|
|
},
|
|
|
|
events: {
|
|
'click @ui.save': function (e) {
|
|
e.preventDefault();
|
|
|
|
if (!this.ui.form[0].checkValidity()) {
|
|
$('<input type="submit">').hide().appendTo(this.ui.form).click().remove();
|
|
return;
|
|
}
|
|
|
|
let view = this;
|
|
let form_data = this.ui.form.serializeJSON();
|
|
let items_data = [];
|
|
let clients_data = [];
|
|
|
|
form_data.username.map(function (val, idx) {
|
|
if (val.trim().length) {
|
|
items_data.push({
|
|
username: val.trim(),
|
|
password: form_data.password[idx]
|
|
});
|
|
}
|
|
});
|
|
|
|
form_data.address.map(function (val, idx) {
|
|
if (val.trim().length) {
|
|
clients_data.push({
|
|
address: val.trim(),
|
|
directive: form_data.directive[idx]
|
|
})
|
|
}
|
|
});
|
|
|
|
if (!items_data.length && !clients_data.length) {
|
|
alert('You must specify at least 1 Authorization or Access rule');
|
|
return;
|
|
}
|
|
|
|
let data = {
|
|
name: form_data.name,
|
|
satisfy_any: !!form_data.satisfy_any,
|
|
pass_auth: !!form_data.pass_auth,
|
|
items: items_data,
|
|
clients: clients_data
|
|
};
|
|
|
|
console.log(data);
|
|
|
|
let method = App.Api.Nginx.AccessLists.create;
|
|
let is_new = true;
|
|
|
|
if (this.model.get('id')) {
|
|
// edit
|
|
is_new = false;
|
|
method = App.Api.Nginx.AccessLists.update;
|
|
data.id = this.model.get('id');
|
|
}
|
|
|
|
this.ui.buttons.prop('disabled', true).addClass('btn-disabled');
|
|
method(data)
|
|
.then(result => {
|
|
view.model.set(result);
|
|
|
|
App.UI.closeModal(function () {
|
|
if (is_new) {
|
|
App.Controller.showNginxAccess();
|
|
}
|
|
});
|
|
})
|
|
.catch(err => {
|
|
alert(err.message);
|
|
this.ui.buttons.prop('disabled', false).removeClass('btn-disabled');
|
|
});
|
|
},
|
|
'click @ui.access_add': function (e) {
|
|
e.preventDefault();
|
|
|
|
let clients = this.model.get('clients');
|
|
clients.push({});
|
|
this.showChildView('clients_region', new ClientsView({
|
|
collection: new Backbone.Collection(clients)
|
|
}));
|
|
},
|
|
'click @ui.auth_add': function (e) {
|
|
e.preventDefault();
|
|
|
|
let items = this.model.get('items');
|
|
items.push({});
|
|
this.showChildView('items_region', new ItemsView({
|
|
collection: new Backbone.Collection(items)
|
|
}));
|
|
}
|
|
},
|
|
|
|
onRender: function () {
|
|
let items = this.model.get('items');
|
|
let clients = this.model.get('clients');
|
|
|
|
// Ensure at least one field is shown initally
|
|
if (!items.length) items.push({});
|
|
if (!clients.length) clients.push({});
|
|
|
|
this.showChildView('items_region', new ItemsView({
|
|
collection: new Backbone.Collection(items)
|
|
}));
|
|
|
|
this.showChildView('clients_region', new ClientsView({
|
|
collection: new Backbone.Collection(clients)
|
|
}));
|
|
},
|
|
|
|
initialize: function (options) {
|
|
if (typeof options.model === 'undefined' || !options.model) {
|
|
this.model = new AccessListModel.Model();
|
|
}
|
|
}
|
|
});
|