Changeset 276 for Dev/branches/Cartis/dashboardGraphSelection.php

Timestamp:

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

Author:

tjcschipper

Message:

Laatste versie van de 'oude' dashboard interface.

File:

• Dev/branches/Cartis/dashboardGraphSelection.php (modified) (6 diffs)

Dev/branches/Cartis/dashboardGraphSelection.php

@@ -27 +27 @@
         <script src="RGraph/libraries/RGraph.pie.js" ></script> 
         <script src="RGraph/libraries/RGraph.radar.js" ></script> 
+        <script src="RGraph/libraries/RGraph.rose.js" ></script> 
 
 
+
+
+
+
+        
         <script>
             myGraph.Set('chart.contextmenu', [
@@ -36 +42 @@
             ]);
         </script>
-
-
-        <script>
-            window.onload = function ()
-            {
- 
-                var bar1 = new RGraph.Bar('chart1', mockupData.muData3);
-                //bar1.Set('chart.background.barcolor1', 'white');
-                // bar1.Set('chart.background.barcolor2', 'white');
-                bar1.Set('chart.labels', ['1st', '2nd', '3rd', '4th', '5th', '6th']);
-                bar1.Set('chart.key', ['John', 'Bob']);
-                bar1.Set('chart.key.position.y', 35);
-                bar1.Set('chart.key.position', 'gutter');
-                bar1.Set('chart.key.background', 'rgb(255,255,255)');
-                bar1.Set('chart.colors', ['#77f', '#7f7']);
-                bar1.Set('chart.shadow', true);
-                bar1.Set('chart.shadow.blur', 15);
-                bar1.Set('chart.shadow.offsetx', 0);
-                bar1.Set('chart.shadow.offsety', 0);
-                bar1.Set('chart.shadow.color', '#aaa');
-                bar1.Set('chart.yaxispos', 'right');
-                bar1.Set('chart.strokestyle', 'rgba(0,0,0,0)');
-                bar1.Set('chart.gutter.left', 5);
-                bar1.Set('chart.gutter.right', 45);
-                bar1.Draw();
- 
-                
-            
-                if (!RGraph.isIE8()) {
-                    tooltipFunc = function (i)
-                    {
-                        var r = i % 4;
-                    
-                        if (r == 3) return 'John'
-                        else if (r == 2) return 'Rich';
-                        else if (r == 1) return 'Jane';
-                        else if (r == 0) return 'Quentin';
-                    }
-                    bar2.Set('chart.tooltips', tooltipFunc);
-                }
- 
-                bar2.Draw();
-                
-            }
-        </script> 
-        
 
         <title>
@@ -100 +60 @@
                 <div id="wrapper">
 
+                    <div id="breadcrumbs" class="largeFrame" style="width: 900px;">
+                        <a href="#" onclick="checkBack('index.php');">Login</a> > 
+                        <a href="#" onclick="checkBack('dashboardDataSelection.php');">Select data</a> > 
+                        <a href="#" class="selected">Select graphtype</a>
+                    </div>
+
                     <div id="leftColumn">
 
@@ -106 +72 @@
 
                                 <div class="largeTitle">Selected data</div>                         
-                                <div class="content" style="width: 300px; height: 500px; ">                
+                                <div class="content" style="width: 296px; height: 500px; ">                
+                                    <select id="dbSelectedData" multiple class="dbDataList" size="15" style="width: 275px;" onchange="infoPanelTimeout(event);">
 
-                                    <?php
-                                    print_r($data);
-                                    ?> 
+                                        <?php
+                                        $objCount = count($data->contents->titles);
 
+                                        for ($i = 0; $i < $objCount; $i++) {
+                                            echo "<option value='" . $data->contents->uids[$i] . "' name='" . $data->contents->types[$i] . "'>" . $data->contents->titles[$i] . "</option>";
+                                        }
+                                        ?>
+                                    </select>
                                 </div>
 
@@ -125 +96 @@
                                 <div id="btnSelectBarType" class="graphSelectionButton" onclick="changeGraphType('bar')">BAR CHART</div>
                                 <div id="btnSelectRadarType" class="graphSelectionButton" onclick="changeGraphType('radar')">RADAR CHART</div>
+                                <div id="btnSelectRose" class="graphSelectionButton" onClick="changeGraphType('rose')">ROSE CHART</div>
+
                             </div>
                             <div class="content" id="graphDisplay">
 
                                 <canvas id="chart1" width="450" height="200" onclick="RGraph.showPNG(document.getElementById('radar1'));">[No canvas support] </canvas> 
-                              
+
                                 <!-- Button to gotoDashboard?? -->                                                            
 
@@ -137 +110 @@
                                 <input type="button" class="smallButton" value="Save to dashboard" onClick="addToDashboard()"></input>
                                 <input type="button" class="smallButton" value="Go to Dashboard" onClick="gotoDashboard()"></input>
-                                
+
 
                             </div>