source: branches/0.4/web/addons/job_monarch/dwoo/compiled/compiled/templates/job_monarch/cluster_view.tpl.d17.php @ 755

<?php
/* template head */
if (function_exists('Dwoo_Plugin_include')===false)
        $this->getLoader()->loadPlugin('include');
/* end template head */ ob_start(); /* template body */ ?><!-- Begin cluster_view.tpl -->
<?php if ((isset($this->scope["heatmap"]) ? $this->scope["heatmap"] : null)) {
?>
<script type="text/javascript" src="js/protovis-r3.2.js"></script>
<?php 
}?>

<script type="text/javascript">
function refreshClusterView() {
  $.get('cluster_view.php?' + jQuery.param.querystring() + '&refresh', function(data) {
    var item = data.split("<!-- || -->");

    $('#cluster_title').html(item[1]);

    $('#cluster_overview').html(item[2]);

    if ($('#load_pie').size())
      $('#load_pie').attr("src", item[3].replace(/&amp;/g, "&"));

    if ($('#heatmap-fig').size()) {
      eval("heatmap = [" + item[4] + "]")       ;
      vis.render();
    }

    if ($('#stacked_graph').size()) {
      var localtimestamp = parseInt(item[0]);
      var src = $('#stacked_graph').attr('src');
      $('#stacked_graph').attr("src", jQuery.param.querystring(src, "&st=" + localtimestamp));
    }

    var host_metric_graphs = $('#host_metric_graphs');
    host_metric_graphs.css('height', host_metric_graphs.height() + "px");
    host_metric_graphs.html(item[5]);
  });

  $("#optional_graphs img").each(function (index) {
    var src = $(this).attr("src");
    if ((src.indexOf("graph.php") == 0) ||
        (src.indexOf("./graph.php") == 0)) {
      var d = new Date();
      $(this).attr("src", jQuery.param.querystring(src, "&_=" + d.getTime()));
    }    
  });
}

$(function() {
  // Modified from http://jqueryui.com/demos/toggle/
  //run the currently selected effect
  function runEffect(id){
    //most effect types need no options passed by default
    var options = { };

    options = { to: { width: 200,height: 60 } }; 
    
    //run the effect
    $("#"+id+"_div").toggle("blind",options,500);
  };
 
  //set effect from select menu value
  $('.button').click(function(event) {
    runEffect(event.target.id);
    return false;
  });

    $(function() {
        $( "#edit_optional_graphs" ).dialog({ autoOpen: false, minWidth: 550,
          beforeClose: function(event, ui) {  location.reload(true); } })
        $( "#edit_optional_graphs_button" ).button();
        $( "#save_optional_graphs_button" ).button();
        $( "#close_edit_optional_graphs_link" ).button();
    });

    $("#edit_optional_graphs_button").click(function(event) {
      $("#edit_optional_graphs").dialog('open');
      $('#edit_optional_graphs_content').html('<img src="img/spinner.gif">');
      $.get('edit_optional_graphs.php', "clustername=<?php echo $this->scope["cluster"];?>", function(data) {
          $('#edit_optional_graphs_content').html(data);
      })
      return false;
    });

    $("#save_optional_graphs_button").click(function(event) {
       $.get('edit_optional_graphs.php', $("#edit_optional_reports_form").serialize(), function(data) {
          $('#edit_optional_graphs_content').html(data);
          $("#save_optional_graphs_button").hide();
          setTimeout(function() {
             $('#edit_optional_graphs').dialog('close');
          }, 5000);
        });
      return false;
    });

});
</script>

<?php if ((isset($this->scope["graph_engine"]) ? $this->scope["graph_engine"] : null) == "flot") {
?>
<script language="javascript" type="text/javascript" src="js/jquery.flot.min.js"></script>
<script type="text/javascript" src="js/create-flot-graphs.js"></script>
<style type="text/css">
.flotgraph2 {
  height: <?php echo $this->scope["graph_height"];?>px;
  width:  <?php echo $this->scope["graph_width"];?>px;
}
</style>
<?php 
}?>


<style type="text/css">
  .toggler { width: 500px; height: 200px; }
  a.button { padding: .15em 1em; text-decoration: none; }
  #effect { width: 240px; height: 135px; padding: 0.4em; position: relative; }
  #effect h3 { margin: 0; padding: 0.4em; text-align: center; }
  #heatmap-fig {
    width: 200px;
    height: 200px;
  } 
</style>

<div id="metric-actions-dialog" title="Metric Actions">
  <div id="metric-actions-dialog-content">
    Available Metric actions.
  </div>
</div>

<div id="edit_optional_graphs">
  <div style="text-align:center">
    <button  id='save_optional_graphs_button'>Save</button>
  </div>
  <div id="edit_optional_graphs_content">Empty</div>
</div>

<div style="background:rgb(238,238,238);text-align:center;">
  <font size="+1" id="cluster_title">Overview of <?php echo $this->scope["cluster"];?> @ <?php echo $this->scope["localtime"];?></font>
</div>

<table border="0" cellspacing=4 width="100%">
<tr>
<td align="left" valign="top">
<div id="cluster_overview">
<?php echo Dwoo_Plugin_include($this, 'cluster_overview.tpl', null, null, null, '_root', null);?>

</div>
<?php if (((isset($this->scope["extra"]) ? $this->scope["extra"] : null) !== null)) {
?>
<?php echo Dwoo_Plugin_include($this, "".(isset($this->scope["extra"]) ? $this->scope["extra"] : null)."", null, null, null, '_root', null);?>

<?php 
}?>

</td>
<td rowspan=2 align="center" valign=top>
<div id="optional_graphs" style="padding-bottom:4px">
<?php echo $this->scope["optional_reports"];?><br>
<?php 
$_fh0_data = (isset($this->scope["optional_graphs_data"]) ? $this->scope["optional_graphs_data"] : null);
if ($this->isTraversable($_fh0_data) == true)
{
        foreach ($_fh0_data as $this->scope['graph'])
        {
/* -- foreach start output */
?>
  <a href="./graph_all_periods.php?<?php echo $this->scope["graph"]["graph_args"];?>&amp;g=<?php echo $this->scope["graph"]["name"];?>_report&amp;z=large">
  <img border=0 <?php echo $this->scope["additional_cluster_img_html_args"];?> title="<?php echo $this->scope["cluster"];?> <?php echo $this->scope["graph"]["name"];?>" src="./graph.php?<?php echo $this->scope["graph"]["graph_args"];?>&amp;g=<?php echo $this->scope["graph"]["name"];?>_report&amp;z=medium"></a>
<?php 
/* -- foreach end output */
        }
}?>

</div>
<?php if ((isset($this->scope["user_may_edit"]) ? $this->scope["user_may_edit"] : null)) {
?>
<button id="edit_optional_graphs_button">Edit Optional Graphs</button>
<?php 
}?>

</td>
</tr>

<tr>
 <td align="center" valign="top">
<?php if ((isset($this->scope["php_gd"]) ? $this->scope["php_gd"] : null) && ! (isset($this->scope["heatmap"]) ? $this->scope["heatmap"] : null)) {
?>
  <img id="load_pie" src="./pie.php?<?php echo $this->scope["pie_args"];?>" border="0" />
<?php 
}?>

<?php if ((isset($this->scope["heatmap"]) ? $this->scope["heatmap"] : null) && (isset($this->scope["num_nodes"]) ? $this->scope["num_nodes"] : null) > 0) {
?>
Utilization heatmap<br />
<div id="heatmap-fig">
<script type="text/javascript+protovis">
var heatmap = [
<?php echo $this->scope["heatmap"];?>

];

var w = heatmap[0].length,
    h = heatmap.length;

var vis = new pv.Panel()
    .width(w * <?php echo $this->scope["heatmap_size"];?>)
    .height(h * <?php echo $this->scope["heatmap_size"];?>)
    .margin(2)
    .strokeStyle("#aaa")
    .lineWidth(4)
    .antialias(false);

vis.add(pv.Image)
    .imageWidth(w)
    .imageHeight(h)
    .image(pv.Scale.linear()
        .domain(0, 0.25, 0.5, 0.75, 1.00)
        .range("#e2ecff", "#caff98", "#ffde5e" , "#ffa15e","#ff634f")
        .by(function(i, j) heatmap[j][i]));

vis.render();
    </script>
 </div>
<?php 
}?>

 </td>
</tr>
</table>

<?php if ((isset($this->scope["stacked_graph_args"]) ? $this->scope["stacked_graph_args"] : null)) {
?>
<center>
<table width="100%" border=0>
<tr>
  <td colspan="1">
  <font size="+1" style="text-align:center">Stacked Graph - <?php echo $this->scope["metric"];?></font> 
  </td>
</tr>
<tr>
  <td>
  <center><img id="stacked_graph" src="stacked.php?<?php echo $this->scope["stacked_graph_args"];?>" alt="<?php echo $this->scope["cluster"];?> <?php echo $this->scope["metric"];?>"></center>
  </td>
</tr>
</table>
</center>
<?php 
}?>


<script type="text/javascript">
// Need to set the field value to metric name
$("#metrics-picker").val("<?php echo $this->scope["metric_name"];?>");
</script>


<div id="cluster_view_chooser">
<table border="0" width="100%">
  <tr>
  <td style="text-align:center;background:rgb(238,238,238);">
  Show Hosts Scaled:
  <?php 
$_fh1_data = (isset($this->scope["showhosts_levels"]) ? $this->scope["showhosts_levels"] : null);
$this->globals["foreach"]['default'] = array
(
        "iteration"             => 1,
        "last"          => null,
        "total"         => $this->count($_fh1_data),
);
$_fh1_glob =& $this->globals["foreach"]['default'];
if ($this->isTraversable($_fh1_data) == true)
{
        foreach ($_fh1_data as $this->scope['id']=>$this->scope['showhosts'])
        {
                $_fh1_glob["last"] = (string) ($_fh1_glob["iteration"] === $_fh1_glob["total"]);
/* -- foreach start output */
?>
  <input type="radio" name="sh" value="<?php echo $this->scope["id"];?>" id="shch<?php echo $this->scope["id"];?>" OnClick="ganglia_form.submit();" <?php echo $this->scope["showhosts"]["checked"];?>><label for="shch<?php echo $this->scope["id"];?>"><?php echo $this->scope["showhosts"]["name"];?></label>
  <?php 
/* -- implode */
if (!$_fh1_glob["last"]) {
        echo "";
}
/* -- foreach end output */
                $_fh1_glob["iteration"]+=1;
        }
}?>&nbsp;
  |
  <span class="nobr"><?php echo $this->scope["cluster"];?> <strong><?php echo $this->scope["metric"];?></strong>
  last <strong><?php echo $this->scope["range"];?></strong>
  sorted <strong><?php echo $this->scope["sort"];?></strong></span>
<?php if (((isset($this->scope["columns_size_dropdown"]) ? $this->scope["columns_size_dropdown"] : null) !== null)) {
?>
  |
   <font>
   <span class="nobr">Size&nbsp;&nbsp;<?php echo $this->scope["size_menu"];?></span>
   <span class="nobr">Columns&nbsp;&nbsp;<?php echo $this->scope["cols_menu"];?> (0 = metric + reports)</span>
   </font>
<?php 
}?>

  </td>
</tr>
</table>
</div>

<div id="host_metric_graphs">
<?php echo Dwoo_Plugin_include($this, 'cluster_host_metric_graphs.tpl', null, null, null, '_root', null);?>

</div>

<script type="text/javascript">
$(function() {
  $( "#cluster_view_chooser" ).buttonset();
});
</script>
<!-- End cluster_view.tpl -->
<?php  /* end template body */
return $this->buffer . ob_get_clean();
?>