371 lines
11 KiB
JavaScript
371 lines
11 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.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);
|
|
});
|
|
}
|
|
}
|
|
});
|