diff --git a/editor/js/i18n.js b/editor/js/i18n.js
index cf29a6b43..149b48c1a 100644
--- a/editor/js/i18n.js
+++ b/editor/js/i18n.js
@@ -23,7 +23,7 @@ RED.i18n = (function() {
dynamicLoad: false,
load:'current',
ns: {
- namespaces: ["editor","node-red"],
+ namespaces: ["editor","node-red","infotips"],
defaultNs: "editor"
},
fallbackLng: ['en-US'],
diff --git a/editor/js/ui/tab-info.js b/editor/js/ui/tab-info.js
index 1daf683ff..7ac0611f9 100644
--- a/editor/js/ui/tab-info.js
+++ b/editor/js/ui/tab-info.js
@@ -127,7 +127,6 @@ RED.sidebar.info = (function() {
//$('
'+(typeof info === "function" ? info.call(node) : info)+'
';
}
-
$(".node-info-property-header").click(function(e) {
var icon = $(this).find("i");
if (icon.hasClass("fa-caret-right")) {
@@ -146,8 +145,14 @@ RED.sidebar.info = (function() {
});
}
+ var infotimeout;
function clear() {
- $(content).html("");
+ //$(content).html("");
+ if (!infotimeout) {
+ var r = parseInt(Math.random() * RED._("infotips:infoLength"));
+ $(content).html(''+RED._("infotips:info.tip"+r)+'
');
+ infotimeout = setTimeout(function() { infotimeout=null; }, 20000);
+ }
}
function set(html) {
@@ -177,7 +182,7 @@ RED.sidebar.info = (function() {
return {
init: init,
show: show,
- refresh:refresh,
+ refresh: refresh,
clear: clear,
set: set
}
diff --git a/editor/sass/tab-info.scss b/editor/sass/tab-info.scss
index 976da027c..c7cf8e27e 100644
--- a/editor/sass/tab-info.scss
+++ b/editor/sass/tab-info.scss
@@ -81,3 +81,21 @@ div.node-info {
margin: 8px auto;
}
}
+.node-info-tip {
+ margin: 10px;
+ margin-top: 30px;
+ border-radius: 6px;
+ padding: 12px;
+ font-size: 18px;
+ text-align: center;
+ color : #aaa;
+ background-color: #fff;
+ code {
+ font-size: 16px;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-weight: 700;
+ padding: 3px 8px 3px 8px;
+ border-radius: 4px;
+ color: #aaa;
+ }
+}
diff --git a/red/api/index.js b/red/api/index.js
index 4200af192..5e6ab84dc 100644
--- a/red/api/index.js
+++ b/red/api/index.js
@@ -155,7 +155,7 @@ function init(_server,_runtime) {
}
}
function start() {
- return i18n.registerMessageCatalog("editor",path.resolve(path.join(__dirname,"locales")),"editor.json").then(function(){
+ return i18n.registerMessageCatalog("editor",path.resolve(path.join(__dirname,"locales")),"editor.json").then(i18n.registerMessageCatalog("infotips",path.resolve(path.join(__dirname,"locales")),"infotips.json")).then(function() {
comms.start();
});
}
diff --git a/red/api/info.js b/red/api/info.js
index 9504713b0..5bb4c7ba8 100644
--- a/red/api/info.js
+++ b/red/api/info.js
@@ -42,13 +42,13 @@ module.exports = {
if (settings.flowFilePretty) {
safeSettings.flowFilePretty = settings.flowFilePretty;
}
+
if (!runtime.nodes.paletteEditorEnabled()) {
safeSettings.editorTheme = safeSettings.editorTheme || {};
safeSettings.editorTheme.palette = safeSettings.editorTheme.palette || {};
safeSettings.editorTheme.palette.editable = false;
}
-
res.json(safeSettings);
}
}
diff --git a/red/api/locales/en-US/infotips.json b/red/api/locales/en-US/infotips.json
new file mode 100644
index 000000000..cc7f68826
--- /dev/null
+++ b/red/api/locales/en-US/infotips.json
@@ -0,0 +1,16 @@
+{
+ "info": {
+ "tip0" : "Use the delete
key to remove a node.",
+ "tip1" : "Press the Deploy
button above to start the flow running. You can choose to deploy the whole flow or just the changes.",
+ "tip2" : "Options like Show grid and Snap to grid are under the menu icon
View",
+ "tip3" : "ctrl .
or ⌘ .
can be used to search for nodes and tabs.",
+ "tip4" : " Manage palette can be used to find, add and remove extra nodes.",
+ "tip5" : "Nodes may install examples under
Import Examples",
+ "tip6" : "Lots of example flows can be found on flows.nodered.org
They can then be imported by drag and drop to the workspace.",
+ "tip7" : "Shift-click and drag on a connector to move all the attached wires in one go.",
+ "tip8" : "The Node-RED Dashboard package can be used to create simple User Interfaces.",
+ "tip9" : "ctrl
space
will toggle the view of this sidebar.",
+ "tip10": "Got a question?
Join us on Slack
or the
Node-RED Google group"
+ },
+ "infoLength": "11"
+}
diff --git a/red/runtime/i18n.js b/red/runtime/i18n.js
index 44cdf4b44..0d45b71e4 100644
--- a/red/runtime/i18n.js
+++ b/red/runtime/i18n.js
@@ -111,7 +111,7 @@ var obj = module.exports = {
registerMessageCatalog: registerMessageCatalog,
catalog: getCatalog,
i: i18n,
- defaultLang:defaultLang
+ defaultLang: defaultLang
}
obj['_'] = function() {