frodovdr/node-red
1
0
Fork 0
mirror of https://github.com/node-red/node-red.git synced 2023-10-10 13:36:53 +02:00
Code Issues Releases Wiki Activity

make tcp and udp node fa icons more consistent

Browse Source
This commit is contained in:
Dave C-J 2014-09-07 22:12:25 +01:00
parent ef9255a87c
commit 426453d925
2 changed files with 16 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
nodes/core/io/31-tcpin.html
View File

@ -24,11 +24,11 @@
port <input type="text" id="node-input-port" style="width: 50px"> port <input type="text" id="node-input-port" style="width: 50px">
</div> </div>
<div class="form-row hidden" id="node-input-host-row" style="padding-left: 110px;"> <div class="form-row hidden" id="node-input-host-row" style="padding-left: 110px;">
at host <input type="text" id="node-input-host" placeholder="localhost" style="width: 40%;"> at host <input type="text" id="node-input-host" placeholder="localhost" style="width: 60%;">
</div> </div>
<div class="form-row"> <div class="form-row">
<label><i class="fa fa-th"></i> Output</label> <label><i class="fa fa-sign-out"></i> Output</label>
a a
<select id="node-input-datamode" style="width:110px;"> <select id="node-input-datamode" style="width:110px;">
<option value="stream">stream of</option> <option value="stream">stream of</option>

23
nodes/core/io/32-udp.html
View File

@ -17,7 +17,7 @@
<!-- The Input Node --> <!-- The Input Node -->
<script type="text/x-red" data-template-name="udp in"> <script type="text/x-red" data-template-name="udp in">
<div class="form-row"> <div class="form-row">
<label for="node-input-port"><i class="icon-inbox"></i> Listen</label> <label for="node-input-port"><i class="fa fa-sign-in"></i> Listen</label>
on port <input type="text" id="node-input-port" placeholder="Port" style="width: 45px"> on port <input type="text" id="node-input-port" placeholder="Port" style="width: 45px">
for <select id="node-input-multicast" style='width:40%'> for <select id="node-input-multicast" style='width:40%'>
<option value="false">udp messages</option> <option value="false">udp messages</option>
@ -25,15 +25,15 @@
</select> </select>
</div> </div>
<div class="form-row node-input-group"> <div class="form-row node-input-group">
<label for="node-input-group"><i class="icon-list"></i> Group</label> <label for="node-input-group"><i class="fa fa-list"></i> Group</label>
<input type="text" id="node-input-group" placeholder="225.0.18.83"> <input type="text" id="node-input-group" placeholder="225.0.18.83">
</div> </div>
<div class="form-row node-input-iface"> <div class="form-row node-input-iface">
<label for="node-input-iface"><i class="icon-random"></i> Interface</label> <label for="node-input-iface"><i class="fa fa-random"></i> Interface</label>
<input type="text" id="node-input-iface" placeholder="(optional) ip address of eth0"> <input type="text" id="node-input-iface" placeholder="(optional) ip address of eth0">
</div> </div>
<div class="form-row"> <div class="form-row">
<label for="node-input-datatype"><i class="icon-file"></i> Output</label> <label for="node-input-datatype"><i class="fa fa-sign-out"></i> Output</label>
<select id="node-input-datatype" style="width: 70%;"> <select id="node-input-datatype" style="width: 70%;">
<option value="buffer">a Buffer</option> <option value="buffer">a Buffer</option>
<option value="utf8">a String</option> <option value="utf8">a String</option>
@ -41,7 +41,7 @@
</select> </select>
</div> </div>
<div class="form-row"> <div class="form-row">
<label for="node-input-name"><i class="icon-tag"></i> Name</label> <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
<input type="text" id="node-input-name" placeholder="Name"> <input type="text" id="node-input-name" placeholder="Name">
</div> </div>
<div class="form-tips">Tip: Make sure your firewall will allow the data in.</div> <div class="form-tips">Tip: Make sure your firewall will allow the data in.</div>
@ -97,7 +97,7 @@
<!-- The Output Node --> <!-- The Output Node -->
<script type="text/x-red" data-template-name="udp out"> <script type="text/x-red" data-template-name="udp out">
<div class="form-row"> <div class="form-row">
<label for="node-input-port"><i class="icon-envelope"></i> Send a</label> <label for="node-input-port"><i class="fa fa-envelope"></i> Send a</label>
<select id="node-input-multicast" style='width:40%'> <select id="node-input-multicast" style='width:40%'>
<option value="false">udp message</option> <option value="false">udp message</option>
<option value="broad">broadcast message</option> <option value="broad">broadcast message</option>
@ -106,11 +106,11 @@
to port <input type="text" id="node-input-port" placeholder="port" style="width: 70px"> to port <input type="text" id="node-input-port" placeholder="port" style="width: 70px">
</div> </div>
<div class="form-row node-input-addr"> <div class="form-row node-input-addr">
<label for="node-input-addr" id="node-input-addr-label"><i class="icon-list"></i> Address</label> <label for="node-input-addr" id="node-input-addr-label"><i class="fa fa-list"></i> Address</label>
<input type="text" id="node-input-addr" placeholder="destination ip" style="width: 70%;"> <input type="text" id="node-input-addr" placeholder="destination ip" style="width: 70%;">
</div> </div>
<div class="form-row node-input-iface"> <div class="form-row node-input-iface">
<label for="node-input-iface"><i class="icon-random"></i> Interface</label> <label for="node-input-iface"><i class="fa fa-random"></i> Interface</label>
<input type="text" id="node-input-iface" placeholder="(optional) ip address of eth0"> <input type="text" id="node-input-iface" placeholder="(optional) ip address of eth0">
</div> </div>
<div class="form-row"> <div class="form-row">
@ -127,7 +127,7 @@
<label for="node-input-base64" style="width: 70%;">Decode Base64 encoded payload ?</label> <label for="node-input-base64" style="width: 70%;">Decode Base64 encoded payload ?</label>
</div> </div>
<div class="form-row"> <div class="form-row">
<label for="node-input-name"><i class="icon-tag"></i> Name</label> <label for="node-input-name"><i class="icfa faon-tag"></i> Name</label>
<input type="text" id="node-input-name" placeholder="Name"> <input type="text" id="node-input-name" placeholder="Name">
</div> </div>
<div class="form-tips">Tip: leave address and port blank if you want to set using <b>msg.ip</b> and <b>msg.port</b>.</div> <div class="form-tips">Tip: leave address and port blank if you want to set using <b>msg.ip</b> and <b>msg.port</b>.</div>
@ -136,12 +136,12 @@
var id = $("#node-input-multicast option:selected").val(); var id = $("#node-input-multicast option:selected").val();
if (id !== "multi") { if (id !== "multi") {
$(".node-input-iface").hide(); $(".node-input-iface").hide();
$("#node-input-addr-label").html('<i class="icon-list"></i> Address'); $("#node-input-addr-label").html('<i class="fa fa-list"></i> Address');
$("#node-input-addr")[0].placeholder = 'destination ip'; $("#node-input-addr")[0].placeholder = 'destination ip';
} }
else { else {
$(".node-input-iface").show(); $(".node-input-iface").show();
$("#node-input-addr-label").html('<i class="icon-list"></i> Group'); $("#node-input-addr-label").html('<i class="fa fa-list"></i> Group');
$("#node-input-addr")[0].placeholder = '225.0.18.83'; $("#node-input-addr")[0].placeholder = '225.0.18.83';
} }
if (id === "broad") { if (id === "broad") {
@ -187,7 +187,6 @@
return $(this).val() == type; return $(this).val() == type;
}).attr('selected',true); }).attr('selected',true);
$("#node-input-outport-type").change(function() { $("#node-input-outport-type").change(function() {
var type = $(this).children("option:selected").val(); var type = $(this).children("option:selected").val();
if (type == "random") { if (type == "random") {