/** * Copyright 2016 IBM Corp. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. **/ RED.palette.editor = (function() { var disabled = false; var editorTabs; var filterInput; var searchInput; var nodeList; var packageList; var loadedList = []; var filteredList = []; var loadedIndex = {}; var typesInUse = {}; var nodeEntries = {}; var eventTimers = {}; var activeFilter = ""; function delayCallback(start,callback) { var delta = Date.now() - start; if (delta < 300) { delta = 300; } else { delta = 0; } setTimeout(function() { callback(); },delta); } function changeNodeState(id,state,shade,callback) { shade.show(); var start = Date.now(); $.ajax({ url:"nodes/"+id, type: "PUT", data: JSON.stringify({ enabled: state }), contentType: "application/json; charset=utf-8" }).done(function(data,textStatus,xhr) { delayCallback(start,function() { shade.hide(); callback(); }); }).fail(function(xhr,textStatus,err) { delayCallback(start,function() { shade.hide(); callback(xhr); }); }) } function installNodeModule(id,shade,callback) { shade.show(); $.ajax({ url:"nodes", type: "POST", data: JSON.stringify({ module: id }), contentType: "application/json; charset=utf-8" }).done(function(data,textStatus,xhr) { shade.hide(); callback(); }).fail(function(xhr,textStatus,err) { shade.hide(); callback(xhr); }); } function removeNodeModule(id,callback) { $.ajax({ url:"nodes/"+id, type: "DELETE" }).done(function(data,textStatus,xhr) { callback(); }).fail(function(xhr,textStatus,err) { callback(xhr); }) } function refreshNodeModuleList() { for (var id in nodeEntries) { if (nodeEntries.hasOwnProperty(id)) { _refreshNodeModule(id); } } } function refreshNodeModule(module) { if (!eventTimers.hasOwnProperty(module)) { eventTimers[module] = setTimeout(function() { delete eventTimers[module]; _refreshNodeModule(module); },100); } } function getContrastingBorder(rgbColor){ var parts = /^rgba?\(\s*(\d+),\s*(\d+),\s*(\d+)[,)]/.exec(rgbColor); if (parts) { var r = parseInt(parts[1]); var g = parseInt(parts[2]); var b = parseInt(parts[3]); var yiq = ((r*299)+(g*587)+(b*114))/1000; if (yiq > 160) { r = Math.floor(r*0.8); g = Math.floor(g*0.8); b = Math.floor(b*0.8); return "rgb("+r+","+g+","+b+")"; } } return rgbColor; } function formatUpdatedAt(dateString) { var now = new Date(); var d = new Date(dateString); var delta = (Date.now() - new Date(dateString).getTime())/1000; if (delta < 60) { return RED._('palette.editor.times.seconds'); } delta = Math.floor(delta/60); if (delta < 10) { return RED._('palette.editor.times.minutes'); } if (delta < 60) { return RED._('palette.editor.times.minutesV',{count:delta}); } delta = Math.floor(delta/60); if (delta < 24) { return RED._('palette.editor.times.hoursV',{count:delta}); } delta = Math.floor(delta/24); if (delta < 7) { return RED._('palette.editor.times.daysV',{count:delta}) } var weeks = Math.floor(delta/7); var days = delta%7; if (weeks < 4) { return RED._('palette.editor.times.weeksV',{count:weeks}) } var months = Math.floor(weeks/4); weeks = weeks%4; if (months < 12) { return RED._('palette.editor.times.monthsV',{count:months}) } var years = Math.floor(months/12); months = months%12; if (months === 0) { return RED._('palette.editor.times.yearsV',{count:years}) } else { return RED._('palette.editor.times.year'+(years>1?'s':'')+'MonthsV',{y:years,count:months}) } } function _refreshNodeModule(module) { if (!nodeEntries.hasOwnProperty(module)) { nodeEntries[module] = {info:RED.nodes.registry.getModule(module)}; var index = [module]; for (var s in nodeEntries[module].info.sets) { if (nodeEntries[module].info.sets.hasOwnProperty(s)) { index.push(s); index = index.concat(nodeEntries[module].info.sets[s].types) } } nodeEntries[module].index = index.join(",").toLowerCase(); nodeList.editableList('addItem', nodeEntries[module]); //console.log(nodeList.editableList('items')); } else { var moduleInfo = nodeEntries[module].info; var nodeEntry = nodeEntries[module].elements; if (nodeEntry) { var activeTypeCount = 0; var typeCount = 0; nodeEntries[module].totalUseCount = 0; nodeEntries[module].setUseCount = {}; for (var setName in moduleInfo.sets) { if (moduleInfo.sets.hasOwnProperty(setName)) { var inUseCount = 0; var set = moduleInfo.sets[setName]; var setElements = nodeEntry.sets[setName]; if (set.enabled) { activeTypeCount += set.types.length; } typeCount += set.types.length; for (var i=0;i 0) { setElements.enableButton.html(RED._('palette.editor.inuse')); setElements.enableButton.addClass('disabled'); } else { setElements.enableButton.removeClass('disabled'); if (set.enabled) { setElements.enableButton.html(RED._('palette.editor.disable')); } else { setElements.enableButton.html(RED._('palette.editor.enable')); } } setElements.setRow.toggleClass("palette-module-set-disabled",!set.enabled); } } var nodeCount = (activeTypeCount === typeCount)?typeCount:activeTypeCount+" / "+typeCount; nodeEntry.setCount.html(RED._('palette.editor.nodeCount',{count:typeCount,label:nodeCount})); if (nodeEntries[module].totalUseCount > 0) { nodeEntry.enableButton.html(RED._('palette.editor.inuse')); nodeEntry.enableButton.addClass('disabled'); nodeEntry.removeButton.hide(); } else { nodeEntry.enableButton.removeClass('disabled'); nodeEntry.removeButton.show(); if (activeTypeCount === 0) { nodeEntry.enableButton.html(RED._('palette.editor.enableall')); } else { nodeEntry.enableButton.html(RED._('palette.editor.disableall')); } nodeEntry.container.toggleClass("disabled",(activeTypeCount === 0)); } } nodeEntry.updateButton.hide(); // if (loadedIndex.hasOwnProperty(module)) { // if (moduleInfo.version !== loadedIndex[module].version) { // nodeEntry.updateButton.show(); // nodeEntry.updateButton.html(RED._('palette.editor.update',{version:loadedIndex[module].version})); // } else { // nodeEntry.updateButton.hide(); // } // // } else { // nodeEntry.updateButton.hide(); // } } } function showPaletteEditor() { if (RED.settings.theme('palette.editable') === false) { return; } if (disabled) { return; } initInstallTab(); $("#header-shade").show(); $("#editor-shade").show(); $("#sidebar-shade").show(); $("#sidebar-separator").hide(); editorTabs.activateTab('nodes'); $("#main-container").addClass("palette-expanded"); setTimeout(function() { editorTabs.resize(); filterInput.focus(); },250); RED.events.emit("palette-editor:open"); RED.keyboard.add("*","escape",function(){hidePaletteEditor()}); } function hidePaletteEditor() { RED.keyboard.remove("escape"); $("#main-container").removeClass("palette-expanded"); $("#header-shade").hide(); $("#editor-shade").hide(); $("#sidebar-shade").hide(); $("#sidebar-separator").show(); $("#palette-editor").find('.expanded').each(function(i,el) { $(el).find(".palette-module-content").slideUp(); $(el).removeClass('expanded'); }); filterInput.searchBox('value',""); searchInput.searchBox('value',""); RED.events.emit("palette-editor:close"); } function filterChange(val) { activeFilter = val.toLowerCase(); var visible = nodeList.editableList('filter'); var size = nodeList.editableList('length'); if (val === "") { filterInput.searchBox('count'); } else { filterInput.searchBox('count',visible+" / "+size); } } var catalogueCount; var catalogueLoadStatus = []; var catalogueLoadStart; var activeSort = sortModulesAZ; function handleCatalogResponse(catalog,index,v) { catalogueLoadStatus.push(v); if (v.modules) { v.modules.forEach(function(m) { loadedIndex[m.id] = m; m.index = [m.id]; if (m.keywords) { m.index = m.index.concat(m.keywords); } if (m.updated_at) { m.timestamp = new Date(m.updated_at).getTime(); } else { m.timestamp = 0; } m.index = m.index.join(",").toLowerCase(); }) loadedList = loadedList.concat(v.modules); } searchInput.searchBox('count',loadedList.length); if (catalogueCount > 1) { $(".palette-module-shade-status").html(RED._('palette.editor.loading')+"
"+catalogueLoadStatus.length+"/"+catalogueCount); } if (catalogueLoadStatus.length === catalogueCount) { var delta = 250-(Date.now() - catalogueLoadStart); setTimeout(function() { $("#palette-module-install-shade").hide(); },Math.max(delta,0)); } } function initInstallTab() { if (loadedList.length === 0) { loadedList = []; loadedIndex = {}; packageList.editableList('empty'); $(".palette-module-shade-status").html(RED._('palette.editor.loading')); var catalogues = RED.settings.theme('palette.catalogues')||['https://catalogue.nodered.org/catalogue.json']; catalogueLoadStatus = []; catalogueCount = catalogues.length; if (catalogues.length > 1) { $(".palette-module-shade-status").html(RED._('palette.editor.loading')+"
0/"+catalogues.length); } $("#palette-module-install-shade").show(); catalogueLoadStart = Date.now(); catalogues.forEach(function(catalog,index) { $.getJSON(catalog, {_: new Date().getTime()},function(v) { handleCatalogResponse(catalog,index,v); refreshNodeModuleList(); }) }); } } function refreshFilteredItems() { packageList.editableList('empty'); filteredList.sort(activeSort); for (var i=0;i 10) { packageList.editableList('addItem',{start:10,more:filteredList.length-10}) } } function sortModulesAZ(A,B) { return A.info.id.localeCompare(B.info.id); } function sortModulesRecent(A,B) { return -1 * (A.info.timestamp-B.info.timestamp); } function init() { if (RED.settings.theme('palette.editable') === false) { return; } RED.events.on("editor:open",function() { disabled = true; }); RED.events.on("editor:close",function() { disabled = false; }); RED.events.on("search:open",function() { disabled = true; }); RED.events.on("search:close",function() { disabled = false; }); RED.events.on("type-search:open",function() { disabled = true; }); RED.events.on("type-search:close",function() { disabled = false; }); RED.actions.add("core:manage-palette",RED.palette.editor.show); editorTabs = RED.tabs.create({ id:"palette-editor-tabs", onchange:function(tab) { $("#palette-editor .palette-editor-tab").hide(); tab.content.show(); if (filterInput) { filterInput.searchBox('value',""); } if (searchInput) { searchInput.searchBox('value',""); } if (tab.id === 'install') { if (searchInput) { searchInput.focus(); } } else { if (filterInput) { filterInput.focus(); } } }, minimumActiveTabWidth: 110 }); $("#editor-shade").click(function() { if ($("#main-container").hasClass("palette-expanded")) { hidePaletteEditor(); } }); $("#palette-editor-close").on("click", function(e) { hidePaletteEditor(); }) var modulesTab = $('
',{class:"palette-editor-tab"}).appendTo("#palette-editor"); editorTabs.addTab({ id: 'nodes', label: RED._('palette.editor.tab-nodes'), content: modulesTab }) var filterDiv = $('
',{class:"palette-search"}).appendTo(modulesTab); filterInput = $('') .appendTo(filterDiv) .searchBox({ delay: 200, change: function() { filterChange($(this).val()); } }); nodeList = $('
    ',{id:"palette-module-list", style:"position: absolute;top: 35px;bottom: 0;left: 0;right: 0px;"}).appendTo(modulesTab).editableList({ addButton: false, scrollOnAdd: false, sort: function(A,B) { return A.info.name.localeCompare(B.info.name); }, filter: function(data) { if (activeFilter === "" ) { return true; } return (activeFilter==="")||(data.index.indexOf(activeFilter) > -1); }, addItem: function(container,i,object) { var entry = object.info; if (entry) { var headerRow = $('
    ',{class:"palette-module-header"}).appendTo(container); var titleRow = $('
    ').appendTo(headerRow); $('').html(entry.name).appendTo(titleRow); var metaRow = $('
    ').appendTo(headerRow); $('').html(entry.version).appendTo(metaRow); var buttonRow = $('
    ',{class:"palette-module-meta"}).appendTo(headerRow); var setButton = $(' ').appendTo(buttonRow); var setCount = $('').appendTo(setButton); var buttonGroup = $('
    ',{class:"palette-module-button-group"}).appendTo(buttonRow); var updateButton = $('').html(RED._('palette.editor.update')).appendTo(buttonGroup); updateButton.click(function(evt) { evt.preventDefault(); }) var removeButton = $('').html(RED._('palette.editor.remove')).appendTo(buttonGroup); removeButton.click(function(evt) { evt.preventDefault(); shade.show(); removeNodeModule(entry.name, function(xhr) { console.log(xhr); }) }) if (!entry.local) { removeButton.hide(); } var enableButton = $('').html(RED._('palette.editor.disableall')).appendTo(buttonGroup); var contentRow = $('
    ',{class:"palette-module-content"}).appendTo(container); var shade = $('
    ').appendTo(container); object.elements = { updateButton: updateButton, removeButton: removeButton, enableButton: enableButton, setCount: setCount, container: container, shade: shade, sets: {} } setButton.click(function(evt) { evt.preventDefault(); if (container.hasClass('expanded')) { container.removeClass('expanded'); contentRow.slideUp(); } else { container.addClass('expanded'); contentRow.slideDown(); } }) var setList = Object.keys(entry.sets) setList.sort(function(A,B) { return A.toLowerCase().localeCompare(B.toLowerCase()); }); setList.forEach(function(setName) { var set = entry.sets[setName]; var setRow = $('
    ',{class:"palette-module-set"}).appendTo(contentRow); var buttonGroup = $('
    ',{class:"palette-module-set-button-group"}).appendTo(setRow); var typeSwatches = {}; set.types.forEach(function(t) { var typeDiv = $('
    ',{class:"palette-module-type"}).appendTo(setRow); typeSwatches[t] = $('',{class:"palette-module-type-swatch"}).appendTo(typeDiv); $('',{class:"palette-module-type-node"}).html(t).appendTo(typeDiv); }) var enableButton = $('').appendTo(buttonGroup); enableButton.click(function(evt) { evt.preventDefault(); if (object.setUseCount[setName] === 0) { var currentSet = RED.nodes.registry.getNodeSet(set.id); shade.show(); changeNodeState(set.id,!currentSet.enabled,shade,function(xhr){ console.log(xhr) }); } }) object.elements.sets[set.name] = { setRow: setRow, enableButton: enableButton, swatches: typeSwatches }; }); enableButton.click(function(evt) { evt.preventDefault(); if (object.totalUseCount === 0) { changeNodeState(entry.name,(container.hasClass('disabled')),shade,function(xhr){ console.log(xhr) }); } }) refreshNodeModule(entry.name); } else { $('
    ',{class:"red-ui-search-empty"}).html(RED._('search.empty')).appendTo(container); } } }); var installTab = $('
    ',{class:"palette-editor-tab hide"}).appendTo("#palette-editor"); editorTabs.addTab({ id: 'install', label: RED._('palette.editor.tab-install'), content: installTab }) var toolBar = $('
    ',{class:"palette-editor-toolbar"}).appendTo(installTab); var searchDiv = $('
    ',{class:"palette-search"}).appendTo(installTab); searchInput = $('') .appendTo(searchDiv) .searchBox({ delay: 300, change: function() { var searchTerm = $(this).val().toLowerCase(); if (searchTerm.length > 0) { filteredList = loadedList.filter(function(m) { return (m.index.indexOf(searchTerm) > -1); }).map(function(f) { return {info:f}}); refreshFilteredItems(); searchInput.searchBox('count',filteredList.length+" / "+loadedList.length); } else { searchInput.searchBox('count',loadedList.length); packageList.editableList('empty'); } } }); $('').html(RED._("palette.editor.sort")+' ').appendTo(toolBar); var sortGroup = $('').appendTo(toolBar); var sortAZ = $('').appendTo(sortGroup); var sortRecent = $('').appendTo(sortGroup); sortAZ.click(function(e) { e.preventDefault(); if ($(this).hasClass("selected")) { return; } $(this).addClass("selected"); sortRecent.removeClass("selected"); activeSort = sortModulesAZ; refreshFilteredItems(); }); sortRecent.click(function(e) { e.preventDefault(); if ($(this).hasClass("selected")) { return; } $(this).addClass("selected"); sortAZ.removeClass("selected"); activeSort = sortModulesRecent; refreshFilteredItems(); }); var refreshSpan = $('').appendTo(toolBar); var refreshButton = $('').appendTo(refreshSpan); refreshButton.click(function(e) { e.preventDefault(); loadedList = []; loadedIndex = {}; initInstallTab(); }) packageList = $('
      ',{style:"position: absolute;top: 78px;bottom: 0;left: 0;right: 0px;"}).appendTo(installTab).editableList({ addButton: false, scrollOnAdd: false, addItem: function(container,i,object) { if (object.more) { container.addClass('palette-module-more'); var moreRow = $('
      ',{class:"palette-module-header palette-module"}).appendTo(container); var moreLink = $('').html(RED._('palette.editor.more',{count:object.more})).appendTo(moreRow); moreLink.click(function(e) { e.preventDefault(); packageList.editableList('removeItem',object); for (var i=object.start;i 10) { packageList.editableList('addItem',{start:object.start+10, more:object.more-10}) } }) return; } if (object.info) { var entry = object.info; var headerRow = $('
      ',{class:"palette-module-header"}).appendTo(container); var titleRow = $('
      ').appendTo(headerRow); $('',{class:"palette-module-name"}).html(entry.name||entry.id).appendTo(titleRow); $('').attr('href',entry.url).appendTo(titleRow); var descRow = $('
      ').appendTo(headerRow); $('
      ',{class:"palette-module-description"}).html(entry.description).appendTo(descRow); var metaRow = $('
      ').appendTo(headerRow); $(' '+entry.version+'').appendTo(metaRow); $(' '+formatUpdatedAt(entry.updated_at)+'').appendTo(metaRow); var buttonRow = $('
      ',{class:"palette-module-meta"}).appendTo(headerRow); var buttonGroup = $('
      ',{class:"palette-module-button-group"}).appendTo(buttonRow); var shade = $('
      ').appendTo(container); var installButton = $('').html(RED._('palette.editor.install')).appendTo(buttonGroup); installButton.click(function(e) { e.preventDefault(); if (!$(this).hasClass('disabled')) { installNodeModule(entry.id,shade,function(xhr) { if (xhr) { if (xhr.responseJSON) { RED.notify(RED._('palette.editor.errors.installFailed',{module: entry.id,message:xhr.responseJSON.message})); } } }) } }) if (nodeEntries.hasOwnProperty(entry.id)) { installButton.addClass('disabled'); installButton.html(RED._('palette.editor.installed')); } object.elements = { installButton:installButton } } else { $('
      ',{class:"red-ui-search-empty"}).html(RED._('search.empty')).appendTo(container); } } }); $('
      ').appendTo(installTab); RED.events.on('registry:node-set-enabled', function(ns) { refreshNodeModule(ns.module); }); RED.events.on('registry:node-set-disabled', function(ns) { refreshNodeModule(ns.module); }); RED.events.on('registry:node-type-added', function(nodeType) { if (!/^subflow:/.test(nodeType)) { var ns = RED.nodes.registry.getNodeSetForType(nodeType); refreshNodeModule(ns.module); } }); RED.events.on('registry:node-type-removed', function(nodeType) { if (!/^subflow:/.test(nodeType)) { var ns = RED.nodes.registry.getNodeSetForType(nodeType); refreshNodeModule(ns.module); } }); RED.events.on('registry:node-set-added', function(ns) { refreshNodeModule(ns.module); for (var i=0;i