Changeset 296 for Dev/branches/Cartis/Tiles preview/js

Timestamp:

02/29/12 16:32:21 (13 years ago)

Author:

cartis

Message:

klaar voor testing

Location:

Dev/branches/Cartis/Tiles preview/js

Files:

• classes/graphs.js (modified) (4 diffs)
• dashboardScripts.js (modified) (3 diffs)
• nav.js (modified) (2 diffs)

Dev/branches/Cartis/Tiles preview/js/classes/graphs.js

@@ -10 +10 @@
         var _data;
         var _graphObject;
+        var _title;
         this._container = document.getElementById(containerName);
         
-        this.init = function(id, data, type, size) {
+        this.init = function(id, data, type, size, title) {
             // Draw the graph to the element
             _id = id;
@@ -18 +19 @@
             _type = type; 
             _size = size;
+            if (title) _title = title;
 
             var canvas = document.createElement("canvas");
@@ -28 +30 @@
             switch (_type) {
                 case "Pie":
+                    // Hardcoded data
+                    // Participant age
+                    _data = [5,7,9,4];
                     _graphObject = new RGraph.Pie(_id, _data);
+                    _graphObject.Set('chart.labels', ['20-30 (20 participants)', '30-40 (28 participants)', '40-50 (36 participants)', '50+ (16 participants)']);
+                    _graphObject.Set('chart.text.color', '#fff');
                     break;
                 case "Bar":
+                    // Hardcoded data
+                    // Quality of control
+                    _data = [4,20,50,18,8];
                     _graphObject = new RGraph.Bar(_id, _data);
-                    _graphObject.Set('chart.labels', ['Jan', 'Piet', 'Shaniqua']);
+                    _graphObject.Set('chart.labels', ['Bad','Subpar','Average','Above average','Good']);
+                    _graphObject.Set('chart.text.color', '#fff');
                     break;
                 case "Radar":
-                    _graphObject = new RGraph.Radar(_id, _data);
+                    //Hardcoded data
+                    // Gameplay errors
+                    _data = [24,20,26,35,36,29,25,16];
+                    _graphObject = new RGraph.Radar(_id, _data);                                  
+                    _graphObject.Set('chart.labels',['Bram','Paula','Jules','Joel','Tyrone','Henk','Darcy','Frans']);
+                    _graphObject.Set('chart.text.color', '#000');
+                    _graphObject.Set('chart.strokestyle','black');
+
                     break;
                 case "Rose":
                     _graphObject = new RGraph.Rose(_id, _data);
+                    _graphObject.Set('chart.text.color', '#000');
                     break;
             }
             
             // Set standard properties.
-            _graphObject.Set('chart.text.color', '#fff');
             _graphObject.Set('chart.shadow', false);
             _graphObject.Set('chart.colors', ['rgba(240,240,240,0.5)', 'rgba(240,240,240,0.5)', 'rgba(240,240,240,0.5)']);
             _graphObject.Set('chart.axis.color', 'rgba(240,240,240,0.5)');
             _graphObject.Set('chart.strokestyle', 'rgba(240,240,240,1.0)');
+            if (title) {
+                _graphObject.Set('chart.title', title);
+                _graphObject.Set('chart.title.color', 'white');
+            }
             
             //enlarge click event
@@ -91 +113 @@
             */
             var largeGraph = new Graph("largeContainer");
-            largeGraph.init("enlarged", _data, _type, [900,550]);
+            largeGraph.init("enlarged", _data, _type, [900,550], _title);
             var clearDiv = document.createElement("div");
             $(clearDiv).css("float", "left").css("clear", "both");

Dev/branches/Cartis/Tiles preview/js/dashboardScripts.js

@@ -21 +21 @@
 
 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
+    muData1: [1,3,5,6,12,6], //pie charts
+    muData2: [[4,12,6],[2,6,15]], //bar charts
+    muData3: [[55,42],[3,4],[5,6]]    //radar charts
 }
 
@@ -62 +62 @@
     gameData: new Array(
     {
-        title: "Veerkracht game session #1",
+        title: "Gameplay errors",
         creator: "Ellemiek Bosman",
         date: "25-5-2012",
-        description: "First play session. Users go into game without instructions."
-    },
-    {
-        title: "Veerkracht game session #2",
+        description: "First play session. Users starting game without any instructions."
+    },
+    {
+        title: "Gameplay errors after feedback",
         creator: "Ellemiek Bosman",
         date: "25-5-2012",
         description: "Second play session. Users have played game before and received feedback on their results."
+    },
+    {
+        title: "Quality of control",
+        creator: "Bruns von Blasuer",
+        date: "18-2-2012",
+        description: "Checking quality of control during gameplay."
+    },
+       {
+        title: "Fault recovery",
+        creator: "Bruns von Blasuer",
+        date: "17-3-2012",
+        description: "Second play session. Checking fault recovery after giving feedback."
     }
     )
@@ -218 +230 @@
     var indexInCart = shoppingCart.contents.uids.indexOf(uid);
     var tempTitle = shoppingCart.contents.titles[indexInCart];
-    var cn = confirm("Are you sure you want to remove: "+tempTitle+"?");
+    var cn = confirm("Are you sure you want to remove: "+tempTitle+ " from the selected data?");
     if (cn == false) return;
     

Dev/branches/Cartis/Tiles preview/js/nav.js

@@ -36 +36 @@
        
        
-       
-       
-       
-       
-       
-       
-       
-       
-       
-       
-       
-       
     mockup = {
         api: {
@@ -70 +58 @@
                     $.getScript("pages/"+name+".js", function(responseText, textStatus, XMLHttpRequest){
                         
-                    })
+                        })
                 });
                 mockup.api.breadcrumbs.navTo(name);
             },
+            auth: function(target, destination) {
+                debugger;
+                var name = document.getElementById("loginForm_name");
+                var pw = document.getElementById("loginForm_password");
+                
+                if (name.value.length > 0 && pw.value.length > 0) {
+                    mockup.api.clickTile(target, destination);
+                }
+                
+            },
             breadcrumbs: new (function() {
-                var _crumbs = ["Home"];
+                var _crumbs = [];
                 var _element = document.getElementById('breadcrumbs');
                 this.init = function() {