1
0
mirror of https://github.com/node-red/node-red.git synced 2023-10-10 13:36:53 +02:00

Migrate to fa icons.

This commit is contained in:
Mark Hindess 2014-09-03 15:11:10 +01:00
parent 995268c5df
commit 3f054bdf7e
15 changed files with 43 additions and 43 deletions

View File

@ -30,7 +30,7 @@
<!-- (with the 'node-input-' prefix). --> <!-- (with the 'node-input-' prefix). -->
<!-- The available icon classes are defined Twitter Bootstrap glyphicons --> <!-- The available icon classes are defined Twitter Bootstrap glyphicons -->
<div class="form-row"> <div class="form-row">
<label for="node-input-topic"><i class="icon-tasks"></i> Topic</label> <label for="node-input-topic"><i class="fa fa-tasks"></i> Topic</label>
<input type="text" id="node-input-topic" placeholder="Topic"> <input type="text" id="node-input-topic" placeholder="Topic">
</div> </div>
@ -38,7 +38,7 @@
<!-- By convention, most nodes have a 'name' property. The following div --> <!-- By convention, most nodes have a 'name' property. The following div -->
<!-- provides the necessary field. Should always be the last option --> <!-- provides the necessary field. Should always be the last option -->
<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>
</script> </script>

View File

@ -16,7 +16,7 @@
<script type="text/x-red" data-template-name="inject"> <script type="text/x-red" data-template-name="inject">
<div class="form-row node-input-payload"> <div class="form-row node-input-payload">
<label for="node-input-payloadType"><i class="icon-envelope"></i> Payload</label> <label for="node-input-payloadType"><i class="fa fa-envelope"></i> Payload</label>
<select id="node-input-payloadType" style="width:125px !important"> <select id="node-input-payloadType" style="width:125px !important">
<option value="date">timestamp</option> <option value="date">timestamp</option>
<option value="none">blank</option> <option value="none">blank</option>
@ -30,12 +30,12 @@
</div> </div>
<div class="form-row"> <div class="form-row">
<label for="node-input-topic"><i class="icon-tasks"></i> Topic</label> <label for="node-input-topic"><i class="fa fa-tasks"></i> Topic</label>
<input type="text" id="node-input-topic" placeholder="topic"> <input type="text" id="node-input-topic" placeholder="topic">
</div> </div>
<div class="form-row"> <div class="form-row">
<label for=""><i class="icon-repeat"></i> Repeat</label> <label for=""><i class="fa fa-repeat"></i> Repeat</label>
<select id="inject-time-type-select" style="width: 288px"><option value="none">none</option><option value="interval">interval</option><option value="interval-time">interval between times</option><option value="time">at a specific time</option></select> <select id="inject-time-type-select" style="width: 288px"><option value="none">none</option><option value="interval">interval</option><option value="interval-time">interval between times</option><option value="time">at a specific time</option></select>
<input type="hidden" id="node-input-repeat" placeholder="payload"> <input type="hidden" id="node-input-repeat" placeholder="payload">
<input type="hidden" id="node-input-crontab" placeholder="payload"> <input type="hidden" id="node-input-crontab" placeholder="payload">
@ -78,7 +78,7 @@
</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>

View File

@ -16,21 +16,21 @@
<script type="text/x-red" data-template-name="debug"> <script type="text/x-red" data-template-name="debug">
<div class="form-row"> <div class="form-row">
<label for="node-input-complete"><i class="icon-list"></i> Output</label> <label for="node-input-complete"><i class="fa fa-list"></i> Output</label>
<select type="text" id="node-input-complete" style="display: inline-block; width: 250px; vertical-align: top;"> <select type="text" id="node-input-complete" style="display: inline-block; width: 250px; vertical-align: top;">
<option value="false">payload only</option> <option value="false">payload only</option>
<option value="true">complete msg object</option> <option value="true">complete msg object</option>
</select> </select>
</div> </div>
<div class="form-row"> <div class="form-row">
<label for="node-input-console"><i class="icon-random"></i> to</label> <label for="node-input-console"><i class="fa fa-random"></i> to</label>
<select type="text" id="node-input-console" style="display: inline-block; width: 250px; vertical-align: top;"> <select type="text" id="node-input-console" style="display: inline-block; width: 250px; vertical-align: top;">
<option value="false">debug tab</option> <option value="false">debug tab</option>
<option value="true">debug tab and console</option> <option value="true">debug tab and console</option>
</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>
</script> </script>
@ -99,7 +99,7 @@
toolbar.id = "debug-toolbar"; toolbar.id = "debug-toolbar";
content.appendChild(toolbar); content.appendChild(toolbar);
toolbar.innerHTML = '<div class="btn-group pull-right"><a id="debug-tab-clear" title="clear log" class="btn btn-mini" href="#"><i class="icon-trash"></i></a></div> '; toolbar.innerHTML = '<div class="btn-group pull-right"><a id="debug-tab-clear" title="clear log" class="btn btn-mini" href="#"><i class="fa fa-trash"></i></a></div> ';
var messages = document.createElement("div"); var messages = document.createElement("div");
messages.id = "debug-content"; messages.id = "debug-content";

View File

@ -16,11 +16,11 @@
<script type="text/x-red" data-template-name="exec"> <script type="text/x-red" data-template-name="exec">
<div class="form-row"> <div class="form-row">
<label for="node-input-command"><i class="icon-file"></i> Command</label> <label for="node-input-command"><i class="fa fa-file"></i> Command</label>
<input type="text" id="node-input-command" placeholder="command"> <input type="text" id="node-input-command" placeholder="command">
</div> </div>
<div class="form-row"> <div class="form-row">
<label for="node-input-append"><i class="icon-list"></i> Append</label> <label for="node-input-append"><i class="fa fa-list"></i> Append</label>
<input type="text" id="node-input-append" placeholder="extra input"> <input type="text" id="node-input-append" placeholder="extra input">
</div> </div>
<div class="form-row"> <div class="form-row">
@ -29,7 +29,7 @@
<label for="node-input-useSpawn" style="width: 70%;">Use spawn() instead of exec() ?</label> <label for="node-input-useSpawn" style="width: 70%;">Use spawn() instead of exec() ?</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="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: <i>spawn</i> expects only one command word - and appended args to be comma separated.</div> <div class="form-tips">Tip: <i>spawn</i> expects only one command word - and appended args to be comma separated.</div>

View File

@ -16,16 +16,16 @@
<script type="text/x-red" data-template-name="function"> <script type="text/x-red" data-template-name="function">
<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-row"> <div class="form-row">
<label for="node-input-func"><i class="icon-wrench"></i> Function</label> <label for="node-input-func"><i class="fa fa-wrench"></i> Function</label>
<input type="hidden" id="node-input-func" autofocus="autofocus"> <input type="hidden" id="node-input-func" autofocus="autofocus">
<div style="height: 250px;" class="node-text-editor" id="node-input-func-editor" ></div> <div style="height: 250px;" class="node-text-editor" id="node-input-func-editor" ></div>
</div> </div>
<div class="form-row"> <div class="form-row">
<label for="node-input-outputs"><i class="icon-random"></i> Outputs</label> <label for="node-input-outputs"><i class="fa fa-random"></i> Outputs</label>
<input id="node-input-outputs" style="width: 60px; height: 1.7em;" value="1"> <input id="node-input-outputs" style="width: 60px; height: 1.7em;" value="1">
</div> </div>
<div class="form-tips">See the Info tab for help writing functions.</div> <div class="form-tips">See the Info tab for help writing functions.</div>

View File

@ -18,7 +18,7 @@
<script type="text/x-red" data-template-name="delay"> <script type="text/x-red" data-template-name="delay">
<div class="form-row"> <div class="form-row">
<label for="node-input-pauseType"><i class="icon-tasks"></i> Action</label> <label for="node-input-pauseType"><i class="fa fa-tasks"></i> Action</label>
<select id="node-input-pauseType" style="width:270px !important"> <select id="node-input-pauseType" style="width:270px !important">
<option value="delay">Delay message</option> <option value="delay">Delay message</option>
<option value="rate">Limit rate to</option> <option value="rate">Limit rate to</option>
@ -26,7 +26,7 @@
</select> </select>
</div> </div>
<div id="delay-details" class="form-row"> <div id="delay-details" class="form-row">
<label for="node-input-timeout"><i class="icon-time"></i> For</label> <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"> <input type="text" id="node-input-timeout" placeholder="Time" style="direction:rtl; width:50px !important">
<select id="node-input-timeoutUnits" style="width:200px !important"> <select id="node-input-timeoutUnits" style="width:200px !important">
<option value="milliseconds">Milliseconds</option> <option value="milliseconds">Milliseconds</option>
@ -38,7 +38,7 @@
</div> </div>
<div id="rate-details" class="form-row"> <div id="rate-details" class="form-row">
<label for="node-input-rate"><i class="icon-time"></i> To</label> <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"> <input type="text" id="node-input-rate" placeholder="1" style="direction:rtl; width:30px !important">
<label for="node-input-reateUnits">msg(s) per</label> <label for="node-input-reateUnits">msg(s) per</label>
<select id="node-input-rateUnits" style="width:140px !important"> <select id="node-input-rateUnits" style="width:140px !important">
@ -52,7 +52,7 @@
</div> </div>
<div id="random-details" class="form-row"> <div id="random-details" class="form-row">
<label for="node-input-randomFirst"><i class="icon-time"></i> Between</label> <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"> <input type="text" id="node-input-randomFirst" placeholder="" style="directon:rtl; width:30px !important">
<label for="node-input-randomLast" style="width:20px"> &amp; </label> <label for="node-input-randomLast" style="width:20px"> &amp; </label>
<input type="text" id="node-input-randomLast" placeholder="" style="directon:rtl; width:30px !important"> <input type="text" id="node-input-randomLast" placeholder="" style="directon:rtl; width:30px !important">
@ -66,7 +66,7 @@
</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>

View File

@ -16,11 +16,11 @@
<script type="text/x-red" data-template-name="imap"> <script type="text/x-red" data-template-name="imap">
<div class="form-row node-input-repeat"> <div class="form-row node-input-repeat">
<label for="node-input-repeat"><i class="icon-repeat"></i>Repeat (S)</label> <label for="node-input-repeat"><i class="fa fa-repeat"></i>Repeat (S)</label>
<input type="text" id="node-input-repeat" placeholder="300"> <input type="text" id="node-input-repeat" placeholder="300">
</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>
</script> </script>

View File

@ -21,7 +21,7 @@
<label for="node-input-useEyes" style="width: 70%;">Debug output in console ?</label> <label for="node-input-useEyes" style="width: 70%;">Debug output in console ?</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="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">Uses xml2js to process xml into javascript object.</div> --> <!-- <div class="form-tips">Uses xml2js to process xml into javascript object.</div> -->

View File

@ -16,11 +16,11 @@
<script type="text/x-red" data-template-name="json2xml"> <script type="text/x-red" data-template-name="json2xml">
<div class="form-row"> <div class="form-row">
<label for="node-input-name"><i class="icon-list"></i> XML Root</label> <label for="node-input-name"><i class="fa fa-list"></i> XML Root</label>
<input type="text" id="node-input-root" placeholder="object"></input> <input type="text" id="node-input-root" placeholder="object"></input>
</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> <input type="text" id="node-input-name" placeholder="Name"></input>
</div> </div>
</script> </script>

View File

@ -18,15 +18,15 @@
<div class="form-tips"><b>Deprecated</b>: please use the <i>http request</i> node.</div> <div class="form-tips"><b>Deprecated</b>: please use the <i>http request</i> node.</div>
<br> <br>
<div class="form-row"> <div class="form-row">
<label for="node-input-baseurl"><i class="icon-tasks"></i> Base URL</label> <label for="node-input-baseurl"><i class="fa fa-tasks"></i> Base URL</label>
<input type="text" id="node-input-baseurl" placeholder="http(s)://url"> <input type="text" id="node-input-baseurl" placeholder="http(s)://url">
</div> </div>
<div class="form-row"> <div class="form-row">
<label for="node-input-append"><i class="icon-tasks"></i> Append</label> <label for="node-input-append"><i class="fa fa-tasks"></i> Append</label>
<input type="text" id="node-input-append" placeholder=""> <input type="text" id="node-input-append" placeholder="">
</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">The <b>Base URL</b> gets prepended to whatever payload is passed in. Leave blank if you pass in a full url.<br/>The append gets added to the end after any payload.<br/>The output Topic is the same as the input Topic.</div> <div class="form-tips">The <b>Base URL</b> gets prepended to whatever payload is passed in. Leave blank if you pass in a full url.<br/>The append gets added to the end after any payload.<br/>The output Topic is the same as the input Topic.</div>

View File

@ -145,12 +145,12 @@
$("#node-config-input-device").autocomplete( "destroy" ); $("#node-config-input-device").autocomplete( "destroy" );
} catch(err) { } } catch(err) { }
$("#node-config-lookup-serial").click(function() { $("#node-config-lookup-serial").click(function() {
$("#node-config-lookup-serial-icon").removeClass('icon-search'); $("#node-config-lookup-serial-icon").removeClass('fa-search');
$("#node-config-lookup-serial-icon").addClass('spinner'); $("#node-config-lookup-serial-icon").addClass('spinner');
$("#node-config-lookup-serial").addClass('disabled'); $("#node-config-lookup-serial").addClass('disabled');
$.getJSON('arduinoports',function(data) { $.getJSON('arduinoports',function(data) {
$("#node-config-lookup-serial-icon").addClass('icon-search'); $("#node-config-lookup-serial-icon").addClass('fa-search');
$("#node-config-lookup-serial-icon").removeClass('spinner'); $("#node-config-lookup-serial-icon").removeClass('spinner');
$("#node-config-lookup-serial").removeClass('disabled'); $("#node-config-lookup-serial").removeClass('disabled');
var ports = []; var ports = [];

View File

@ -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="icfa faon-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: 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>

View File

@ -38,7 +38,7 @@
} }
function updateTwitterScreenName(sn) { function updateTwitterScreenName(sn) {
$("#node-config-input-screen_name").val(sn); $("#node-config-input-screen_name").val(sn);
$("#node-config-twitter-row").html('<label><i class="icon-user"></i> Twitter ID</label><span class="input-xlarge uneditable-input">'+sn+'</span>'); $("#node-config-twitter-row").html('<label><i class="fa fa-user"></i> Twitter ID</label><span class="input-xlarge uneditable-input">'+sn+'</span>');
} }
function pollTwitterCredentials(e) { function pollTwitterCredentials(e) {
$.getJSON('credentials/twitter-credentials/'+twitterConfigNodeId,function(data) { $.getJSON('credentials/twitter-credentials/'+twitterConfigNodeId,function(data) {
@ -93,11 +93,11 @@
<script type="text/x-red" data-template-name="twitter in"> <script type="text/x-red" data-template-name="twitter in">
<div class="form-row"> <div class="form-row">
<label for="node-input-twitter"><i class="icon-user"></i> Log in as</label> <label for="node-input-twitter"><i class="fa fa-user"></i> Log in as</label>
<input type="text" id="node-input-twitter"> <input type="text" id="node-input-twitter">
</div> </div>
<div class="form-row"> <div class="form-row">
<label for="node-input-user"><i class="icon-search"></i> Search</label> <label for="node-input-user"><i class="fa fa-search"></i> Search</label>
<select type="text" id="node-input-user" style="display: inline-block; vertical-align: middle; width:60%;"> <select type="text" id="node-input-user" style="display: inline-block; vertical-align: middle; width:60%;">
<option value="false">all public tweets</option> <option value="false">all public tweets</option>
<option value="true">the tweets of who you follow</option> <option value="true">the tweets of who you follow</option>
@ -106,11 +106,11 @@
</select> </select>
</div> </div>
<div class="form-row" id="node-input-tags-row"> <div class="form-row" id="node-input-tags-row">
<label for="node-input-tags"><i class="icon-tags"></i> <span id="node-input-tags-label">for</span></label> <label for="node-input-tags"><i class="fa fa-tags"></i> <span id="node-input-tags-label">for</span></label>
<input type="text" id="node-input-tags" placeholder="comma-separated words, @ids, #tags"> <input type="text" id="node-input-tags" placeholder="comma-separated words, @ids, #tags">
</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: Use commas without spaces between multiple search terms. Comma = OR, Space = AND. <div class="form-tips">Tip: Use commas without spaces between multiple search terms. Comma = OR, Space = AND.
@ -188,11 +188,11 @@
<script type="text/x-red" data-template-name="twitter out"> <script type="text/x-red" data-template-name="twitter out">
<div class="form-row"> <div class="form-row">
<label for="node-input-twitter"><i class="icon-user"></i> Twitter</label> <label for="node-input-twitter"><i class="fa fa-user"></i> Twitter</label>
<input type="text" id="node-input-twitter"> <input type="text" id="node-input-twitter">
</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>
</script> </script>

View File

@ -16,15 +16,15 @@
<script type="text/x-red" data-template-name="feedparse"> <script type="text/x-red" data-template-name="feedparse">
<div class="form-row"> <div class="form-row">
<label for="node-input-url"><i class="icon-globe"></i> Feed url</label> <label for="node-input-url"><i class="fa fa-globe"></i> Feed url</label>
<input type="text" id="node-input-url"> <input type="text" id="node-input-url">
</div> </div>
<div class="form-row"> <div class="form-row">
<label for="node-input-interval"><i class="icon-repeat"></i> Repeat <span style="font-size: 0.9em;">(M)</span></label> <label for="node-input-interval"><i class="fa fa-repeat"></i> Repeat <span style="font-size: 0.9em;">(M)</span></label>
<input type="text" id="node-input-interval" placeholder="minutes"> <input type="text" id="node-input-interval" placeholder="minutes">
</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"></div> --> <!-- <div class="form-tips"></div> -->

View File

@ -20,7 +20,7 @@
<input type="text" id="node-input-name" placeholder="email@address.com"> <input type="text" id="node-input-name" placeholder="email@address.com">
</div> </div>
<!-- <div class="form-row"> <!-- <div class="form-row">
<label for="node-input-pin"><i class="icon-asterisk"></i> Service</label> <label for="node-input-pin"><i class="fa fa-asterisk"></i> Service</label>
<select type="text" id="node-input-pin" style="width: 150px;"> <select type="text" id="node-input-pin" style="width: 150px;">
<option value="-" disabled> </option> <option value="-" disabled> </option>
<option value="DynectEmail">DynectEmail</option> <option value="DynectEmail">DynectEmail</option>