mirror of
https://github.com/node-red/node-red-nodes.git
synced 2025-03-01 10:37:43 +00:00
Smtp server (#923)
* Email Mta Node added security and authentication * Documentation updated * Original formatting restored
This commit is contained in:
David D'Hauwe
GitHub
@@ -306,8 +306,48 @@
|
||||
<script type="text/html" data-template-name="e-mail mta">
|
||||
<div class="form-row">
|
||||
<label for="node-input-port"><i class="fa fa-random"></i> <span data-i18n="email.label.port"></span></label>
|
||||
<input type="text" id="node-input-port" style="width:70%;"/>
|
||||
<input type="text" id="node-input-port" style="width:100px">
|
||||
<label style="width:40px"> </label>
|
||||
<input type="checkbox" id="node-input-secure" style="display:inline-block; width:20px; vertical-align:baseline;">
|
||||
<span data-i18n="email.label.enableSecure"></span>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<label for="node-input-starttls"><i class="fa fa-lock"></i> <span data-i18n="email.label.enableStarttls"></span></label>
|
||||
<input type="checkbox" id="node-input-starttls" style="display:inline-block; width:20px; vertical-align:baseline;">
|
||||
<span data-i18n="email.label.starttlsUpgrade"></span>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<label for="node-input-certFile"><i class="fa fa-file"></i>
|
||||
<span data-i18n="email.label.certFile"></span></label>
|
||||
<input type="text" id="node-input-certFile" placeholder="server.crt" style="width:100%">
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<label for="node-input-keyFile"><i class="fa fa-key"></i>
|
||||
<span data-i18n="email.label.keyFile"></span></label>
|
||||
<input type="text" id="node-input-keyFile" placeholder="private.key" style="width:100%">
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<label for="node-input-auth"><i class="fa fa-user"></i> <span data-i18n="email.label.users"></span></label>
|
||||
<label style="width:144px"> </label>
|
||||
<input type="checkbox" id="node-input-auth" style="display:inline-block; width:20px; vertical-align:baseline;">
|
||||
<span data-i18n="email.label.auth"></span>
|
||||
</div>
|
||||
<div class="form-row node-input-email-users-container-row" style="margin-bottom: 0px;">
|
||||
<div id="node-input-email-users-container-div" style="box-sizing: border-box; border-radius: 5px;
|
||||
height: 200px; padding: 5px; border: 1px solid #ccc; overflow-y:scroll;">
|
||||
<ol id="node-input-email-users-container" style="list-style-type:none; margin: 0;"></ol>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<a href="#" class="editor-button editor-button-small" id="node-input-email-users-add" style="margin-top: 4px;">
|
||||
<i class="fa fa-plus"></i>
|
||||
<span data-i18n="email.label.addButton"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<label for="node-input-expert"><i class="fa fa-cog"></i> <span data-i18n="email.label.expert"></span></label>
|
||||
<input type="text" id="node-input-expert">
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<label for="node-input-name"><i class="fa fa-tag"></i> <span data-i18n="node-red:common.label.name"></span></label>
|
||||
<input type="text" id="node-input-name" data-i18n="[placeholder]node-red:common.label.name">
|
||||
@@ -316,22 +356,127 @@
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
RED.nodes.registerType('e-mail mta',{
|
||||
RED.nodes.registerType('e-mail mta', {
|
||||
category: 'social',
|
||||
color:"#c7e9c0",
|
||||
color: "#c7e9c0",
|
||||
defaults: {
|
||||
name: {value:""},
|
||||
port: {value:"1025",required:true},
|
||||
name: { value: "" },
|
||||
port: { value: "1025", required: true, validate: RED.validators.number() },
|
||||
secure: { value: false },
|
||||
starttls: { value: false },
|
||||
certFile: { value: "" },
|
||||
keyFile: { value: "" },
|
||||
users: { value: [] },
|
||||
auth: { value: false },
|
||||
expert: { value: '{"logger":false}' }
|
||||
},
|
||||
inputs:0,
|
||||
outputs:1,
|
||||
inputs: 0,
|
||||
outputs: 1,
|
||||
icon: "envelope.png",
|
||||
paletteLabel: function() { return this._("email.email") + " MTA" },
|
||||
label: function() {
|
||||
return this.name||this._("email.email") + " MTA";
|
||||
paletteLabel: function () { return this._("email.email") + " MTA" },
|
||||
label: function () {
|
||||
return this.name || this._("email.email") + " MTA";
|
||||
},
|
||||
labelStyle: function() {
|
||||
return this.name?"node_label_italic":"";
|
||||
labelStyle: function () {
|
||||
return this.name ? "node_label_italic" : "";
|
||||
},
|
||||
oneditprepare: function () {
|
||||
let node = this;
|
||||
// Expert settings
|
||||
$("#node-input-expert").typedInput({
|
||||
type: "json",
|
||||
types: ["json"]
|
||||
})
|
||||
// User Management
|
||||
let cacheItemCount = 0;
|
||||
if (node.users && node.users.length > 0) {
|
||||
cacheItemCount = node.users.length;
|
||||
node.users.forEach(function (element, index, array) {
|
||||
generateUserEntry(element, index);
|
||||
});
|
||||
}
|
||||
function generateUserEntry(user, id) {
|
||||
let container = $("<li/>", {
|
||||
style: "background: #fefefe; margin:0; padding:8px 0px; border-bottom: 1px solid #ccc;"
|
||||
});
|
||||
let row = $('<div id="row' + id + '"/>').appendTo(container);
|
||||
|
||||
$('<i style="color: #eee; cursor: move;" class="node-input-email-users-handle fa fa-bars"></i>').appendTo(row);
|
||||
|
||||
let userField = $("<input/>", {
|
||||
id: "node-input-email-users-name" + id,
|
||||
class: "userName",
|
||||
type: "text",
|
||||
style: "margin-left:5px;width:100px;",
|
||||
placeholder: "name"
|
||||
}).appendTo(row);
|
||||
|
||||
let passwordField = $("<input/>", {
|
||||
id: "node-input-email-users-password" + id,
|
||||
class: "userPassword",
|
||||
type: "password",
|
||||
style: "margin: 0 auto;width:50%;min-width:20px;margin-left:5px",
|
||||
placeholder: "password"
|
||||
}).appendTo(row);
|
||||
|
||||
userField.val(user.name);
|
||||
passwordField.val(user.password);
|
||||
|
||||
let finalspan = $("<span/>", {
|
||||
style: "float: right;margin-right: 10px;"
|
||||
}).appendTo(row);
|
||||
|
||||
let removeUserButton = $("<a/>", {
|
||||
href: "#",
|
||||
id: "node-button-user-remove" + id,
|
||||
class: "editor-button editor-button-small",
|
||||
style: "margin-top: 7px; margin-left: 5px;"
|
||||
}).appendTo(finalspan);
|
||||
|
||||
$("<i/>", { class: "fa fa-remove" }).appendTo(removeUserButton);
|
||||
|
||||
removeUserButton.click(function () {
|
||||
container.css({ background: "#fee" });
|
||||
container.fadeOut(300, function () {
|
||||
$(this).remove();
|
||||
});
|
||||
});
|
||||
|
||||
$("#node-input-email-users-container").append(container);
|
||||
}
|
||||
|
||||
$("#node-input-email-users-container").sortable({
|
||||
axis: "y",
|
||||
handle: ".node-input-email-users-handle",
|
||||
cursor: "move"
|
||||
});
|
||||
|
||||
$("#node-input-email-users-container .node-input-email-users-handle").disableSelection();
|
||||
|
||||
$("#node-input-email-users-add").click(function () {
|
||||
if (!cacheItemCount || cacheItemCount < 0) {
|
||||
cacheItemCount = 0;
|
||||
}
|
||||
generateUserEntry({ name: "", password: "" }, cacheItemCount++);
|
||||
$("#node-input-email-users-container-div").scrollTop(
|
||||
$("#node-input-email-users-container-div").get(0).scrollHeight
|
||||
);
|
||||
});
|
||||
},
|
||||
oneditsave: function () {
|
||||
let node = this;
|
||||
let cacheUsers = $("#node-input-email-users-container").children();
|
||||
node.users = [];
|
||||
cacheUsers.each(function () {
|
||||
node.users.push({
|
||||
name: $(this)
|
||||
.find(".userName")
|
||||
.val(),
|
||||
password: $(this)
|
||||
.find(".userPassword")
|
||||
.val()
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</script>
|
||||
Reference in New Issue
Block a user