From e524ffdb3adde03e7e12b03e3d672f63b7a50e42 Mon Sep 17 00:00:00 2001
From: Lorenz Padberg <lorenz.padberg@iterativ.ch>
Date: Wed, 9 Nov 2022 15:47:36 +0100
Subject: [PATCH] Fix cirlce diagram start rotation

---
 .../components/learningPath/CircleDiagram.vue   |   8 ++++++--
 env_secrets/local_lorenz.env                    | Bin 330 -> 363 bytes
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/client/src/components/learningPath/CircleDiagram.vue b/client/src/components/learningPath/CircleDiagram.vue
index aedb1812..58dd26c9 100644
--- a/client/src/components/learningPath/CircleDiagram.vue
+++ b/client/src/components/learningPath/CircleDiagram.vue
@@ -59,10 +59,14 @@ const pieData = computed(() => {
     let result = angles.map((angle) => {
       const thisLearningSequence = circle.learningSequences[angle.index];
 
+      // Rotate the cirlce by PI (180 degrees) normally 0 = 12'o clock, now start at 6 o clock
+      angle.startAngle += Math.PI;
+      angle.endAngle += Math.PI;
+
       return Object.assign(
         {
-          startAngle: angle.startAngle + Math.PI,
-          endAngle: angle.endAngle + Math.PI,
+          startAngle: angle.startAngle,
+          endAngle: angle.endAngle,
           ..._.pick(thisLearningSequence, ["title", "icon", "translation_key", "slug"]),
           arrowStartAngle: angle.endAngle + (angle.startAngle - angle.endAngle) / 2,
           arrowEndAngle: angle.startAngle + (angle.startAngle - angle.endAngle) / 2,
diff --git a/env_secrets/local_lorenz.env b/env_secrets/local_lorenz.env
index f51a11700ea2f1950d0d607d75e4c2db414b90aa..764a86534ba7c8cfbdf2d41775f12a7fa3c5b4c1 100644
GIT binary patch
literal 363
zcmV-x0hIm#M@dveQdv+`0FwxlqaSrIA4jkUf(f2O(d~ez5Sk3clvgRFqMC}r4|F!u
zko2>1RgG>nYp#Uq`hO~i5v@vRLNDcTO-#ww{suk8`lB1t#<?|Vx`lR`xg0_9EO6->
zYRqH3xG%rLu=wE`eQl*Bl4>Ap-b%@$glEA5Q8uE1)tYXq1*h_>3o5iHlZTFV)#;^O
z$3NRV5S%WcLu6s|aTj|60iwPnZi?s7qRUNEGQz79FdPfB_bO~=Q%iDOY$$arQB4>c
z)R{R>H-p!!6L-4(E1=dGysl2ies78>%YZHzra^dBGl{ffg&ib|PVcOHL%O66C?rx7
z;H|girT&!i6nfqEGIB%lih`vLalrfBbeMOs20z(02%=#LKNwLl-R0}C(cP$Q_dgba
ztYwy_f&*!i49z((>Jc?A{<hwcZD&-4jNO*qbvSl%g?z|X`w3BsgsT{9Ontc@#G-2d
J)vbb-yc;5;u1o*`

literal 330
zcmV-Q0k!@BM@dveQdv+`04IYefdblBGA+;Ro{)l&p|jgZj0&4kPn%XVb@Vf;pK8j0
z?yUAruotk!=dV1012D~i0YX5)x6S5!zFw}AK~fHvI#AE+4OI76ylGzOQQLC2xzdz0
zIsk_8w&AAKuMn$+)YttM|6ZDaiufR3yrlmQMG6~aM8C#+!@clz{Jj$bAq(raop07c
z2I8+(D$OIuP(scqxv`VfiN^}BCV~e#5_mZ6L&j*BmihU>@^eMqD7=LQ6nK|;zVN_O
zzw-_RvSP{olD22+Y~Z{Qsmj+iCj*-dyK|oGl3J90Pc-}Mu)Af9inF1vqkuy08XH>E
zs<_djZ)*bsjs9ZN98IgQY3eAi9=hZxgg^Lo5dP+FYDc*oPKCg?w+_su4>|irrGpNG
cHwEAQw($StxxeX!uGHxmdrlEYC#O)wXOBRtYybcN