cafe-grader-web

Location: cafe-grader-web/app/views/application/_bar_graph.html.haml

Show More
Commit Description:
- panel the main page...
Commit Description:
- panel the main page - bootstrapize user_admin
References:
r577:41b47d07f81f bootstrap
File last commit:
r458:df535657f72c algo
Show/Diff file:
Action:
app/views/application/_bar_graph.html.haml | 44 lines | 1.8 KiB | text/x-haml | HamlLexer |
History | Annotation | Raw | Download
- param = {} unless param
- graph_height = param[:graph_height] || 100
- bar_width = param[:bar_width] || 14
- graph_width = (bar_width * histogram[:data].count) + 20
:css
.hist_bar {
width: #{bar_width-1}px;
position: absolute;
background-color: lightblue;
}
.hist_fill {
width: #{bar_width-1}px;
position: absolute;
background-color: #eee;
}
.hist_text {
position: absolute;
font-size:5px;
}
%div{style: "position: relative; width: #{graph_width}px; height: 125px; background-color:#fff;" }
//draw background
- histogram[:data].each_index do |i|
- height = histogram[:data][i] * graph_height / histogram[:summary][:max]
- top = graph_height - height
- left = graph_width - (i+1)*bar_width
%div.hist_fill{style: "top: 0px; height: #{graph_height - height}px; left: #{left}px;" }
// draw horizontal line
- line = 3
- line.times do |i|
- top = graph_height - graph_height * (i+0.5)/ line
%div{style: "position:absolute;width: #{graph_width-21}px;height: 1px;left: 20px;top:#{top}px;background-color: #333;"}
%div.hist_text{style: "position:absolute;left: 0px;top:#{top-6}px"}
=((i+0.5) * histogram[:summary][:max] / line).to_i
// draw the actual bar and text
- @histogram[:data].each_index do |i|
- height = histogram[:data][i] * graph_height / histogram[:summary][:max]
- top = graph_height - height
- left = graph_width - (i+1)*bar_width
%div.hist_bar{style: "top: #{top}px; height: #{height}px; left: #{left}px; dae: #{histogram[:data][i]}" }
- if i % 7 == 1
%div.hist_text{style: "top:#{graph_height + 5}px;left: #{left}px;"} #{(Time.zone.today - i.day).strftime('%-d')}
- if (Time.now.in_time_zone - i.day).day == 15
%div.hist_text{style: "top:#{graph_height + 15}px;left: #{left}px;"} #{(Time.zone.today - i.day).strftime('%b')}