static/kelmu.editor.js
function() {

      var data = window.kelmu.data[id];
      var elemData = data.definitions['step' + data.stepNumber][data.subStepNumber][data.selectedElementNumber];

      editor.find('.kelmu-editor-pane').remove();

      var actionEditor = $('<div></div>').addClass('kelmu-action-editor').addClass('kelmu-editor-pane');
      actionEditor.appendTo(editor);

      actionEditor.append($('<h4>Action</h4>').css('margin', '15px 0px'));

      idCounter += 1;

      // Set the current values
      addComponent('Action:', actionEditor, 'kelmu-action-type', elemData.action, 'text', true);
      addComponent('Parameter:', actionEditor, 'kelmu-action-parameter', elemData.parameter, 'text');
      addComponent('State:', actionEditor, 'kelmu-action-when', elemData.when, 'text');

      // Move cursor to end
      actionEditor.find('.kelmu-action-type').focus();
      var val = actionEditor.find('.kelmu-action-type').val();
      actionEditor.find('.kelmu-action-type').val('').val(val);

      var buttonContainer = $('<div></div>').appendTo(actionEditor);

      // Save the modified properties
      var saveButton = function() {
        elemData.action = actionEditor.find('.kelmu-action-type').val() || window.kelmu.defaults.action.action;
        elemData.parameter = actionEditor.find('.kelmu-action-parameter').val() || window.kelmu.defaults.action.parameter;
        elemData.when = actionEditor.find('.kelmu-action-when').val() || window.kelmu.defaults.action.when;
        window.kelmu.data[id].actions.update();
        updateView(true, true);
        notifyModifications();
      };

      actionEditor.find('input').keyup(saveButton);

      createRemoveButton().appendTo(buttonContainer);

      // Set current properties as default settings
      $('<button></button>').text('Make default').addClass('btn').appendTo(buttonContainer).click(function(e) {
        e.preventDefault();
        window.kelmu.defaults.action.action = actionEditor.find('.kelmu-action-type').val() || actionDefaults.action;
        window.kelmu.defaults.action.parameter = actionEditor.find('.kelmu-action-parameter').val() || actionDefaults.parameter;
        window.kelmu.defaults.action.when = actionEditor.find('.kelmu-action-when').val() || actionDefaults.when;
      });

    }
function() {

      var data = window.kelmu.data[id];
      var elemData = data.definitions['step' + data.stepNumber][data.subStepNumber][data.selectedElementNumber];

      editor.find('.kelmu-editor-pane').remove();

      var actionEditor = $('<div></div>').addClass('kelmu-action-editor').addClass('kelmu-editor-pane');
      actionEditor.appendTo(editor);

      actionEditor.append($('<h4>Action</h4>').css('margin', '15px 0px'));

      idCounter += 1;

      // Set the current values
      addComponent('Action:', actionEditor, 'kelmu-action-type', elemData.action, 'text', true);
      addComponent('Parameter:', actionEditor, 'kelmu-action-parameter', elemData.parameter, 'text');
      addComponent('State:', actionEditor, 'kelmu-action-when', elemData.when, 'text');

      // Move cursor to end
      actionEditor.find('.kelmu-action-type').focus();
      var val = actionEditor.find('.kelmu-action-type').val();
      actionEditor.find('.kelmu-action-type').val('').val(val);

      var buttonContainer = $('<div></div>').appendTo(actionEditor);

      // Save the modified properties
      var saveButton = function() {
        elemData.action = actionEditor.find('.kelmu-action-type').val() || window.kelmu.defaults.action.action;
        elemData.parameter = actionEditor.find('.kelmu-action-parameter').val() || window.kelmu.defaults.action.parameter;
        elemData.when = actionEditor.find('.kelmu-action-when').val() || window.kelmu.defaults.action.when;
        window.kelmu.data[id].actions.update();
        updateView(true, true);
        notifyModifications();
      };

      actionEditor.find('input').keyup(saveButton);

      createRemoveButton().appendTo(buttonContainer);

      // Set current properties as default settings
      $('<button></button>').text('Make default').addClass('btn').appendTo(buttonContainer).click(function(e) {
        e.preventDefault();
        window.kelmu.defaults.action.action = actionEditor.find('.kelmu-action-type').val() || actionDefaults.action;
        window.kelmu.defaults.action.parameter = actionEditor.find('.kelmu-action-parameter').val() || actionDefaults.parameter;
        window.kelmu.defaults.action.when = actionEditor.find('.kelmu-action-when').val() || actionDefaults.when;
      });

    }
function ( ) { var data = window . kelmu . data [ id ] ; var elemData = data . definitions [ 'step' + data . stepNumber ] [ data . subStepNumber ] [ data . selectedElementNumber ] ; editor . find ( '.kelmu-editor-pane' ) . remove ( ) ; var actionEditor = $ ( '<div></div>' ) . addClass ( 'kelmu-action-editor' ) . addClass ( 'kelmu-editor-pane' ) ; actionEditor . appendTo ( editor ) ; actionEditor . append ( $ ( '<h4>Action</h4>' ) . css ( 'margin' , '15px 0px' ) ) ; idCounter += 1 ; // Set the current values addComponent ( 'Action:' , actionEditor , 'kelmu-action-type' , elemData . action , 'text' , true ) ; addComponent ( 'Parameter:' , actionEditor , 'kelmu-action-parameter' , elemData . parameter , 'text' ) ; addComponent ( 'State:' , actionEditor , 'kelmu-action-when' , elemData . when , 'text' ) ; // Move cursor to end actionEditor . find ( '.kelmu-action-type' ) . focus ( ) ; var val = actionEditor . find ( '.kelmu-action-type' ) . val ( ) ; actionEditor . find ( '.kelmu-action-type' ) . val ( '' ) . val ( val ) ; var buttonContainer = $ ( '<div></div>' ) . appendTo ( actionEditor ) ; // Save the modified properties var saveButton = function ( ) { elemData . action = actionEditor . find ( '.kelmu-action-type' ) . val ( ) || window . kelmu . defaults . action . action ; elemData . parameter = actionEditor . find ( '.kelmu-action-parameter' ) . val ( ) || window . kelmu . defaults . action . parameter ; elemData . when = actionEditor . find ( '.kelmu-action-when' ) . val ( ) || window . kelmu . defaults . action . when ; window . kelmu . data [ id ] . actions . update ( ) ; updateView ( true , true ) ; notifyModifications ( ) ; } ; actionEditor . find ( 'input' ) . keyup ( saveButton ) ; createRemoveButton ( ) . appendTo ( buttonContainer ) ; // Set current properties as default settings $ ( '<button></button>' ) . text ( 'Make default' ) . addClass ( 'btn' ) . appendTo ( buttonContainer ) . click ( function ( e ) { e . preventDefault ( ) ; window . kelmu . defaults . action . action = actionEditor . find ( '.kelmu-action-type' ) . val ( ) || actionDefaults . action ; window . kelmu . defaults . action . parameter = actionEditor . find ( '.kelmu-action-parameter' ) . val ( ) || actionDefaults . parameter ; window . kelmu . defaults . action . when = actionEditor . find ( '.kelmu-action-when' ) . val ( ) || actionDefaults . when ; } ) ; }
Creates the action editor pane for the selected event.
Creates the action editor pane for the selected event .