@baravak/risloo-profile-cli 4.6.2 → 4.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/package.json +1 -1
  2. package/src/publish/json/profiles/JSIQ9Q.json +1797 -0
  3. package/src/publish/json/profiles/JSIQ9V.json +1797 -0
  4. package/src/samples/JSIQ9Q.js +224 -0
  5. package/src/samples/JSIQ9V.js +225 -0
  6. package/views/profiles/samples/JSIQ9Q_1.hbs +214 -0
  7. package/views/profiles/samples/JSIQ9Q_2.hbs +129 -0
  8. package/views/profiles/samples/JSIQ9V_1.hbs +214 -0
  9. package/views/profiles/samples/JSIQ9V_2.hbs +129 -0
package/views/profiles/samples/JSIQ9Q_2.hbs ADDED
@@ -0,0 +1,129 @@
1
+ {{#> layout}}
2
+ <defs>
3
+ <linearGradient id="bgyellow" x1="235" y1="-1.39773e-05" x2="0.5" y2="235" gradientUnits="userSpaceOnUse">
4
+ <stop stop-color="#FEFCE8" stop-opacity="0"/>
5
+ <stop offset="0.0001" stop-color="white" stop-opacity="0"/>
6
+ <stop offset="0.6" stop-color="#FEF29A"/>
7
+ <stop offset="1" stop-color="#FEF08A"/>
8
+ </linearGradient>
9
+ <linearGradient id="bggreen" x1="235" y1="0" x2="2.80142e-05" y2="235" gradientUnits="userSpaceOnUse">
10
+ <stop stop-color="white" stop-opacity="0"/>
11
+ <stop offset="0.595" stop-color="#AEF4D4"/>
12
+ <stop offset="1" stop-color="#A7F3D0"/>
13
+ </linearGradient>
14
+ <linearGradient id="bgred" x1="235" y1="0" x2="2.80142e-05" y2="235" gradientUnits="userSpaceOnUse">
15
+ <stop stop-color="white" stop-opacity="0"/>
16
+ <stop offset="0.595" stop-color="#FECFCF"/>
17
+ <stop offset="1" stop-color="#FECACA"/>
18
+ </linearGradient>
19
+ <linearGradient id="bgorange" x1="235" y1="0" x2="2.80142e-05" y2="235" gradientUnits="userSpaceOnUse">
20
+ <stop stop-color="white" stop-opacity="0"/>
21
+ <stop offset="0.6" stop-color="#FED7AA"/>
22
+ <stop offset="1" stop-color="#FED7AA"/>
23
+ </linearGradient>
24
+ </defs>
25
+ <g transform="translate({{math spec.profile.padding.x '+' 17.5}}, {{math spec.profile.padding.y '+' 61}})">
26
+ <g transform="translate(156, 37)">
27
+ <rect width="235" height="235" transform="translate(235) rotate(90)" fill="url(#bgyellow)" fill-opacity="0.5"/>
28
+ <g transform="translate(235,0)">
29
+ <rect width="235" height="235" transform="translate(235 235) rotate(-180)" fill="url(#bggreen)" fill-opacity="0.5"/>
30
+ </g>
31
+ <g transform="translate(0, 235)">
32
+ <rect width="235" height="235" fill="url(#bgred)" fill-opacity="0.5"/>
33
+ </g>
34
+ <g transform="translate(235, 235)">
35
+ <rect width="235" height="235" transform="translate(0 235) rotate(-90)" fill="url(#bgorange)" fill-opacity="0.5"/>
36
+ </g>
37
+ <g>
38
+ {{#forLoop 0 11 1}}
39
+ <line x1="{{math 47 '*' i}}" x2="{{math 47 '*' i}}" y1="0" y2="470" stroke="#E2E8F0" />
40
+ <line y1="{{math 47 '*' i}}" y2="{{math 47 '*' i}}" x1="0" x2="470" stroke="#E2E8F0" />
41
+ {{/forLoop}}
42
+ </g>
43
+ <line y1="235" y2="235" x1="0" x2="470" stroke="#94A3B8" />
44
+ <line x1="235" x2="235" y1="0" y2="470" stroke="#94A3B8" />
45
+ <path transform="translate(-8, -40)" d="M8.20711 0.292908C7.81658 -0.0976257 7.18342 -0.0976257 6.79289 0.292908L0.428932 6.65686C0.0384078 7.04739 0.0384078 7.68054 0.428932 8.07108C0.819457 8.46158 1.45262 8.46158 1.84315 8.07108L7.5 2.41422L13.1569 8.07108C13.5474 8.46158 14.1805 8.46158 14.5711 8.07108C14.9616 7.68054 14.9616 7.04739 14.5711 6.65686L8.20711 0.292908ZM8.5 511L8.5 1H6.5L6.5 511H8.5Z" fill="#94A3B8"/>
46
+ <path transform="translate(-2, 462.5)" d="M511.207 8.70711C511.598 8.31658 511.598 7.68342 511.207 7.29289L504.843 0.928932C504.453 0.538408 503.819 0.538408 503.429 0.928932C503.038 1.31946 503.038 1.95262 503.429 2.34315L509.086 8L503.429 13.6569C503.038 14.0474 503.038 14.6805 503.429 15.0711C503.819 15.4616 504.453 15.4616 504.843 15.0711L511.207 8.70711ZM0.5 9H510.5V7H0.5V9Z" fill="#94A3B8"/>
47
+ <rect width="94" height="470" fill="#000000" opacity=".03" />
48
+ <rect x="94" y="376" width="376" height="94" fill="#000000" opacity=".03" />
49
+ <text x="12" y="-10" text-anchor="middle" font-size="12" font-weight="400" fill="#94A3B8">100</text>
50
+ <text x="477" y="465" text-anchor="end" font-size="12" font-weight="400" fill="#94A3B8">100</text>
51
+ <text x="235" y="-10" text-anchor="middle" font-size="12" font-weight="400" fill="#94A3B8">50</text>
52
+ <text x="477" y="238" text-anchor="end" font-size="12" font-weight="400" fill="#94A3B8">50</text>
53
+ <text x="-15" y="485" text-anchor="middle" font-size="12" font-weight="400" fill="#94A3B8">0</text>
54
+ <g>
55
+ <g transform="translate(533, 47)">
56
+ <g transform="translate(0, {{math 25 '*' 0 }})">
57
+ <rect width="6" height="6" rx="2" fill="#047857" />
58
+ <text x="14" dy=".5em" text-anchor="end" font-size="13" font-weight="400" fill="#047857">تعامل سازنده</text>
59
+ </g>
60
+ <g transform="translate(0, {{math 25 '*' 1 }})">
61
+ <rect width="6" height="6" rx="2" fill="#047857" />
62
+ <text x="14" dy=".5em" text-anchor="end" font-size="13" font-weight="400" fill="#047857">خانواده پایدار</text>
63
+ </g>
64
+ </g>
65
+
66
+ <g transform="translate(533, 340)">
67
+ <g transform="translate(0, {{math 25 '*' 0 }})">
68
+ <rect width="6" height="6" rx="2" fill="#C2410C" />
69
+ <text x="14" dy=".5em" text-anchor="end" font-size="13" font-weight="400" fill="#C2410C">تعامل پرخاشگر</text>
70
+ </g>
71
+ <g transform="translate(0, {{math 25 '*' 1 }})">
72
+ <rect width="6" height="6" rx="2" fill="#C2410C" />
73
+ <text x="14" dy=".5em" text-anchor="end" font-size="13" font-weight="400" fill="#C2410C">خشونت</text>
74
+ </g>
75
+ <g transform="translate(0, {{math 25 '*' 2 }})">
76
+ <rect width="6" height="6" rx="2" fill="#C2410C" />
77
+ <text x="14" dy=".5em" text-anchor="end" font-size="13" font-weight="400" fill="#C2410C">دلسرد</text>
78
+ </g>
79
+ <g transform="translate(0, {{math 25 '*' 3 }})">
80
+ <rect width="6" height="6" rx="2" fill="#C2410C" />
81
+ <text x="14" dy=".5em" text-anchor="end" font-size="13" font-weight="400" fill="#C2410C">مهرطلب و قدرت طلب</text>
82
+ </g>
83
+ </g>
84
+
85
+ <g transform="translate(-69, 47)">
86
+ <g transform="translate(0, {{math 25 '*' 0 }})">
87
+ <rect width="6" height="6" rx="2" fill="#A16207" />
88
+ <text x="-14" dy=".5em" text-anchor="start" font-size="13" font-weight="400" fill="#A16207">تعامل منفعل</text>
89
+ </g>
90
+ <g transform="translate(0, {{math 25 '*' 1 }})">
91
+ <rect width="6" height="6" rx="2" fill="#A16207" />
92
+ <text x="-14" dy=".5em" text-anchor="start" font-size="13" font-weight="400" fill="#A16207">سازش نامولد</text>
93
+ </g>
94
+ </g>
95
+
96
+ <g transform="translate(-69, 365)">
97
+ <g transform="translate(0, {{math 25 '*' 0 }})">
98
+ <rect width="6" height="6" rx="2" fill="#B91C1C" />
99
+ <text x="-14" dy=".5em" text-anchor="start" font-size="13" font-weight="400" fill="#B91C1C">تعامل مخرب</text>
100
+ </g>
101
+ <g transform="translate(0, {{math 25 '*' 1 }})">
102
+ <rect width="6" height="6" rx="2" fill="#B91C1C" />
103
+ <text x="-14" dy=".5em" text-anchor="start" font-size="13" font-weight="400" fill="#B91C1C">خانواده ناپایدار</text>
104
+ </g>
105
+ <g transform="translate(0, {{math 25 '*' 2 }})">
106
+ <rect width="6" height="6" rx="2" fill="#B91C1C" />
107
+ <text x="-14" dy=".5em" text-anchor="start" font-size="13" font-weight="400" fill="#B91C1C">جدایی</text>
108
+ </g>
109
+ </g>
110
+ </g>
111
+
112
+ <g>
113
+ <text text-anchor="middle" font-size="13" font-weight="400" fill="#94A3B8" transform="translate(-69, 235) rotate(-90)">توجه به نیاز جنسیتی</text>
114
+ <text text-anchor="middle" font-size="16" font-weight="500" fill="#475569" transform="translate(-90, 235) rotate(-90)">مهردهی</text>
115
+
116
+ <text x="235" y="523.5" text-anchor="middle" font-size="16" font-weight="500" fill="#475569">ادراک قدرت</text>
117
+ <text x="235" y="544.5" text-anchor="middle" font-size="13" font-weight="400" fill="#94A3B8">ادراک توجه</text>
118
+ </g>
119
+
120
+ <g>
121
+ <circle cx="{{math 470 '*' love}}" cy="{{math 470 '*' power}}" r="11" fill="none" stroke="#A16207" stroke-width="3" />
122
+ <circle cx="{{math 470 '*' love}}" cy="{{math 470 '*' power}}" r="3.5" fill="#A16207" />
123
+ <line x1="0" y1="{{math 470 '*' power}}" x2="{{math 470 '*' love}}" y2="{{math 470 '*' power}}" stroke="#A16207" stroke-linecap="round" stroke-dasharray="6 8"/>
124
+ <line x1="{{math 470 '*' love}}" y1="470" x2="{{math 470 '*' love}}" y2="{{math 470 '*' power}}" stroke="#A16207" stroke-linecap="round" stroke-dasharray="6 8"/>
125
+ </g>
126
+ </g>
127
+ </g>
128
+
129
+ {{/layout}}
package/views/profiles/samples/JSIQ9V_1.hbs ADDED
@@ -0,0 +1,214 @@
1
+ {{#> layout}}
2
+ <defs>
3
+ <filter id="baseLine" x="0" y="0" width="341" height="7" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
4
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
5
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
6
+ <feOffset dy="-1"/>
7
+ <feGaussianBlur stdDeviation="1.5"/>
8
+ <feComposite in2="hardAlpha" operator="out"/>
9
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0"/>
10
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_291_78418"/>
11
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_291_78418" result="shape"/>
12
+ </filter>
13
+ <linearGradient id="softblue" gradientTransform="rotate(90)">
14
+ <stop offset="0%" stop-color="#0284C7" stop-opacity="1" />
15
+ <stop offset="100%" stop-color="#BAE6FD" stop-opacity="1" />
16
+ </linearGradient>
17
+ <linearGradient id="hardblue" gradientTransform="rotate(90)">
18
+ <stop offset="0%" stop-color="#1D4ED8" stop-opacity="1" />
19
+ <stop offset="100%" stop-color="#93C5FD" stop-opacity="1" />
20
+ </linearGradient>
21
+ {{#with f4_1}}
22
+ <clipPath id="rchart">
23
+ {{gauge rawSpec.circle.R rawSpec.circle.r (object tl=6 tr=6 bl=6 br=6) (object start=rawSpec.circle.angles.start end=rawSpec.circle.angles.end) direction fill="#F1F5F9" stroke="#E4E4E7"}}
24
+ </clipPath>
25
+ {{/with}}
26
+ </defs>
27
+ <g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
28
+ {{!-- <rect x="0" y="0" width="851" height="676" fill="red" opacity=".1" /> --}}
29
+ <g transform="translate(399, 0)">
30
+ <text text-anchor="middle" x="226" font-weight="500" font-size="16" fill="#3F3F46" dy=".78em">صفات همسر</text>
31
+ <g transform="translate(0, 33)" >
32
+ <g>
33
+ <rect x="0" y="0" width="220" height="32" fill="#15803D" rx="4" />
34
+ <text text-anchor="middle" x="16" y="16" font-weight="600" font-size="14" fill="#FFFFFF" dy=".27em">{{positive.average}}</text>
35
+ <text text-anchor="start" x="214" y="16" font-weight="600" font-size="14" fill="#FFFFFF" dy=".27em">نگرش مثبت</text>
36
+ </g>
37
+ <g transform="translate(0, 37)">
38
+ {{#each positive.items}}
39
+ <g transform="translate(0, {{math @index '*' 29}})">
40
+ <rect x="0" y="0" width="220" height="24" fill="{{option.bg}}" opacity="{{option.opacity}}" rx="4" />
41
+ <text text-anchor="middle" x="16" y="12" font-weight="400" font-size="13" fill="{{option.color}}" dy=".27em">{{value}}</text>
42
+ <text text-anchor="start" x="214" y="12" font-weight="400" font-size="13" fill="{{option.color}}" dy=".27em">{{label}}</text>
43
+ {{#if (boolean ../positive.breakpoint '===' @index)}}
44
+ <line x1="0" y1="-2.5" x2="220" y2="-2.5" stroke="#16A34A" stroke-linecap="round" stroke-dasharray="4 4"/>
45
+ {{/if}}
46
+ </g>
47
+ {{/each}}
48
+ </g>
49
+ <line x1="33" x2="33" y1="0" y2="496" stroke-width="2" stroke="#FFFFFF" />
50
+ </g>
51
+ <g transform="translate(232, 33)">
52
+ <g>
53
+ <rect x="0" y="0" width="220" height="32" fill="#B91C1C" rx="4" />
54
+ <text text-anchor="middle" x="16" y="16" font-weight="600" font-size="14" fill="#FFFFFF" dy=".27em">{{negative.average}}</text>
55
+ <text text-anchor="start" x="214" y="16" font-weight="600" font-size="14" fill="#FFFFFF" dy=".27em">نگرش منفی</text>
56
+ </g>
57
+ <g transform="translate(0, 37)">
58
+ {{#each negative.items}}
59
+ <g transform="translate(0, {{math @index '*' 29}})">
60
+ <rect x="0" y="0" width="220" height="24" fill="{{option.bg}}" opacity="{{option.opacity}}" rx="4" />
61
+ <text text-anchor="middle" x="16" y="12" font-weight="400" font-size="13" fill="{{option.color}}" dy=".27em">{{value}}</text>
62
+ <text text-anchor="start" x="214" y="12" font-weight="400" font-size="13" fill="{{option.color}}" dy=".27em">{{label}}</text>
63
+ {{#if (boolean ../negative.breakpoint '===' @index)}}
64
+ <line x1="0" y1="-2.5" x2="220" y2="-2.5" stroke="#DC2626" stroke-linecap="round" stroke-dasharray="4 4"/>
65
+ {{/if}}
66
+ </g>
67
+ {{/each}}
68
+ </g>
69
+ <line x1="33" x2="33" y1="0" y2="496" stroke-width="2" stroke="#FFFFFF" />
70
+ </g>
71
+ <g transform="translate(38, 569)">
72
+ <line x1="53" y1="31" x2="333" y2="31" stroke="#E4E4E7"/>
73
+ <circle cx="46" cy="31" r="10" fill="#FAFAFA" />
74
+ <text text-anchor="middle" x="46" y="31" font-weight="400" font-size="12" fill="#52525B" dy=".27em">4</text>
75
+ <text text-anchor="middle" x="46" y="51" font-weight="400" font-size="12" fill="#52525B" dy=".27em">به وضوح وجود دارد</text>
76
+ <circle cx="119.5" cy="31" r="10" fill="#FAFAFA" />
77
+ <text text-anchor="middle" x="119.5" y="31" font-weight="400" font-size="12" fill="#52525B" dy=".27em">3</text>
78
+ <text text-anchor="middle" x="119.5" y="6" font-weight="400" font-size="12" fill="#52525B" dy=".27em">معمولا وجود دارد</text>
79
+ <circle cx="193" cy="31" r="10" fill="#FAFAFA" />
80
+ <text text-anchor="middle" x="193" y="31" font-weight="400" font-size="12" fill="#52525B" dy=".27em">2</text>
81
+ <text text-anchor="middle" x="193" y="51" font-weight="400" font-size="12" fill="#52525B" dy=".27em">نظری ندارم</text>
82
+ <circle cx="266.5" cy="31" r="10" fill="#FAFAFA" />
83
+ <text text-anchor="middle" x="266.5" y="31" font-weight="400" font-size="12" fill="#52525B" dy=".27em">1</text>
84
+ <text text-anchor="middle" x="266.5" y="6" font-weight="400" font-size="12" fill="#52525B" dy=".27em">معمولا وجود ندارد</text>
85
+ <circle cx="340" cy="31" r="10" fill="#FAFAFA" />
86
+ <text text-anchor="middle" x="340" y="31" font-weight="400" font-size="12" fill="#52525B" dy=".27em">0</text>
87
+ <text text-anchor="middle" x="340" y="51" font-weight="400" font-size="12" fill="#52525B" dy=".27em">اصلا وجود ندارد</text>
88
+
89
+ <text text-anchor="start" x="132" y="97" font-weight="400" font-size="12" fill="#B91C1C" dy=".27em">میانگین نگرش منفی</text>
90
+ <line x1="140" y1="97.5" x2="180" y2="97.5" stroke="#DC2626" stroke-linecap="round" stroke-dasharray="4 4"/>
91
+ <text text-anchor="start" x="339" y="97" font-weight="400" font-size="12" fill="#15803D" dy=".27em">میانگین نگرش مثبت</text>
92
+ <line x1="194" y1="97.5" x2="234" y2="97.5" stroke="#16A34A" stroke-linecap="round" stroke-dasharray="4 4"/>
93
+ </g>
94
+ </g>
95
+ <line x1="367" y1="3" x2="367" y2="676" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
96
+
97
+ <g>
98
+ {{#with items.family as | item |}}
99
+ <g transform="translate({{math 38.5 '+' (math 80.5 '*' 0)}}, 0)">
100
+ <text direction="ltr" x="16" y="{{math 273.5 '-' (math item.label.max '*' 1.7)}}" dy=".27em" text-anchor="middle">
101
+ <tspan fill="#0369A1" font-size="16" font-weight="500">{{item.mark}}</tspan>
102
+ <tspan fill="#475569" font-size="12" font-weight="400">/ {{item.label.max}}</tspan>
103
+ </text>
104
+ {{bar 32 (math item.label.max '*' 1.7 ) (object tl=0 tr=0 br=8 bl=8) (toRad 180) fill="#F1F5F9" transform="translate(32, 285)"}}
105
+ {{bar 32 (math item.mark '*' 1.7 ) (object tl=0 tr=0 br=8 bl=8) (toRad 180) fill="url(#softblue)" transform="translate(32, 285)"}}
106
+ <g transform="translate(0, 316)">
107
+ <text y="-12" text-anchor="middle" font-size="13" font-weight="400" fill="#475569">
108
+ <tspan x="17.5">هشیاری نسبت به</tspan>
109
+ <tspan x="17.5" y=".4em">سیستم خانواده</tspan>
110
+ </text>
111
+ <g transform="translate(0, 16)">
112
+ <rect height="16" width="35" fill="#F0F9FF" rx="4" />
113
+ <text x="17.5" y="8" dy=".35em" text-anchor="middle" font-size="12" font-weight="400" fill="#0369A1">%{{item.percentage}}</text>
114
+ </g>
115
+ </g>
116
+ </g>
117
+ {{/with}}
118
+
119
+ {{#with items.love as | item |}}
120
+ <g transform="translate({{math 38.5 '+' (math 80.5 '*' 1)}}, 0)">
121
+ <text direction="ltr" x="16" y="{{math 273.5 '-' (math item.label.max '*' 1.7)}}" dy=".27em" text-anchor="middle">
122
+ <tspan fill="#0369A1" font-size="16" font-weight="500">{{item.mark}}</tspan>
123
+ <tspan fill="#475569" font-size="12" font-weight="400">/ {{item.label.max}}</tspan>
124
+ </text>
125
+ {{bar 32 (math item.label.max '*' 1.7 ) (object tl=0 tr=0 br=8 bl=8) (toRad 180) fill="#F1F5F9" transform="translate(32, 285)"}}
126
+ {{bar 32 (math item.mark '*' 1.7 ) (object tl=0 tr=0 br=8 bl=8) (toRad 180) fill="url(#softblue)" transform="translate(32, 285)"}}
127
+ <g transform="translate(0, 316)">
128
+ <text x="17.5" y="-12" text-anchor="middle" font-size="13" font-weight="400" fill="#475569">قدرت‌دهی</text>
129
+ <rect height="16" width="35" fill="#F0F9FF" rx="4" />
130
+ <text x="17.5" y="8" dy=".35em" text-anchor="middle" font-size="12" font-weight="400" fill="#0369A1">%{{item.percentage}}</text>
131
+ </g>
132
+ </g>
133
+ {{/with}}
134
+
135
+ {{#with items.power as | item |}}
136
+ <g transform="translate({{math 38.5 '+' (math 80.5 '*' 2)}}, 0)">
137
+ <text direction="ltr" x="16" y="{{math 273.5 '-' (math item.label.max '*' 1.7)}}" dy=".27em" text-anchor="middle">
138
+ <tspan fill="#0369A1" font-size="16" font-weight="500">{{item.mark}}</tspan>
139
+ <tspan fill="#475569" font-size="12" font-weight="400">/ {{item.label.max}}</tspan>
140
+ </text>
141
+ {{bar 32 (math item.label.max '*' 1.7 ) (object tl=0 tr=0 br=8 bl=8) (toRad 180) fill="#F1F5F9" transform="translate(32, 285)"}}
142
+ {{bar 32 (math item.mark '*' 1.7 ) (object tl=0 tr=0 br=8 bl=8) (toRad 180) fill="url(#softblue)" transform="translate(32, 285)"}}
143
+ <g transform="translate(0, 316)">
144
+ <text x="17.5" y="-12" text-anchor="middle" font-size="13" font-weight="400" fill="#475569">ادراک مهر</text>
145
+ <rect height="16" width="35" fill="#F0F9FF" rx="4" />
146
+ <text x="17.5" y="8" dy=".35em" text-anchor="middle" font-size="12" font-weight="400" fill="#0369A1">%{{item.percentage}}</text>
147
+ </g>
148
+ </g>
149
+ {{/with}}
150
+
151
+ {{#with items.sexual as | item |}}
152
+ <g transform="translate({{math 38.5 '+' (math 80.5 '*' 3)}}, 0)">
153
+ <text direction="ltr" x="16" y="{{math 273.5 '-' (math item.label.max '*' 1.7)}}" dy=".27em" text-anchor="middle">
154
+ <tspan fill="#0369A1" font-size="16" font-weight="500">{{item.mark}}</tspan>
155
+ <tspan fill="#475569" font-size="12" font-weight="400">/ {{item.label.max}}</tspan>
156
+ </text>
157
+ {{bar 32 (math item.label.max '*' 1.7 ) (object tl=0 tr=0 br=8 bl=8) (toRad 180) fill="#F1F5F9" transform="translate(32, 285)"}}
158
+ {{bar 32 (math item.mark '*' 1.7 ) (object tl=0 tr=0 br=8 bl=8) (toRad 180) fill="url(#hardblue)" transform="translate(32, 285)"}}
159
+ <g transform="translate(0, 316)">
160
+ <text y="-12" text-anchor="middle" font-size="13" font-weight="400" fill="#475569">
161
+ <tspan x="17.5">توجه ایمنی</tspan>
162
+ <tspan x="17.5" y=".4em">جنسی</tspan>
163
+ </text>
164
+ <g transform="translate(0, 16)">
165
+ <rect height="16" width="35" fill="#F0F9FF" rx="4" />
166
+ <text x="17.5" y="8" dy=".35em" text-anchor="middle" font-size="12" font-weight="400" fill="#0369A1">%{{item.percentage}}</text>
167
+ </g>
168
+ </g>
169
+ </g>
170
+ {{/with}}
171
+
172
+ <g transform="translate(0, 281)" filter="url(#baseLine)">
173
+ <rect x="3" y="4" width="335" height="1" rx="0.5" fill="white"/>
174
+ </g>
175
+
176
+ <g transform="translate(7.5, 420)">
177
+ <text y="-14" dy=".35em" text-anchor="end" font-size="13" font-weight="400" fill="#334155">نمره کل</text>
178
+ <text y="-14" x="320" dy=".35em" text-anchor="start" font-size="13" font-weight="400" fill="#334155">400</text>
179
+ {{bar 320 20 (object tl=0 tr=10 br=10 bl=0) (toRad 0) fill="#F1F5F9" }}
180
+ {{bar (math total.mark '*' 0.8) 20 (object tl=0 tr=10 br=10 bl=0) (toRad 0) fill="#64748B" }}
181
+ <text y="36" x="{{math total.mark '*' 0.8}}" dy=".35em" text-anchor="middle" font-size="20" font-weight="500" fill="#334155">{{total.mark}}</text>
182
+ <text y="50" x="{{math total.mark '*' 0.8}}" dy=".35em" text-anchor="middle" font-size="12" font-weight="400" fill="#334155">%{{total.percentage}}</text>
183
+ </g>
184
+ </g>
185
+ <g transform="translate(270.5, 575)">
186
+ <text y="-60" text-anchor="end" font-size="12" font-weight="400" fill="#475569">0</text>
187
+ <text x="-45" y="-8" text-anchor="middle" font-size="12" font-weight="400" fill="#475569">30</text>
188
+ <text y="-.2em" text-anchor="middle">
189
+ <tspan x="0" font-size="20" font-weight="500" fill="#2563EB">{{f4_1.mark}}</tspan>
190
+ <tspan x="0" y=".9em" font-size="16" font-weight="400" fill="#64748B">%{{f4_1.percentage}}</tspan>
191
+ </text>
192
+ {{#with f4_1}}
193
+ {{gauge rawSpec.circle.R rawSpec.circle.r (object tl=6 tr=6 bl=6 br=6) (object start=rawSpec.circle.angles.start end=rawSpec.circle.angles.end) direction fill="#F1F5F9"}}
194
+ {{gauge rawSpec.circle.R rawSpec.circle.r (object tl=6 tr=0 bl=6 br=0) (object start=rawSpec.circle.angles.start end=zeta) direction clip-path="url(#rchart)" fill='#6183E4'}}
195
+ {{/with}}
196
+ <text y="75" text-anchor="middle" font-size="13" font-weight="400" fill="#475569">توجه / ایمنی‌بخشی</text>
197
+ </g>
198
+
199
+ <g transform="translate(92.5, 575)">
200
+ <text y="-60" text-anchor="end" font-size="12" font-weight="400" fill="#475569">0</text>
201
+ <text x="-45" y="-8" text-anchor="middle" font-size="12" font-weight="400" fill="#475569">70</text>
202
+ <text y="-.2em" text-anchor="middle">
203
+ <tspan x="0" font-size="20" font-weight="500" fill="#2563EB">{{f4_2.mark}}</tspan>
204
+ <tspan x="0" y=".9em" font-size="16" font-weight="400" fill="#64748B">%{{f4_2.percentage}}</tspan>
205
+ </text>
206
+ {{#with f4_2}}
207
+ {{gauge rawSpec.circle.R rawSpec.circle.r (object tl=6 tr=6 bl=6 br=6) (object start=rawSpec.circle.angles.start end=rawSpec.circle.angles.end) direction fill="#F1F5F9"}}
208
+ {{gauge rawSpec.circle.R rawSpec.circle.r (object tl=6 tr=0 bl=6 br=0) (object start=rawSpec.circle.angles.start end=zeta) direction clip-path="url(#rchart)" fill='#6183E4'}}
209
+ {{/with}}
210
+ <text y="75" text-anchor="middle" font-size="13" font-weight="400" fill="#475569">توجه / ایمنی ادراک‌شده از همسر</text>
211
+ </g>
212
+ </g>
213
+
214
+ {{/layout}}
package/views/profiles/samples/JSIQ9V_2.hbs ADDED
@@ -0,0 +1,129 @@
1
+ {{#> layout}}
2
+ <defs>
3
+ <linearGradient id="bgyellow" x1="235" y1="-1.39773e-05" x2="0.5" y2="235" gradientUnits="userSpaceOnUse">
4
+ <stop stop-color="#FEFCE8" stop-opacity="0"/>
5
+ <stop offset="0.0001" stop-color="white" stop-opacity="0"/>
6
+ <stop offset="0.6" stop-color="#FEF29A"/>
7
+ <stop offset="1" stop-color="#FEF08A"/>
8
+ </linearGradient>
9
+ <linearGradient id="bggreen" x1="235" y1="0" x2="2.80142e-05" y2="235" gradientUnits="userSpaceOnUse">
10
+ <stop stop-color="white" stop-opacity="0"/>
11
+ <stop offset="0.595" stop-color="#AEF4D4"/>
12
+ <stop offset="1" stop-color="#A7F3D0"/>
13
+ </linearGradient>
14
+ <linearGradient id="bgred" x1="235" y1="0" x2="2.80142e-05" y2="235" gradientUnits="userSpaceOnUse">
15
+ <stop stop-color="white" stop-opacity="0"/>
16
+ <stop offset="0.595" stop-color="#FECFCF"/>
17
+ <stop offset="1" stop-color="#FECACA"/>
18
+ </linearGradient>
19
+ <linearGradient id="bgorange" x1="235" y1="0" x2="2.80142e-05" y2="235" gradientUnits="userSpaceOnUse">
20
+ <stop stop-color="white" stop-opacity="0"/>
21
+ <stop offset="0.6" stop-color="#FED7AA"/>
22
+ <stop offset="1" stop-color="#FED7AA"/>
23
+ </linearGradient>
24
+ </defs>
25
+ <g transform="translate({{math spec.profile.padding.x '+' 17.5}}, {{math spec.profile.padding.y '+' 61}})">
26
+ <g transform="translate(156, 37)">
27
+ <rect width="235" height="235" transform="translate(235) rotate(90)" fill="url(#bgyellow)" fill-opacity="0.5"/>
28
+ <g transform="translate(235,0)">
29
+ <rect width="235" height="235" transform="translate(235 235) rotate(-180)" fill="url(#bggreen)" fill-opacity="0.5"/>
30
+ </g>
31
+ <g transform="translate(0, 235)">
32
+ <rect width="235" height="235" fill="url(#bgred)" fill-opacity="0.5"/>
33
+ </g>
34
+ <g transform="translate(235, 235)">
35
+ <rect width="235" height="235" transform="translate(0 235) rotate(-90)" fill="url(#bgorange)" fill-opacity="0.5"/>
36
+ </g>
37
+ <g>
38
+ {{#forLoop 0 11 1}}
39
+ <line x1="{{math 47 '*' i}}" x2="{{math 47 '*' i}}" y1="0" y2="470" stroke="#E2E8F0" />
40
+ <line y1="{{math 47 '*' i}}" y2="{{math 47 '*' i}}" x1="0" x2="470" stroke="#E2E8F0" />
41
+ {{/forLoop}}
42
+ </g>
43
+ <line y1="235" y2="235" x1="0" x2="470" stroke="#94A3B8" />
44
+ <line x1="235" x2="235" y1="0" y2="470" stroke="#94A3B8" />
45
+ <path transform="translate(-8, -40)" d="M8.20711 0.292908C7.81658 -0.0976257 7.18342 -0.0976257 6.79289 0.292908L0.428932 6.65686C0.0384078 7.04739 0.0384078 7.68054 0.428932 8.07108C0.819457 8.46158 1.45262 8.46158 1.84315 8.07108L7.5 2.41422L13.1569 8.07108C13.5474 8.46158 14.1805 8.46158 14.5711 8.07108C14.9616 7.68054 14.9616 7.04739 14.5711 6.65686L8.20711 0.292908ZM8.5 511L8.5 1H6.5L6.5 511H8.5Z" fill="#94A3B8"/>
46
+ <path transform="translate(-2, 462.5)" d="M511.207 8.70711C511.598 8.31658 511.598 7.68342 511.207 7.29289L504.843 0.928932C504.453 0.538408 503.819 0.538408 503.429 0.928932C503.038 1.31946 503.038 1.95262 503.429 2.34315L509.086 8L503.429 13.6569C503.038 14.0474 503.038 14.6805 503.429 15.0711C503.819 15.4616 504.453 15.4616 504.843 15.0711L511.207 8.70711ZM0.5 9H510.5V7H0.5V9Z" fill="#94A3B8"/>
47
+ <rect width="94" height="470" fill="#000000" opacity=".03" />
48
+ <rect x="94" y="376" width="376" height="94" fill="#000000" opacity=".03" />
49
+ <text x="12" y="-10" text-anchor="middle" font-size="12" font-weight="400" fill="#94A3B8">100</text>
50
+ <text x="477" y="465" text-anchor="end" font-size="12" font-weight="400" fill="#94A3B8">100</text>
51
+ <text x="235" y="-10" text-anchor="middle" font-size="12" font-weight="400" fill="#94A3B8">50</text>
52
+ <text x="477" y="238" text-anchor="end" font-size="12" font-weight="400" fill="#94A3B8">50</text>
53
+ <text x="-15" y="485" text-anchor="middle" font-size="12" font-weight="400" fill="#94A3B8">0</text>
54
+ <g>
55
+ <g transform="translate(533, 47)">
56
+ <g transform="translate(0, {{math 25 '*' 0 }})">
57
+ <rect width="6" height="6" rx="2" fill="#047857" />
58
+ <text x="14" dy=".5em" text-anchor="end" font-size="13" font-weight="400" fill="#047857">تعامل سازنده</text>
59
+ </g>
60
+ <g transform="translate(0, {{math 25 '*' 1 }})">
61
+ <rect width="6" height="6" rx="2" fill="#047857" />
62
+ <text x="14" dy=".5em" text-anchor="end" font-size="13" font-weight="400" fill="#047857">خانواده پایدار</text>
63
+ </g>
64
+ </g>
65
+
66
+ <g transform="translate(533, 340)">
67
+ <g transform="translate(0, {{math 25 '*' 0 }})">
68
+ <rect width="6" height="6" rx="2" fill="#C2410C" />
69
+ <text x="14" dy=".5em" text-anchor="end" font-size="13" font-weight="400" fill="#C2410C">تعامل پرخاشگر</text>
70
+ </g>
71
+ <g transform="translate(0, {{math 25 '*' 1 }})">
72
+ <rect width="6" height="6" rx="2" fill="#C2410C" />
73
+ <text x="14" dy=".5em" text-anchor="end" font-size="13" font-weight="400" fill="#C2410C">خشونت</text>
74
+ </g>
75
+ <g transform="translate(0, {{math 25 '*' 2 }})">
76
+ <rect width="6" height="6" rx="2" fill="#C2410C" />
77
+ <text x="14" dy=".5em" text-anchor="end" font-size="13" font-weight="400" fill="#C2410C">دلسرد</text>
78
+ </g>
79
+ <g transform="translate(0, {{math 25 '*' 3 }})">
80
+ <rect width="6" height="6" rx="2" fill="#C2410C" />
81
+ <text x="14" dy=".5em" text-anchor="end" font-size="13" font-weight="400" fill="#C2410C">مهرطلب و قدرت طلب</text>
82
+ </g>
83
+ </g>
84
+
85
+ <g transform="translate(-69, 47)">
86
+ <g transform="translate(0, {{math 25 '*' 0 }})">
87
+ <rect width="6" height="6" rx="2" fill="#A16207" />
88
+ <text x="-14" dy=".5em" text-anchor="start" font-size="13" font-weight="400" fill="#A16207">تعامل منفعل</text>
89
+ </g>
90
+ <g transform="translate(0, {{math 25 '*' 1 }})">
91
+ <rect width="6" height="6" rx="2" fill="#A16207" />
92
+ <text x="-14" dy=".5em" text-anchor="start" font-size="13" font-weight="400" fill="#A16207">سازش نامولد</text>
93
+ </g>
94
+ </g>
95
+
96
+ <g transform="translate(-69, 365)">
97
+ <g transform="translate(0, {{math 25 '*' 0 }})">
98
+ <rect width="6" height="6" rx="2" fill="#B91C1C" />
99
+ <text x="-14" dy=".5em" text-anchor="start" font-size="13" font-weight="400" fill="#B91C1C">تعامل مخرب</text>
100
+ </g>
101
+ <g transform="translate(0, {{math 25 '*' 1 }})">
102
+ <rect width="6" height="6" rx="2" fill="#B91C1C" />
103
+ <text x="-14" dy=".5em" text-anchor="start" font-size="13" font-weight="400" fill="#B91C1C">خانواده ناپایدار</text>
104
+ </g>
105
+ <g transform="translate(0, {{math 25 '*' 2 }})">
106
+ <rect width="6" height="6" rx="2" fill="#B91C1C" />
107
+ <text x="-14" dy=".5em" text-anchor="start" font-size="13" font-weight="400" fill="#B91C1C">جدایی</text>
108
+ </g>
109
+ </g>
110
+ </g>
111
+
112
+ <g>
113
+ <text text-anchor="middle" font-size="13" font-weight="400" fill="#94A3B8" transform="translate(-69, 235) rotate(-90)">توجه به نیاز جنسیتی</text>
114
+ <text text-anchor="middle" font-size="16" font-weight="500" fill="#475569" transform="translate(-90, 235) rotate(-90)">قدرت‌دهی</text>
115
+
116
+ <text x="235" y="523.5" text-anchor="middle" font-size="16" font-weight="500" fill="#475569">ادراک مهر</text>
117
+ <text x="235" y="544.5" text-anchor="middle" font-size="13" font-weight="400" fill="#94A3B8">ادراک توجه</text>
118
+ </g>
119
+
120
+ <g>
121
+ <circle cx="{{math 470 '*' love}}" cy="{{math 470 '*' power}}" r="11" fill="none" stroke="#A16207" stroke-width="3" />
122
+ <circle cx="{{math 470 '*' love}}" cy="{{math 470 '*' power}}" r="3.5" fill="#A16207" />
123
+ <line x1="0" y1="{{math 470 '*' power}}" x2="{{math 470 '*' love}}" y2="{{math 470 '*' power}}" stroke="#A16207" stroke-linecap="round" stroke-dasharray="6 8"/>
124
+ <line x1="{{math 470 '*' love}}" y1="470" x2="{{math 470 '*' love}}" y2="{{math 470 '*' power}}" stroke="#A16207" stroke-linecap="round" stroke-dasharray="6 8"/>
125
+ </g>
126
+ </g>
127
+ </g>
128
+
129
+ {{/layout}}