2 Copyright 2013 IBM Corp.
4 Licensed under the Apache License, Version 2.0 (the "License");
5 you may not use this file except in compliance with the License.
6 You may obtain a copy of the License at
8 http://www.apache.org/licenses/LICENSE-2.0
10 Unless required by applicable law or agreed to in writing, software
11 distributed under the License is distributed on an "AS IS" BASIS,
12 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 See the License for the specific language governing permissions and
14 limitations under the License.
17 <script type="text/x-red" data-template-name="for">
18 <div class="form-row">
19 <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
20 <input type="text" id="node-input-name" placeholder="Name">
22 <div class="form-row">
23 <label for="node-input-xml"><i class="fa fa-wrench"></i> Node XML</label>
24 <input type="hidden" id="node-input-xml" autofocus="autofocus">
25 <div style="height: 450px;" class="node-text-editor" id="node-input-xml-editor" onkeyup="resetStatus()" ></div>
27 <div class="form-row">
28 <a href="#" class="btn btn-mini" id="node-input-validate" style="margin-top: 4px;"><b>Validate XML</b></a>
29 <a href="#" class="btn btn-mini" id="node-input-show-sli-values" style="margin-top: 4px;"><b>Show Values</b></a>
30 <input type="hidden" id="node-input-comments">
31 <a href="#" class="btn btn-mini" id="node-input-btnComments" style="margin-top: 4px;"><b>Add Comments</b></a>
32 <div id="node-validate-result" class="form-tips" style="float:right;font-size:10px"></div>
34 <div class="form-tips">See the Info tab for help using this node.</div>
37 <script type="text/x-red" data-help-name="for">
39 <p>First line of XML must contain opening tag.</p>
40 <p>Do not include closing tag - it will be automatically generated.</p>
43 <h5><a name="Description"></a>Description</h5>
44 <p>A <b>for</b> node provides a fixed iteration looping mechanism, similar to the Java for loop</p></div>
46 <h5><a name="Attributes"></a>Attributes</h5>
47 <table border="1" class="table table-striped">
49 <td align="center"><b>index</b></td>
50 <td align="left">index variable</td></tr>
52 <td align="center"><b>start</b></td>
53 <td align="left">initial value</td></tr>
55 <td align="center"><b>end</b></td>
56 <td align="left">maximum value</td></tr></table></div>
58 <h5><a name="Parameters"></a>Parameters</h5>
59 <p>Not applicable.</p></div>
61 <h5><a name="Outcomes"></a>Outcomes</h5>
62 <p>Not applicable. The <b>status</b> node has no outcomes.</p></div>
64 <h5><a name="Example"></a>Example</h5>
66 <pre><for index="i" start="0" end="$network.num-segments">
68 <parameter name="$vlanlist" value="$network.segment[i].provider-segmentation-id"/>
70 </for></pre></div></div></div>
74 <script type="text/javascript">
75 RED.nodes.registerType('for',{
80 xml: {value:"<for index='' start='' end='' >\n"},
90 oneditprepare: function() {
92 $( "#node-input-outputs" ).spinner({
95 var comments = $( "#node-input-comments").val();
97 comments = comments.trim();
99 $("#node-input-btnComments").html("<span style='color:blue;'><b>View Comments</b></span>");
103 function functionDialogResize() {
104 var rows = $("#dialog-form>div:not(.node-text-editor-row)");
105 var height = $("#dialog-form").height();
106 for (var i=0;i<rows.size();i++) {
107 height -= $(rows[i]).outerHeight(true);
109 var editorRow = $("#dialog-form>div.node-text-editor-row");
110 height -= (parseInt(editorRow.css("marginTop"))+parseInt(editorRow.css("marginBottom")));
111 $(".node-text-editor").css("height",height+"px");
112 that.editor.resize();
114 $( "#dialog" ).on("dialogresize", functionDialogResize);
115 $( "#dialog" ).one("dialogopen", function(ev) {
116 var size = $( "#dialog" ).dialog('option','sizeCache-function');
118 $("#dialog").dialog('option','width',size.width);
119 $("#dialog").dialog('option','height',size.height);
120 functionDialogResize();
123 $( "#dialog" ).one("dialogclose", function(ev,ui) {
124 var height = $( "#dialog" ).dialog('option','height');
125 $( "#dialog" ).off("dialogresize",functionDialogResize);
128 this.editor = RED.editor.createEditor({
129 id: 'node-input-xml-editor',
130 mode: 'ace/mode/html'
132 this.editor.setValue($("#node-input-xml").val(),-1);
135 url:"functions", // where to get the data from
136 type:"function", // the type of object the library is for
137 editor:this.editor, // the field name the main text body goes to
138 mode:"ace/mode/html",
139 fields:['name','outputs']
143 /* close dialog when ESC is pressed and released */
144 $( "#node-input-xml-editor" ).keyup(function(event){
145 if(event.which == 27 ) {
146 $("#node-dialog-cancel").click();
149 $("#node-input-validate").click(function(){
150 console.log("validate clicked.");
151 //console.dir(that.editor);
152 //console.log("getText:" + that.editor.getText());
153 var val = that.editor.getValue();
156 $("#node-input-show-sli-values").click(function(){
157 //console.log("show Values clicked.");
158 showValuesBox(that.editor,sliValuesObj);
160 //for click of add comments button
161 $("#node-input-btnComments").click(function(e){
165 oneditsave: function() {
166 $("#node-input-xml").val(this.editor.getValue());
167 var resp=validateXML(this.editor.getValue());
169 this.status = {fill:"green",shape:"dot",text:"OK"};
171 this.status = {fill:"red",shape:"dot",text:"ERROR"};