Ignore:
Timestamp:
01/19/12 12:50:28 (13 years ago)
Author:
cartis
Message:
 
File:
1 edited

Legend:

Unmodified
Added
Removed
  • Dev/branches/Cartis/dashboardGraphSelection.php

    r239 r242  
    2525        <script src="RGraph/libraries/RGraph.common.resizing.js" ></script>
    2626        <script src="RGraph/libraries/RGraph.bar.js" ></script>
    27         <script src="RGraph/libraries/RGraph.pie.js" ></script> 
     27        <script src="RGraph/libraries/RGraph.pie.js" ></script>
     28        <script src="RGraph/libraries/RGraph.radar.js" ></script>
    2829
    2930
     
    8081            }
    8182        </script>
     83       
    8284
    8385        <title>
     
    9092    <body>
    9193        <div id="header">
    92            
    93         </div>
    94        
    95                
    96 <div
    97         <div id="breadcrumbs">
    98             <?php
    99             $pagetitle = "Dashboard Graph Selection";
    100             include("breadcrumbs.php");
    101             ?>
     94
    10295        </div>
    10396
    10497
    105         <div id="content">
    106             <div id="wrapper">
     98        <div
     99            <div id="content">
     100                <div id="wrapper">
    107101
    108                 <div id="leftColumn">
     102                    <div id="leftColumn">
    109103
    110                     <div class="largeFrame C" id="dbDataSelector">
    111                         <div class="content">
     104                        <div class="largeFrame C" id="dbDataSelector">
     105                            <div class="content">
    112106
    113                             <div class="largeTitle">Selected data</div>                         
    114                             <div class="content" style="width: 300px; height: 500px; ">               
     107                                <div class="largeTitle">Selected data</div>                         
     108                                <div class="content" style="width: 300px; height: 500px; ">               
    115109
    116                                 <?php
    117                                 print_r($data);
    118                                 ?>
     110                                    <?php
     111                                    print_r($data);
     112                                    ?>
     113
     114                                </div>
     115
     116                            </div>
     117                        </div>
     118                    </div>
     119
     120                    <div id="rightColumn">
     121                        <div class="largeFrame Cv" style="width: 600px; height: 400px;">
     122                            <div class="largeTitle">Graph selection</div>
     123                            <div class="topControls" id="graphTypeSelector" style="float: left; clear: left; width: 100%; margin: 0; border: 1px solid #000;">
     124                                <div id="btnSelectPieType" class="graphSelectionButton" onclick="changeGraphType('pie')">PIE CHART</div>
     125                                <div id="btnSelectBarType" class="graphSelectionButton" onclick="changeGraphType('bar')">BAR CHART</div>
     126                                <div id="btnSelectRadarType" class="graphSelectionButton" onclick="changeGraphType('radar')">RADAR CHART</div>
     127                            </div>
     128                            <div class="content" id="graphDisplay">
     129
     130                                <canvas id="chart1" width="450" height="200" onclick="RGraph.showPNG(document.getElementById('radar1'));">[No canvas support] </canvas>
     131                             
     132                                <!-- Button to gotoDashboard?? -->                                                           
     133
     134                            </div>
     135
     136                            <div class="controls">
     137                                <input type="button" class="smallButton" value="Save to dashboard" onClick="addToDashboard()"></input>
     138                                <input type="button" class="smallButton" value="Go to Dashboard" onClick="gotoDashboard()"></input>
     139                               
    119140
    120141                            </div>
     
    122143                        </div>
    123144                    </div>
    124                 </div>
    125145
    126                 <div id="rightColumn">
    127                     <div class="largeFrame Cv" style="width: 600px; height: 400px;">
    128                         <div class="largeTitle">Graph selection</div>
    129                         <div class="topControls" id="graphTypeSelector" style="float: left; clear: left; width: 100%; margin: 0; border: 1px solid #000;">
    130                             <div id="btnSelectPieType" class="graphSelectionButton" onclick="changeGraphType('pie')">PIE CHART</div>
    131                             <div id="btnSelectBarType" class="graphSelectionButton" onclick="changeGraphType('bar')">BAR CHART</div>
    132                             <div id="btnSelectRadarType" class="graphSelectionButton" onclick="changeGraphType('radar')">RADAR CHART</div>
    133                         </div>
    134                         <div class="content" id="graphDisplay">
    135146
    136                             <canvas id="chart1" width="450" height="200" onclick="RGraph.showPNG(document.getElementById('bar1'));">[No canvas support] </canvas>
    137 
    138                             <!-- Button to gotoDashboard?? -->                                                           
     147                    <div class="largeFrame Cu" id="dbInfoPanel" style="width: 930px;">
     148                        <div class='largeTitle'>Info panel</div>
     149                        <div class="content" id="dbInfoPanelContent" style="height: 100px;">
    139150
    140151                        </div>
    141152
    142                         <div class="controls">
    143                             <input type="button" class="smallButton" value="Save to dashboard" onClick="addToDashboard()"></input>
    144                             <input type="button" class="smallButton" value="Go to Dashboard" onClick="gotoDashboard()"></input>
    145 
    146                         </div>
    147153
    148154                    </div>
     
    150156
    151157
    152                 <div class="largeFrame Cu" id="dbInfoPanel" style="width: 930px;">
    153                     <div class='largeTitle'>Info panel</div>
    154                     <div class="content" id="dbInfoPanelContent" style="height: 100px;">
    155158
    156                     </div>
    157 
    158 
    159                 </div>
    160             </div>
    161 
    162 
    163 
    164     </body>
    165 </html>
     159                </body>
     160                </html>
Note: See TracChangeset for help on using the changeset viewer.