Changeset 166 for Dev/trunk/js/sequencerScripts.js

Timestamp:

11/23/11 17:15:20 (13 years ago)

Author:

fpvanagthoven

Message:

Jos, nevermind. Mijn fout, ik heb die creator[0] in SessionConnector:117 weer teruggezet.

• ToolBox?.php is overgezet naar javascript werking.
• updateSequencer() werkt.
• updateDividers() werkt.
• t_setOutOfDate is in principe niet meer nodig, maar handig voor test purposes. Deze flagget de geselecteerde object voor een refresh.
• saveSession() werkt! De pipeline editor is nu dus daadwerkelijk bruikbaar! [move/delete/clear/edit nog niet!]
• Verkeerde calling code voor session->creator aangepast, login systeem werkt nu goed.
• createObject.php werkt!

File:

• Dev/trunk/js/sequencerScripts.js (modified) (9 diffs)

Dev/trunk/js/sequencerScripts.js

@@ -25 +25 @@
 }
 
-/*
-function SubmitToolbox() {
-    document.forms['toolbox'].submit();
-}
-*/
+function removeNL(s){ 
+    return s.replace(/[\n\r\t]/g,""); 
+}
+
 function SubmitToolbox(type) {
     var c = "objectToCreate="+type;
@@ -39 +38 @@
     
     newAjaxRequest(c, u, function(result){
-        var resultUid = result.responseText;
-        console.log(resultUid);
-        console.log("lol");
-        console.log(resultUid);
-        pipeline.value += ","+resultUid;
-        pipelineType += ","+type;
-        pipelineUpdated += ",0";
+        var resultUid = removeNL(result.responseText);
+        //resultUid.replace("\n","").replace("\r","");
+        
+        pipeline.value += resultUid+",";
+        pipelineType.value += type+",";
+        pipelineUpdated.value += "0,";
         updateSequencer();
     }, a);
@@ -74 +72 @@
     var nodes = document.getElementById("seqContent").childNodes;
     for (var i = 0; i < nodes.length; i++) {     //loop through childNodes. Skip first node (whitespace)
-        //debugger;
         if (hasClass(nodes[i], "displayStep")) {    //check if current childNode is a displayStep, not divider or text.
             if (nodes[i].id == uid) {
@@ -96 +93 @@
 }
                                                                             
-                                                                            
-/*
- * This function allows for simple use of AJAX requests.
- * Calling format:
- * 
- * var c[] = "uid=123";
- *  var c[] = "name=tschipper";
- *  var u = "getResult.php";
- *  newAjaxRequest(c, u, function(xml) {
- *      <!--Do something-->
- *  });
- *  
- *  It is of course also possible to refer to an external function instead of 
- *  defining function(xml){} in the call itself, as below:
- *  
- *  newAjaxRequest(c, u, externalFunction(xml));
- */
-
 function newAjaxRequest(c, u, cb, async) {
     
@@ -145 +124 @@
         }
     }
-    else {                      // single parameter or string already formatted by calling function
+    else { // single parameter or string already formatted by calling function
         contentString = content;
     }
     // finally send the formatted request
-    //alert(contentString);
     xml.send(contentString);
 }
@@ -183 +161 @@
     var pipeline = document.getElementById("pipelineStringField").value;
     var pipelineTypes = document.getElementById("pipelineTypeField").value;
-    pipeline = pipeline.replace(/,/g , ",divider,");    //regex search for commas, global (repeat), to represent them with visual dividers.
-    pipelineTypes = pipelineTypes.replace(/,/g, ",divider,");
-    ajaxStepRequest(pipeline, pipelineTypes);
+    var numSteps = document.getElementById("numSteps").value;
+    if (numSteps > 0) {
+        pipeline = pipeline.replace(/,/g , ",divider,");    //regex search for commas, global (repeat), to represent them with visual dividers.
+        pipelineTypes = pipelineTypes.replace(/,/g, ",divider,");
+        ajaxStepRequest(pipeline, pipelineTypes);
+    }
 }
 
@@ -192 +173 @@
     var plTypeString = document.getElementById("pipelineTypeField").value;
     var plUpdatedString = document.getElementById("pipelineUpdatedField").value;
-        
-    var pl = plString.split(",");
-    var plType = plTypeString.split(",");
-    var plUpdated = plUpdatedString.split(",");
-    //console.log(plUpdated);
-    
+    
+    
+    var pl = stringToArray(plString, ",");    
+    var plType = stringToArray(plTypeString, ",");    
+    var plUpdated = stringToArray(plUpdatedString, ",");
+    
+    var count = pl.length;
+    
+    document.getElementById("numSteps").value = count;
     
     for (var i = 0; i < pl.length; i++) {   // loop through pipeline contents
@@ -204 +188 @@
             var seqContent = document.getElementById("seqContent");
             var element = document.getElementById(pl[i]);
-            var nextElement = element.nextSibling;
+            if (element == null) {
+                element = document.createElement("div");
+                element.name = "placeholder";
+                seqContent.appendChild(element);
+            }
+            if (element.nextSibling) {
+                var nextElement = element.nextSibling;
+            }
+            else {
+                var nextElement = document.createElement("div");
+                nextElement.name = "placeholderNext";
+                seqContent.appendChild(nextElement);
+            }
             
             // now request a new step representation and insert it after previousElement
             var holderDiv = document.createElement("div");
             var requestString = "uids="+pl[i];
-            var resultText;
+            
+            if (plType[i]) {
+                requestString += "&types="+plType[i];
+            }
+            // globally declare newDiv so it can be passed to the updateDividers function
+            var newDiv;
+            
             newAjaxRequest(requestString, "returnStep.php", function(result) {
-                holderDiv.innerHTML = result.responseText; 
+                holderDiv.innerHTML = result.responseText;
+                newDiv = holderDiv.childNodes[1];            
+                seqContent.replaceChild(newDiv, element);
+                if (nextElement.name == "placeholderNext") {
+                    seqContent.removeChild(nextElement);
+                }
+                plUpdated[i] = "1";
             }, false);
             
-            //debugger;
-            while (holderDiv.childNodes.length == 1) {
-            // wait for response
-            }
-            var newDiv = holderDiv.childNodes[1];
-            seqContent.replaceChild(newDiv, element);
-            plUpdated[i] = "1";
-        // ALTERNATIVE METHOD TO REPLACECHILD!!!
-        //seqContent.removeChild(element);
-        //seqContent.insertBefore(newDiv, nextElement);
-            
-            
-        }
-        else {
-            
-    }
-    }
-    
-    // afterwards, convert the arrays back to strings
-    var newUpdatedString = "";
-    
-    for (var i = 0; i < plUpdated.length; i++) {
-        newUpdatedString += plUpdated[i]+",";
-    }
-    
-    if (newUpdatedString.substring(newUpdatedString.length - 1) == ",") {   // remove comma at the end of string!
-        newUpdatedString = newUpdatedString.substring(0, newUpdatedString.length-1);
-        
-    }
+                       
+            // ALTERNATIVE METHOD TO REPLACECHILD!!!
+            //seqContent.removeChild(element);
+            //seqContent.insertBefore(newDiv, nextElement);
+            
+            // Now check if dividers are necessary.
+            
+            //alert("INSERT CODE FOR UPDATEDIVIDERS HERE!");
+            updateDividers(newDiv);
+        }
+    }
+    
+    // afterwards, convert the arrays back to strings and set to appropriate fields
+    var newUpdatedString = arrayToString(plUpdated, ",");
     document.getElementById("pipelineUpdatedField").value = newUpdatedString;
     
 }
+
+
+
+
+
+
+function updateDividers (element) {
+    var seqContent = document.getElementById("seqContent");
+    
+    if (element.nextSibling){
+        var nextElement = element.nextSibling;
+    }
+    if (element.previousSibling) {
+        var previousElement = element.previousSibling;
+    }
+    
+    if (nextElement){
+        if (!hasClass(nextElement, "divider")) {
+            var holderDiv = document.createElement("div");
+            newAjaxRequest("uids=divider&types=divider", "returnStep.php", function(result) {
+                holderDiv.innerHTML = result.responseText;
+                var newDivider = holderDiv.childNodes[1];
+                seqContent.insertBefore(newDivider, nextElement);
+            }, false);
+        }
+    }
+    
+    if (previousElement){
+        if (!hasClass(previousElement, "divider")) {
+            var holderDiv = document.createElement("div");
+            newAjaxRequest("uids=divider&types=divider", "returnStep.php", function(result) {
+                holderDiv.innerHTML = result.responseText;
+                var newDivider = holderDiv.childNodes[1];
+                seqContent.insertBefore(newDivider, element);
+            }, false);
+        }
+    }
+    
+}
+
+
+
+
+
 
 function savePipeline() {
     var answer = confirm("Save changes to pipeline?");
     if (answer) {
-        newAjaxRequest("", "savesession.php", function(){}, false);
-        alert("Saved!");
+        var pipeline = document.getElementById("pipelineStringField").value;
+        pipeline = pipeline.slice(0, pipeline.length - 1);
+        var types = document.getElementById("pipelineTypeField").value;
+        types = types.slice(0, types.length - 1);
+        var session = document.getElementById("sessionField").value;
+        var requestString = "uids="+pipeline+"&types="+types+"&sessionUid="+session;
+        //console.log(requestString);
+        
+        
+        var success;
+        newAjaxRequest(requestString, "savesession.php", function(result){
+            success = result.responseText;
+        }, false);
+        console.log(success);
     }
 }
@@ -268 +317 @@
     var plUpdatedString = document.getElementById("pipelineUpdatedField").value;
     
-    var pl = plString.split(",");
-    var plType = plTypeString.split(",");
-    var plUpdated = plUpdatedString.split(",");
-    
-    
+    
+    var pl = stringToArray(plString, ",");    
+    var plType = stringToArray(plTypeString, ",");    
+    var plUpdated = stringToArray(plUpdatedString, ",");    
     
     // set the targeted element's tag for "Needs updating"
-    for (var i = 0; i < pl.length; i++) {
-        if (pl[i] == uid) {
-            plUpdated[i] = 0;
-        }
-    }
+    plUpdated[pl.indexOf(uid)] = "0";
     
     // then rewrite the content strings and set them to the appropriate fields
-    
-    var newUpdatedString = "";
-    for (var i = 0; i < pl.length; i++) {
-        newUpdatedString += plUpdated[i]+",";
-    }
-    if (newUpdatedString.substring(newUpdatedString.length-1) == ",") {
-        newUpdatedString = newUpdatedString.substring(0, newUpdatedString.length-1);
-    }
-    
-    
+    var newUpdatedString = arrayToString(plUpdated, ",");
     document.getElementById("pipelineUpdatedField").value = newUpdatedString;
-//alert("OOD set");
-}
+}
+
+function stringToArray(s, c) {
+    var a = s.split(c);
+    for (var i = 0; i < a.length; i++) {    // remove empty items
+        if (a[i] == "") {
+            a.splice(i, 1);
+            i--;
+        }
+    }
+    return a;
+}
+
+function arrayToString(a, c) {
+    var s = "";
+    for (var i = 0; i < a.length; i++) {
+        if (a[i] != "") {
+            s += a[i]+c;
+        }
+    }
+    return s;
+}