From 7d55580bce9b6b1b4b13732d1fed22d095e9c3ae Mon Sep 17 00:00:00 2001
From: Gergely Polonkai <gergely@polonkai.eu>
Date: Fri, 29 Aug 2014 12:26:01 +0200
Subject: [PATCH 1/3] Move aspect styles to a CSS class

---
 src/resources/ui/chart-default.css | 6 ++++++
 src/resources/ui/chart-default.xsl | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/resources/ui/chart-default.css b/src/resources/ui/chart-default.css
index abadf5f..fd56dbf 100644
--- a/src/resources/ui/chart-default.css
+++ b/src/resources/ui/chart-default.css
@@ -70,3 +70,9 @@ path.planet-symbol {
     fill: none;
     stroke: #000080;
 }
+
+line.aspect {
+    stroke-width: 1;
+    stroke: #000000;
+    stroke-dasharray: 20,10;
+}
diff --git a/src/resources/ui/chart-default.xsl b/src/resources/ui/chart-default.xsl
index 4913f5b..872ce18 100644
--- a/src/resources/ui/chart-default.xsl
+++ b/src/resources/ui/chart-default.xsl
@@ -643,7 +643,7 @@
                                 <xsl:variable name="x2" select="$r_aspect * math:cos($rad2)"/>
                                 <xsl:variable name="y2" select="$r_aspect * -math:sin($rad2)"/>
 
-                                <line style="stroke-width:1;stroke:#000000;stroke-dasharray:20,10">
+                                <line class="aspect">
                                     <xsl:attribute name="x1"><xsl:value-of select="$x1"/></xsl:attribute>
                                     <xsl:attribute name="y1"><xsl:value-of select="$y1"/></xsl:attribute>
                                     <xsl:attribute name="x2"><xsl:value-of select="$x2"/></xsl:attribute>

From 5c9f88326b95bb5ec564382b9c4d863a7886807a Mon Sep 17 00:00:00 2001
From: Gergely Polonkai <gergely@polonkai.eu>
Date: Fri, 29 Aug 2014 12:46:58 +0200
Subject: [PATCH 2/3] Add CSS class to different aspects

---
 src/ag-chart.c                     | 2 +-
 src/resources/ui/chart-default.xsl | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/ag-chart.c b/src/ag-chart.c
index b88c74a..af7c1fd 100644
--- a/src/ag-chart.c
+++ b/src/ag-chart.c
@@ -1737,7 +1737,7 @@ ag_chart_create_svg(AgChart *chart, gsize *length, GError **err)
                 G_ENUM_CLASS(aspects_class),
                 gswe_aspect_data_get_aspect(aspect_data)
             );
-        xmlNewProp(node, BAD_CAST "type", BAD_CAST enum_value->value_name);
+        xmlNewProp(node, BAD_CAST "type", BAD_CAST enum_value->value_nick);
     }
 
     g_type_class_unref(aspects_class);
diff --git a/src/resources/ui/chart-default.xsl b/src/resources/ui/chart-default.xsl
index 872ce18..2f5a818 100644
--- a/src/resources/ui/chart-default.xsl
+++ b/src/resources/ui/chart-default.xsl
@@ -644,6 +644,7 @@
                                 <xsl:variable name="y2" select="$r_aspect * -math:sin($rad2)"/>
 
                                 <line class="aspect">
+                                    <xsl:attribute name="class"><xsl:value-of select="concat('aspect aspect-', @type)"/></xsl:attribute>
                                     <xsl:attribute name="x1"><xsl:value-of select="$x1"/></xsl:attribute>
                                     <xsl:attribute name="y1"><xsl:value-of select="$y1"/></xsl:attribute>
                                     <xsl:attribute name="x2"><xsl:value-of select="$x2"/></xsl:attribute>

From b290dbc3f163c03b9fdf7bc178e502f38ac1e847 Mon Sep 17 00:00:00 2001
From: Gergely Polonkai <gergely@polonkai.eu>
Date: Sat, 30 Aug 2014 18:25:50 +0200
Subject: [PATCH 3/3] Add aspect type classes to CSS

---
 src/resources/ui/chart-default.css | 54 +++++++++++++++++++++++++++++-
 1 file changed, 53 insertions(+), 1 deletion(-)

diff --git a/src/resources/ui/chart-default.css b/src/resources/ui/chart-default.css
index fd56dbf..d7b93aa 100644
--- a/src/resources/ui/chart-default.css
+++ b/src/resources/ui/chart-default.css
@@ -74,5 +74,57 @@ path.planet-symbol {
 line.aspect {
     stroke-width: 1;
     stroke: #000000;
-    stroke-dasharray: 20,10;
+    stroke-dasharray: 1,2;
+}
+
+line.aspect-conjuction {
+    stroke-width: 5;
+    stroke: #00cc00;
+    stroke-opacity: 0.5;
+}
+
+line.aspect-sextile {
+    stroke-width: 1
+    stroke: #00cc00;
+    stroke-dasharray: none;
+}
+
+line.aspect-square {
+    stroke: #c00000;
+    stroke-dasharray: none;
+}
+
+line.aspect-trine {
+    stroke: #000080;
+    stroke-dasharray: none;
+}
+
+line.aspect-opposition {
+    stroke: #c00000;
+    stroke-dasharray: 5,5;
+}
+
+line.aspect-semisextile {
+    stroke: #00cc00;
+}
+
+line.aspect-semisquare {
+    stroke: #cc0000;
+    stroke-dasharray: 9,3;
+}
+
+line.aspect-quintile {
+    stroke: #00cc00;
+    stroke-dasharray: 9,3;
+}
+
+line.aspect-sesquisquare {
+}
+
+line.aspect-biquintile {
+    stroke: #00cc00;
+}
+
+line.aspect-quincunx {
+    stroke: #cc0000;
 }