Show
Ignore:
Timestamp:
10/09/08 01:36:50 (6 years ago)
Author:
Theo Schlossnagle <jesus@omniti.com>
git-committer:
Theo Schlossnagle <jesus@omniti.com> 1223516210 +0000
git-parent:

[848c999201996fa821ee897f8bc9e3c0979a575f]

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

fix the id collisions... at least the ones bothering me. Get the counter-dev working, but break the normal derivatives, refs #22

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved
  • ui/web/htdocs/css/datepicker.css

    r646f051 r47a8b0a  
    191191} 
    192192 
    193 #widgetCalendar { 
     193.widgetCalendar { 
    194194        height: 0; 
    195195        position: relative; 
     
    199199        background: #B9B9B9; 
    200200} 
    201 #widgetCalendar .datepicker { 
     201.widgetCalendar .datepicker { 
    202202        position: absolute; 
    203203        bottom: 0; 
    204204        top: auto; 
    205205} 
    206 #widgetCalendar .datepickerContainer, 
    207 #widgetCalendar .datepickerBorderT, 
    208 #widgetCalendar .datepickerBorderB, 
    209 #widgetCalendar .datepickerBorderL, 
    210 #widgetCalendar .datepickerBorderR, 
    211 #widgetCalendar .datepickerBorderTL, 
    212 #widgetCalendar .datepickerBorderTR, 
    213 #widgetCalendar .datepickerBorderBL, 
    214 #widgetCalendar .datepickerBorderBR { 
     206.widgetCalendar .datepickerContainer, 
     207.widgetCalendar .datepickerBorderT, 
     208.widgetCalendar .datepickerBorderB, 
     209.widgetCalendar .datepickerBorderL, 
     210.widgetCalendar .datepickerBorderR, 
     211.widgetCalendar .datepickerBorderTL, 
     212.widgetCalendar .datepickerBorderTR, 
     213.widgetCalendar .datepickerBorderBL, 
     214.widgetCalendar .datepickerBorderBR { 
    215215        background: transparent !important; 
    216216} 
    217 #widgetCalendar .datepicker a:hover{ 
     217.widgetCalendar .datepicker a:hover{ 
    218218        color: #b6f063; 
    219219} 
  • ui/web/htdocs/css/style.css

    rfb2f0f7 r47a8b0a  
    248248#graphlist ul li ul li a em{color:#82787b;padding-left:3px;} 
    249249 
    250 div.plot-area { height: 180px; width: 380px; } 
     250div.plot-area { height:180px;width:380px; } 
    251251div.plot-area div.centered{ 
    252   height: 180px; width: 380px; 
    253   display: table-cell;vertical-align:middle;text-align:center; 
     252  height:180px;width:380px; 
     253  display:table-cell;vertical-align:middle;text-align:center; 
    254254} 
    255255div.plot-area div.centered .loading { 
    256256  background:url(../images/jquery-ajax-loader.gif) top center no-repeat; 
    257257  height:25px;width:380px; 
     258} 
     259 
     260#maingraph div.plot-area { height:400px;width:780px; } 
     261#maingraph div.plot-area div.centered{ 
     262  height:400;width:780px; 
     263  display:table-cell;vertical-align:middle;text-align:center; 
     264} 
     265#maingraph div.plot-area div.centered .loading { 
     266  background:url(../images/jquery-ajax-loader.gif) top center no-repeat; 
     267  height:25px;width:780px; 
    258268} 
    259269 
     
    325335 
    326336/******* date zoom and range *******/ 
    327 #datetool{/*background:yellow;*/margin:18px 0;overflow:auto;clear:both;} 
    328  
    329 #zoom {overflow:hidden;float:left;z-index:2900;} 
    330 #zoom dl {list-style:none;} 
    331 #zoom dl dt {padding-right:5px;font-size:10px;text-transform:uppercase;} 
    332 #zoom dl dt, #zoom dl dd {display:inline;float:left;} 
    333 #zoom dl dd a { 
     337#ws_datetool, #graph_datetool{margin:18px 0;overflow:auto;clear:both;} 
     338 
     339.zoom {overflow:hidden;float:left;z-index:2900;} 
     340.zoom dl {list-style:none;} 
     341.zoom dl dt {padding-right:5px;font-size:10px;text-transform:uppercase;} 
     342.zoom dl dt, .zoom dl dd {display:inline;float:left;} 
     343.zoom dl dd a { 
    334344padding:0px; 
    335345color:#82787b; 
     
    342352text-align:center; 
    343353} 
    344 #zoom dl dd a.first { 
     354.zoom dl dd a.first { 
    345355border:1px solid #cdd4e0; 
    346356} 
    347 #zoom dl dd a:hover{background:#ebeef2;} 
    348 #zoom dl dd a.selected{background:url(../images/bg-tab-zoom-arrow.png) top left no-repeat;padding-bottom:7px;border:none;border-top:1px solid #cdd4e0;} 
    349 #zoom dl dd a:hover.selected{background:url(../images/bg-tab-zoom-arrow.png) top left no-repeat;} 
    350  
    351 #range {overflow:hidden;float:left;margin-left:2em;} 
    352 #range dl {list-style:none;} 
    353 #range dl dt {padding-right:5px;font-size:10px;text-transform:uppercase;} 
    354 #range dl dt, #range dl dd {display:inline;float:left;} 
    355 #range dl dd a { 
     357.zoom dl dd a:hover{background:#ebeef2;} 
     358.zoom dl dd a.selected{background:url(../images/bg-tab-zoom-arrow.png) top left no-repeat;padding-bottom:7px;border:none;border-top:1px solid #cdd4e0;} 
     359.zoom dl dd a:hover.selected{background:url(../images/bg-tab-zoom-arrow.png) top left no-repeat;} 
     360 
     361.range {overflow:hidden;float:left;margin-left:2em;} 
     362.range dl {list-style:none;} 
     363.range dl dt {padding-right:5px;font-size:10px;text-transform:uppercase;} 
     364.range dl dt, .range dl dd {display:inline;float:left;} 
     365.range dl dd a { 
    356366padding:0px; 
    357367color:#82787b; 
     
    364374background:url(../images/bg-arrow-range.png) top right no-repeat; 
    365375} 
    366 #range dl dd a:hover, #range dl dd a:focus{/*background:url(../images/bg-arrow-range.png) 15px right no-repeat;*/border:1px solid #9baac1;} 
     376.range dl dd a:hover, .range dl dd a:focus{/*background:url(../images/bg-arrow-range.png) 15px right no-repeat;*/border:1px solid #9baac1;} 
    367377 
    368378#panel { 
  • ui/web/htdocs/graph_panel.inc

    r1a8ddc4 r47a8b0a  
    3333    $(domid).slideDown("normal"); 
    3434    var url = "flot/graph/settings/" + graphinfo.id; 
     35    $(domid + " .plot-area").html('<div class="centered"><div class="loading">&nbsp;</div></div>'); 
    3536    $.getJSON(url, {'cnt':displayinfo.cnt, 'start':displayinfo.start, 'end':displayinfo.end}, function (r) { plot_id(r,domid); }); 
    3637  } 
     
    179180                            }; 
    180181        var state = false; 
    181         $(".btn-slide").click(function(){ 
    182                 $("#widgetCalendar").stop().animate({ 
     182        $("#graph_datetool .btn-slide").click(function(){ 
     183                $("#graph_widgetCalendar").stop().animate({ 
    183184                     height: state ? 0 : 
    184                        $('#widgetCalendar div.datepicker').get(0).offsetHeight 
     185                       $('#graph_widgetCalendar div.datepicker').get(0).offsetHeight 
    185186                  }, 500); 
    186187                state = !state; 
     
    188189                return false; 
    189190        }); 
    190         $(".datechoice").click(function(){ 
    191                 $("#range a.btn-slide").html("YYYY/MM/DD - YYYY/MM/DD"); 
    192                 $("#widgetCalendar").slideUp("slow"); 
    193                 $(".datechoice").removeClass("selected"); 
     191        $("#graph_datetool .datechoice").click(function(){ 
     192                $("#graph_datetool .range a.btn-slide").html("YYYY/MM/DD - YYYY/MM/DD"); 
     193                $("#graph_widgetCalendar").slideUp("slow"); 
     194                $("#graph_datetool .datechoice").removeClass("selected"); 
    194195                displayinfo.start = time_windows[$(this).html()]; 
    195196                displayinfo.end = ''; 
     
    198199                return false; 
    199200        }); 
    200         $('#widgetCalendar').DatePicker({ 
     201        $('#graph_widgetCalendar').DatePicker({ 
    201202                flat: true, 
    202203                format: 'Y/m/d', 
     
    214215                        displayinfo.end = end.toUTCString(); 
    215216                        redraw_current_graph("#maingraph"); 
    216                         $('#range a.btn-slide').get(0).innerHTML = formated.join(' - '); 
     217                        $('#graph_datetool .range a.btn-slide').get(0).innerHTML = formated.join(' - '); 
    217218                } 
    218219        }); 
     
    228229</script> 
    229230 
    230 <div id="datetool"> 
    231         <div id="zoom"> 
     231<div id="graph_datetool"> 
     232        <div class="zoom"> 
    232233                <dl> 
    233234                        <dt>Zoom:</dt> 
     
    239240                </dl> 
    240241        </div> 
    241         <div id="range"> 
     242        <div class="range"> 
    242243                <dl> 
    243244                        <dt>Date Range:</dt> 
     
    246247        </div> 
    247248<br/> 
    248         <div id="widgetCalendar"></div> 
     249        <div id="graph_widgetCalendar" class="widgetCalendar"></div> 
    249250</div> 
    250251                         
  • ui/web/htdocs/json_graph_flot.php

    rfb2f0f7 r47a8b0a  
    2828  if($d['metric_type'] == 'numeric') { 
    2929    $driver->addDataSet($d['sid'], $d['metric_name'], 
    30                         ($d['derive']=="true")?"true":"false", 
     30                        ($d['derive']=="true")?"counter":"false", 
    3131                        $d['math2'], $settings); 
    3232  } 
  • ui/web/htdocs/worksheet_panel.inc

    r1a8ddc4 r47a8b0a  
    7171                           }; 
    7272        var state = false; 
    73         $(".btn-slide").click(function(){ 
    74                 $("#widgetCalendar").stop().animate({ 
     73        $("#ws_datetool .btn-slide").click(function(){ 
     74                $("#ws_widgetCalendar").stop().animate({ 
    7575                     height: state ? 0 : 
    76                        $('#widgetCalendar div.datepicker').get(0).offsetHeight 
     76                       $('#ws_widgetCalendar div.datepicker').get(0).offsetHeight 
    7777                  }, 500); 
    7878                state = !state; 
     
    8080                return false; 
    8181        }); 
    82         $(".datechoice").click(function(){ 
    83                 $("#range a.btn-slide").html("YYYY/MM/DD - YYYY/MM/DD"); 
    84                 $("#widgetCalendar").slideUp("slow"); 
     82        $("#ws_datetool .datechoice").click(function(){ 
     83                $("#ws_datetool .range a.btn-slide").html("YYYY/MM/DD - YYYY/MM/DD"); 
     84                $("#ws_widgetCalendar").slideUp("slow"); 
    8585                $(".datechoice").removeClass("selected"); 
    8686                ws_displayinfo.start = time_windows[$(this).html()]; 
     
    9090                return false; 
    9191        }); 
    92         $('#widgetCalendar').DatePicker({ 
     92        $('#ws_widgetCalendar').DatePicker({ 
    9393                flat: true, 
    9494                format: 'Y/m/d', 
     
    107107                        load_worksheet(''); 
    108108                        $(".datechoice").removeClass("selected"); 
    109                         $('#range a.btn-slide').get(0).innerHTML = formated.join(' - '); 
     109                        $('#ws_datetool .range a.btn-slide').get(0).innerHTML = formated.join(' - '); 
    110110                } 
    111111        }); 
     
    117117</script> 
    118118 
    119 <div id="datetool"> 
    120         <div id="zoom"> 
     119<div id="ws_datetool"> 
     120        <div class="zoom"> 
    121121                <dl> 
    122122                        <dt>Zoom:</dt> 
     
    128128                </dl> 
    129129        </div> 
    130         <div id="range"> 
     130        <div class="range"> 
    131131                <dl> 
    132132                        <dt>Date Range:</dt> 
     
    135135        </div> 
    136136<br style="clear:both; margin-bottom:0.5em;"/> 
    137         <div id="widgetCalendar"></div> 
     137        <div id="ws_widgetCalendar" class="widgetCalendar"></div> 
    138138</div> 
    139139