Changeset 7fa19b30101cf9c678ec724d925ea789184d8e80

Show
Ignore:
Timestamp:
02/26/09 22:20:20 (5 years ago)
Author:
Umar Farooq <umar@omniti.com>
git-committer:
Umar Farooq <umar@omniti.com> 1235686820 +0000
git-parent:

[b121859f562b1273004b455294828c246dcd1bc9]

git-author:
Umar Farooq <umar@omniti.com> 1235686820 +0000
Message:

added date zoom to worksheet graph modal as per
ticket #80

Files:

Legend:

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

    rc6411cc r7fa19b3  
    688688height:400px; 
    689689width:780px; 
     690} 
     691#StreamingModalContainer .graphTitle{ 
     692position:relative;  
     693left: 50px; 
    690694} 
    691695#maingraph div.plot-area div.centered { 
  • ui/web/htdocs/worksheet_panel.inc

    r8295e41 r7fa19b3  
    1212var streaming = false; 
    1313var stream_graph; 
     14var time_windows = { '6h' : 3600*6, 
     15                                '12h' : 3600*12, 
     16                             '1d' : 86400*1, 
     17                             '2d' : 86400*2, 
     18                             '1w' : 86400*7, 
     19                             '2w' : 86400*14, 
     20                             '4w' : 86400*28, 
     21                             '1y' : 86400*365, 
     22                           }; 
    1423 
    1524function ws_locked(warning) {            
     
    120129  }); 
    121130  stream_graph.ReconGraphRefresh({graphid: id}); 
    122   stream_graph.prepend("<span class='zoomStream'>Stream Data</span>"); 
    123   stream_graph.prepend("<span class='zoomClose'>x</span>"); 
     131 
     132 
     133 var dtool =  $("<div id='mini_ws_datetool'>"); 
     134dtool.append('<div class="zoom"> \ 
     135                <dl> \ 
     136                        <dt>Zoom:</dt> \ 
     137                        <dd><a href="#" class="first datechoice">1d</a></dd> \ 
     138                        <dd><a href="#" class="datechoice">2d</a></dd> \ 
     139                        <dd><a href="#" class="datechoice">1w</a></dd> \ 
     140                        <dd><a href="#" class="selected datechoice">2w</a></dd> \ 
     141                        <dd><a href="#" class="datechoice">4w</a></dd> \ 
     142                        <dd><a href="#" class="datechoice">1y</a></dd> \ 
     143                </dl>\ 
     144        </div>\ 
     145</div>'); 
     146 
     147  var mheader = $("<div id='stream-modal-header'>").append(dtool); 
     148  mheader.append("<span class='zoomClose'>x</span>"); 
     149  mheader.append("<span class='zoomStream'>Stream Data</span><br>"); 
     150 
     151  stream_graph.prepend(mheader); 
     152 
    124153  stream_graph.append("<div class='stream-log' style='display:none'></div>"); 
    125154  $(".zoomClose").click(function() { 
     
    144173    } 
    145174 }); //end stream click function                       
     175 
     176$("#mini_ws_datetool .datechoice").click(function(){ 
     177        $(".datechoice").removeClass("selected"); 
     178        $(this).addClass("selected"); 
     179        stream_graph.ReconGraphRefresh({graphid: id, start: time_windows[$(this).html()], end: ''}); 
     180        return false; 
     181}); 
     182 
    146183}//end zoom_modal 
    147184 
     
    288325<script type="text/javascript"> 
    289326$(document).ready(function(){ 
    290         var time_windows = { '2d' : 86400*2, 
    291                              '1w' : 86400*7, 
    292                              '2w' : 86400*14, 
    293                              '4w' : 86400*28, 
    294                              '1y' : 86400*365, 
    295                            }; 
    296327        var state = false; 
    297328 
     
    370401                <dl> 
    371402                        <dt>Zoom:</dt> 
    372                         <dd><a href="#" class="first datechoice">2d</a></dd> 
     403                        <dd><a href="#" class="first datechoice">6h</a></dd> 
     404                        <dd><a href="#" class="datechoice">12h</a></dd> 
     405                        <dd><a href="#" class="datechoice">1d</a></dd> 
     406                        <dd><a href="#" class="datechoice">2d</a></dd> 
    373407                        <dd><a href="#" class="datechoice">1w</a></dd> 
    374408                        <dd><a href="#" class="selected datechoice">2w</a></dd> 
     
    394428<div style="display:none"> 
    395429        <div id="maingraph-template"> 
    396         <h3 class="graphTitle">graph title</h3> 
    397430        <div class="plot-area" style="width:380px;height:180px"></div> 
    398431        <div class="plot-legend">legend</div>