',
+ '#prefix' => '
',
'#suffix' => '
',
);
$form['operations'] += $operationElements;
Index: ui/transformations_ui.module
===================================================================
RCS file: /cvs/drupal-contrib/contributions/modules/transformations/ui/transformations_ui.module,v
retrieving revision 1.7
diff -u -r1.7 transformations_ui.module
--- ui/transformations_ui.module 7 Apr 2009 10:20:58 -0000 1.7
+++ ui/transformations_ui.module 11 Jun 2009 12:53:41 -0000
@@ -108,6 +108,39 @@
'type' => MENU_CALLBACK,
) + $base;
+ //Ajax callbacks
+ $items['build/transformations/ajax/connect/%'] = array(
+ 'title' => 'transformations_ajax_connect',
+ 'page callback' => 'transformations_ui_pipeline_ajax_connect',
+ 'page arguments' => array(4, 5, 6, 7, 8),
+ 'type' => MENU_CALLBACK,
+ 'file' => 'transformations_ui.pipeline.ajax.inc',
+ ) + $base;
+
+ $items['build/transformations/ajax/disconnect/%'] = array(
+ 'title' => 'transformations_ajax_disconnect',
+ 'page callback' => 'transformations_ui_pipeline_ajax_disconnect',
+ 'page arguments' => array(4, 5, 6, 7),
+ 'type' => MENU_CALLBACK,
+ 'file' => 'transformations_ui.pipeline.ajax.inc',
+ ) + $base;
+
+ $items['build/transformations/ajax/save_position/%'] = array(
+ 'title' => 'transformations_ajax_save_position',
+ 'page callback' => 'transformations_ui_ajax_save_position',
+ 'page arguments' => array(4, 5, 6, 7, 8),
+ 'type' => MENU_CALLBACK,
+ 'file' => 'transformations_ui.pipeline.ajax.inc',
+ ) + $base;
+
+ $items['build/transformations/ajax/get_position/%'] = array(
+ 'title' => 'transformations_ajax_get_position',
+ 'page callback' => 'transformations_ui_ajax_get_position',
+ 'page arguments' => array(4, 5),
+ 'type' => MENU_CALLBACK,
+ 'file' => 'transformations_ui.pipeline.ajax.inc',
+ ) + $base;
+
return $items;
}
Index: ui/transformations_ui.css
===================================================================
RCS file: /cvs/drupal-contrib/contributions/modules/transformations/ui/transformations_ui.css,v
retrieving revision 1.1
diff -u -r1.1 transformations_ui.css
--- ui/transformations_ui.css 19 Mar 2009 19:12:54 -0000 1.1
+++ ui/transformations_ui.css 11 Jun 2009 12:53:41 -0000
@@ -1,5 +1,15 @@
/* $Id: transformations_ui.css,v 1.1 2009/03/19 19:12:54 jpetso Exp $ */
+#transformations-operation-editPannel{
+ overflow: none;
+ border: 1px solid;
+
+}
+
+.transformations-ui-pipline-edit {
+ width: 100%;
+}
+
.transformations-operation-blocks {
margin-top: 1em;
}
@@ -10,7 +20,9 @@
}
.transformations-operation-block-table {
+ position:relative;
display: table;
+ background-color:white;
border: 2px silver solid;
padding: 0;
padding-top: 0.2em;
@@ -34,6 +46,7 @@
.transformations-operation-block-header-cell div {
display: inline;
+ cursor:pointer;
}
.transformations-operation-block-header-label {
@@ -106,19 +119,76 @@
display: table-cell;
vertical-align: top;
padding-right: 10px;
+ width: 10em;
}
.transformations-operation-block-outputs {
- display: table-cell;
+ float: right;
vertical-align: top;
+ cursor: pointer;
}
.transformations-operation-output {
text-align: right;
clear: right;
+ width: 12em;
}
.transformations-operation-output input {
text-align: right;
- float: right;
+ display: inline;
+}
+
+.transformations-operation-output span{
+ color: black;
+ border: 1px solid;
+ cursor: pointer;
+ }
+
+
+.transformations-operation-input input{
+ display: inline;
}
+
+.transformations-operation-input span{
+ margin-right: 5px;
+ border: 1px solid;
+}
+
+.transformations-operation-input a:link{
+ color: black;
+ text-decoration: none;
+}
+
+.transformations-operation-input a:visited{
+ color: black;
+ text-decoration: none;
+}
+
+.transformations-operation-input a:hover{
+ color: black;
+ text-decoration: none;
+}
+
+.transformations-element-drag{
+ text-align: right;
+ border: 1px solid brown;
+ padding-right: 20px;
+ background-color: #AA4444;
+}
+
+.transformations-operation-action{
+ cursor: pointer;
+}
+
+ .transformations-input-hover{
+ background-color: skyblue;
+}
+
+ .transformations-operation-output-draghelper{
+ font-size: 8pt;
+ width: 16px;
+ height: 16px;
+ text-align: center;
+ vertical-align: middle;
+}
\ No newline at end of file
Index: ui/transformations_ui.pipeline.ajax.inc
===================================================================
RCS file: ui/transformations_ui.pipeline.ajax.inc
diff -N ui/transformations_ui.pipeline.ajax.inc
--- /dev/null 1 Jan 1970 00:00:00 -0000
+++ ui/transformations_ui.pipeline.ajax.inc 1 Jan 1970 00:00:00 -0000
@@ -0,0 +1,123 @@
+ $output_opID,
+ 'key' => $output_key
+ );
+ }
+ else{
+ print drupal_to_js(false);
+ return;
+ }
+
+ if (isset($input_opID) && isset($input_key)) {
+ $target = array(
+ 'entity' => $input_opID,
+ 'key' => $input_key
+ );
+ }
+ else{
+ print drupal_to_js(false);
+ return;
+ }
+
+ $pipeline->connect($source['entity'], $source['key'], $target['entity'], $target['key']);
+ transformations_ui_pipeline_persist($pipeline);
+
+
+
+ print drupal_to_js(true);
+}
+
+/**
+ * Disconnect a Parameter
+ */
+function transformations_ui_pipeline_ajax_disconnect($pipeline_id, $operationId, $key, $keyType){
+ $pipeline = transformations_ui_persisted_pipeline_load($pipeline_id);
+ if (empty($pipeline)) {
+ print drupal_to_js(false);
+ return;
+ }
+
+ if (isset($operationId) && isset($key) && isset($keyType)) {
+ if ($keyType == 'input') {
+ $pipeline->disconnectTarget($operationId, $key);
+ }
+ elseif ($keyType == 'output') {
+ $pipeline->disconnectSource($operationId, $key);
+ }
+ transformations_ui_pipeline_persist($pipeline);
+ print drupal_to_js(true);
+ return;
+ }else{
+ print drupal_to_js(false);
+ return;
+ }
+}
+
+
+/**
+ * Saves the position of the moved operation
+ */
+
+function transformations_ui_ajax_save_position($pipeline_id, $operation_id, $z_index, $top, $left) {
+ $pipeline = transformations_ui_persisted_pipeline_load($pipeline_id);
+ if (empty($pipeline)) {
+ print drupal_to_js(false);
+ return;
+ }
+
+ if (isset($top) && isset($left) && isset($operation_id)) {
+ $pipeline->setProperty('transformations_ui:position:' . $operation_id, array( 'z-index'=>$z_index, 'top'=>$top, 'left'=>$left));
+ transformations_ui_pipeline_persist($pipeline);
+
+ print drupal_to_js(true);
+ return;
+ }
+ else{
+ print drupal_to_js(false);
+ return;
+ }
+
+}
+
+/**
+ * Get the Position of an operation
+ */
+function transformations_ui_ajax_get_position($pipeline_id, $operation_id) {
+ $pipeline = transformations_ui_persisted_pipeline_load($pipeline_id);
+ if (empty($pipeline)) {
+ print drupal_to_js(false);
+ return;
+ }
+
+ if (!isset($operation_id)) {
+ print drupal_to_js(false);
+ return;
+ }
+
+ print drupal_to_js($pipeline->property("transformations_ui:position:" . $operation_id));
+}
+?>
Index: .buildpath
===================================================================
RCS file: .buildpath
diff -N .buildpath
--- /dev/null 1 Jan 1970 00:00:00 -0000
+++ .buildpath 1 Jan 1970 00:00:00 -0000
@@ -0,0 +1,5 @@
+
+
+
+
+
Index: .project
===================================================================
RCS file: .project
diff -N .project
--- /dev/null 1 Jan 1970 00:00:00 -0000
+++ .project 1 Jan 1970 00:00:00 -0000
@@ -0,0 +1,28 @@
+
+
+ transformations
+
+
+
+
+
+ org.eclipse.wst.jsdt.core.javascriptValidator
+
+
+
+
+ org.eclipse.wst.validation.validationbuilder
+
+
+
+
+ org.eclipse.dltk.core.scriptbuilder
+
+
+
+
+
+ org.eclipse.php.core.PHPNature
+ org.eclipse.wst.jsdt.core.jsNature
+
+
Index: ui/transformations_pipeline_edit.js
===================================================================
RCS file: ui/transformations_pipeline_edit.js
diff -N ui/transformations_pipeline_edit.js
--- /dev/null 1 Jan 1970 00:00:00 -0000
+++ ui/transformations_pipeline_edit.js 1 Jan 1970 00:00:00 -0000
@@ -0,0 +1,108 @@
+// $Id$
+var elements = new Array();
+var pipeId = null;
+
+Drupal.behaviors.transformationsUiConnections = function() {
+ pipeId = Drupal.settings.transformationsPipeID;
+
+ var operations = Drupal.settings.transformationsOperations;
+
+ //Saves alle elements into a globar array and replaces the submit buttons by divs and links
+ for(var operationId in operations){
+ for(var elementId in operations[operationId]){
+ var element = operations[operationId][elementId];
+ elements[elementId] = new Element(elementId, element.keyType, element.key, operationId);
+ var input = '#'+elementId+" > input";
+ if(element.keyType=='input'){
+ $(input).replaceWith("
");
+ }else{
+ var parent = $(input).parent();
+ var div = $(input).replaceWith("
" + $(input).attr('value') + "");
+
+ //Disconnect
+ parent.children('span:first').click(function(){
+ var elementId = $(this).parent().attr('id');
+ var operationId = elements[elementId].operation;
+ var key = elements[elementId].key;
+ var type = elements[elementId].type;
+
+
+ var arguments = pipeId + '/' + operationId + '/' + key + '/' + type;
+ $.get('?q=build/transformations/ajax/disconnect/'+arguments,null,function(data){
+ window.location.reload();
+ });
+ });
+ }
+ }
+ }
+
+
+
+
+ initDragDrop();
+}
+
+/*
+ * Initialize all drag-&drop-able elements
+ */
+function initDragDrop(){
+ //If javascript is enabled, it will disable the submit buttons
+ //$(".operation-submit").attr('disabled', 'disabled');
+
+ //Set the position for each operation
+ $("#transformations-operation-editPannel .transformations-operation-block").each(function(){
+ var div_operation = this.id;
+ var arguments = pipeId + "/" + this.id;
+
+ $.get('?q=build/transformations/ajax/get_position/'+arguments, null, function(data){
+ var result = Drupal.parseJson(data);
+ $('#'+div_operation).css('top', result.top+'px');
+ $('#'+div_operation).css('left', result.left+'px');
+
+ });
+ });
+
+ //Init all draggable operation blocks
+ $(".transformations-operation-block").draggable({
+ stack:{group:"#transformations-operation-editPannel .transformations-operation-block", min: 1},
+ containment: "parent",
+ handle: ".transformations-operation-block-header-cell",
+ stop: function(event, ui){
+ var arguments = pipeId + "/" + $(this).attr('id') + "/" + $(this).css('z-index') + "/" + ui.position.top + "/" + ui.position.left;
+
+ $.get('?q=build/transformations/ajax/save_position/'+arguments);
+ }
+ });
+
+ //Init all draggable outputs
+ $(".transformations-operation-output").draggable({
+ cursor: 'move',
+ handle: ".transformations-element-drag",
+ cursorAt: { top: 8, left: 8},
+ helper: function(event){
+ return $('
O
');
+ }
+ });
+
+ //Init all droppable inputs
+ $(".transformations-operation-input").droppable({
+ hoverClass: 'transformations-input-hover',
+ drop: function(event, ui){
+ var idInput = $(this).attr('id');
+ var idOutput = $(ui.draggable).attr('id');
+ var input = elements[idInput];
+ var output = elements[idOutput];
+ if(input!=null && output!=null){
+ arguments = pipeId + '/' + output.operation + '/' + output.key + '/' + input.operation + '/' + input.key;
+ $.get('?q=build/transformations/ajax/connect/'+arguments,null,function(data){
+ window.location.reload();
+ });
+ }
+ }
+ });
+}
+
Index: ui/transfomations_operations.js
===================================================================
RCS file: ui/transfomations_operations.js
diff -N ui/transfomations_operations.js
--- /dev/null 1 Jan 1970 00:00:00 -0000
+++ ui/transfomations_operations.js 1 Jan 1970 00:00:00 -0000
@@ -0,0 +1,9 @@
+//$ID$
+
+//OperationElement
+function Element(id, type, key, operation_id){
+ this.id = id;
+ this.type = type;
+ this.key = key;
+ this.operation = operation_id;
+}