mirror of
https://github.com/NginxProxyManager/nginx-proxy-manager.git
synced 2025-08-16 13:56:52 +00:00
c571599d45
add a selection to the proxy editing page and passes that down into the templates. Removed set_proxy_header from locations and moved to server directive. these will inherit down into locations if they are not defined there.
371 lines
14 KiB
JavaScript
371 lines
14 KiB
JavaScript
const Mn = require('backbone.marionette');
|
|
const App = require('../../main');
|
|
const ProxyHostModel = require('../../../models/proxy-host');
|
|
const ProxyLocationModel = require('../../../models/proxy-host-location');
|
|
const template = require('./form.ejs');
|
|
const certListItemTemplate = require('../certificates-list-item.ejs');
|
|
const accessListItemTemplate = require('./access-list-item.ejs');
|
|
const CustomLocation = require('./location');
|
|
const Helpers = require('../../../lib/helpers');
|
|
const i18n = require('../../i18n');
|
|
const dns_providers = require('../../../../../global/certbot-dns-plugins');
|
|
|
|
|
|
require('jquery-serializejson');
|
|
require('selectize');
|
|
|
|
module.exports = Mn.View.extend({
|
|
template: template,
|
|
className: 'modal-dialog',
|
|
|
|
locationsCollection: new ProxyLocationModel.Collection(),
|
|
|
|
ui: {
|
|
form: 'form',
|
|
domain_names: 'input[name="domain_names"]',
|
|
forward_host: 'input[name="forward_host"]',
|
|
buttons: '.modal-footer button',
|
|
cancel: 'button.cancel',
|
|
save: 'button.save',
|
|
add_location_btn: 'button.add_location',
|
|
locations_container: '.locations_container',
|
|
le_error_info: '#le-error-info',
|
|
certificate_select: 'select[name="certificate_id"]',
|
|
access_list_select: 'select[name="access_list_id"]',
|
|
ssl_forced: 'input[name="ssl_forced"]',
|
|
hsts_enabled: 'input[name="hsts_enabled"]',
|
|
hsts_subdomains: 'input[name="hsts_subdomains"]',
|
|
http2_support: 'input[name="http2_support"]',
|
|
dns_challenge_switch: 'input[name="meta[dns_challenge]"]',
|
|
dns_challenge_content: '.dns-challenge',
|
|
dns_provider: 'select[name="meta[dns_provider]"]',
|
|
credentials_file_content: '.credentials-file-content',
|
|
dns_provider_credentials: 'textarea[name="meta[dns_provider_credentials]"]',
|
|
propagation_seconds: 'input[name="meta[propagation_seconds]"]',
|
|
forward_scheme: 'select[name="forward_scheme"]',
|
|
letsencrypt: '.letsencrypt'
|
|
},
|
|
|
|
regions: {
|
|
locations_regions: '@ui.locations_container'
|
|
},
|
|
|
|
events: {
|
|
'change @ui.certificate_select': function () {
|
|
let id = this.ui.certificate_select.val();
|
|
if (id === 'new') {
|
|
this.ui.letsencrypt.show().find('input').prop('disabled', false);
|
|
this.ui.dns_challenge_content.hide();
|
|
} else {
|
|
this.ui.letsencrypt.hide().find('input').prop('disabled', true);
|
|
}
|
|
|
|
let enabled = id === 'new' || parseInt(id, 10) > 0;
|
|
|
|
let inputs = this.ui.ssl_forced.add(this.ui.http2_support);
|
|
inputs
|
|
.prop('disabled', !enabled)
|
|
.parents('.form-group')
|
|
.css('opacity', enabled ? 1 : 0.5);
|
|
|
|
if (!enabled) {
|
|
inputs.prop('checked', false);
|
|
}
|
|
|
|
inputs.trigger('change');
|
|
},
|
|
|
|
'change @ui.ssl_forced': function () {
|
|
let checked = this.ui.ssl_forced.prop('checked');
|
|
this.ui.hsts_enabled
|
|
.prop('disabled', !checked)
|
|
.parents('.form-group')
|
|
.css('opacity', checked ? 1 : 0.5);
|
|
|
|
if (!checked) {
|
|
this.ui.hsts_enabled.prop('checked', false);
|
|
}
|
|
|
|
this.ui.hsts_enabled.trigger('change');
|
|
},
|
|
|
|
'change @ui.hsts_enabled': function () {
|
|
let checked = this.ui.hsts_enabled.prop('checked');
|
|
this.ui.hsts_subdomains
|
|
.prop('disabled', !checked)
|
|
.parents('.form-group')
|
|
.css('opacity', checked ? 1 : 0.5);
|
|
|
|
if (!checked) {
|
|
this.ui.hsts_subdomains.prop('checked', false);
|
|
}
|
|
},
|
|
|
|
'change @ui.dns_challenge_switch': function () {
|
|
const checked = this.ui.dns_challenge_switch.prop('checked');
|
|
if (checked) {
|
|
this.ui.dns_provider.prop('required', 'required');
|
|
const selected_provider = this.ui.dns_provider[0].options[this.ui.dns_provider[0].selectedIndex].value;
|
|
if(selected_provider != '' && dns_providers[selected_provider].credentials !== false){
|
|
this.ui.dns_provider_credentials.prop('required', 'required');
|
|
}
|
|
this.ui.dns_challenge_content.show();
|
|
} else {
|
|
this.ui.dns_provider.prop('required', false);
|
|
this.ui.dns_provider_credentials.prop('required', false);
|
|
this.ui.dns_challenge_content.hide();
|
|
}
|
|
},
|
|
|
|
'change @ui.dns_provider': function () {
|
|
const selected_provider = this.ui.dns_provider[0].options[this.ui.dns_provider[0].selectedIndex].value;
|
|
if (selected_provider != '' && dns_providers[selected_provider].credentials !== false) {
|
|
this.ui.dns_provider_credentials.prop('required', 'required');
|
|
this.ui.dns_provider_credentials[0].value = dns_providers[selected_provider].credentials;
|
|
this.ui.credentials_file_content.show();
|
|
} else {
|
|
this.ui.dns_provider_credentials.prop('required', false);
|
|
this.ui.credentials_file_content.hide();
|
|
}
|
|
},
|
|
|
|
'click @ui.add_location_btn': function (e) {
|
|
e.preventDefault();
|
|
|
|
const model = new ProxyLocationModel.Model();
|
|
this.locationsCollection.add(model);
|
|
},
|
|
|
|
'click @ui.save': function (e) {
|
|
e.preventDefault();
|
|
this.ui.le_error_info.hide();
|
|
|
|
if (!this.ui.form[0].checkValidity()) {
|
|
$('<input type="submit">').hide().appendTo(this.ui.form).click().remove();
|
|
return;
|
|
}
|
|
|
|
let view = this;
|
|
let data = this.ui.form.serializeJSON();
|
|
|
|
// Add locations
|
|
data.locations = [];
|
|
this.locationsCollection.models.forEach((location) => {
|
|
data.locations.push(location.toJSON());
|
|
});
|
|
|
|
// Serialize collects path from custom locations
|
|
// This field must be removed from root object
|
|
delete data.path;
|
|
|
|
// Manipulate
|
|
data.forward_port = parseInt(data.forward_port, 10);
|
|
data.block_exploits = !!data.block_exploits;
|
|
data.caching_enabled = !!data.caching_enabled;
|
|
data.allow_websocket_upgrade = !!data.allow_websocket_upgrade;
|
|
data.forward_proxy_header = !!data.forward_proxy_header;
|
|
data.http2_support = !!data.http2_support;
|
|
data.hsts_enabled = !!data.hsts_enabled;
|
|
data.hsts_subdomains = !!data.hsts_subdomains;
|
|
data.ssl_forced = !!data.ssl_forced;
|
|
|
|
if (typeof data.meta === 'undefined') data.meta = {};
|
|
data.meta.letsencrypt_agree = data.meta.letsencrypt_agree == 1;
|
|
data.meta.dns_challenge = data.meta.dns_challenge == 1;
|
|
|
|
if(!data.meta.dns_challenge){
|
|
data.meta.dns_provider = undefined;
|
|
data.meta.dns_provider_credentials = undefined;
|
|
data.meta.propagation_seconds = undefined;
|
|
} else {
|
|
if(data.meta.propagation_seconds === '') data.meta.propagation_seconds = undefined;
|
|
}
|
|
|
|
if (typeof data.domain_names === 'string' && data.domain_names) {
|
|
data.domain_names = data.domain_names.split(',');
|
|
}
|
|
|
|
// Check for any domain names containing wildcards, which are not allowed with letsencrypt
|
|
if (data.certificate_id === 'new') {
|
|
let domain_err = false;
|
|
if (!data.meta.dns_challenge) {
|
|
data.domain_names.map(function (name) {
|
|
if (name.match(/\*/im)) {
|
|
domain_err = true;
|
|
}
|
|
});
|
|
}
|
|
|
|
if (domain_err) {
|
|
alert(i18n('ssl', 'no-wildcard-without-dns'));
|
|
return;
|
|
}
|
|
} else {
|
|
data.certificate_id = parseInt(data.certificate_id, 10);
|
|
}
|
|
|
|
let method = App.Api.Nginx.ProxyHosts.create;
|
|
let is_new = true;
|
|
|
|
if (this.model.get('id')) {
|
|
// edit
|
|
is_new = false;
|
|
method = App.Api.Nginx.ProxyHosts.update;
|
|
data.id = this.model.get('id');
|
|
}
|
|
|
|
this.ui.buttons.prop('disabled', true).addClass('btn-disabled');
|
|
this.ui.save.addClass('btn-loading');
|
|
|
|
method(data)
|
|
.then(result => {
|
|
view.model.set(result);
|
|
|
|
App.UI.closeModal(function () {
|
|
if (is_new) {
|
|
App.Controller.showNginxProxy();
|
|
}
|
|
});
|
|
})
|
|
.catch(err => {
|
|
let more_info = '';
|
|
if(err.code === 500 && err.debug){
|
|
try{
|
|
more_info = JSON.parse(err.debug).debug.stack.join("\n");
|
|
} catch(e) {}
|
|
}
|
|
this.ui.le_error_info[0].innerHTML = `${err.message}${more_info !== '' ? `<pre class="mt-3">${more_info}</pre>`:''}`;
|
|
this.ui.le_error_info.show();
|
|
this.ui.le_error_info[0].scrollIntoView();
|
|
this.ui.buttons.prop('disabled', false).removeClass('btn-disabled');
|
|
this.ui.save.removeClass('btn-loading');
|
|
});
|
|
}
|
|
},
|
|
|
|
templateContext: {
|
|
getLetsencryptEmail: function () {
|
|
return App.Cache.User.get('email');
|
|
},
|
|
getUseDnsChallenge: function () {
|
|
return typeof this.meta.dns_challenge !== 'undefined' ? this.meta.dns_challenge : false;
|
|
},
|
|
getDnsProvider: function () {
|
|
return typeof this.meta.dns_provider !== 'undefined' && this.meta.dns_provider != '' ? this.meta.dns_provider : null;
|
|
},
|
|
getDnsProviderCredentials: function () {
|
|
return typeof this.meta.dns_provider_credentials !== 'undefined' ? this.meta.dns_provider_credentials : '';
|
|
},
|
|
getPropagationSeconds: function () {
|
|
return typeof this.meta.propagation_seconds !== 'undefined' ? this.meta.propagation_seconds : '';
|
|
},
|
|
dns_plugins: dns_providers,
|
|
},
|
|
|
|
onRender: function () {
|
|
let view = this;
|
|
|
|
this.ui.ssl_forced.trigger('change');
|
|
this.ui.hsts_enabled.trigger('change');
|
|
|
|
// Domain names
|
|
this.ui.domain_names.selectize({
|
|
delimiter: ',',
|
|
persist: false,
|
|
maxOptions: 15,
|
|
create: function (input) {
|
|
return {
|
|
value: input,
|
|
text: input
|
|
};
|
|
},
|
|
createFilter: /^(?:\*\.)?(?:[^.*]+\.?)+[^.]$/
|
|
});
|
|
|
|
// Access Lists
|
|
this.ui.access_list_select.selectize({
|
|
valueField: 'id',
|
|
labelField: 'name',
|
|
searchField: ['name'],
|
|
create: false,
|
|
preload: true,
|
|
allowEmptyOption: true,
|
|
render: {
|
|
option: function (item) {
|
|
item.i18n = App.i18n;
|
|
item.formatDbDate = Helpers.formatDbDate;
|
|
return accessListItemTemplate(item);
|
|
}
|
|
},
|
|
load: function (query, callback) {
|
|
App.Api.Nginx.AccessLists.getAll(['items', 'clients'])
|
|
.then(rows => {
|
|
callback(rows);
|
|
})
|
|
.catch(err => {
|
|
console.error(err);
|
|
callback();
|
|
});
|
|
},
|
|
onLoad: function () {
|
|
view.ui.access_list_select[0].selectize.setValue(view.model.get('access_list_id'));
|
|
}
|
|
});
|
|
|
|
// Certificates
|
|
this.ui.le_error_info.hide();
|
|
this.ui.dns_challenge_content.hide();
|
|
this.ui.credentials_file_content.hide();
|
|
this.ui.letsencrypt.hide();
|
|
this.ui.certificate_select.selectize({
|
|
valueField: 'id',
|
|
labelField: 'nice_name',
|
|
searchField: ['nice_name', 'domain_names'],
|
|
create: false,
|
|
preload: true,
|
|
allowEmptyOption: true,
|
|
render: {
|
|
option: function (item) {
|
|
item.i18n = App.i18n;
|
|
item.formatDbDate = Helpers.formatDbDate;
|
|
return certListItemTemplate(item);
|
|
}
|
|
},
|
|
load: function (query, callback) {
|
|
App.Api.Nginx.Certificates.getAll()
|
|
.then(rows => {
|
|
callback(rows);
|
|
})
|
|
.catch(err => {
|
|
console.error(err);
|
|
callback();
|
|
});
|
|
},
|
|
onLoad: function () {
|
|
view.ui.certificate_select[0].selectize.setValue(view.model.get('certificate_id'));
|
|
}
|
|
});
|
|
},
|
|
|
|
initialize: function (options) {
|
|
if (typeof options.model === 'undefined' || !options.model) {
|
|
this.model = new ProxyHostModel.Model();
|
|
}
|
|
|
|
this.locationsCollection = new ProxyLocationModel.Collection();
|
|
|
|
// Custom locations
|
|
this.showChildView('locations_regions', new CustomLocation.LocationCollectionView({
|
|
collection: this.locationsCollection
|
|
}));
|
|
|
|
// Check wether there are any location defined
|
|
if (options.model && Array.isArray(options.model.attributes.locations)) {
|
|
options.model.attributes.locations.forEach((location) => {
|
|
let m = new ProxyLocationModel.Model(location);
|
|
this.locationsCollection.add(m);
|
|
});
|
|
}
|
|
}
|
|
});
|