<script type="text/html" data-template-name="e-mail"> <div class="form-row"> <label for="node-input-name"><i class="fa fa-envelope"></i> <span data-i18n="email.label.to"></span></label> <input type="text" id="node-input-name" placeholder="email@address.com"> </div> <!-- <div class="form-row"> <label for="node-input-pin"><i class="fa fa-asterisk"></i> Service</label> <select type="text" id="node-input-pin" style="width: 150px;"> <option value="-" disabled> </option> <option value="DynectEmail">DynectEmail</option> <option value="Gmail">Gmail</option> <option value="hot.ee">hot.ee</option> <option value="Hotmail">Hotmail</option> <option value="iCloud">iCloud</option> <option value="mail.ee">mail.ee</option> <option value="Mail.Ru">Mail.Ru</option> <option value="Mailgun">Mailgun</option> <option value="Mailjet">Mailjet</option> <option value="Mandrill">Mandrill</option> <option value="Postmark">Postmark</option> <option value="QQ">QQ</option> <option value="QQex">QQex</option> <option value="SendGrid">SendGrid</option> <option value="SendCloud">SendCloud</option> <option value="SES">SES</option> <option value="Yahoo">Yahoo</option> <option value="yandex">yandex</option> <option value="Zoho">Zoho</option> </select> </div> --> <div class="form-row"> <label for="node-input-server"><i class="fa fa-globe"></i> <span data-i18n="email.label.server"></span></label> <input type="text" id="node-input-server" placeholder="smtp.gmail.com"> </div> <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" placeholder="465" 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.useSecureConnection"></span> </div> <div class="form-row"> <label for="node-input-userid"><i class="fa fa-user"></i> <span data-i18n="email.label.userid"></span></label> <input type="text" id="node-input-userid"> </div> <div class="form-row"> <label for="node-input-password"><i class="fa fa-lock"></i> <span data-i18n="email.label.password"></span></label> <input type="password" id="node-input-password"> </div> <br/> <div class="form-row"> <label for="node-input-useTLS"><i class="fa fa-lock"></i> <span data-i18n="email.label.useTLS"></label> <input type="checkbox" id="node-input-tls" style="display:inline-block; width:20px; vertical-align:baseline;"> <span data-i18n="email.label.rejectUnauthorised"></span> </div> <div class="form-row"> <label for="node-input-dname"><i class="fa fa-tag"></i> <span data-i18n="node-red:common.label.name"></span></label> <input type="text" id="node-input-dname" data-i18n="[placeholder]node-red:common.label.name"> </div> <div class="form-tips" id="node-tip"><span data-i18n="[html]email.tip.cred"></span></div> </script> <script type="text/javascript"> (function() { RED.nodes.registerType('e-mail',{ category: 'social-output', color:"#c7e9c0", defaults: { server: {value:"smtp.gmail.com",required:true}, port: {value:"465",required:true}, secure: {value: true}, tls: {value: true}, name: {value:""}, dname: {value:""} }, credentials: { userid: {type:"text"}, password: {type: "password"}, global: { type:"boolean"} }, inputs:1, outputs:0, icon: "envelope.png", align: "right", paletteLabel: function() { return this._("email.email"); }, label: function() { return this.dname||this.name||this._("email.email"); }, labelStyle: function() { return (this.dname)?"node_label_italic":""; }, oneditprepare: function() { if (this.credentials.global) { $('#node-tip').show(); } else { $('#node-tip').hide(); } } }); })(); </script> <script type="text/html" data-template-name="e-mail in"> <div class="form-row"> <label for="node-input-fetch"><i class="fa fa-hourglass-half"></i> <span data-i18n="email.label.getmail"></span></label> <select type="text" id="node-input-fetch" style="width:130px;"> <option value="auto" data-i18n="email.label.auto"></option> <option value="trigger" data-i18n="email.label.trigger"></option> </select> <span id="node-repeatTime"> <span style="margin-left:20px;" data-i18n="email.label.repeat"></span> <input type="text" id="node-input-repeat" style="width:80px"> <span data-i18n="email.label.seconds">seconds</span> </span> </div> <div class="form-row"> <label for="node-input-protocol"><i class="fa fa-envelope"></i> <span data-i18n="email.label.protocol"></span></label> <select type="text" id="node-input-protocol"> <option value="IMAP">IMAP</option> <option value="POP3">POP3</option> </select> </div> <div class="form-row"> <label for="node-input-useSSL"><i class="fa fa-lock"></i> <span data-i18n="email.label.useSSL"></span></label> <input type="checkbox" id="node-input-useSSL" style="width: auto;"> </div> <div class="form-row"> <label for="node-input-autotls"><i class="fa fa-lock"></i> <span data-i18n="email.label.autotls"></label> <select type="text" id="node-input-autotls" style="width: 150px;"> <option value="never" data-i18n="email.label.never"></option> <option value="required" data-i18n="email.label.required"></option> <option value="always" data-i18n="email.label.always"></option> </select> </div> <div class="form-row"> <label for="node-input-server"><i class="fa fa-globe"></i> <span data-i18n="email.label.server"></span></label> <input type="text" id="node-input-server" placeholder="imap.gmail.com"> </div> <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" placeholder="993"> </div> <div class="form-row"> <label for="node-input-userid"><i class="fa fa-user"></i> <span data-i18n="email.label.userid"></span></label> <input type="text" id="node-input-userid"> </div> <div class="form-row"> <label for="node-input-password"><i class="fa fa-lock"></i> <span data-i18n="email.label.password"></span></label> <input type="password" id="node-input-password"> </div> <div class="form-row node-input-box"> <label for="node-input-box"><i class="fa fa-inbox"></i> <span data-i18n="email.label.folder"></span></label> <input type="text" id="node-input-box"> </div> <div class="form-row node-input-disposition"> <label for="node-input-disposition"><i class="fa fa-trash"></i> <span data-i18n="email.label.disposition"></span></label> <select type="text" id="node-input-disposition"> <option value="None" selected="selected" data-i18n="email.label.none"></option> <option value="Read" data-i18n="email.label.read"></option> <option value="Delete" data-i18n="email.label.delete"></option> </select> </div> <div class="form-row"> <label for="node-input-criteria"><i class="fa fa-search"></i> <span data-i18n="email.label.criteria"></span></label> <select type="text" id="node-input-criteria"> <option value="ALL" data-i18n="email.label.all"></option> <option value="ANSWERED" data-i18n="email.label.answered"></option> <option value="FLAGGED" data-i18n="email.label.flagged"></option> <option value="SEEN" data-i18n="email.label.seen"></option> <option value="UNANSWERED" data-i18n="email.label.unanswered"></option> <option value="UNFLAGGED" data-i18n="email.label.unflagged"></option> <option value="UNSEEN" selected="selected" data-i18n="email.label.unseen"></option> <option value="_msg_" data-i18n="email.label.criteriaFromMsg"></option> <!-- <option value="DELETED" data-i18n="email.label.delete"></option> <option value="DRAFT" data-i18n="email.label.none"></option> <option value="NEW" data-i18n="email.label.delete"></option> <option value="UNDELETED" data-i18n="email.label.read"></option> <option value="UNDRAFT" data-i18n="email.label.delete"></option> <option value="RECENT" data-i18n="email.label.read"></option> <option value="OLD" data-i18n="email.label.delete"></option> --> </select> </div> <br/> <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"> </div> <script> var checkPorts = function() { var currentPort = $("#node-input-port").val(); if (currentPort === "143" || currentPort === "993" || currentPort === "110" || currentPort == "995") { if ($("#node-input-useSSL").prop("checked") === true) { $("#node-input-port").val($("#node-input-protocol").val() === "IMAP"?"993":"995"); } else { $("#node-input-port").val($("#node-input-protocol").val() === "IMAP"?"143":"110"); } } }; $("#node-input-useSSL").change(function(x, y) { // console.log("useSSL: x="+ JSON.stringify(x) + ", y=" + y); // console.log("Value: " + $("#node-input-useSSL").prop("checked")); checkPorts(); }); $("#node-input-protocol").change(function() { var protocol = $("#node-input-protocol").val(); if (protocol === "IMAP") { $(".node-input-autotls").show(); $(".node-input-box").show(); $(".node-input-disposition").show(); $(".node-input-criteria").show(); } else { $(".node-input-autotls").hide(); $(".node-input-box").hide(); $(".node-input-disposition").hide(); $(".node-input-criteria").hide(); } checkPorts(); }); </script> </script> <script type="text/javascript"> (function() { RED.nodes.registerType('e-mail in',{ category: 'social-input', color:"#c7e9c0", defaults: { name: {value:""}, protocol: {value: "IMAP", required:true}, // Which protocol to use to connect to the mail server ("IMAP" or "POP3") server: {value:"imap.gmail.com",required:true}, useSSL: {value: true}, autotls: {value: "never"}, port: {value:"993",required:true}, box: {value:"INBOX"}, // For IMAP, The mailbox to process disposition: { value: "Read" }, // For IMAP, the disposition of the read email criteria: {value: "UNSEEN"}, repeat: {value:"300",required:true}, fetch: {value:"auto"}, inputs: {value:0} }, credentials: { userid: {type:"text"}, password: {type: "password"}, global: { type:"boolean"} }, inputs: 0, outputs: 1, icon: "envelope.png", paletteLabel: function() { return this._("email.email"); }, label: function() { return this.name||this._("email.email"); }, labelStyle: function() { return (this.name)?"node_label_italic":""; }, oneditprepare: function() { var that = this; if (this.credentials.global) { $('#node-tip').show(); } else { $('#node-tip').hide(); } if (typeof this.box === 'undefined') { $("#node-input-box").val("INBOX"); this.box = "INBOX"; } if (typeof this.criteria === 'undefined') { $("#node-input-criteria").val("UNSEEN"); this.criteria = "UNSEEN"; } if (typeof this.autotls === 'undefined') { $("#node-input-autotls").val("never"); this.autotls = "never"; } if ($("#node-input-fetch").val() === null) { $("#node-input-fetch").val("auto"); } $("#node-input-fetch").change(function() { if ($("#node-input-fetch").val() === "trigger") { $('#node-repeatTime').hide(); that.inputs = 1; } else { $('#node-repeatTime').show(); that.inputs = 0; } }); $("#node-input-criteria").change(function() { if ($("#node-input-criteria").val() === "_msg_") { $("#node-input-fetch").val("trigger"); $("#node-input-fetch").change(); } }); } }); })(); </script> <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%;"/> </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"> </div> <div class="form-tips" id="node-tip"><span data-i18n="[html]email.tip.mta"></span></div> </script> <script type="text/javascript"> RED.nodes.registerType('e-mail mta',{ category: 'social', color:"#c7e9c0", defaults: { name: {value:""}, port: {value:"1025",required:true}, }, inputs:0, outputs:1, icon: "envelope.png", paletteLabel: function() { return this._("email.email") + " MTA" }, label: function() { return this.name||this._("email.email") + " MTA"; }, labelStyle: function() { return this.name?"node_label_italic":""; } }); </script>