@kumologica/sdk 3.2.0-beta9 → 4.0.0-alpha2

package/src/app/ui/editor-client/src/js/ui/workspaces.js

@@ -1,555 +0,0 @@
- RED.workspaces = (function() {
-  var activeWorkspace = 0; // active tab id
-  var workspaceIndex = 0;
-  var workspace_tabs;
-  var workspaceTabCount = 0;
-
-  function addWorkspace(ws, skipHistoryEntry, targetIndex, label) {
-    if (ws) {
-      // Check whether thisw workspace/tab already exist
-      if (workspace_tabs.contains(ws.id)){
-        return;
-      } 
-
-      workspace_tabs.addTab(ws, targetIndex);
-      workspace_tabs.resize();
-    } else {
-      let tabs = workspace_tabs.listTabs();
-      // Check whether the tab name to be created already exists
-      for(key in tabs){
-        if (tabs[key].label === label) {
-          throw new Error("Tab name already exists")
-        } 
-      }
-      // Lets create a new tab
-      var tabId = RED.nodes.id();
-      do {
-        workspaceIndex += 1;
-      } while (
-        $(
-          "#workspace-tabs a[title='" +
-          (label || 'workspace.defaultName') +
-            "']"
-        ).size() !== 0
-      );
-
-      ws = {
-        type: 'tab',
-        id: tabId,
-        disabled: false,
-        info: '',
-        label: label || 'workspace.defaultName'
-      };
-
-      RED.nodes.addWorkspace(ws, targetIndex);
-      workspace_tabs.addTab(ws, targetIndex);
-      workspace_tabs.activateTab(tabId);
-      RED.nodes.dirty(true);
-      // if (!skipHistoryEntry) {
-      //   // RED.history.push({
-      //   //   t: 'add',
-      //   //   workspaces: [ws],
-      //   //   dirty: RED.nodes.dirty()
-      //   // });
-      //   RED.nodes.dirty(true);
-      // }
-    }
-    RED.view.focus();
-    return ws;
-  }
-  function deleteWorkspace(ws) {
-    if (workspaceTabCount === 1) {
-      return;
-    }
-    var workspaceOrder = RED.nodes.getWorkspaceOrder();
-    ws._index = workspaceOrder.indexOf(ws.id);
-    removeWorkspace(ws);
-    // var historyEvent = RED.nodes.removeWorkspace(ws.id);
-    // historyEvent.t = 'delete';
-    // historyEvent.dirty = RED.nodes.dirty();
-    // historyEvent.workspaces = [ws];
-    // RED.history.push(historyEvent);
-    RED.nodes.dirty(true);
-    RED.sidebar.config.refresh();
-  }
-  function showEditWorkspaceDialog(id) {
-    var workspace = RED.nodes.workspace(id);
-    RED.view.state(RED.state.EDITING);
-    var tabflowEditor;
-    var trayOptions = {
-      title: RED._('workspace.editFlow', { name: workspace.label }),
-      buttons: [
-        // {
-        //     id: "node-dialog-delete",
-        //     class: 'leftButton'+((workspaceTabCount === 1)?" disabled":""),
-        //     text: RED._("common.label.delete"), //'<i class="fa fa-trash"></i>',
-        //     click: function() {
-        //         deleteWorkspace(workspace);
-        //         RED.tray.close();
-        //     }
-        // },
-        {
-          id: 'node-dialog-cancel',
-          text: 'Close',
-          click: function() {
-            RED.tray.close();
-          }
-        },
-        {
-          id: 'node-dialog-ok',
-          class: 'primary',
-          text: 'Save',
-          click: function() {
-            var label = $('#node-input-name').val();
-            var changed = false;
-            var changes = {};
-            if (workspace.label != label) {
-              changes.label = workspace.label;
-              changed = true;
-              workspace.label = label;
-              workspace_tabs.renameTab(workspace.id, label);
-            }
-            var disabled = $('#node-input-disabled').prop('checked');
-            if (workspace.disabled !== disabled) {
-              changes.disabled = workspace.disabled;
-              changed = true;
-              workspace.disabled = disabled;
-            }
-            var info = tabflowEditor.getValue();
-            if (workspace.info !== info) {
-              changes.info = workspace.info;
-              changed = true;
-              workspace.info = info;
-            }
-            $('#red-ui-tab-' + workspace.id.replace('.', '-')).toggleClass(
-              'workspace-disabled',
-              !!workspace.disabled
-            );
-            $('#workspace').toggleClass(
-              'workspace-disabled',
-              !!workspace.disabled
-            );
-
-            if (changed) {
-              var historyEvent = {
-                t: 'edit',
-                changes: changes,
-                node: workspace,
-                dirty: RED.nodes.dirty()
-              };
-              workspace.changed = true;
-              RED.history.push(historyEvent);
-              RED.nodes.dirty(true);
-              RED.sidebar.config.refresh();
-              var selection = RED.view.selection();
-              if (!selection.nodes && !selection.links) {
-                RED.sidebar.info.refresh(workspace);
-              }
-              if (changes.hasOwnProperty('disabled')) {
-                RED.nodes.eachNode(function(n) {
-                  if (n.z === workspace.id) {
-                    n.dirty = true;
-                  }
-                });
-                RED.view.redraw();
-              }
-            }
-            RED.tray.close();
-          }
-        }
-      ],
-      resize: function(dimensions) {
-        var rows = $('#dialog-form>div:not(.node-text-editor-row)');
-        var editorRow = $('#dialog-form>div.node-text-editor-row');
-        var height = $('#dialog-form').height();
-        for (var i = 0; i < rows.size(); i++) {
-          height -= $(rows[i]).outerHeight(true);
-        }
-        height -=
-          parseInt($('#dialog-form').css('marginTop')) +
-          parseInt($('#dialog-form').css('marginBottom'));
-        $('.node-text-editor').css('height', height + 'px');
-        tabflowEditor.resize();
-      },
-      open: function(tray) {
-        var trayBody = tray.find('.editor-tray-body');
-        var dialogForm = $(
-          '<form id="dialog-form" class="form-horizontal"></form>'
-        ).appendTo(trayBody);
-        $(
-          '<div class="form-row">' +
-            '<label for="node-input-name" data-i18n="[append]editor:common.label.name"><i class="fa fa-tag"></i> </label>' +
-            '<input type="text" id="node-input-name">' +
-            '</div>'
-        ).appendTo(dialogForm);
-
-        $(
-          '<div class="form-row">' +
-            '<label for="node-input-disabled-btn" data-i18n="editor:workspace.status"></label>' +
-            '<button type="button" id="node-input-disabled-btn" class="editor-button"><i class="fa fa-toggle-on"></i> <span id="node-input-disabled-label"></span></button> ' +
-            '<input type="checkbox" id="node-input-disabled" style="display: none;"/>' +
-            '</div>'
-        ).appendTo(dialogForm);
-
-        var row = $(
-          '<div class="form-row node-text-editor-row">' +
-            '<label for="node-input-info" data-i18n="editor:workspace.info" style="width:300px;"></label>' +
-            '<div style="min-height:250px;" class="node-text-editor" id="node-input-info"></div>' +
-            '</div>'
-        ).appendTo(dialogForm);
-        tabflowEditor = RED.editor.createEditor({
-          id: 'node-input-info',
-          mode: 'ace/mode/markdown',
-          value: ''
-        });
-
-        $('#node-info-input-info-expand').click(function(e) {
-          e.preventDefault();
-          var value = tabflowEditor.getValue();
-          RED.editor.editMarkdown({
-            value: value,
-            width: 'Infinity',
-            cursor: tabflowEditor.getCursorPosition(),
-            complete: function(v, cursor) {
-              tabflowEditor.setValue(v, -1);
-              tabflowEditor.gotoLine(cursor.row + 1, cursor.column, false);
-              setTimeout(function() {
-                tabflowEditor.focus();
-              }, 300);
-            }
-          });
-        });
-
-        dialogForm.find('#node-input-disabled-btn').on('click', function(e) {
-          var i = $(this).find('i');
-          if (i.hasClass('fa-toggle-off')) {
-            i.addClass('fa-toggle-on');
-            i.removeClass('fa-toggle-off');
-            $('#node-input-disabled').prop('checked', false);
-            $('#node-input-disabled-label').text(
-              RED._('editor:workspace.enabled')
-            );
-          } else {
-            i.addClass('fa-toggle-off');
-            i.removeClass('fa-toggle-on');
-            $('#node-input-disabled').prop('checked', true);
-            $('#node-input-disabled-label').text(
-              RED._('editor:workspace.disabled')
-            );
-          }
-        });
-
-        if (workspace.hasOwnProperty('disabled')) {
-          $('#node-input-disabled').prop('checked', workspace.disabled);
-          if (workspace.disabled) {
-            dialogForm
-              .find('#node-input-disabled-btn i')
-              .removeClass('fa-toggle-on')
-              .addClass('fa-toggle-off');
-            $('#node-input-disabled-label').text(
-              RED._('editor:workspace.disabled')
-            );
-          } else {
-            $('#node-input-disabled-label').text(
-              RED._('editor:workspace.enabled')
-            );
-          }
-        } else {
-          workspace.disabled = false;
-          $('#node-input-disabled-label').text(
-            RED._('editor:workspace.enabled')
-          );
-        }
-
-        $('<input type="text" style="display: none;" />').prependTo(dialogForm);
-        dialogForm.submit(function(e) {
-          e.preventDefault();
-        });
-        $('#node-input-name').val(workspace.label);
-        RED.text.bidi.prepareInput($('#node-input-name'));
-        tabflowEditor.getSession().setValue(workspace.info || '', -1);
-        dialogForm.i18n();
-      },
-      close: function() {
-        if (RED.view.state() != RED.state.IMPORT_DRAGGING) {
-          RED.view.state(RED.state.DEFAULT);
-        }
-        RED.sidebar.info.refresh(workspace);
-        tabflowEditor.destroy();
-      }
-    };
-    RED.tray.show(trayOptions);
-  }
-  function createWorkspaceTabs() {
-    workspace_tabs = RED.tabs.create({
-      id: 'workspace-tabs',
-      onchange: function(tab) {
-        var event = {
-          old: activeWorkspace
-        };
-        activeWorkspace = tab.id;
-        event.workspace = activeWorkspace;
-        RED.events.emit('workspace:change', event);
-        window.location.hash = 'flow/' + tab.id;
-        $('#workspace').toggleClass('workspace-disabled', !!tab.disabled);
-        RED.sidebar.config.refresh();
-        RED.view.focus();
-      },
-      onclick: function(tab) {
-        RED.view.focus();
-      },
-      ondblclick: function(tab) {
-        if (tab.type != 'subflow') {
-          showEditWorkspaceDialog(tab.id);
-        } else {
-          RED.editor.editSubflow(RED.nodes.subflow(tab.id));
-        }
-      },
-      onadd: function(tab) {
-        if (tab.type === 'tab') {
-          workspaceTabCount++;
-        }
-        $(
-          '<span class="workspace-disabled-icon"><i class="fa fa-ban"></i> </span>'
-        ).prependTo(
-          '#red-ui-tab-' + tab.id.replace('.', '-') + ' .red-ui-tab-label'
-        );
-        if (tab.disabled) {
-          $('#red-ui-tab-' + tab.id.replace('.', '-')).addClass(
-            'workspace-disabled'
-          );
-        }
-        RED.menu.setDisabled(
-          'menu-item-workspace-delete',
-          workspaceTabCount <= 1
-        );
-        if (workspaceTabCount === 1) {
-          showWorkspace();
-        }
-      },
-      onremove: function(tab) {
-        if (tab.type === 'tab') {
-          workspaceTabCount--;
-        }
-        RED.menu.setDisabled(
-          'menu-item-workspace-delete',
-          workspaceTabCount <= 1
-        );
-        if (workspaceTabCount === 0) {
-          hideWorkspace();
-        }
-      },
-      // onreorder: function(oldOrder, newOrder) {
-      //   console.log('[workspace] onreorder disabled')
-      //   RED.history.push({
-      //     t: 'reorder',
-      //     order: oldOrder,
-      //     dirty: RED.nodes.dirty()
-      //   });
-      //   RED.nodes.dirty(true);
-      //   setWorkspaceOrder(newOrder);
-      // },
-      onselect: function(selectedTabs) {
-        RED.view.select(false);
-        if (selectedTabs.length === 0) {
-          $('#chart svg').css({ 'pointer-events': 'auto', filter: 'none' });
-          $('#workspace-toolbar').css({
-            'pointer-events': 'auto',
-            filter: 'none'
-          });
-          $('#palette-container').css({
-            'pointer-events': 'auto',
-            filter: 'none'
-          });
-          $('.sidebar-shade').hide();
-        } else {
-          RED.view.select(false);
-          $('#chart svg').css({
-            'pointer-events': 'none',
-            filter: 'opacity(60%)'
-          });
-          $('#workspace-toolbar').css({
-            'pointer-events': 'none',
-            filter: 'opacity(60%)'
-          });
-          $('#palette-container').css({
-            'pointer-events': 'none',
-            filter: 'opacity(60%)'
-          });
-          $('.sidebar-shade').show();
-        }
-      },
-      minimumActiveTabWidth: 150,
-      scrollable: true,
-      addButton: 'core:add-flow',
-      addButtonCaption: RED._('workspace.addFlow'),
-      searchButton: 'core:list-flows',
-      searchButtonCaption: RED._('workspace.listFlows')
-    });
-    workspaceTabCount = 0;
-  }
-  function showWorkspace() {
-    $('#workspace .red-ui-tabs').show();
-    $('#chart').show();
-    $('#workspace-footer')
-      .children()
-      .show();
-  }
-  function hideWorkspace() {
-    // $('#workspace .red-ui-tabs').hide();
-    $('#chart').hide();
-    $('#workspace-footer')
-      .children()
-      .hide();
-  }
-  function init() {
-    createWorkspaceTabs();
-    RED.events.on('sidebar:resize', workspace_tabs.resize);
-    
-    RED.actions.add('core:show-next-tab', workspace_tabs.nextTab);
-    RED.actions.add('core:show-previous-tab', workspace_tabs.previousTab);
-
-    RED.menu.setAction('menu-item-workspace-delete', function() {
-      deleteWorkspace(RED.nodes.workspace(activeWorkspace));
-    });
-
-    $(window).resize(function() {
-      workspace_tabs.resize();
-    });
-
-    RED.actions.add('core:add-flow', function(opts) {
-      addWorkspace(undefined, undefined, opts ? opts.index : undefined);
-    });
-    RED.actions.add('core:edit-flow', editWorkspace);
-    RED.actions.add('core:remove-flow', removeWorkspace);
-
-    RED.actions.add('core:list-flows', function() {
-      RED.actions.invoke('core:search', 'type:tab ');
-    });
-
-    hideWorkspace();
-  }
-  function editWorkspace(id) {
-    showEditWorkspaceDialog(id || activeWorkspace);
-  }
-  function removeWorkspace(id) {
-    if (!id) {
-      deleteWorkspace(RED.nodes.workspace(activeWorkspace));
-    } else {
-      // Remove the tab
-      if (workspace_tabs.contains(id)) {
-        workspace_tabs.removeTab(id);
-      }
-      // Remove the nodes
-      RED.nodes.removeWorkspace(id)
-      // Trigger a dirty workspace
-      RED.nodes.dirty(true);
-
-      // If closed the active one, deselect it
-      if (id === activeWorkspace) {
-        activeWorkspace = 0;
-      }
-    }
-  }
-  function show(id){
-      if (!workspace_tabs.contains(id)) {
-        var sf = RED.nodes.subflow(id);
-        if (sf) {
-          addWorkspace({
-            type: 'subflow',
-            id: id,
-            icon: 'red/images/subflow_tab.png',
-            label: sf.name,
-            closeable: true
-          });
-        } else {
-          return;
-        }
-      }
-      workspace_tabs.activateTab(id);
-  }
-  function showAllWorkspacesSafe() {
-    let wss = RED.nodes.listWorkspaces();
-    for (const key in wss) {
-      showWorkspaceSafe(wss[key].id);
-    }
-  }
-  function showWorkspaceSafe(id){
-    let ws = RED.nodes.workspace(id);
-    addWorkspace(ws);
-    show(ws.id);
-  }
-  function closeWorkspace(id) {
-    if (workspace_tabs.contains(id)) {
-      workspace_tabs.removeTab(id);
-    }
-    // If closed the active one, deselect it
-    if (id === activeWorkspace) {
-      activeWorkspace = 0;
-    }
-  }
-  function closeAllWorkspaces() {
-    if (workspace_tabs){
-      let ltabs = workspace_tabs.listTabs();
-      for (const key in ltabs) {
-        closeWorkspace(ltabs[key].id);
-      }
-      activeWorkspace = 0;
-    }
-
-  }
-
-  function setWorkspaceOrder(order) {
-    RED.nodes.setWorkspaceOrder(
-      order.filter(function(id) {
-        return RED.nodes.workspace(id) !== undefined;
-      })
-    );
-    workspace_tabs.order(order);
-  }
-
-  return {
-    init: init,
-    add: addWorkspace,
-    remove: removeWorkspace,
-    order: setWorkspaceOrder,
-    edit: editWorkspace,
-    contains: function(id) {
-      return workspace_tabs.contains(id);
-    },
-    count: function() {
-      return workspaceTabCount;
-    },
-    active: function() {
-      return activeWorkspace;
-    },
-    selection: function() {
-      return workspace_tabs.selection();
-    },
-    show: show,
-    showSafe: showWorkspaceSafe,
-    showAllSafe: showAllWorkspacesSafe,
-    refresh: function() {
-      RED.nodes.eachWorkspace(function(ws) {
-        workspace_tabs.renameTab(ws.id, ws.label);
-      });
-      RED.nodes.eachSubflow(function(sf) {
-        if (workspace_tabs.contains(sf.id)) {
-          workspace_tabs.renameTab(sf.id, sf.name);
-        }
-      });
-      RED.sidebar.config.refresh();
-    },
-    resize: function() {
-      workspace_tabs.resize();
-    },
-    close: closeWorkspace,
-    closeAll: closeAllWorkspaces,
-    addTab: function(label) {
-      addWorkspace(undefined, undefined, undefined, label || 'default-name');
-    },
-    tabs: function() {
-      return workspace_tabs || [];
-    }
-  };
-})();