Changeset c87819bbb246f0af528349af329cfbf861ea0afc

Show
Ignore:
Timestamp:
06/15/09 21:26:59 (5 years ago)
Author:
Umar Farooq <umar@omniti.com>
git-committer:
Umar Farooq <umar@omniti.com> 1245101219 +0000
git-parent:

[51ab9e06feb91ea41623ced24e36d84f0bfaa36a]

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

permalinks for worksheets, and a better api for graphs as well, fixes #100

Files:

Legend:

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

    r9f9dbe4 rc87819b  
    751751width:780px; 
    752752} 
     753.permalink { 
     754border:1px solid #DDDDDD; 
     755float:right; 
     756margin-left:4px; 
     757padding:0 4px; 
     758font-weight: bold; 
     759color:#660000; 
     760} 
    753761#drawing_board { 
    754 margin:0 auto; 
    755 height:400px; 
    756 width:780px; 
     762margin-left: auto; 
     763margin-right: auto; 
    757764} 
    758765#drawing_board div.plot-area { 
    759766height:400px; 
    760767width:780px; 
     768} 
     769#drawing_board ul#worksheet-graphs div.plot-area { 
     770height:180px; 
     771width:380px; 
     772} 
     773#drawing_board h2#worksheetTitle { 
     774margin: 10px; 
     775border: none; 
     776text-align: center; 
     777} 
     778#drawing_board div#ws_datetool { 
     779margin: 0 auto; 
     780width: 650px; 
     781margin-left: auto; 
     782maring-right: auto; 
    761783} 
    762784#StreamingModalContainer div.plot-area{ 
  • ui/web/htdocs/drawing_board.php

    r9f9dbe4 rc87819b  
    3939<script src="js/jquery.ajaxq-0.0.1.js" type="text/javascript"></script> 
    4040<script src="js/recon.js" type="text/javascript"></script> 
     41<script src="js/reconui.js" type="text/javascript"></script> 
    4142 
    4243<!-- color picker --> 
     
    6970var id = <?php echo "\"$id\"";?>; 
    7071 
    71 var start = <?php echo "\"$start\"";?>; 
    72 if(start) { 
    73           start = new Date(parseInt(start)); 
     72if(id) { 
     73       var start = <?php echo "\"$start\"";?>; 
     74       if(start==parseInt(start)) { 
     75          start = new Date(parseInt(start)); 
    7476          start = start.toUTCString(); 
     77       } 
     78       else start=time_window_to_seconds('2w'); 
     79 
     80       var end = <?php echo "\"$end\"";?>; 
     81       if(end == parseInt(end)) { 
     82          end = new Date(parseInt(end)); 
     83          end = end.toUTCString(); 
     84       } 
     85       else end = ""; 
     86 
     87       if(otype == 'graph') { 
     88          var gran = <?php echo "\"$gran\"";?>; 
     89          $('#drawing_board').width('780px'); 
     90          $('#drawing_board').height('400px'); 
     91          worksheet.render_graph_inpage('drawing_board', id, start, end); 
     92       } 
     93       else if(otype == 'wsheet') { 
     94          $('#drawing_board').width('1200px'); 
     95          $('#drawing_board').height('800px'); 
     96          worksheet.render_ws_inpage('drawing_board', id, start, end); 
     97       } 
    7598} 
    76 else start=time_window_to_seconds('2w'); 
    77  
    78 var end = <?php echo "\"$end\"";?>; 
    79 if(end) { 
    80         end = new Date(parseInt(end)); 
    81         end = end.toUTCString(); 
    82 } 
    83 else end = ""; 
    84  
    85 var gran = <?php echo "\"$gran\"";?>; 
    86  
    87 worksheet.zoom_inpage('drawing_board', id, start, end); 
    88  
    8999</script> 
    90100 
  • ui/web/htdocs/graph_panel.inc

    r9f9dbe4 rc87819b  
    5353} 
    5454 
    55 function update_permalink(id, start, end, gran){ 
     55function update_graph_permalink(id, start, end, gran){ 
    5656 $("#gpermalink a").attr("href", "drawing_board.php?otype=graph&id="+id+"&start="+start+"&end="+end+"&gran="+gran); 
    5757} 
     
    116116  } 
    117117  current_graph_id = id; 
    118   update_permalink(current_graph_id, "", "", ""); 
     118  update_graph_permalink(current_graph_id, "", "", ""); 
    119119  fetch_graph_info(current_graph_id); 
    120120} 
     
    465465                $(this).addClass("selected"); 
    466466                var cdate = new Date(); 
    467                 update_permalink(graphinfo.id, parseInt(cdate.getTime() - displayinfo.start*1000), "", ""); 
     467                update_graph_permalink(graphinfo.id, parseInt(cdate.getTime() - displayinfo.start*1000), "", ""); 
    468468                maingraph.ReconGraphRefresh({graphid: graphinfo.id, start: time_windows[$(this).html()], end: '', type: graphinfo.type}); 
    469469                return false; 
     
    484484                        displayinfo.start = start.toUTCString(); 
    485485                        displayinfo.end = end.toUTCString(); 
    486                         update_permalink(graphinfo.id, parseInt(start.getTime()), parseInt(end.getTime()), ""); 
     486                        update_graph_permalink(graphinfo.id, parseInt(start.getTime()), parseInt(end.getTime()), ""); 
    487487                        maingraph.ReconGraphRefresh({graphid: graphinfo.id, start: displayinfo.start, end: displayinfo.end, type: graphinfo.type}); 
    488488                        $('#graph_datetool .range a.btn-slide').get(0).innerHTML = formated.join(' - '); 
  • ui/web/htdocs/js/recon.js

    r51ab9e0 rc87819b  
    798798 
    799799  function render_ws_inpage(divid, id, start, end) { 
     800      ws_displayinfo.start = start; 
     801      ws_displayinfo.end = end; 
    800802 
    801803      plot_board = $('#'+divid); 
     
    803805        plot_board.append('<h2 id="worksheetTitle">Worksheet Title</h2>\ 
    804806                 <p/>\ 
    805                 <div id="ws_datetool">\ 
     807                <div id="ws_datetool">\ 
    806808                 <div class="zoom">\ 
    807809                <dl>\ 
     
    840842       <div id="ws_payload">\ 
    841843       </div>'); 
     844      $.getJSON("json/worksheet/info/" + id, process_worksheet_json); 
    842845      locked = true; 
    843846      lock_wforms(); 
    844       $.getJSON("json/worksheet/info/" + id, process_worksheet_json); 
     847      //user can try to edit the worksheet title, but we dont save it... 
     848      $("h2#worksheetTitle").editable(function(value, settings) { 
     849              return; 
     850      }, { });       
    845851  } 
    846852 
     
    10071013  } 
    10081014 
    1009   function update_worksheet_permalink(id) { 
    1010       $('#wpermalink a').attr('href', "drawing_board.php?otype=wsheet&id="+id); 
    1011   } 
     1015 
     1016  //this is a bad function, because we have to account for start/end being UTC strings or integers, and to do so outside 
     1017  //would require changes to the where we keep worksheet ui code 
     1018  function update_worksheet_permalink(id, start, end, gran){ 
     1019        if(start != ""){ 
     1020                  if(parseInt(start) == start) { 
     1021                      var cdate = new Date(); 
     1022                      start = parseInt(cdate.getTime() - ws_displayinfo.start*1000); 
     1023                  } 
     1024                  else { 
     1025                      start = new Date(start); 
     1026                      start = parseInt(start.getTime()); 
     1027                  } 
     1028        }      
     1029        if(end!="") { 
     1030             if(parseInt(end) == end) { 
     1031                 end = parseInt(end); 
     1032             } 
     1033             else { 
     1034                 end = new Date(end); 
     1035                 end = parseInt(end.getTime()); 
     1036             } 
     1037         }       
     1038      if($('#wpermalink a')){          
     1039          $('#wpermalink a').attr('href', "drawing_board.php?otype=wsheet&id="+id+"&start="+start+"&end="+end+"&gran="+gran); 
     1040      } 
     1041  }   
     1042   
    10121043 
    10131044  function update_current_worksheet(f) { 
     
    10171048           function(d) { 
    10181049             wsinfo.id = d.id; 
    1019              update_worksheet_permalink(wsinfo.id); 
    10201050             if(d.error) $("#ws-tool-error").html(d.error).fadeIn('fast'); 
    10211051             else $("#ws-tool-error").fadeOut('fast'); 
     
    10441074    wsinfo.id = r.sheetid; 
    10451075    wsinfo.title = r.title; 
     1076    ws_displayinfo.title = r.title; 
    10461077    wsinfo.graphs = new Array(); 
    10471078 
     
    10661097            wsinfo.graphs.push(g.graphid); 
    10671098         }); 
    1068  
    1069     } 
    1070     ul.sortable("refresh"); 
     1099      } 
     1100      update_worksheet_permalink(wsinfo.id, "", "", ""); 
     1101      ul.sortable("refresh"); 
    10711102  } 
    10721103 
     
    11051136    ws_displayinfo.end = end; 
    11061137    if(cnt) ws_displayinfo.cnt = cnt; 
     1138    update_worksheet_permalink(wsinfo.id, ws_displayinfo.start, ws_displayinfo.end, ""); 
    11071139  } 
    11081140  function refresh_worksheet() { 
     
    11421174    islocked: function () { return locked; } 
    11431175  }; 
    1144 })(jQuery); 
     1176  })(jQuery); 
  • ui/web/htdocs/worksheet_panel.inc

    rfcb3fa5 rc87819b  
    22<span class="blankWorksheet">New Blank</span> 
    33<span class="editWorksheet">Editing!</span> 
     4<span class="permalink" id="wpermalink"><a href="">Link</a></span> 
    45<h2 id="worksheetTitle">Worksheet Title</h2> 
    56<p/> 
     
    3334  <br style="clear:left" /> 
    3435</div>   
    35 <div id="streambox" style="display:none"></div>        
     36       <div id="streambox" style="display:none"></div>         
    3637<div style="display:none"> 
    3738        <div id="maingraph-template">