From 56f8a405558d2656f80701e9ddc62f0d0aabf0dd Mon Sep 17 00:00:00 2001
From: bach <bachir@figureslibres.io>
Date: Fri, 16 Jun 2023 14:27:24 +0200
Subject: [PATCH] #2143 paperjs font-family

---
 src/components/ConcernementMapItem.vue | 28 +++++++++++++++++---------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/components/ConcernementMapItem.vue b/src/components/ConcernementMapItem.vue
index c24d8f2..a6607c2 100644
--- a/src/components/ConcernementMapItem.vue
+++ b/src/components/ConcernementMapItem.vue
@@ -564,11 +564,13 @@ export default {
       }))
 
       let fontsize = 4;
+      let fontFamily = "public_sans";
       
       children.push(new paper.PointText({
         point: [this.pos.x + 4.5, this.pos.y - ray - 5],
         content: `entités qui menacent \u2194 entités qui maintiennent`,
         fontSize: fontsize,
+        fontFamily: fontFamily,
         justification: 'center',
         fillColor: '#000',
       }))
@@ -577,30 +579,26 @@ export default {
         point: [this.pos.x - ray - 5, this.pos.y + 1],
         content: "axe d'intensité",
         fontSize: fontsize,
+        fontFamily: fontFamily,
         justification: 'right',
         fillColor: '#000',
       }))
 
       children.push(new paper.PointText({
-        point: [this.pos.x + ray + 5, this.pos.y - 4],
-        content: "situation future",
+        point: [this.pos.x + ray + 5, this.pos.y - 3],
+        content: "situation future\n\u2195\nsituation actuelle",
         fontSize: fontsize,
+        fontFamily: fontFamily,
         justification: 'left',
         fillColor: '#000',
       }))
 
-      children.push(new paper.PointText({
-        point: [this.pos.x + ray + 5, this.pos.y + 6],
-        content: "situation actuelle",
-        fontSize: fontsize,
-        justification: 'left',
-        fillColor: '#000',
-      }))
 
       let t1 = new paper.PointText({
         point: [this.pos.x - ray/8*2.3, this.pos.y - ray/8*2.3],
         content: "avec prise",
         fontSize: fontsize,
+        fontFamily: fontFamily,
         justification: 'center',
         fillColor: '#000',
       })
@@ -611,6 +609,7 @@ export default {
         point: [this.pos.x - ray/8*2.95, this.pos.y - ray/8*2.95],
         content: "sans prise",
         fontSize: fontsize,
+        fontFamily: fontFamily,
         justification: 'center',
         fillColor: '#000',
       })
@@ -910,6 +909,7 @@ export default {
       }
 
       let fontsize = 4;
+      let fontFamily = "public_sans";
 
       let children = [
         // ARCS EXTERIEURS
@@ -1080,6 +1080,7 @@ export default {
           point: [this.pos.x - p_t - 1, this.pos.y + o_t],
           content: "Enquête menée\nsur le terrain de vie",
           fontSize: fontsize,
+          fontFamily: fontFamily,
           justification: 'right'
         }),
         // arc bas gauche 2
@@ -1100,6 +1101,7 @@ export default {
           point: [this.pos.x - o_t - 1, this.pos.y + p_t],
           content: "Construction de groupes d'intérets\navec qui composer la doléance",
           fontSize: fontsize,
+          fontFamily: fontFamily,
           justification: 'right'
         }),
         // arc haut gauche
@@ -1120,6 +1122,7 @@ export default {
           point: [this.pos.x - q_t - 1, this.pos.y - q_t],
           content: "Réception et traitement\nde la doléance",
           fontSize: fontsize,
+          fontFamily: fontFamily,
           justification: 'right'
         }),
         // arc haut droite
@@ -1140,6 +1143,7 @@ export default {
           point: [this.pos.x + q_t + 1, this.pos.y - q_t],
           content: "Mise-en-œuvre\nde la décision",
           fontSize: fontsize,
+          fontFamily: fontFamily,
           justification: 'left'
         }),
         // arc bas droite 1
@@ -1160,6 +1164,7 @@ export default {
           point: [this.pos.x + o_t + 1, this.pos.y + p_t],
           content: "Réception et application\nde la décision",
           fontSize: fontsize,
+          fontFamily: fontFamily,
           justification: 'left'
         }),
         // arc bas droite 2
@@ -1180,6 +1185,7 @@ export default {
           point: [this.pos.x + p_t + 1, this.pos.y + o_t],
           content: "Réussite / échec / reprise\ndu cercle politique",
           fontSize: fontsize,
+          fontFamily: fontFamily,
           justification: 'left'
         }),
         //
@@ -1202,6 +1208,7 @@ export default {
           point: [this.pos.x, this.pos.y - r - 11],
           content: "Décision",
           fontSize: fontsize,
+          fontFamily: fontFamily,
           justification: 'center'
         }),
         // bas
@@ -1221,6 +1228,7 @@ export default {
           point: [this.pos.x, this.pos.y + r + 14],
           content: "Début du cercle\nLe problème\n(injustice, indignation, plainte...)",
           fontSize: fontsize,
+          fontFamily: fontFamily,
           justification: 'center'
         }),
         // droite
@@ -1240,6 +1248,7 @@ export default {
           point: [this.pos.x + r + 10, this.pos.y - 0.5],
           content: "Adresse de la décision\nà appliquer",
           fontSize: fontsize,
+          fontFamily: fontFamily,
           justification: 'left'
         }),
         // gauche
@@ -1259,6 +1268,7 @@ export default {
           point: [this.pos.x - r - 10, this.pos.y + 0.4],
           content: "Adresse de la doléance",
           fontSize: fontsize,
+          fontFamily: fontFamily,
           justification: 'right'
         }),
       ];