--- /dev/null
+<!--
+ Copyright 2013 IBM Corp.
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+
+<!-- First, the content of the edit dialog is defined. -->
+<script type="text/x-red" data-template-name="delay">
+
+ <div class="form-row">
+ <label for="node-input-pauseType"><i class="fa fa-tasks"></i> Action</label>
+ <select id="node-input-pauseType" style="width:270px !important">
+ <option value="delay">Delay message</option>
+ <option value="rate">Limit rate to</option>
+ <option value="random">Random delay</option>
+ </select>
+ </div>
+ <div id="delay-details" class="form-row">
+ <label for="node-input-timeout"><i class="fa fa-clock-o"></i> For</label>
+ <input type="text" id="node-input-timeout" placeholder="Time" style="direction:rtl; width:50px !important">
+ <select id="node-input-timeoutUnits" style="width:200px !important">
+ <option value="milliseconds">Milliseconds</option>
+ <option value="seconds">Seconds</option>
+ <option value="minutes">Minutes</option>
+ <option value="hours">Hours</option>
+ <option value="days">Days</option>
+ </select>
+ </div>
+
+ <div id="rate-details" class="form-row">
+ <label for="node-input-rate"><i class="fa fa-clock-o"></i> To</label>
+ <input type="text" id="node-input-rate" placeholder="1" style="direction:rtl; width:30px !important">
+ <label for="node-input-reateUnits">msg(s) per</label>
+ <select id="node-input-rateUnits" style="width:140px !important">
+ <option value="second">Second</option>
+ <option value="minute">Minute</option>
+ <option value="hour">Hour</option>
+ <option value="day">Day</option>
+ </select>
+ <br/>
+ <input style="margin: 20px 0 20px 100px; width: 30px;" type="checkbox" id="node-input-drop"><label style="width: 250px;" for="node-input-drop">drop intermediate messages</label>
+ </div>
+
+ <div id="random-details" class="form-row">
+ <label for="node-input-randomFirst"><i class="fa fa-clock-o"></i> Between</label>
+ <input type="text" id="node-input-randomFirst" placeholder="" style="directon:rtl; width:30px !important">
+ <label for="node-input-randomLast" style="width:20px"> & </label>
+ <input type="text" id="node-input-randomLast" placeholder="" style="directon:rtl; width:30px !important">
+ <select id="node-input-randomUnits" style="width:140px !important">
+ <option value="milliseconds">Milliseconds</option>
+ <option value="seconds">Seconds</option>
+ <option value="minutes">Minutes</option>
+ <option value="hours">Hours</option>
+ <option value="days">Days</option>
+ </select>
+ </div>
+
+ <div class="form-row">
+ <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
+ <input type="text" id="node-input-name" placeholder="Name">
+ </div>
+
+</script>
+
+<!-- Next, some simple help text is provided for the node. -->
+<script type="text/x-red" data-help-name="delay">
+ <p>Introduces a delay into a flow or rate limts messges</p>
+ <p>Default delay is 5 seconds and rate limit of 1 msg/second, but both can be configured</p>
+</script>
+
+<!-- Finally, the node type is registered along with all of its properties -->
+<script type="text/javascript">
+ RED.nodes.registerType('delay',{
+ category: 'function', // the palette category
+ color:"#E6E0F8",
+ defaults: { // defines the editable properties of the node
+ name: {value:""}, // along with default values.
+ pauseType: {value:"delay", required:true},
+ timeout: {value:"5", required:true, validate:RED.validators.number()},
+ timeoutUnits: {value:"seconds"},
+ rate: {value:"1", required:true, validate:RED.validators.number()},
+ rateUnits: {value: "second"},
+ randomFirst: {value:"1", required:true, validate:RED.validators.number()},
+ randomLast: {value:"5", required:true, validate:RED.validators.number()},
+ randomUnits: {value: "seconds"},
+ drop: {value:false}
+ },
+ inputs:1, // set the number of inputs - only 0 or 1
+ outputs:1, // set the number of outputs - 0 to n
+ icon: "timer.png", // set the icon (held in public/icons)
+ label: function() { // sets the default label contents
+ if (this.pauseType == "delay") {
+ var units = this.timeoutUnits ? this.timeoutUnits.charAt(0) : "s";
+ if (this.timeoutUnits == "milliseconds") { units = "ms"; }
+ return this.name||"delay "+this.timeout+" " + units;
+ } else if (this.pauseType == "rate") {
+ var units = this.rateUnits ? this.rateUnits.charAt(0) : "s";
+ return this.name||"limit "+this.rate+" msg/"+ units;
+ } else if (this.pauseType == "random") {
+ return this.name || "random";
+ }
+ return "foo";
+ },
+ labelStyle: function() { // sets the class to apply to the label
+ return this.name?"node_label_italic":"";
+ },
+ oneditprepare: function() {
+ $( "#node-input-timeout" ).spinner({min:1,max:60});
+ $( "#node-input-rate" ).spinner({min:1});
+
+ $( "#node-input-randomFirst" ).spinner({min:0});
+ $( "#node-input-randomLast" ).spinner({min:1});
+
+ if (this.pauseType == "delay") {
+ $("#delay-details").show();
+ $("#rate-details").hide();
+ $("#random-details").hide();
+ } else if (this.pauseType == "rate") {
+ $("#delay-details").hide();
+ $("#rate-details").show();
+ $("#random-details").hide();
+ } else if (this.pauseType == "random") {
+ $("#delay-details").hide();
+ $("#rate-details").hide();
+ $("#random-details").show();
+ }
+
+ if (!this.timeoutUnits) {
+ $("#node-input-timeoutUnits option").filter(function() {
+ return $(this).val() == 'seconds';
+ }).attr('selected', true);
+ }
+
+ if (!this.randomUnits) {
+ $("#node-input-randomUnits option").filter(function() {
+ return $(this).val() == 'seconds';
+ }).attr('selected', true);
+ }
+
+ $("#node-input-pauseType").on("change",function() {
+ if (this.value == "delay") {
+ $("#delay-details").show();
+ $("#rate-details").hide();
+ $("#random-details").hide();
+ } else if (this.value == "rate") {
+ $("#delay-details").hide();
+ $("#rate-details").show();
+ $("#random-details").hide();
+ } else if (this.value == "random") {
+ $("#delay-details").hide();
+ $("#rate-details").hide();
+ $("#random-details").show();
+ }
+ });
+ }
+ });
+</script>
Code Review / ccsdk / distribution.git / blobdiff