Show
Ignore:
Timestamp:
10/01/08 04:13:42 (10 years ago)
Author:
Theo Schlossnagle <jesus@omniti.com>
git-committer:
Theo Schlossnagle <jesus@omniti.com> 1222834422 +0000
git-parent:

[fb7be7b187d801c131a11404d2c489a6fc8350a6]

git-author:
Theo Schlossnagle <jesus@omniti.com> 1222834422 +0000
Message:

calendar stuff and fixes

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved
  • ui/web/htdocs/bw_graph.php

    r648b048 r646f051  
    4343  $(document).ready(function () { 
    4444    $('').ajaxError(function (a,b,c) { console.log(a); console.log(b); console.log(c); }); 
    45     //$.getJSON('bw_settings.php', {'id': '<?php print $_GET['id'] ?>', 'cnt': '<?php print $_GET['cnt'] ?>'}, function(r) { plot_id(r); } ); 
    46     $.getJSON('flot/graph/settings/48dc5706-abc8-29d2-ef23-ce754a8ec3d9?cnt=&start=1209600&end=&cnt=&start=1209600&end=', function(r) { plot_id(r); } ); 
     45    $.getJSON('bw_settings.php', {'id': '<?php print $_GET['id'] ?>', 'cnt': '<?php print $_GET['cnt'] ?>'}, function(r) { plot_id(r); } ); 
    4746  }); 
    4847  </script> 
  • ui/web/htdocs/graph_controls.inc

    r648b048 r646f051  
     1<script type="text/javascript" src="js/eye/datepicker.js"></script> 
     2<script type="text/javascript" src="js/eye/eye.js"></script> 
     3<script type="text/javascript" src="js/eye/utils.js"></script> 
    14<script type="text/javascript"> 
    25<!-- 
     
    2225function redraw_current_graph() { 
    2326  if(graphinfo.datapoints.length > 0) { 
    24     $("#maingraph > div.plot-area").slideDown("normal"); 
     27    $("#maingraph").slideDown("normal"); 
    2528    var url = "flot/graph/settings/" + graphinfo.id; 
    2629    $.getJSON(url, {'cnt':displayinfo.cnt, 'start':displayinfo.start, 'end':displayinfo.end}, plot_id); 
    2730  } 
    2831  else { 
    29     $("#maingraph > div.plot-area").slideUp("normal"); 
     32    $("#maingraph").slideUp("normal"); 
    3033  } 
    3134} 
     
    169172                              '1y' : 86400*365, 
    170173                            }; 
     174        var state = false; 
    171175        $(".btn-slide").click(function(){ 
    172                 $("#panel").slideToggle("fast"); 
     176                $("#widgetCalendar").stop().animate({ 
     177                     height: state ? 0 : 
     178                       $('#widgetCalendar div.datepicker').get(0).offsetHeight 
     179                  }, 500); 
     180                state = !state; 
    173181                $(this).toggleClass("active"); 
    174182                return false; 
    175183        }); 
    176184        $(".datechoice").click(function(){ 
    177                 $("#dateRange").html("YYYY/MM/DD - YYYY/MM/DD"); 
    178                 $("#panel").slideUp("slow"); 
     185                $("#range a.btn-slide").html("YYYY/MM/DD - YYYY/MM/DD"); 
     186                $("#widgetCalendar").slideUp("slow"); 
    179187                $(".datechoice").removeClass("selected"); 
    180188                displayinfo.start = time_windows[$(this).html()]; 
     
    183191                redraw_current_graph(); 
    184192                return false; 
    185         });     
     193        }); 
     194        $('#widgetCalendar').DatePicker({ 
     195                flat: true, 
     196                format: 'Y/m/d', 
     197                date: [new Date(), new Date()], 
     198                calendars: 3, 
     199                mode: 'range', 
     200                starts: 1, 
     201                onChange: function(formated) { 
     202                        var dates; 
     203                        dates = formated[0].split('/'); 
     204                        var start = new Date(dates[0], dates[1]-1, dates[2], 0, 0, 0); 
     205                        dates = formated[1].split('/'); 
     206                        var end = new Date((new Date(dates[0], dates[1]-1, dates[2], 0, 0, 0)).getTime() + 86400000); 
     207                        displayinfo.start = start.toUTCString(); 
     208                        displayinfo.end = end.toUTCString(); 
     209                        redraw_current_graph(); 
     210                        $('#range a.btn-slide').get(0).innerHTML = formated.join(' - '); 
     211                } 
     212        }); 
    186213        $(".graphType").change(function(){ 
    187214                graphinfo.type = $(this).val(); 
     
    209236                <dl> 
    210237                        <dt>Date Range:</dt> 
    211                         <dd><a href="" class="btn-slide" id="dateRange">YYYY/MM/DD - YYYY/MM/DD</a></dd> 
     238                        <dd><a href="" class="btn-slide">YYYY/MM/DD - YYYY/MM/DD</a></dd> 
    212239                </dl> 
    213240        </div> 
    214         <div id="panel">calendar here</div> 
     241<br/> 
     242        <div id="widgetCalendar"></div> 
    215243</div> 
    216244                         
  • ui/web/htdocs/index.php

    r648b048 r646f051  
    55<title>Reconnoiter</title> 
    66<link href="css/style.css" rel="stylesheet" type="text/css" /> 
     7<link href="css/datepicker.css" rel="stylesheet" type="text/css" /> 
    78<script src="js/htmlentities.js"></script> 
    89<script src="js/json2.js"></script> 
  • ui/web/htdocs/js/jquery.flot.js

    r648b048 r646f051  
    14621462            else { 
    14631463                var c = parseColor(seriesColor); 
    1464                 c.a = typeof fill == "number" ? fill : 0.4
     1464                c.a = typeof fill == "boolean" ? 0.4 : fill
    14651465                c.normalize(); 
    14661466                ctx.fillStyle = c.toString(); 
  • ui/web/htdocs/json_graph_flot.php

    r648b048 r646f051  
    1111  $start = strftime("%Y-%m-%d %H:%M:%S", time() - $start); 
    1212$end = $_GET['end']?$_GET['end']:strftime("%Y-%m-%d %H:%M:%S", time()); 
    13 $cnt = $_GET['cnt']?$_GET['cnt']:100; 
     13$cnt = $_GET['cnt']?$_GET['cnt']:400; 
    1414 
    1515$driver = new Reconnoiter_flot_Driver($start, $end, $cnt); 
     
    4545  'selection' => array ( 'mode' => 'x' ), 
    4646  'shadowSize' => 0, 
     47  'colors' => $driver->graphcolors() 
    4748); 
    4849print json_encode(array(