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

NLS the palette editor

Browse Source
This commit is contained in:
Nick O'Leary 2016-08-14 23:08:37 +01:00
parent b7dbfd5cfc
commit eb17562f4d
3 changed files with 74 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
editor/js/ui/palette-editor.js
View File

@ -118,65 +118,51 @@ RED.palette.editor = (function() {
function formatUpdatedAt(dateString) { function formatUpdatedAt(dateString) {
var now = new Date(); var now = new Date();
var d = new Date(dateString); var d = new Date(dateString);
var delta = now.getTime() - d.getTime(); var delta = (Date.now() - new Date(dateString).getTime())/1000;
delta /= 1000;
if (delta < 60) { if (delta < 60) {
return "seconds ago"; return RED._('palette.editor.times.seconds');
} }
delta = Math.floor(delta/60); delta = Math.floor(delta/60);
if (delta < 10) { if (delta < 10) {
return "minutes ago"; return RED._('palette.editor.times.minutes');
} }
if (delta < 60) { if (delta < 60) {
return delta+" minutes ago"; return RED._('palette.editor.times.minutesV',{count:delta});
} }
delta = Math.floor(delta/60); delta = Math.floor(delta/60);
if (delta < 24) { if (delta < 24) {
return delta+" hour"+(delta>1?"s":"")+" ago"; return RED._('palette.editor.times.hoursV',{count:delta});
} }
delta = Math.floor(delta/24); delta = Math.floor(delta/24);
if (delta < 7) { if (delta < 7) {
return delta+" day"+(delta>1?"s":"")+" ago"; return RED._('palette.editor.times.daysV',{count:delta})
} }
var weeks = Math.floor(delta/7); var weeks = Math.floor(delta/7);
var days = delta%7; var days = delta%7;
if (weeks < 4) { if (weeks < 4) {
if (days === 0) { return RED._('palette.editor.times.weeksV',{count:weeks})
return weeks+" week"+(weeks>1?"s":"")+" ago";
} else {
return weeks+" week"+(weeks>1?"s":"")+", "+days+" day"+(days>1?"s":"")+" ago";
}
} }
var months = Math.floor(weeks/4); var months = Math.floor(weeks/4);
weeks = weeks%4; weeks = weeks%4;
if (months < 12) { if (months < 12) {
if (weeks === 0) { return RED._('palette.editor.times.monthsV',{count:months})
return months+" month"+(months>1?"s":"")+" ago";
} else {
return months+" month"+(months>1?"s":"")+", "+weeks+" week"+(weeks>1?"s":"")+" ago";
} }
}
var years = Math.floor(months/12); var years = Math.floor(months/12);
months = months%12; months = months%12;
if (months === 0) { if (months === 0) {
return years+" year"+(years>1?"s":"")+" ago"; return RED._('palette.editor.times.yearsV',{count:years})
} else { } else {
return years+" year"+(years>1?"s":"")+", "+months+" month"+(months>1?"s":"")+" ago"; return RED._('palette.editor.times.year'+(years>1?'s':'')+'MonthsV',{y:years,count:months})
} }
} }
@ -235,33 +221,33 @@ RED.palette.editor = (function() {
nodeEntries[module].totalUseCount += inUseCount; nodeEntries[module].totalUseCount += inUseCount;
if (inUseCount > 0) { if (inUseCount > 0) {
setElements.enableButton.html('in use'); setElements.enableButton.html(RED._('palette.editor.inuse'));
setElements.enableButton.addClass('disabled'); setElements.enableButton.addClass('disabled');
} else { } else {
setElements.enableButton.removeClass('disabled'); setElements.enableButton.removeClass('disabled');
if (set.enabled) { if (set.enabled) {
setElements.enableButton.html('disable'); setElements.enableButton.html(RED._('palette.editor.disable'));
} else { } else {
setElements.enableButton.html('enable'); setElements.enableButton.html(RED._('palette.editor.enable'));
} }
} }
setElements.setRow.toggleClass("palette-module-set-disabled",!set.enabled); setElements.setRow.toggleClass("palette-module-set-disabled",!set.enabled);
} }
} }
var nodeCount = (activeTypeCount === typeCount)?typeCount:activeTypeCount+" / "+typeCount; var nodeCount = (activeTypeCount === typeCount)?typeCount:activeTypeCount+" / "+typeCount;
nodeEntry.setCount.html(nodeCount+" node"+(typeCount>1?"s":"")); nodeEntry.setCount.html(RED._('palette.editor.nodeCount',{count:typeCount,label:nodeCount}));
if (nodeEntries[module].totalUseCount > 0) { if (nodeEntries[module].totalUseCount > 0) {
nodeEntry.enableButton.html("in use"); nodeEntry.enableButton.html(RED._('palette.editor.inuse'));
nodeEntry.enableButton.addClass('disabled'); nodeEntry.enableButton.addClass('disabled');
nodeEntry.removeButton.hide(); nodeEntry.removeButton.hide();
} else { } else {
nodeEntry.enableButton.removeClass('disabled'); nodeEntry.enableButton.removeClass('disabled');
nodeEntry.removeButton.show(); nodeEntry.removeButton.show();
if (activeTypeCount === 0) { if (activeTypeCount === 0) {
nodeEntry.enableButton.html("enable all"); nodeEntry.enableButton.html(RED._('palette.editor.enableall'));
} else { } else {
nodeEntry.enableButton.html("disable all"); nodeEntry.enableButton.html(RED._('palette.editor.disableall'));
} }
nodeEntry.container.toggleClass("disabled",(activeTypeCount === 0)); nodeEntry.container.toggleClass("disabled",(activeTypeCount === 0));
} }
@ -329,7 +315,7 @@ RED.palette.editor = (function() {
} }
searchInput.searchBox('count',loadedList.length); searchInput.searchBox('count',loadedList.length);
if (catalogueCount > 1) { if (catalogueCount > 1) {
$(".palette-module-shade-status").html("Loading catalogues...<br>"+catalogueLoadStatus.length+"/"+catalogueCount); $(".palette-module-shade-status").html(RED._('palette.editor.loading')+"<br>"+catalogueLoadStatus.length+"/"+catalogueCount);
} }
if (catalogueLoadStatus.length === catalogueCount) { if (catalogueLoadStatus.length === catalogueCount) {
var delta = 250-(Date.now() - catalogueLoadStart); var delta = 250-(Date.now() - catalogueLoadStart);
@ -343,12 +329,12 @@ RED.palette.editor = (function() {
if (loadedList.length === 0) { if (loadedList.length === 0) {
loadedList = []; loadedList = [];
packageList.editableList('empty'); packageList.editableList('empty');
$(".palette-module-shade-status").html("Loading catalogues..."); $(".palette-module-shade-status").html(RED._('palette.editor.loading'));
var catalogues = RED.settings.theme('palette.catalogues')||['http://catalogue.nodered.org/catalogue.json']; var catalogues = RED.settings.theme('palette.catalogues')||['http://catalogue.nodered.org/catalogue.json'];
catalogueLoadStatus = []; catalogueLoadStatus = [];
catalogueCount = catalogues.length; catalogueCount = catalogues.length;
if (catalogues.length > 1) { if (catalogues.length > 1) {
$(".palette-module-shade-status").html("Loading catalogues...<br>0/"+catalogues.length); $(".palette-module-shade-status").html(RED._('palette.editor.loading')+"<br>0/"+catalogues.length);
} }
$("#palette-module-install-shade").show(); $("#palette-module-install-shade").show();
catalogueLoadStart = Date.now(); catalogueLoadStart = Date.now();
@ -427,8 +413,7 @@ RED.palette.editor = (function() {
editorTabs.addTab({ editorTabs.addTab({
id: 'nodes', id: 'nodes',
label: 'Nodes', label: RED._('palette.editor.tab-nodes'),
name: 'Nodes',
content: modulesTab content: modulesTab
}) })
@ -466,7 +451,7 @@ RED.palette.editor = (function() {
var setButton = $('<a href="#" class="editor-button editor-button-small palette-module-set-button"><i class="fa fa-angle-right palette-module-node-chevron"></i> </a>').appendTo(buttonRow); var setButton = $('<a href="#" class="editor-button editor-button-small palette-module-set-button"><i class="fa fa-angle-right palette-module-node-chevron"></i> </a>').appendTo(buttonRow);
var setCount = $('<span>').appendTo(setButton); var setCount = $('<span>').appendTo(setButton);
var buttonGroup = $('<div>',{class:"palette-module-button-group"}).appendTo(buttonRow); var buttonGroup = $('<div>',{class:"palette-module-button-group"}).appendTo(buttonRow);
var removeButton = $('<a href="#" class="editor-button editor-button-small"></a>').html('remove').appendTo(buttonGroup); var removeButton = $('<a href="#" class="editor-button editor-button-small"></a>').html(RED._('palette.editor.remove')).appendTo(buttonGroup);
removeButton.click(function() { removeButton.click(function() {
shade.show(); shade.show();
removeNodeModule(entry.name, function(xhr) { removeNodeModule(entry.name, function(xhr) {
@ -476,7 +461,7 @@ RED.palette.editor = (function() {
if (!entry.local) { if (!entry.local) {
removeButton.hide(); removeButton.hide();
} }
var enableButton = $('<a href="#" class="editor-button editor-button-small"></a>').html('disable all').appendTo(buttonGroup); var enableButton = $('<a href="#" class="editor-button editor-button-small"></a>').html(RED._('palette.editor.disableall')).appendTo(buttonGroup);
var contentRow = $('<div>',{class:"palette-module-content"}).appendTo(container); var contentRow = $('<div>',{class:"palette-module-content"}).appendTo(container);
var shade = $('<div class="palette-module-shade hide"><img src="red/images/spin.svg" class="palette-spinner"/></div>').appendTo(container); var shade = $('<div class="palette-module-shade hide"><img src="red/images/spin.svg" class="palette-spinner"/></div>').appendTo(container);
@ -550,8 +535,7 @@ RED.palette.editor = (function() {
editorTabs.addTab({ editorTabs.addTab({
id: 'install', id: 'install',
label: 'Install', label: RED._('palette.editor.tab-install'),
name: 'Install',
content: installTab content: installTab
}) })
@ -581,10 +565,10 @@ RED.palette.editor = (function() {
}); });
$('<span>').html('sort: ').appendTo(toolBar); $('<span>').html(RED._("palette.editor.sort")+' ').appendTo(toolBar);
var sortGroup = $('<span class="button-group"></span> ').appendTo(toolBar); var sortGroup = $('<span class="button-group"></span> ').appendTo(toolBar);
var sortAZ = $('<a href="#" class="sidebar-header-button-toggle selected">a-z</a>').appendTo(sortGroup); var sortAZ = $('<a href="#" class="sidebar-header-button-toggle selected" data-i18n="palette.editor.sortAZ"></a>').appendTo(sortGroup);
var sortRecent = $('<a href="#" class="sidebar-header-button-toggle">recent</a>').appendTo(sortGroup); var sortRecent = $('<a href="#" class="sidebar-header-button-toggle" data-i18n="palette.editor.sortRecent"></a>').appendTo(sortGroup);
sortAZ.click(function(e) { sortAZ.click(function(e) {
e.preventDefault(); e.preventDefault();
@ -623,7 +607,7 @@ RED.palette.editor = (function() {
if (object.more) { if (object.more) {
container.addClass('palette-module-more'); container.addClass('palette-module-more');
var moreRow = $('<div>',{class:"palette-module-header palette-module"}).appendTo(container); var moreRow = $('<div>',{class:"palette-module-header palette-module"}).appendTo(container);
var moreLink = $('<a href="#"></a>').html("+ "+object.more+" more").appendTo(moreRow); var moreLink = $('<a href="#"></a>').html(RED._('palette.editor.more',{count:object.more})).appendTo(moreRow);
moreLink.click(function(e) { moreLink.click(function(e) {
e.preventDefault(); e.preventDefault();
packageList.editableList('removeItem',object); packageList.editableList('removeItem',object);
@ -650,13 +634,13 @@ RED.palette.editor = (function() {
var buttonRow = $('<div>',{class:"palette-module-meta"}).appendTo(headerRow); var buttonRow = $('<div>',{class:"palette-module-meta"}).appendTo(headerRow);
var buttonGroup = $('<div>',{class:"palette-module-button-group"}).appendTo(buttonRow); var buttonGroup = $('<div>',{class:"palette-module-button-group"}).appendTo(buttonRow);
var shade = $('<div class="palette-module-shade hide"><img src="red/images/spin.svg" class="palette-spinner"/></div>').appendTo(container); var shade = $('<div class="palette-module-shade hide"><img src="red/images/spin.svg" class="palette-spinner"/></div>').appendTo(container);
var installButton = $('<a href="#" class="editor-button editor-button-small"></a>').html('install').appendTo(buttonGroup); var installButton = $('<a href="#" class="editor-button editor-button-small"></a>').html(RED._('palette.editor.install')).appendTo(buttonGroup);
installButton.click(function(e) { installButton.click(function(e) {
e.preventDefault(); e.preventDefault();
installNodeModule(entry.id,shade,function(xhr) { installNodeModule(entry.id,shade,function(xhr) {
if (xhr) { if (xhr) {
if (xhr.responseJSON) { if (xhr.responseJSON) {
RED.notify("Failed to install: "+entry.id+"<br>"+xhr.responseJSON.message+"<br>Check the log for more information","error",false,8000); RED.notify(RED._('palette.editor.errors.installFailed',{module: entry.id,message:xhr.responseJSON.message}));
} }
} }
}) })

2
editor/templates/index.mst
View File

@ -62,7 +62,7 @@
<input type="text" data-i18n="[placeholder]palette.filter"></input> <input type="text" data-i18n="[placeholder]palette.filter"></input>
</div> </div>
<div id="palette-editor"> <div id="palette-editor">
<div class="editor-tray-header"><div class="editor-tray-titlebar"><ul class="editor-tray-breadcrumbs"><li>Manage palette</li></ul></div><div class="editor-tray-toolbar"><button id="palette-editor-close" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only primary" role="button" aria-disabled="false">Done</button></div></div> <div class="editor-tray-header"><div class="editor-tray-titlebar"><ul class="editor-tray-breadcrumbs"><li data-i18n="palette.editor.title"></li></ul></div><div class="editor-tray-toolbar"><button id="palette-editor-close" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only primary" role="button" aria-disabled="false" data-i18n="common.label.done"></button></div></div>
<ul id="palette-editor-tabs"></ul> <ul id="palette-editor-tabs"></ul>
</div> </div>
<div id="palette-container" class="palette-scroll hide"></div> <div id="palette-container" class="palette-scroll hide"></div>

43
red/api/locales/en-US/editor.json
View File

@ -200,6 +200,49 @@
"nodeEnabled_plural": "Nodes enabled:", "nodeEnabled_plural": "Nodes enabled:",
"nodeDisabled": "Node disabled:", "nodeDisabled": "Node disabled:",
"nodeDisabled_plural": "Nodes disabled:" "nodeDisabled_plural": "Nodes disabled:"
},
"editor": {
"title": "Manage palette",
"times": {
"seconds": "seconds ago",
"minutes": "minutes ago",
"minutesV": "__count__ minutes ago",
"hoursV": "__count__ hour ago",
"hoursV_plural": "__count__ hours ago",
"daysV": "__count__ day ago",
"daysV_plural": "__count__ days ago",
"weeksV": "__count__ week ago",
"weeksV_plural": "__count__ weeks ago",
"monthsV": "__count__ month ago",
"monthsV_plural": "__count__ months ago",
"yearsV": "__count__ year ago",
"yearsV_plural": "__count__ years ago",
"yearMonthsV": "__y__ year, __count__ month ago",
"yearMonthsV_plural": "__y__ year, __count__ months ago",
"yearsMonthsV": "__y__ years, __count__ month ago",
"yearsMonthsV_plural": "__y__ years, __count__ months ago"
},
"nodeCount": "__label__ node",
"nodeCount_plural": "__label__ nodes",
"inuse": "in use",
"enableall": "enable all",
"disableall": "disable all",
"enable": "enable",
"disable": "disable",
"remove": "remove",
"install": "install",
"loading": "Loading catalogues...",
"tab-nodes": "Nodes",
"tab-install": "Install",
"sort": "sort:",
"sortAZ": "a-z",
"sortRecent": "recent",
"more": "+ __count__ more",
"errors": {
"installFailed": "Failed to install: __module__<br>__message__<br>Check the log for more information"
}
} }
}, },
"sidebar": { "sidebar": {