Module: TaskJuggler::HTMLGraphics

Included in:
CollisionDetector, GanttChart, GanttContainer, GanttLine, GanttLoadStack, GanttMilestone, GanttTaskBar
Defined in:
lib/taskjuggler/reports/HTMLGraphics.rb

Overview

This module provides some functions to render simple graphical objects like filled rectangles and lines as HTML elements.

Instance Method Summary collapse

Instance Method Details

#arrowHeadToHTML(x, y) ⇒ Object 



73
74
75
76
77
 
# File 'lib/taskjuggler/reports/HTMLGraphics.rb', line 73

def arrowHeadToHTML(x, y)
  XMLElement.new('div', 'class' => 'tj_arrow_head',
                        'style' => "left:#{x.to_i - 5}px; " +
                                   "top:#{y.to_i - 5}px;")
end

#diamondToHTML(x, y) ⇒ Object 



62
63
64
65
66
67
68
69
70
71
 
# File 'lib/taskjuggler/reports/HTMLGraphics.rb', line 62

def diamondToHTML(x, y)
  html = []
  html << XMLElement.new('div', 'class' => 'tj_diamond_top',
                         'style' => "left:#{x.to_i - 6}px; " +
                                    "top:#{y.to_i - 7}px;")
  html << XMLElement.new('div', 'class' => 'tj_diamond_bottom',
                         'style' => "left:#{x.to_i - 6}px; " +
                                    "top:#{y.to_i}px;")
  html
end

#jagToHTML(x, y) ⇒ Object 



56
57
58
59
60
 
# File 'lib/taskjuggler/reports/HTMLGraphics.rb', line 56

def jagToHTML(x, y)
  XMLElement.new('div', 'class' => 'tj_gantt_jag',
                        'style' => "left:#{x.to_i - 5}px; " +
                                   "top:#{y.to_i}px;")
end

#lineToHTML(xs, ys, xe, ye, category) ⇒ Object

Render a line as HTML element. We use ‘div’s with a single pixel width or height for this purpose. As a consequence of this, we can only generate horizontal or vertical lines. Diagonal lines are not supported. xs and ys are the start coordinates, xe and ye are the end coordinates. category determines the color.



26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
 
# File 'lib/taskjuggler/reports/HTMLGraphics.rb', line 26

def lineToHTML(xs, ys, xe, ye, category)
  xs = xs.to_i
  ys = ys.to_i
  xe = xe.to_i
  ye = ye.to_i
  if ys == ye
    # Horizontal line
    xs, xe = xe, xs if xe < xs
    style = "left:#{xs}px; top:#{ys}px; " +
            "width:#{xe - xs + 1}px; height:1px;"
  elsif xs == xe
    # Vertical line
    ys, ye = ye, ys if ye < ys
    style = "left:#{xs}px; top:#{ys}px; " +
            "width:1px; height:#{ye - ys + 1}px;"
  else
    raise "Can't draw diagonal line #{xs}/#{ys} to #{xe}/#{ye}!"
  end
  XMLElement.new('div', 'class' => category, 'style' => style)
end

#rectToHTML(x, y, w, h, category) ⇒ Object

Draw a filled rectable at position x and y with the dimension w and h into another HTML element. The color is determined by the class category.



50
51
52
53
54
 
# File 'lib/taskjuggler/reports/HTMLGraphics.rb', line 50

def rectToHTML(x, y, w, h, category)
  style = "left:#{x.to_i}px; top:#{y.to_i}px; " +
          "width:#{w.to_i}px; height:#{h.to_i}px;"
  XMLElement.new('div', 'class' => category, 'style' => style)
end