Changeset 227 for Dev/branches/Cartis/js/dashboardScripts.js

Timestamp:

01/12/12 17:30:32 (13 years ago)

Author:

cartis

Message:

 

File:

• Dev/branches/Cartis/js/dashboardScripts.js (modified) (5 diffs)

Dev/branches/Cartis/js/dashboardScripts.js

@@ -1 +1 @@
 dbSelectionInfoTimeout = null;
-currentlySelected = {
+var currentlySelected = {
     titles: [],
     uids: [],
@@ -6 +6 @@
 }
 
-shoppingCart = {
+var shoppingCart = {
     contents: {
         titles: [],
@@ -12 +12 @@
         types: []
     }
+}
+
+var graphSelection = {
+    graphType: null,
+    graphData: null,
+    dataAvailable: false
+}
+
+var mockupData = {
+    muData1: [1,2,3,4,5,6], //pie charts
+    muData2: [[1,2,3],[4,5,6]], //bar charts
+    muData3: [[1,2],[3,4],[5,6]]    //radar charts
 }
 
@@ -143 +155 @@
     // Lastly, refresh
     drawShoppingCart();
-    }
+}
 
 function drawShoppingCart() {
-        var scElement = ge("shoppingCartContent");
-        scElement.innerHTML = "";
-        for (var i = 0; i < shoppingCart.contents.uids.length; i++) {
-            var newLine = ce("div");
-            newLine.className = "shoppingCartItem";
-            newLine.id = "shoppingCartItem"+shoppingCart.contents.uids[i];
-            var icon = ce("image");
-            icon.src = "images/ui/DeleteIcon.gif";
-            icon.addEventListener("click", function(event){
-                // TODO: Actually write this function
-                removeFromList(event);
-            }, false);
-            var titleField = ce("text");
-            titleField.innerHTML = shoppingCart.contents.titles[i];
-            newLine.appendChild(icon);
-            newLine.appendChild(titleField);
-            scElement.appendChild(newLine);
-        }
-    
-        // reset type after empty
-        currentlySelected.type = null;
-    }
+    var scElement = ge("shoppingCartContent");
+    scElement.innerHTML = "";
+    for (var i = 0; i < shoppingCart.contents.uids.length; i++) {
+        var newLine = ce("div");
+        newLine.className = "shoppingCartItem";
+        newLine.id = "shoppingCartItem"+shoppingCart.contents.uids[i];
+        var icon = ce("image");
+        icon.src = "images/ui/DeleteIcon.gif";
+        icon.addEventListener("click", function(event){
+            // TODO: Actually write this function
+            removeFromList(event);
+        }, false);
+        var titleField = ce("text");
+        titleField.innerHTML = shoppingCart.contents.titles[i];
+        newLine.appendChild(icon);
+        newLine.appendChild(titleField);
+        scElement.appendChild(newLine);
+    }
+    
+    // reset type after empty
+    currentlySelected.type = null;
+}
     
 function configureDashboard() {
@@ -182 +194 @@
     form.submit();
 }
+
+//function goto dashboard
+function gotoDashboard() {
+    var data = JSON.stringify(doorstuurData);
+    var form = ce("form");
+    //changed to dashboardGraphSelection.php
+    form.action = "dashboardOverview.php";
+    form.method = "POST";
+    var input = ce("input");
+    input.type = "hidden";
+    input.name = "doorstuurData";
+    input.value = data;
+    form.appendChild(input);
+    form.submit();
+}
+
+function changeGraphType(type) {
+    // If different graph type, clear canvas 1.
+    
+    switch (type.toLowerCase()){
+        case "bar":
+            graphSelection.graphType = "Bar";
+            break;
+        case "radar":
+            graphSelection.graphType = "Radar";
+            break
+        case "pie":
+            graphSelection.graphType = "Pie";
+            break;
+        default:
+            break;
+    }
+    
+    //alert("Graph type is now: "+graphSelection.graphType);
+    var data = formatGraphData();
+    drawGraph('chart1', 450, 200, graphSelection.graphType, data);
+}
+
+function formatGraphData() {
+    /*
+     * if (data.available == false) {
+     * graphSelection.dataAvailable = false;
+     * insertStandardPlaceholderData();
+     * }
+     * else {
+     * FormatDataCorrectly();
+     * }
+     */
+    // temporary!!!;
+    graphSelection.graphData = mockupData.muData1;
+    return mockupData.muData1;
+    
+//alert("Data is now being formatted");
+}
+
+function drawGraph(name, sizeX, sizeY, type, data) {
+    //delete old graph
+    
+    var oldGraph = ge("chart1");
+    if (oldGraph) oldGraph.parentNode.removeChild(oldGraph);
+    
+    var canvas = ce("canvas");
+    canvas.id = name;
+    canvas.width = sizeX;
+    canvas.height = sizeY;
+    var parentElement = ge("graphDisplay");
+    parentElement.appendChild(canvas);
+    
+    //js calls
+    var chart1;
+    switch (type) {
+        case "Bar":
+            chart1 = new RGraph.Bar(name, data);
+            break;
+        case "Pie":
+            chart1 = new RGraph.Pie(name, data);
+            break;
+        case "Radar":
+            //chart1 = new RGraph.Radar('chart1', graphSelection.graphData);
+            break;
+        default:
+            break;
+    }
+    
+    //chart1.Set('chart.background.barcolor1', 'white');
+    // chart1.Set('chart.background.barcolor2', 'white');
+    chart1.Set('chart.labels', ['1st', '2nd', '3rd', '4th', '5th', '6th']);
+    //chart1.Set('chart.key', ['Aapjes', 'Hertjes']);
+    //chart1.Set('chart.key.position.y', 35);
+    //chart1.Set('chart.key.position', 'gutter');
+    //chart1.Set('chart.key.background', 'rgb(255,255,255)');
+    chart1.Set('chart.colors', ['#77f', '#7f7']);
+    chart1.Set('chart.shadow', true);
+    chart1.Set('chart.shadow.blur', 15);
+    chart1.Set('chart.shadow.offsetx', 0);
+    chart1.Set('chart.shadow.offsety', 0);
+    chart1.Set('chart.shadow.color', '#aaa');
+    chart1.Set('chart.yaxispos', 'right');
+    chart1.Set('chart.strokestyle', 'rgba(0,0,0,0)');
+    chart1.Set('chart.gutter.left', 5);
+    chart1.Set('chart.gutter.right', 45);
+    chart1.Draw();
+    
+}
+
+var doorstuurData = {
+    graphs: [],
+    count: null
+}
+
+function addToDashboard() {
+    doorstuurData.graphs.push(["graph"+doorstuurData.count+1, 450, 200, graphSelection.graphType, graphSelection.graphData]);
+    doorstuurData.count++;
+}