From dc4a4d2f9a338e3d3560c514b0c97cb8bfea36b1 Mon Sep 17 00:00:00 2001
From: Kelly Rauchenberger <fefferburbia@gmail.com>
Date: Fri, 29 Sep 2017 13:03:48 -0400
Subject: Added axes to condition diagram
---
app/assets/stylesheets/pokeviewer/pokemon.css.scss | 6 ++++++
app/helpers/pokeviewer/pokemon_helper.rb | 19 +++++++++++++++----
2 files changed, 21 insertions(+), 4 deletions(-)
(limited to 'app')
diff --git a/app/assets/stylesheets/pokeviewer/pokemon.css.scss b/app/assets/stylesheets/pokeviewer/pokemon.css.scss
index c9560d4..2a75730 100644
--- a/app/assets/stylesheets/pokeviewer/pokemon.css.scss
+++ b/app/assets/stylesheets/pokeviewer/pokemon.css.scss
@@ -333,8 +333,14 @@ body {
fill-opacity: 0.3;
}
+ .pkcv-line {
+ stroke: gray;
+ stroke-width: 2;
+ }
+
.pkcv-data {
fill: #4ee100;
+ fill-opacity: 0.9;
}
.pkcv-label, .pkcv-label-outline {
diff --git a/app/helpers/pokeviewer/pokemon_helper.rb b/app/helpers/pokeviewer/pokemon_helper.rb
index de2d815..f29fc35 100644
--- a/app/helpers/pokeviewer/pokemon_helper.rb
+++ b/app/helpers/pokeviewer/pokemon_helper.rb
@@ -52,9 +52,18 @@ module Pokeviewer
[center_x + x_offset, center_y + y_offset]
end
- svg.polygon points: outline.map { |point| point * "," } * " ", class: "pkcv-outline"
+ svg.polygon(
+ points: outline.map { |point| point * "," } * " ",
+ class: "pkcv-outline")
points = data.map do |c|
+ svg.line(
+ x1: center_x,
+ y1: center_y,
+ x2: center_x + radius * Math.cos(angle),
+ y2: center_y + radius * Math.sin(angle),
+ class: "pkcv-line")
+
datapoint = c[1]
datapoint = 0.01 if datapoint < 1
datapoint /= 10.0
@@ -68,11 +77,13 @@ module Pokeviewer
[center_x + x_offset, center_y + y_offset]
end
- svg.polygon points: points.map { |point| point * "," } * " ", class: "pkcv-data"
+ svg.polygon(
+ points: points.map { |point| point * "," } * " ",
+ class: "pkcv-data")
tag.svg(svg.to_s.html_safe,
- viewBox: "0 -30 410 430",
- width: 410,
+ viewBox: "-80 -30 570 430",
+ width: 300,
class: "pokemon-condition")
end
--
cgit 1.4.1