source: Dev/branches/Cartis/dashboardGraphSelection.php @ 278

Last change on this file since 278 was 276, checked in by tjcschipper, 13 years ago

Laatste versie van de 'oude' dashboard interface.
File size: 5.2 KB
Line 
1<?php
2/*
3 * To change this template, choose Tools | Templates
4 * and open the template in the editor.
5 */
6
7require "classes/master.php";
8
9$dbDataSelectionWidget = new dbDataSelectionWidget();
10$data = JSON_decode($_POST['selectedData']);
11?>
12
13<!DOCTYPE html>
14<html>
15    <head>
16        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
17
18        <script type="text/javascript" src="js/generalScripts.js"></script>
19        <script type="text/javascript" src="js/dashboardScripts.js"></script>
20        <script src="RGraph/libraries/RGraph.common.core.js" ></script>
21        <script src="RGraph/libraries/RGraph.common.annotate.js" ></script>
22        <script src="RGraph/libraries/RGraph.common.context.js" ></script>
23
24        <script src="RGraph/libraries/RGraph.common.tooltips.js" ></script>
25        <script src="RGraph/libraries/RGraph.common.resizing.js" ></script>
26        <script src="RGraph/libraries/RGraph.bar.js" ></script>
27        <script src="RGraph/libraries/RGraph.pie.js" ></script>
28        <script src="RGraph/libraries/RGraph.radar.js" ></script>
29        <script src="RGraph/libraries/RGraph.rose.js" ></script>
30
31
32
33
34
35
36       
37        <script>
38            myGraph.Set('chart.contextmenu', [
39                ['Get PNG', RGraph.showPNG],
40                null,
41                ['Cancel', function () {}]
42            ]);
43        </script>
44
45        <title>
46            Dashboard Graph Selection
47        </title>
48        <?php new Stylesheet("visualEditors"); ?>
49
50    </head>
51
52    <body>
53        <div id="header">
54
55        </div>
56
57
58        <div
59            <div id="content">
60                <div id="wrapper">
61
62                    <div id="breadcrumbs" class="largeFrame" style="width: 900px;">
63                        <a href="#" onclick="checkBack('index.php');">Login</a> >
64                        <a href="#" onclick="checkBack('dashboardDataSelection.php');">Select data</a> >
65                        <a href="#" class="selected">Select graphtype</a>
66                    </div>
67
68                    <div id="leftColumn">
69
70                        <div class="largeFrame C" id="dbDataSelector">
71                            <div class="content">
72
73                                <div class="largeTitle">Selected data</div>                         
74                                <div class="content" style="width: 296px; height: 500px; ">               
75                                    <select id="dbSelectedData" multiple class="dbDataList" size="15" style="width: 275px;" onchange="infoPanelTimeout(event);">
76
77                                        <?php
78                                        $objCount = count($data->contents->titles);
79
80                                        for ($i = 0; $i < $objCount; $i++) {
81                                            echo "<option value='" . $data->contents->uids[$i] . "' name='" . $data->contents->types[$i] . "'>" . $data->contents->titles[$i] . "</option>";
82                                        }
83                                        ?>
84                                    </select>
85                                </div>
86
87                            </div>
88                        </div>
89                    </div>
90
91                    <div id="rightColumn">
92                        <div class="largeFrame Cv" style="width: 600px; height: 400px;">
93                            <div class="largeTitle">Graph selection</div>
94                            <div class="topControls" id="graphTypeSelector" style="float: left; clear: left; width: 100%; margin: 0; border: 1px solid #000;">
95                                <div id="btnSelectPieType" class="graphSelectionButton" onclick="changeGraphType('pie')">PIE CHART</div>
96                                <div id="btnSelectBarType" class="graphSelectionButton" onclick="changeGraphType('bar')">BAR CHART</div>
97                                <div id="btnSelectRadarType" class="graphSelectionButton" onclick="changeGraphType('radar')">RADAR CHART</div>
98                                <div id="btnSelectRose" class="graphSelectionButton" onClick="changeGraphType('rose')">ROSE CHART</div>
99
100                            </div>
101                            <div class="content" id="graphDisplay">
102
103                                <canvas id="chart1" width="450" height="200" onclick="RGraph.showPNG(document.getElementById('radar1'));">[No canvas support] </canvas>
104
105                                <!-- Button to gotoDashboard?? -->                                                           
106
107                            </div>
108
109                            <div class="controls">
110                                <input type="button" class="smallButton" value="Save to dashboard" onClick="addToDashboard()"></input>
111                                <input type="button" class="smallButton" value="Go to Dashboard" onClick="gotoDashboard()"></input>
112
113
114                            </div>
115
116                        </div>
117                    </div>
118
119
120                    <div class="largeFrame Cu" id="dbInfoPanel" style="width: 930px;">
121                        <div class='largeTitle'>Info panel</div>
122                        <div class="content" id="dbInfoPanelContent" style="height: 100px;">
123
124                        </div>
125
126
127                    </div>
128                </div>
129
130
131
132                </body>
133                </html>
Note: See TracBrowser for help on using the repository browser.