Commit 870f5e40 authored by Paul Asmuth's avatar Paul Asmuth
Browse files

fnordmetric enterprise :)

parent b7ef904d

fnordmetric-core/web/fnordmetric.css

+7 −10
Original line number Diff line number Diff line
@@ -221,7 +221,7 @@ a.button.datepicker_sa .date { 
}



a.button.datepicker_sa i {

  margin-top:5px;

  margin-top:7px;

}



.navbar + h1{
@@ -470,7 +470,7 @@ ul.ui_tabs li.active a{ 
  border: 1px solid #D0D0D0;

  border-bottom:none;

  color:#333;

  background:#f4f4f4;

  background-color: #F4F4F4;

}



.gauge_viewport{ margin-top:30px; }
@@ -781,8 +781,7 @@ input.input.lopen{ 
}



.ge_controlpanel {

  margin-top:45px;

  height:65px;

  height:85px;

  padding:20px;

  float:left;

  border-right:1px solid #efefef;
@@ -842,21 +841,19 @@ input.input.lopen{ 
  box-shadow: 0 0 2px #ddd inset;

}



.ge_timerange_links {

  padding-top:45px;

.ge_meta {

  height:35px;

  line-height:37px;

  color:#999;

  margin-left:-25px;

}



.ge_timerange_links a {

.ge_meta a {

  margin-left: 10px;

  font-size:120%;

  font-size:110%;

  color:#06c;

  text-decoration:none;

}



.ge_timerange_links a:hover {

.ge_meta a:hover {

  text-decoration:underline;

}

fnordmetric-core/web/js/fnordmetric.gauge_explorer.js

+9 −3
Original line number Diff line number Diff line
@@ -23,10 +23,11 @@ FnordMetric.views.gaugeExplorer = (function(){ 


    elem.html('<div class="navbar"></div><div class="ge_controlpanel">' +

       '<label>Select a Gauge</label><select class="ge_gauge_picker"></select>' +

     '<div class="ge_meta">Type to autocomplete...</div>' +

     '</div><div class="ge_controlpanel" style="border-right:none;">' +

       '<label>Select the Timerange</label><a class="button datepicker_sa"><div class="date">&nbsp;</div>' +

       '<label>Select the Timerange</label><a class="button datepicker_sa"><div class="date" style="width:300px;">&nbsp;</div>' +

       '<i class="icon-calendar"></i></a>' +

     '</div><div class="ge_controlpanel ge_timerange_links" style="border-right:none;">Recent Data: </div>' +

     '<div class="ge_timerange_links ge_meta">Recent Data: </div></div>' +

     '<div style="clear:both;" class="widget_viewport"></div>');



    FnordMetric.ui.navbar($('.navbar', elem), {
@@ -89,6 +90,11 @@ FnordMetric.views.gaugeExplorer = (function(){ 
      title: currentGauge.title

    }];



    var wheight = FnordMetric.get_conf().gauge_explorer_widget_height;



    if (!wheight)

      wheight = window.innerHeight - 300;



    widget_inst = widget.render({

      elem: $(".widget_viewport", elem),

      title: currentGauge.title,
@@ -97,7 +103,7 @@ FnordMetric.views.gaugeExplorer = (function(){ 
      end_timestamp: end_timestamp,

      include_current: true,

      width: 100,

      height: (window.innerHeight - 300),

      height: wheight,

      gauges: gauges,

      series: series,

      default_cardinal: false,

fnordmetric-core/web/js/fnordmetric.js

+6 −1
Original line number Diff line number Diff line
@@ -288,6 +288,10 @@ var FnordMetric = (function(){ 
    });

  }



  var get_conf = function(){

    return conf;

  }



  return {

    renderDashboard: renderDashboard,

    renderGauge: renderGauge,
@@ -308,7 +312,8 @@ var FnordMetric = (function(){ 
    views: {},

    widgets: {},

    util: {},

    gauges: gauges

    gauges: gauges,

    get_conf: get_conf

  };



})();

fnordmetric-enterprise/test.html

0 → 100644
+82 −0
Original line number Diff line number Diff line 


<!DOCTYPE html>

<html>

  <head>

    <title>FnordMetric</title>

    <script src='http://localhost:8080/vendor/jquery-1.6.2.min.js' type='text/javascript'></script>

    <script src='http://localhost:8080/vendor/jquery-ui.min.js' type='text/javascript'></script>

    <script src='http://localhost:8080/vendor/jquery.maskedinput.js' type='text/javascript'></script>

    <script src='http://localhost:8080/vendor/jquery.combobox.js' type='text/javascript'></script>

    <script src='http://localhost:8080/js/d3.fnordmetric.js' type='text/javascript'></script>

    <script src='http://localhost:8080/js/rickshaw.fnordmetric.js' type='text/javascript'></script>

    <script src='http://localhost:8080/js/fnordmetric.js' type='text/javascript'></script>

    <script src='http://localhost:8080/js/fnordmetric.util.js' type='text/javascript'></script>

    <script src='http://localhost:8080/js/fnordmetric.ui.js' type='text/javascript'></script>

    <script src='http://localhost:8080/js/fnordmetric.js_api.js' type='text/javascript'></script>

    <script src='http://localhost:8080/js/fnordmetric.timeseries_widget.js' type='text/javascript'></script>

    <script src='http://localhost:8080/js/fnordmetric.gauge_explorer.js' type='text/javascript'></script>

    <link href='http://localhost:8080/vendor/font-awesome/css/font-awesome.css' rel='stylesheet' type='text/css'>

    <link href='http://localhost:8080/fnordmetric-ui.css' rel='stylesheet' type='text/css'>

    <link href='http://localhost:8080/fnordmetric.css' rel='stylesheet' type='text/css'>



    <style type="text/css">

      body{ background:#fff; }

      #sidebar{ display:none; }

      #viewport, #ep_header{ background:#fff; box-shadow:none; width:960px; }

      #viewport{ top:180px; margin:0; }

      #viewport .viewport_inner{ border:1px solid #ddd; margin:0; border-top:none; }

      #ep_header{ padding:45px 0 1px 0; overflow:hidden; }

      #ep_header h1{ font-size:26px; margin-left:2px; margin-bottom:10px; }

      #ep_header h3{ font-size:13px; margin-left:2px; color:#999; }

      #ep_header .doclink{ color:#999; float:right; text-decoration:none; margin-top:15px; border-bottom:1px dotted #eee; margin-left:15px; margin-right:3px; }

      #ep_header .doclink:hover{ color:#06c; border-bottom: 1px dotted #06c; }

      ul.ui_tabs{ margin-top:20px; }

      .navbar{ display:none; }

      .subtab{ float:none; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-top-right-radius:3px; border-top-left-radius:4px; margin-bottom:-1px; }

    </style>

  </head>

  <body>

    <div style="width:960px; margin:auto;">

      <div id="ep_header">

        <a href="http://fnordmetric.io/" class="doclink" target="_blank">Documentation</a>

        <a href="http://fnordmetric.io/" class="doclink" target="_blank">Support</a>

        <h1>FnordMetric Enterprise</h1>

        <h3>Build v0.0.1a-dev</h3>

        <br />



        <ul class="ui_tabs" style="padding-left:0; overflow:hidden;">

          <li>

            <a>Getting Started</a>

          </li>

          <li class="active">

            <a href="#">

              <i class="icon-dashboard"></i> System Status

            </a>

          </li>

          <li>

            <a href="#" onclick="FnordMetric.renderGaugeExplorer(); return false;">

              <i class="icon-bar-chart"></i> Gauge Explorer

            </a>

          </li>

        </ul>



        <div class="headbar small subtab">Gauge Explorer</div>

      </div>



      <div id="app"></div>

    </div>

    <script>

      $(document).ready(function(){

        FnordMetric.init({

          token: "loveos",

          address:"localhost:8080",

          gauge_explorer_widget_height: 400,

          no_discovery: true,

          no_resize_viewport: true,

        });

        FnordMetric.renderGaugeExplorer();

      });

    </script>

  </body>

</html>

CRA Git | Maintained and supported by SUSTech CRA and CCSE