|
-
- RED.library = (function() {
-
-
- function loadFlowLibrary() {
- $.getJSON("library/flows",function(data) {
-
-
- var buildMenu = function(data,root) {
- var i;
- var li;
- var a;
- var ul = document.createElement("ul");
- ul.className = "dropdown-menu";
- if (data.d) {
- for (i in data.d) {
- if (data.d.hasOwnProperty(i)) {
- li = document.createElement("li");
- li.className = "dropdown-submenu pull-left";
- a = document.createElement("a");
- a.href="#";
- a.innerHTML = i;
- li.appendChild(a);
- li.appendChild(buildMenu(data.d[i],root+(root!==""?"/":"")+i));
- ul.appendChild(li);
- }
- }
- }
- if (data.f) {
- for (i in data.f) {
- if (data.f.hasOwnProperty(i)) {
- li = document.createElement("li");
- a = document.createElement("a");
- a.href="#";
- a.innerHTML = data.f[i];
- a.flowName = root+(root!==""?"/":"")+data.f[i];
- a.onclick = function() {
- $.get('library/flows/'+this.flowName, function(data) {
- RED.view.importNodes(data);
- });
- };
- li.appendChild(a);
- ul.appendChild(li);
- }
- }
- }
- return ul;
- };
- var menu = buildMenu(data,"");
- $("#flow-menu-parent>ul").replaceWith(menu);
- });
- }
-
-
-
-
- function createUI(options) {
- var libraryData = {};
- var selectedLibraryItem = null;
- var libraryEditor = null;
-
- function buildFileListItem(item) {
- var li = document.createElement("li");
- li.onmouseover = function(e) { $(this).addClass("list-hover"); };
- li.onmouseout = function(e) { $(this).removeClass("list-hover"); };
- return li;
- }
-
- function buildFileList(root,data) {
- var ul = document.createElement("ul");
- var li;
- for (var i=0;i<data.length;i++) {
- var v = data[i];
- if (typeof v === "string") {
-
- li = buildFileListItem(v);
- li.onclick = (function () {
- var dirName = v;
- return function(e) {
- var bcli = $('<li class="active"><span class="divider">/</span> <a href="#">'+dirName+'</a></li>');
- $("a",bcli).click(function(e) {
- $(this).parent().nextAll().remove();
- $.getJSON("library/"+options.url+root+dirName,function(data) {
- $("#node-select-library").children().first().replaceWith(buildFileList(root+dirName+"/",data));
- });
- e.stopPropagation();
- });
- var bc = $("#node-dialog-library-breadcrumbs");
- $(".active",bc).removeClass("active");
- bc.append(bcli);
- $.getJSON("library/"+options.url+root+dirName,function(data) {
- $("#node-select-library").children().first().replaceWith(buildFileList(root+dirName+"/",data));
- });
- }
- })();
- li.innerHTML = '<i class="icon-folder-close"></i> '+v+"</i>";
- ul.appendChild(li);
- } else {
-
- li = buildFileListItem(v);
- li.innerHTML = v.name;
- li.onclick = (function() {
- var item = v;
- return function(e) {
- $(".list-selected",ul).removeClass("list-selected");
- $(this).addClass("list-selected");
- $.get("library/"+options.url+root+item.fn, function(data) {
- console.log(data);
- selectedLibraryItem = item;
- libraryEditor.setText(data);
- });
- }
- })();
- ul.appendChild(li);
- }
- }
- return ul;
- }
-
- $('#node-input-name').addClass('input-append-left').css("width","65%").after(
- '<div class="btn-group" style="margin-left: -5px;">'+
- '<button id="node-input-'+options.type+'-lookup" class="btn input-append-right" data-toggle="dropdown"><i class="icon-book"></i> <span class="caret"></span></button>'+
- '<ul class="dropdown-menu pull-right" role="menu">'+
- '<li><a id="node-input-'+options.type+'-menu-open-library" tabindex="-1" href="#">Open Library...</a></li>'+
- '<li><a id="node-input-'+options.type+'-menu-save-library" tabindex="-1" href="#">Save to Library...</a></li>'+
- '</ul></div>'
- );
-
-
-
- $('#node-input-'+options.type+'-menu-open-library').click(function(e) {
- $("#node-select-library").children().remove();
- var bc = $("#node-dialog-library-breadcrumbs");
- bc.children().first().nextAll().remove();
- libraryEditor.setText('');
-
- $.getJSON("library/"+options.url,function(data) {
- $("#node-select-library").append(buildFileList("/",data));
- $("#node-dialog-library-breadcrumbs a").click(function(e) {
- $(this).parent().nextAll().remove();
- $("#node-select-library").children().first().replaceWith(buildFileList("/",data));
- e.stopPropagation();
- });
- $( "#node-dialog-library-lookup" ).dialog( "open" );
- });
-
- e.preventDefault();
- });
-
- $('#node-input-'+options.type+'-menu-save-library').click(function(e) {
-
- var name = $("#node-input-name").val().replace(/(^\s*)|(\s*$)/g,"");
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- $("#node-dialog-library-save-folder").attr("value","");
-
- var filename = name.replace(/[^\w-]/g,"-");
- if (filename === "") {
- filename = "unnamed-"+options.type;
- }
- $("#node-dialog-library-save-filename").attr("value",filename+".js");
-
-
-
-
-
-
-
-
-
-
-
-
-
- $( "#node-dialog-library-save" ).dialog( "open" );
- e.preventDefault();
- });
-
- require(["orion/editor/edit"], function(edit) {
- libraryEditor = edit({
- parent:document.getElementById('node-select-library-text'),
- lang:"js",
- readonly: true
- });
- });
-
-
- $( "#node-dialog-library-lookup" ).dialog({
- title: options.type+" library",
- modal: true,
- autoOpen: false,
- width: 800,
- height: 450,
- buttons: [
- {
- text: "Ok",
- click: function() {
- if (selectedLibraryItem) {
- for (var i=0;i<options.fields.length;i++) {
- var field = options.fields[i];
- $("#node-input-"+field).val(selectedLibraryItem[field]);
- }
- options.editor.setText(libraryEditor.getText());
- }
- $( this ).dialog( "close" );
- }
- },
- {
- text: "Cancel",
- click: function() {
- $( this ).dialog( "close" );
- }
- }
- ],
- open: function(e) {
- var form = $("form",this);
- form.height(form.parent().height()-30);
- $("#node-select-library-text").height("100%");
- $(".form-row:last-child",form).children().height(form.height()-60);
- },
- resize: function(e) {
- var form = $("form",this);
- form.height(form.parent().height()-30);
- $(".form-row:last-child",form).children().height(form.height()-60);
- }
- });
-
- function saveToLibrary(overwrite) {
- var name = $("#node-input-name").val().replace(/(^\s*)|(\s*$)/g,"");
- if (name === "") {
- name = "Unnamed "+options.type;
- }
- var filename = $("#node-dialog-library-save-filename").val().replace(/(^\s*)|(\s*$)/g,"");
- var pathname = $("#node-dialog-library-save-folder").val().replace(/(^\s*)|(\s*$)/g,"");
- if (filename === "" || !/.+\.js$/.test(filename)) {
- RED.notify("Invalid filename","warning");
- return;
- }
- var fullpath = pathname+(pathname===""?"":"/")+filename;
- if (!overwrite) {
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- var queryArgs = [];
- for (var i=0;i<options.fields.length;i++) {
- var field = options.fields[i];
- if (field == "name") {
- queryArgs.push("name="+encodeURIComponent(name));
- } else {
- queryArgs.push(encodeURIComponent(field)+"="+encodeURIComponent($("#node-input-"+field).val()));
- }
- }
- var queryString = queryArgs.join("&");
-
- var text = options.editor.getText();
- $.post("library/"+options.url+'/'+fullpath+"?"+queryString,text,function() {
- RED.notify("Saved "+options.type,"success");
- });
- }
- $( "#node-dialog-library-save-confirm" ).dialog({
- title: "Save to library",
- modal: true,
- autoOpen: false,
- width: 530,
- height: 230,
- buttons: [
- {
- text: "Ok",
- click: function() {
- saveToLibrary(true);
- $( this ).dialog( "close" );
- }
- },
- {
- text: "Cancel",
- click: function() {
- $( this ).dialog( "close" );
- }
- }
- ]
- });
- $( "#node-dialog-library-save" ).dialog({
- title: "Save to library",
- modal: true,
- autoOpen: false,
- width: 530,
- height: 230,
- buttons: [
- {
- text: "Ok",
- click: function() {
- saveToLibrary(false);
- $( this ).dialog( "close" );
- }
- },
- {
- text: "Cancel",
- click: function() {
- $( this ).dialog( "close" );
- }
- }
- ]
- });
-
- }
-
- return {
- create: createUI,
- loadFlowLibrary: loadFlowLibrary
- }
- })();
-
|