object-view 0.5.1 → 0.5.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 9a3e852c6cf134735ab472d51e36be97544b96d4
-  data.tar.gz: e618efed7c6ef952d5dcbec9555e694ff24031f5
+  metadata.gz: 789698e398c060a73331c478334ebfea705f5ed1
+  data.tar.gz: 9d4a12327c47ad84c221e0e8781f071cec7f2474
 SHA512:
-  metadata.gz: 9d14e2554569b961f9b67b32d57106ad3fcecaed35b5e653b992dd717d8717ae81f606fdac7f8eb381599f09b1a7c28153e5c853a4745f7895491e4d33a4df14
-  data.tar.gz: d69ced5afebbeba30aad4a68922fe4189ccdd7628a50b6476482b34a8af58ec97369687f94ca9f3d985dd0f7a28509da9f821499096e6fed3010618b8e00735f
+  metadata.gz: a9d01a138e154c216b5f18771ccc48d5495be149cc5332926c3b252bf4ac0183f8564ab016cb26dda256bb1b83cc535f8cf7fd938d133c0de8fe08c31f447dd0
+  data.tar.gz: 87dcef46cbaf4de1ea57478f9b2639ba5ddc9e426146c9175436bd2134cb0430887d8d4b42dbcd64e36ac93936c26a55320758446d43d90aec8233687e38ed3d

data/lib/object-view.rb

@@ -18,6 +18,9 @@ require_relative "object_view/paragraph"
 require_relative 'object_view/span'
 require_relative 'object_view/input'
 require_relative 'object_view/iframe'
+require_relative 'object_view/pie_chart'
+require_relative 'object_view/line_chart'
+require_relative 'object_view/iframe'
 
 
 module ObjectView

data/lib/object_view/chart_data.rb

@@ -1,15 +1,15 @@
-@@chart_id = 0
-
-
 module ObjectView
   # ajax_method_for_params specifies a javascript method that will be called by ajax update script to retrieve non-static params
   # This method needs to be added to page and returns a string in the form :  "a=b&c=d&e=f"
   class ChartData
+    @@chart_id = 0
     attr_accessor :id, :series, :label, :chart_type, :x_axis_label, :y_axis_labels, :ajax_url, :ajax_params, :ajax_refresh_seconds, :ajax_method_for_params
   
     def initialize(type)
       @@chart_id += 1
       @ajax_method_for_params = nil
+      @ajax_refresh_seconds = 20
+      
       @ajax_params = Hash.new
       @id = "chart_#{@@chart_id}"
       @chart_type = type

data/lib/object_view/high_chart_ajax_javascript.rb

@@ -0,0 +1,360 @@
+require_relative "./javascript"
+module ObjectView 
+
+class HighChartLoadJavascriptAjax < ObjectView::Javascript
+
+  def initialize(chart_data_list, prepend_script)
+    super()
+    
+    script = ""
+    if (prepend_script != nil)
+      script += prepend_script
+    end
+    
+    script += chart_class_script()
+    
+    
+    script += "
+        _chartHash = new Object();
+        _chartList = new Array();
+     "
+    chart_data_list.each do |chart_data|
+      params_line = params_for_chart(chart_data)
+      refresh_seconds = chart_data.ajax_refresh_seconds 
+      if (refresh_seconds == nil)
+        refresh_seconds = "null"
+      end
+      
+      #   'apple=green&extent=' + _extent + ''
+      #   'extent=' + _extent + '&' + 'apple=green' + '&' + 'banana=yellow'
+      script += "    
+          #{params_line}
+       var chartDraw = new HighChartDraw('#{chart_data.id}', '#{chart_data.ajax_url}', params, #{refresh_seconds});
+       _chartHash['#{chart_data.id}'] = chartDraw;
+       _chartList.push(chartDraw);
+       console.log('_chartList.length: ' + _chartList.length);
+         "         
+    end
+    script += "
+        function periodicCheckForChartDraw() {
+          var chartCount = _chartList.length;
+          //console.log('periodicCheckForChartDraw()  count: ' + chartCount);
+          for (i = 0; i < chartCount; i++) {
+            chart = _chartList[i];
+            chart.periodicCheck();
+          }
+        }
+      	setInterval(periodicCheckForChartDraw, 500);
+    "
+    
+    self.add script
+  end
+  
+  def chart_class_script
+    script = 
+    "
+    
+    function prepareChartData(chartData) {
+      console.log('Data type: ' + typeof(chartData));
+      prepareObjectAndChildren(chartData);
+    }
+    
+    
+    
+    function prepareObjectAndChildren(object) {
+      if (typeof(object) == 'object') {
+        for (var key in object) {
+            if (object.hasOwnProperty(key)) {
+                //console.log('key is: ' + key + ', value is: ' + object[key]);
+                child = object[key];
+                if (typeof(child) == \"object\" ) {
+                  prepareObjectAndChildren(child);
+                } else if (typeof(child) == 'string') {
+                  //console.log('STRING key is: ' + key + ', value is: ' + object[key]);
+                  if (child.indexOf('/@') == 0) {
+                    var functionCode = child.replace('/@', '');
+                    functionCode = functionCode.replace('@/', '');
+                    object[key] = function() {
+                          return eval(functionCode);
+                      }
+                    //console.log('STRING (functionCode): ' + key + ', value is: ' + functionCode);
+                    //console.log('STRING was function ' + key + ', value is: ' + object[key]);
+                  }
+                }
+            }
+        }
+      }
+    }
+    //response = response.replace('\"@@', '');
+    //response = response.replace('@@\"', '');
+    
+    
+    function HighChartDraw(chartId, ajaxUrl, ajaxParams, refreshSeconds) {
+      console.log('Created HighChartDraw  (' + chartId + ')');
+    	this.nextTimeToDraw = 0;
+      this.currentlyDrawing = false;
+    	this.ajaxUrl = ajaxUrl;
+    	this.ajaxParams = ajaxParams;
+    	this.refreshSeconds = refreshSeconds;
+    	this.chartId = chartId;
+      console.log('Initializing chart: ' + this.chartId);
+    	this.chartRequestMade = false;
+    	this.clearChart();
+    }
+   
+    HighChartDraw.prototype.buildParamString = function() {
+      var paramString = '';
+      for (var paramName in this.ajaxParams) {
+          if (this.ajaxParams.hasOwnProperty(paramName)) {
+            paramValue = this.ajaxParams[paramName];
+            if (paramString.length > 0) {
+              paramString = paramString + '&';
+            }
+            paramString += paramName + '=';
+            var indexOfVal = paramValue.indexOf('VAR|');
+            if (indexOfVal == 0) {
+              var variable = paramValue.substring(4, paramValue.length);
+              console.log('Variable for eval: ' + variable);
+              paramString += encodeURIComponent(eval(variable));
+              //paramString += eval(variable);
+            } else {
+              paramString += encodeURIComponent(paramValue);
+              //paramString += paramValue;
+            }
+          }
+      }
+      console.log('Post params: ' + paramString);
+      return paramString;      
+    }
+
+
+    HighChartDraw.prototype.draw = function() {
+        try {
+            this.currentlyDrawing = true;
+            console.log('Drawing chart (' + this.chartId + ')');
+            var chartElementId = 'chart_1';
+    	    	var chartId = this.chartId;
+            $.ajax({
+                type: 'GET',
+                url: this.ajaxUrl,
+                data: this.buildParamString(),
+                dataType: 'text',
+                success: function(response) {
+                  var chartData = jQuery.parseJSON(response);
+                  prepareChartData(chartData);
+                  $('#' + chartId).highcharts(chartData);
+                },
+                error: function(XMLHttpRequest, textStatus, errorThrown) {
+                  $('#' + chartId).html('<h3>Error getting chart data - QA server may be down.</h3>');
+                }
+            });
+            console.log('finished drawing chart.  Queuing another drawHighChart request.');
+            if (this.refreshSeconds != null) {
+              this.makeChartDrawRequest(1000 * this.refreshSeconds);
+            }
+            this.currentlyDrawing = false;
+        } catch(error) {
+           console.log('Exception drawing chart: ' + error);
+           this.currentlyDrawing = false;
+           this.makeChartDrawRequest(1000);
+           throw error;
+        }
+        this.currentlyDrawing = false;
+    }
+
+    HighChartDraw.prototype.clearChart = function() {
+    	$('#' + this.chartId).html('<h2 style=\"color: #aaaaaa\">Building Chart...</h2>'); 
+    }
+
+    HighChartDraw.prototype.makeChartDrawRequest = function(millisFromNow) {
+        var nextTime = jQuery.now() + millisFromNow;
+        if ((this.nextTimeToDraw == null) || (nextTime < this.nextTimeToDraw)) {
+          this.nextTimeToDraw = nextTime;
+        }
+        console.log('Request to drawHighChart (' + this.chartId + ') queued for: ' + this.nextTimeToDraw);
+    }
+
+    HighChartDraw.prototype.periodicCheck = function() {
+      //console.log('periodicCheck for ' + this.chartId);
+    	var now = jQuery.now();
+    	if (this.nextTimeToDraw != null) {
+    	  if (now > this.nextTimeToDraw) {
+    	    this.doingPeriodicCheck = false;
+    	    if (this.currentlyDrawing == false) {
+    	      this.nextTimeToDraw = null;
+    	      this.draw();
+    	    } else {
+            //console.log('periodicCheck for ' + this.chartId + '  currently drawing, so ignoring request');
+    	    }
+    	  } else {
+          //console.log('periodicCheck for ' + this.chartId + '  next draw time not reached');
+        }
+    	} else {
+          //console.log('periodicCheck for ' + this.chartId + '  nextTimeToDraw is null');
+      }
+    	this.doingPeriodicCheck = false;
+    }
+    "
+    return script
+  end
+  
+  
+
+  def draw_chart_function(ajax_refresh_seconds, chart_data_list)
+    script = "
+      function drawHighChart() {
+          console.log('drawHighChart called');
+      "
+      script += "
+          try {
+              _currentlyDrawing = true;
+              console.log('Drawing charts.');
+              //alert('drawHighChart()');
+              "
+    script +=  "     #{chart_data_load_script(chart_data_list)}\n" 
+    
+    if (ajax_refresh_seconds != nil)   
+      script += "     
+               console.log('finished drawing chart.  Queuing another drawHighChart request.');
+               makeChartDrawRequest(#{ajax_refresh_seconds * 1000});\n
+               _currentlyDrawing = false;
+      "
+    end
+      
+    script += "    
+          }  catch(error) {
+             console.log('Exception drawing chart: ' + error);
+             _currentlyDrawing = false;
+             makeChartDrawRequest(1000);
+          }
+          "
+          
+    script +=   "
+          _currentlyDrawing = false;
+        }
+     "
+     return script
+  end
+
+
+  def clear_script_for_each_chart(chart_data_list) 
+    script = ""
+   	chart_data_list.each do |chart_data|  
+      chart_data.id
+      script += "  $('##{chart_data.id}').html('<h3 style=\"color: #aaaaaa\">Building Chart</h3>');\n"
+    end
+    return script
+  end  
+
+  def periodic_check_function(chart_data_list)
+    script = "
+    function periodicCheck(chartId) {
+        var now = jQuery.now();
+        if (_nextTimeToDraw[chartId] != null) {
+          if (now > _nextTimeToDraw[chartId]) {
+            _doingPeriodicCheck = false;
+            if (_currentlyDrawing == false) {
+              _nextTimeToDraw[chartId] = null;
+              drawHighChart(chartId);
+            } else {
+            }
+          }
+        }
+        _doingPeriodicCheck = false;
+      }
+    }
+    "
+    
+    script += 
+    "
+    function periodicCheckAll() {
+      if (!_doingPeriodicCheck) {
+        _doingPeriodicCheck = true;
+        "
+        
+    chart_data_list.each do |chart_data|
+      script += "   periodicCheck('#{chart_data.id}'); "
+    end    
+        
+    script +=    
+        "
+      }
+    }
+    "
+  end
+
+  def params_for_chart(chart_data)
+    params_str = "var params = new Object();\n"
+
+    chart_data.ajax_params.each do |name, value|
+        params_str += "     params['#{name}'] = '#{value}';\n"
+    end
+    
+    return params_str
+  end
+
+  # def params_for_chart(chart_data)
+  #   params_str = "var params = '' + "
+  # 
+  #   chart_data.ajax_params.each do |name, value|
+  #   #  params_string += "#{name}=#{value}&"
+  #     if (value.to_s.start_with? "VAR|")
+  #       params_str += "'#{name}=' + #{value[4..(value.length - 1)]}"
+  #     else
+  #       encoded_value = URI.encode_www_form([[name, value]])
+  #       params_str += "'#{encoded_value}'"
+  #       #params_str += "'#{name}=#{encoded_value}'"
+  #     end
+  #     params_str += "+'&'+"
+  #   end
+  #   
+  #   params_str = params_str[0..params_str.length - 6]
+  #   params_str += ';'
+  #   # if (params_string.length > 0)
+  #   #   params_string = params_string[0..params_string.length - 2]
+  #   # end
+  #   # params_string = URI.encode_www_form(params)
+  #   return params_str
+  # end
+  
+  def chart_data_load_script(chart_data_list)
+    script = ""
+   	chart_data_list.each do |chart_data|  
+      
+    
+      script += 
+      "
+                var chartElementId = '#{chart_data.id}';
+                $.ajax({
+                  type: 'GET',
+                  url: '#{chart_data.ajax_url}',
+                  data: params,
+                  dataType: 'text',
+                  success: function(response) {
+                    //alert('Response: ' + response);
+                    var chartData = jQuery.parseJSON(response);
+                    //alert('Response: ' + response);
+                    $('#' + chartElementId).highcharts(chartData);"
+                    
+      
+      if (chart_data.ajax_refresh_seconds != nil)                    
+        script += "              
+                    makeChartDrawRequest(#{chart_data.ajax_refresh_seconds * 1000});
+            "        
+      end
+                    
+      script += "
+                  },
+                  error: function(XMLHttpRequest, textStatus, errorThrown) {
+                    $('#' + chartElementId).html('<h3>Error getting chart data - QA server may be down.</h3>');
+                  }
+                });
+      "
+     end
+     return script    
+  end  
+
+end
+
+
+end # Module

data/lib/object_view/line_chart.rb

@@ -0,0 +1,17 @@
+class LineChart < ObjectView::Div
+  include ObjectView
+
+  attr_reader :data
+    
+  def initialize(label)
+    super()
+    @data = ChartData.new(:line)
+    @data.label = label
+    @data.chart_type = :line
+    self.id = @data.id
+    add "Loading Chart..."
+    self.style = "border: 1px solid black; width: 300px; height: 120px"
+  end
+  
+  
+end

data/lib/object_view/pie_chart.rb

@@ -0,0 +1,12 @@
+class PieChart < LineChart
+  def initialize(label)
+    super(label)
+    
+    self.data.chart_type = :pie
+    self.data.x_axis_label = "Functional Area"
+    self.data.y_axis_labels = ["Defects"]
+    add "Loading Chart..."
+    self.style = "border: 1px solid black; width: 200px; height: 200px"
+    
+  end
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: object-view
 version: !ruby/object:Gem::Version
-  version: 0.5.1
+  version: 0.5.2
 platform: ruby
 authors:
 - Mike Moore
@@ -83,15 +83,18 @@ files:
 - lib/object_view/errors/object_view_error.rb
 - lib/object_view/head.rb
 - lib/object_view/header.rb
+- lib/object_view/high_chart_ajax_javascript.rb
 - lib/object_view/iframe.rb
 - lib/object_view/image.rb
 - lib/object_view/input.rb
 - lib/object_view/javascript.rb
 - lib/object_view/javascript_file.rb
+- lib/object_view/line_chart.rb
 - lib/object_view/link.rb
 - lib/object_view/nav.rb
 - lib/object_view/page.rb
 - lib/object_view/paragraph.rb
+- lib/object_view/pie_chart.rb
 - lib/object_view/span.rb
 - lib/object_view/stylesheet.rb
 - lib/object_view/table.rb