diff --git a/packages/node_modules/@node-red/editor-client/src/js/ui/palette-editor.js b/packages/node_modules/@node-red/editor-client/src/js/ui/palette-editor.js index 3926ca430..f993547b1 100644 --- a/packages/node_modules/@node-red/editor-client/src/js/ui/palette-editor.js +++ b/packages/node_modules/@node-red/editor-client/src/js/ui/palette-editor.js @@ -583,7 +583,9 @@ RED.palette.editor = (function() { packageList.editableList('addItem',{count:loadedList.length}) return; } + // sort the filtered modules filteredList.sort(activeSort); + // render the items in the package list for (var i=0;i').appendTo(headerRow); $('
',{class:"red-ui-palette-module-description"}).text(entry.description).appendTo(descRow); var metaRow = $('
').appendTo(headerRow); - $(' '+entry.version+'').appendTo(metaRow); - $(' '+formatUpdatedAt(entry.updated_at)+'').appendTo(metaRow); + $(' '+entry.version+'').appendTo(metaRow); + $(' '+formatUpdatedAt(entry.updated_at)+'').appendTo(metaRow); + if (entry.downloads?.week !== undefined) { + $(' '+(new Intl.NumberFormat().format(entry.downloads.week))+'').appendTo(metaRow); + } if (loadedCatalogs.length > 1) { $('' + (entry.catalog.name || entry.catalog.url) + '').appendTo(metaRow); } diff --git a/packages/node_modules/@node-red/editor-client/src/sass/palette-editor.scss b/packages/node_modules/@node-red/editor-client/src/sass/palette-editor.scss index 48706bda8..cdbfa406b 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/palette-editor.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/palette-editor.scss @@ -119,6 +119,9 @@ .red-ui-palette-module-updated { margin-left: 10px; } + .red-ui-palette-module-downloads { + margin-left: 10px; + } .red-ui-palette-module-link { margin-left: 5px; } @@ -230,7 +233,7 @@ white-space: nowrap; @include mixins.enable-selection; } -.red-ui-palette-module-version, .red-ui-palette-module-updated, .red-ui-palette-module-link { +.red-ui-palette-module-version, .red-ui-palette-module-updated, .red-ui-palette-module-link, .red-ui-palette-module-downloads { font-style:italic; font-size: 0.8em; @include mixins.enable-selection;