Changeset 276 for Dev/branches/Cartis/js

Timestamp:

02/21/12 13:56:17 (13 years ago)

Author:

tjcschipper

Message:

Laatste versie van de 'oude' dashboard interface.

File:

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

Dev/branches/Cartis/js/dashboardScripts.js

@@ -22 +22 @@
 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
+    muData2: [[1,7],[4,2],[9,6]], //bar charts
+    muData3: [6,8,7,5,9,7,6,4],    //radar charts
+    muData4 : [8,34,6,56,3,23] // rose charts
 }
 
@@ -40 +41 @@
     var uid = values[values.length-1];
     var type;
+    
     switch (selectBox.id) {
         case "dbSessionInstancesList":
@@ -50 +52 @@
             break;
         default:
-            alert("No valid type passed!");
+            var value = values[0];
+            var opt;
+            for (var n = 0; n < selectBox.options.length; n++) {
+                if (selectBox.options[n].value == value) {
+                    opt = selectBox.options[n];
+                    type = opt.attributes[1].value;
+                }
+            }
+            if (type == null || type == undefined) //error?!?!?!
             break;
     }
@@ -208 +218 @@
     form.appendChild(input);
     form.submit();
-    //alert("Graph type is now: "+graphSelection);
+//alert("Graph type is now: "+graphSelection);
     
 }
@@ -225 +235 @@
             graphSelection.graphType = "Pie";
             break;
+        case "rose":
+            graphSelection.graphType = "Rose";
+            break;
         default:
             break;
@@ -233 +246 @@
     drawGraph('chart1', 450, 200, graphSelection.graphType, data);
     
-   // alert("Graph type is now: "+graphSelection.graphType);
+// alert("Graph type is now: "+graphSelection.graphType);
 }
 
@@ -247 +260 @@
      */
     // temporary!!!;
-    graphSelection.graphData = mockupData.muData1;
-    return mockupData.muData1;
-    
-    //alert("Data is now being formatted");
+    
+    switch (graphSelection.graphType) {
+        case "Bar":
+            graphSelection.graphData = mockupData.muData2;
+            break;
+        case "Pie":
+            graphSelection.graphData = mockupData.muData1;
+            break;
+        case "Radar":
+            graphSelection.graphData = mockupData.muData3;
+            break;
+        case "Rose":
+            graphSelection.graphData = mockupData.muData4;
+            break;
+    }
+    
+    return graphSelection.graphData;
+    
+//alert("Data is now being formatted");
 }
 
@@ -271 +299 @@
         case "Bar":
             chart1 = new RGraph.Bar(name, data);
+            chart1.Set('chart.labels', ['1 fault', '2 faults', '3 faults', '4 faults', '5 faults', '6 faults']);
+            chart1.Set('chart.colors', ['#77f', '#7f7', '#f77']);
             break;
         case "Pie":
             chart1 = new RGraph.Pie(name, data);
+            chart1.Set('chart.labels', ['1 fault', '2 faults', '3 faults', '4 faults', '5 faults', '6 faults']);
+            chart1.Set('chart.colors', ['#77f', '#7f7', '#f77']);
             break;
         case "Radar":
             chart1 = new RGraph.Radar(name, data);
-            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.colors.alpha', '50%');
+            chart1.Set('chart.colors', ['rgba(112,112,240,0.5)', 'rgba(112,240,112,0.5)', 'rgba(240,112,112,0.5)']);
+            break;
+        case "Rose":
+            chart1 = new RGraph.Rose(name, data);
+            chart1.Set('chart.labels', ['1 fault', '2 faults', '3 faults', '4 faults', '5 faults', '6 faults']);
+            chart1.Set('chart.colors', ['#77f', '#7f7', '#f77']);
+            break;
+        default:
+            break;
+    }
+    
+    
+    
+    chart1.Set('chart.shadow', false);
+    chart1.Set('chart.shadow.blur', 0);
     chart1.Set('chart.shadow.offsetx', 0);
     chart1.Set('chart.shadow.offsety', 0);
@@ -308 +341 @@
 }
 
+
+
 function addToDashboard() {
+    alert('You saved "'+graphSelection.graphType.toLowerCase()+' chart" to dashboard!');    
     doorstuurData.graphs.push(["graph"+doorstuurData.count+1, 450, 200, graphSelection.graphType, graphSelection.graphData]);
     doorstuurData.count++;
 }
+//Helper
+
+function checkBack(url) {
+    if (confirm("Are you sure you want to go back? You will lose your selected data.")) {
+        window.location = url ;
+    }
+}
+