Changeset 132eb272d8f884444ebac678f2e32e9535958204

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

[259cc3245c3eaaecdc8a6d648165b0937f09b900]

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

style changes and code refactoring, still need icons for zoom,remove graphs in worksheets
ref #91

Files:

Legend:

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

    r259cc32 r132eb27  
    832832color:#660000; 
    833833} 
    834 span.deleteWorksheetGraph { 
     834.ws-toolbar { 
     835position: relative; 
     836margin: 0; 
     837padding-right: 10px; 
     838
     839.ws-toolbar .deleteWorksheetGraph { 
     840display:none; 
     841
     842 
     843.ws-toolbar-edit { 
     844position: relative; 
     845margin: 0; 
     846padding-right: 10px; 
     847
     848.ws-toolbar-edit .zoomGraph { 
     849display: none; 
     850
     851.deleteWorksheetGraph { 
    835852border: 1px solid #DDDDDD; 
    836 margin: 10px; 
    837 float: right; 
     853margin: 0em 0em 0 0; 
    838854font-weight: bold; 
    839855color:#660000; 
    840856} 
    841 span.zoomGraph { 
     857.zoomGraph { 
    842858border: 1px solid #DDDDDD; 
    843 margin: 10px; 
    844 float: right; 
     859margin: 0; 
    845860font-weight: bold; 
    846861color:#660000; 
     862} 
     863ul#worksheet-graphs li.zoomGraph { 
     864 margin: 0; 
     865 position: absolute; 
     866 right: 10px; 
     867} 
     868ul#worksheet-graphs li.deleteWorksheetGraph { 
     869 margin: 0em 0em 0 0; 
     870 position: absolute; 
     871 right: 10px; 
    847872} 
    848873span.rememberGraph { 
  • ui/web/htdocs/worksheet_panel.inc

    r9318ea7 r132eb27  
    7070} 
    7171 
     72function make_ws_graph(g) { 
     73    var o = $('<div></div>').ReconGraph(g); 
     74 
     75    zb = $("<li class='zoomGraph' id='Zoom-"+g.graphid+"'>Zoom</li>"); 
     76    zb.click(function() { zoom_modal(g.graphid); }); 
     77    rb = $("<li class='deleteWorksheetGraph' id='Remove-"+g.graphid+"'>Remove</li>"); 
     78    rb.click( function() { 
     79                  $.getJSON('json/worksheet/deletegraph/' + wsinfo.id + '/' + g.graphid, 
     80                     function(r) { if(r.error) { $("#ws-tool-error").html(r.error).fadeIn('fast');  } }); 
     81                  $("#"+g.graphid).remove(); 
     82               }); 
     83 
     84    var ws_tbar = $('<div class="ws-toolbar"></div>').append("<ul/>").append(zb).append(rb); 
     85 
     86    ws_tbar.attr("style", "display:none;"); 
     87 
     88    o.prepend(ws_tbar); 
     89    o.mouseover(                   
     90              function() {  
     91                 o.attr("style", "outline: 1px solid #DDDDDD;");  
     92                 ws_tbar.removeAttr("style"); 
     93              });  
     94    o.mouseout(  
     95              function() {  
     96                o.removeAttr("style"); 
     97                ws_tbar.attr("style", "display:none;"); 
     98              }); 
     99 
     100    return o; 
     101} 
     102 
     103function zoom_modal (id) { 
     104  stream_graph = $('<div></div>').ReconGraph({graphid: id}); 
     105  var smod = stream_graph.modal({ 
     106      containerId: 'StreamingModalContainer', 
     107      close: 'true', 
     108      overlayCss: { 
     109        backgroundColor: '#000000', 
     110        cursor: 'wait' 
     111        }, 
     112      containerCss: { 
     113        backgroundColor: '#FFFFFF', 
     114        left: '30%', 
     115        top: '10%', 
     116        border: '2px solid #000000', 
     117        padding: '5px' 
     118      }, 
     119  }); 
     120  stream_graph.ReconGraphRefresh({graphid: id}); 
     121  stream_graph.prepend("<span class='zoomStream'>Stream Data</span>"); 
     122  stream_graph.prepend("<span class='zoomClose'>x</span>"); 
     123  stream_graph.append("<div class='stream-log' style='display:none'></div>"); 
     124  $(".zoomClose").click(function() { 
     125     streaming = false;                         
     126     $('#streambox').html(''); 
     127     smod.close(); 
     128  }); 
     129 
     130  $(".zoomStream").click(function() { 
     131     if(!streaming) { 
     132         streaming = true; 
     133         $(".zoomStream").html('Streaming!').fadeIn('slow'); 
     134         $(".stream-log").removeAttr("style").html("stream log_"); 
     135         stream_data(id); 
     136     } 
     137     else if(streaming) { 
     138         streaming = false; 
     139         $('#streambox').html(''); 
     140         $(".zoomStream").html('Stream Data').fadeIn('slow'); 
     141         $(".stream-log").attr("style", "display:none;"); 
     142         stream_graph.ReconGraphRefresh({graphid: id}); 
     143    } 
     144 }); //end stream click function                       
     145}//end zoom_modal 
     146 
    72147function lock_wforms() { 
    73148  $("h2#worksheetTitle").unbind(); 
    74149  $("ul#worksheet-graphs").unbind(); 
    75   $("ul#worksheet-graphs > li >div").each(function(i) { $(this).unbind();}); 
     150  $(".ws-toolbar-edit").attr("class","ws-toolbar"); 
    76151} 
    77152          
     
    98173              }); 
    99174 
    100   $("ul#worksheet-graphs > li >div").each( 
    101   function(i) {  
    102                     var g = { start: ws_displayinfo.start, 
    103                       end: ws_displayinfo.end, 
    104                       cnt: ws_displayinfo.cnt, 
    105                       graphid:  $(this).attr("id")  
    106                     }; 
    107                      
    108                     $(this).prepend("<span style='display:none'; class='zoomGraph' id='Zoom-"+$(this).attr('id')+"'>Zoom</span>"); 
    109                     $(this).prepend("<span style='display:none'; class='deleteWorksheetGraph' id='Remove-"+$(this).attr('id')+"'>Remove</span>"); 
    110  
    111                     $("#Remove-"+$(this).attr('id')).click( function() { 
    112                       $.getJSON('json/worksheet/deletegraph/' + wsinfo.id + '/' + g.graphid, 
    113                         function(r) { if(r.error) { $("#ws-tool-error").html(r.error).fadeIn('fast');  } }); 
    114                         $("#"+g.graphid).remove(); 
    115                     }); 
    116  
    117                     $("#Zoom-"+$(this).attr('id')).click( function() { 
    118                         
    119                       stream_graph = $('<div></div>').ReconGraph({graphid: g.graphid}); 
    120  
    121                       var smod = stream_graph.modal({ 
    122                         containerId: 'StreamingModalContainer', 
    123                         close: 'true', 
    124                         overlayCss: { 
    125                         backgroundColor: '#000000', 
    126                         cursor: 'wait' 
    127                         }, 
    128                         containerCss: { 
    129                         backgroundColor: '#FFFFFF', 
    130                         left: '30%', 
    131                         top: '10%', 
    132                         border: '2px solid #000000', 
    133                         padding: '5px' 
    134                         }, 
    135                       }); 
    136  
    137                       stream_graph.ReconGraphRefresh({graphid: g.graphid}); 
    138                       stream_graph.prepend("<span class='zoomStream'>Stream Data</span>"); 
    139                       stream_graph.prepend("<span class='zoomClose'>x</span>"); 
    140                       stream_graph.append("<div class='stream-log' style='display:none'></div>"); 
    141                       $(".zoomClose").click(function() { 
    142                         streaming = false;                         
    143                         $('#streambox').html(''); 
    144                         smod.close(); 
    145                       }); 
    146  
    147                       $(".zoomStream").click(function() { 
    148                         if(!streaming) { 
    149                            streaming = true; 
    150                            $(".zoomStream").html('Streaming!').fadeIn('slow'); 
    151                            $(".stream-log").removeAttr("style").html("stream log_"); 
    152                            stream_data(g.graphid); 
    153                         } 
    154                         else if(streaming) { 
    155                            streaming = false; 
    156                            $('#streambox').html(''); 
    157                            $(".zoomStream").html('Stream Data').fadeIn('slow'); 
    158                            $(".stream-log").attr("style", "display:none;"); 
    159                            stream_graph.ReconGraphRefresh({graphid: g.graphid}); 
    160                         } 
    161  
    162                       }); //end stream click function                       
    163  
    164                     }); //end zoom click function 
    165  
    166                     $(this).mouseover(                   
    167                        function() {  
    168                          $(this).attr("style", "outline: 1px solid #DDDDDD;");  
    169                          $("#Zoom-"+$(this).attr('id')).removeAttr("style"); 
    170                          $("#Remove-"+$(this).attr('id')).removeAttr("style"); 
    171                     } 
    172                     );  
    173   }); //end for each graph in the list 
    174  
    175   $("ul#worksheet-graphs > li >div").each( 
    176   function(i) { $(this).mouseout(  
    177                  function() {  
    178                     $(this).removeAttr("style");  
    179                     $("#Zoom-"+$(this).attr('id')).attr("style", "display:none;"); 
    180                     $("#Remove-"+$(this).attr('id')).attr("style", "display:none;"); 
    181                  } 
    182 ); }); 
    183  
    184 }            
     175  $(".ws-toolbar").attr("class","ws-toolbar-edit");  
     176}//end unlock_wforms 
    185177 
    186178function update_current_worksheet(f) { 
     
    227219    g.end = ws_displayinfo.end; 
    228220    g.cnt = ws_displayinfo.cnt; 
    229     var o = $('<div></div>').ReconGraph(g); 
     221 
     222    var o = make_ws_graph(g); 
     223 
    230224    ul.append($('<li/>').append(o)); 
    231225    o.ReconGraphRefresh(); 
    232     wsinfo.graphs.push(o.attr("id")); 
     226    wsinfo.graphs.push(g.graphid); 
    233227  } 
    234228  ul.sortable("refresh"); 
    235229} 
     230 
    236231function add_graph_to_worksheet(graphid) { 
    237232  if(!ws_locked("Click 'Edit Worksheet' to unlock.")){ 
     
    246241              cnt: ws_displayinfo.cnt, 
    247242              graphid: graphid }; 
    248     var o = $('<div></div>').ReconGraph( g ); 
     243 
     244    var o = make_ws_graph(g); 
     245 
    249246    var ul = $("ul#worksheet-graphs"); 
    250247    ul.append($('<li/>').append(o));