testio-tailwind 3.2.0 → 3.4.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.
- package/package.json +1 -1
- package/src/_includes/header.njk +2 -2
- package/src/assets/images/assets_agenticqa/agenticqa_email_header.png +0 -0
- package/src/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_black.png +0 -0
- package/src/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_black.svg +32 -0
- package/src/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_black_1000px.png +0 -0
- package/src/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_black_3000px.png +0 -0
- package/src/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_white.png +0 -0
- package/src/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_white.svg +33 -0
- package/src/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_white_1000px.png +0 -0
- package/src/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_white_3000px.png +0 -0
- package/src/assets/scripts/app.js +23 -17
- package/src/assets/scripts/modules/colors.js +10 -2
- package/src/assets/scripts/modules/echarts_area.js +10 -6
- package/src/assets/scripts/modules/echarts_donut.js +20 -4
- package/src/assets/scripts/modules/echarts_exampledata.js +2 -2
- package/src/assets/scripts/modules/echarts_gauge.js +5 -5
- package/src/assets/scripts/modules/echarts_horizontal.js +18 -3
- package/src/assets/scripts/modules/echarts_line.js +84 -0
- package/src/assets/scripts/modules/echarts_vertical.js +5 -3
- package/src/assets/stylesheets/components/customer/customer_productcards.css +2 -2
- package/src/assets/stylesheets/components/list_item.css +4 -0
- package/src/assets/stylesheets/tailwind_config.css +2 -2
- package/src/pages/agenticqa/assets.haml +10 -0
- package/src/pages/{testinator → agenticqa}/email.njk +3 -3
- package/src/pages/agenticqa/index.njk +7 -0
- package/src/pages/agenticqa/logo.haml +18 -0
- package/src/pages/charts/area.haml +21 -17
- package/src/pages/charts/bar_horizontal.haml +369 -220
- package/src/pages/charts/bar_vertical.haml +373 -367
- package/src/pages/charts/colors.haml +28 -0
- package/src/pages/charts/donut.haml +81 -16
- package/src/pages/charts/gauge.haml +40 -1
- package/src/pages/charts/legend.haml +22 -0
- package/src/pages/charts/line.haml +205 -0
- package/src/pages/colors.pug +2 -2
- package/src/pages/email-templates/{email_testinator.pug → email_agenticqa.pug} +14 -14
- package/src/static/app.bundled.js +19 -8
- package/index.html +0 -405
- package/src/assets/images/assets_testinator/testinator_email_header.png +0 -0
- package/src/assets/images/logo_testinator/testinator_logo_purpleteal_black.png +0 -0
- package/src/assets/images/logo_testinator/testinator_logo_purpleteal_black.svg +0 -33
- package/src/assets/images/logo_testinator/testinator_logo_purpleteal_black_1000px.png +0 -0
- package/src/assets/images/logo_testinator/testinator_logo_purpleteal_white.png +0 -0
- package/src/assets/images/logo_testinator/testinator_logo_purpleteal_white.svg +0 -33
- package/src/assets/images/logo_testinator/testinator_logo_purpleteal_white_1000px.png +0 -0
- package/src/pages/testinator/assets.haml +0 -10
- package/src/pages/testinator/index.njk +0 -7
- package/src/pages/testinator/logo.haml +0 -18
package/package.json
CHANGED
package/src/_includes/header.njk
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
<summary class="navlink">Spaces</summary>
|
|
16
16
|
<div class="dropdown-menu">
|
|
17
17
|
<a href="/issuing" class="dropdown-link">Issuing</a>
|
|
18
|
-
<a href="/
|
|
18
|
+
<a href="/agenticqa" class="dropdown-link">Agentic QA</a>
|
|
19
19
|
</div>
|
|
20
20
|
</details>
|
|
21
21
|
<details class="header-dropdown dropright">
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
<details class="navlink-container">
|
|
47
47
|
<summary class="navlink">Spaces</summary>
|
|
48
48
|
<a href="/issuing" class="navlink">Issuing</a>
|
|
49
|
-
<a href="/
|
|
49
|
+
<a href="/agenticqa" class="navlink">Agentic QA</a>
|
|
50
50
|
</details>
|
|
51
51
|
<details class="navlink-container">
|
|
52
52
|
<summary class="navlink">Examples</summary>
|
|
Binary file
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
2
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
3
|
+
<svg width="100%" height="100%" viewBox="0 0 174 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
|
|
4
|
+
<rect id="agenticqa_logo_purpleteal_black" x="0" y="-0" width="174" height="40" style="fill:none;"/>
|
|
5
|
+
<clipPath id="_clip1">
|
|
6
|
+
<rect x="0" y="-0" width="174" height="40"/>
|
|
7
|
+
</clipPath>
|
|
8
|
+
<g clip-path="url(#_clip1)">
|
|
9
|
+
<rect id="BG" x="0" y="-0" width="175" height="40" style="fill:none;"/>
|
|
10
|
+
<path d="M49.912,26.09L52.236,26.09C52.696,26.09 53.039,26.109 53.265,26.148C53.491,26.186 53.693,26.266 53.871,26.388C54.05,26.509 54.198,26.671 54.317,26.873C54.436,27.076 54.496,27.302 54.496,27.553C54.496,27.826 54.422,28.075 54.276,28.303C54.129,28.53 53.93,28.701 53.679,28.814C54.033,28.917 54.305,29.093 54.496,29.342C54.686,29.59 54.781,29.882 54.781,30.218C54.781,30.482 54.72,30.739 54.597,30.989C54.474,31.239 54.306,31.438 54.093,31.588C53.881,31.737 53.618,31.829 53.306,31.863C53.111,31.885 52.639,31.898 51.891,31.903L49.912,31.903L49.912,26.09ZM51.086,27.058L51.086,28.402L51.855,28.402C52.312,28.402 52.596,28.395 52.708,28.382C52.908,28.358 53.066,28.289 53.181,28.174C53.296,28.059 53.354,27.908 53.354,27.72C53.354,27.54 53.304,27.394 53.205,27.282C53.106,27.169 52.959,27.101 52.763,27.078C52.647,27.064 52.312,27.058 51.76,27.058L51.086,27.058ZM51.086,29.369L51.086,30.924L52.172,30.924C52.595,30.924 52.863,30.912 52.977,30.888C53.152,30.856 53.294,30.779 53.403,30.656C53.513,30.533 53.568,30.369 53.568,30.162C53.568,29.988 53.526,29.84 53.441,29.718C53.356,29.597 53.234,29.508 53.074,29.453C52.914,29.397 52.567,29.369 52.033,29.369L51.086,29.369Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
11
|
+
<path d="M59.004,31.903L59.004,29.457L56.875,26.09L58.251,26.09L59.619,28.39L60.959,26.09L62.311,26.09L60.174,29.465L60.174,31.903L59.004,31.903Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
12
|
+
<path d="M69.723,31.903L69.723,27.074L67.998,27.074L67.998,26.09L72.617,26.09L72.617,27.074L70.896,27.074L70.896,31.903L69.723,31.903Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
13
|
+
<path d="M75.08,31.903L75.08,26.09L79.39,26.09L79.39,27.074L76.253,27.074L76.253,28.362L79.172,28.362L79.172,29.342L76.253,29.342L76.253,30.924L79.501,30.924L79.501,31.903L75.08,31.903Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
14
|
+
<path d="M81.904,30.012L83.046,29.901C83.115,30.284 83.254,30.566 83.464,30.745C83.674,30.925 83.958,31.015 84.315,31.015C84.693,31.015 84.977,30.935 85.169,30.775C85.361,30.615 85.457,30.428 85.457,30.214C85.457,30.076 85.416,29.96 85.336,29.863C85.255,29.767 85.114,29.683 84.913,29.611C84.776,29.564 84.463,29.479 83.974,29.357C83.345,29.202 82.903,29.01 82.649,28.783C82.292,28.463 82.114,28.073 82.114,27.613C82.114,27.317 82.198,27.04 82.366,26.782C82.534,26.524 82.776,26.328 83.091,26.193C83.407,26.059 83.789,25.991 84.235,25.991C84.965,25.991 85.514,26.151 85.883,26.471C86.252,26.791 86.445,27.218 86.464,27.752L85.29,27.803C85.24,27.504 85.132,27.29 84.967,27.159C84.802,27.028 84.554,26.963 84.223,26.963C83.882,26.963 83.615,27.033 83.422,27.173C83.298,27.263 83.236,27.383 83.236,27.534C83.236,27.671 83.294,27.789 83.411,27.886C83.559,28.011 83.918,28.14 84.489,28.275C85.06,28.41 85.482,28.549 85.756,28.693C86.03,28.837 86.244,29.034 86.398,29.284C86.553,29.534 86.63,29.843 86.63,30.21C86.63,30.543 86.538,30.855 86.353,31.146C86.168,31.437 85.906,31.653 85.568,31.794C85.229,31.935 84.808,32.006 84.303,32.006C83.568,32.006 83.004,31.836 82.61,31.497C82.216,31.157 81.981,30.662 81.904,30.012Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
15
|
+
<path d="M90.631,31.903L90.631,27.074L88.906,27.074L88.906,26.09L93.526,26.09L93.526,27.074L91.805,27.074L91.805,31.903L90.631,31.903Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
16
|
+
<rect x="99.914" y="26.09" width="1.174" height="5.813" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
17
|
+
<path d="M103.673,29.032C103.673,28.44 103.762,27.943 103.939,27.541C104.071,27.245 104.252,26.98 104.48,26.745C104.709,26.509 104.959,26.335 105.232,26.221C105.594,26.068 106.011,25.991 106.485,25.991C107.341,25.991 108.026,26.257 108.54,26.788C109.055,27.319 109.312,28.058 109.312,29.005C109.312,29.943 109.057,30.677 108.546,31.207C108.036,31.737 107.354,32.002 106.5,32.002C105.636,32.002 104.949,31.739 104.439,31.211C103.928,30.684 103.673,29.958 103.673,29.032ZM104.883,28.993C104.883,29.651 105.035,30.15 105.339,30.49C105.643,30.829 106.029,30.999 106.496,30.999C106.964,30.999 107.348,30.831 107.648,30.493C107.948,30.156 108.098,29.651 108.098,28.977C108.098,28.311 107.952,27.814 107.66,27.486C107.368,27.158 106.98,26.994 106.496,26.994C106.013,26.994 105.623,27.16 105.327,27.492C105.031,27.824 104.883,28.324 104.883,28.993Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
18
|
+
<path d="M58.839,20.498L61.195,20.498L56.767,7.923L54.376,7.923L49.948,20.498L52.304,20.498L53.367,17.274L57.777,17.274L58.839,20.498ZM55.598,10.099C55.598,10.099 55.864,11.34 56.094,12.049L57.21,15.416L53.916,15.416L55.031,12.049C55.279,11.34 55.563,10.099 55.563,10.099L55.598,10.099Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
19
|
+
<path d="M63.659,14.193C63.659,18.144 66.509,20.71 69.823,20.71C72.162,20.71 73.473,19.365 73.473,19.365L73.508,19.365C73.508,19.364 73.491,19.63 73.491,19.895L73.491,20.498L75.437,20.498L75.437,13.875L71.453,13.875L71.453,15.839L73.384,15.839L73.384,17.31C73.384,17.31 72.126,18.622 70.23,18.622C67.874,18.622 66.013,16.849 66.013,14.123C66.013,11.748 67.519,9.798 70.337,9.798C72.339,9.798 73.685,11.004 73.685,11.004L74.818,9.303C74.818,9.303 73.225,7.71 70.142,7.71C66.403,7.71 63.659,10.543 63.659,14.193Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
20
|
+
<path d="M79.744,20.498L87.553,20.498L87.553,18.534L82.027,18.534L82.027,15.148L86.26,15.148L86.26,13.184L82.027,13.184L82.027,9.887L87.27,9.887L87.27,7.923L79.744,7.923L79.744,20.498Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
21
|
+
<path d="M91.701,20.498L93.984,20.498L93.984,13.254C93.984,12.51 93.86,11.306 93.86,11.306L93.895,11.306C93.895,11.306 94.462,12.528 94.941,13.254L99.708,20.498L101.973,20.498L101.973,7.923L99.708,7.923L99.708,15.184C99.708,15.928 99.832,17.133 99.832,17.133L99.796,17.133C99.796,17.133 99.229,15.911 98.751,15.184L93.984,7.923L91.701,7.923L91.701,20.498Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
22
|
+
<path d="M109.539,20.498L111.822,20.498L111.822,9.887L115.949,9.887L115.949,7.923L105.412,7.923L105.412,9.887L109.539,9.887L109.539,20.498Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
23
|
+
<rect x="119.388" y="7.923" width="2.283" height="12.575" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
24
|
+
<path d="M125.765,14.157C125.765,17.86 128.42,20.71 132.264,20.71C135.47,20.71 137.206,18.675 137.206,18.675L136.002,17.028C136.002,17.028 134.532,18.622 132.353,18.622C129.731,18.622 128.119,16.514 128.119,14.122C128.119,11.783 129.678,9.798 132.335,9.798C134.337,9.798 135.772,11.127 135.772,11.127L136.87,9.427C136.87,9.427 135.293,7.71 132.229,7.71C128.526,7.71 125.765,10.507 125.765,14.157Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
25
|
+
<path d="M146.296,14.139C146.296,17.807 149.093,20.71 152.778,20.71C154.249,20.71 155.578,20.268 156.623,19.472L158.022,20.852L159.331,19.401L157.916,18.126C158.747,17.028 159.296,15.663 159.296,14.139C159.296,10.525 156.499,7.71 152.778,7.71C149.093,7.71 146.296,10.525 146.296,14.139ZM148.65,14.139C148.65,11.641 150.475,9.798 152.778,9.798C155.117,9.798 156.942,11.641 156.942,14.139C156.942,15.025 156.676,15.876 156.251,16.567L154.887,15.203L153.576,16.638L154.975,17.967C154.373,18.374 153.54,18.622 152.778,18.622C150.475,18.622 148.65,16.709 148.65,14.139Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
26
|
+
<path d="M170.881,20.498L173.237,20.498L168.809,7.923L166.418,7.923L161.991,20.498L164.346,20.498L165.409,17.274L169.819,17.274L170.881,20.498ZM167.64,10.099C167.64,10.099 167.906,11.34 168.136,12.049L169.252,15.416L165.958,15.416L167.074,12.049C167.322,11.34 167.605,10.099 167.605,10.099L167.64,10.099Z" style="fill:rgb(34,34,34);fill-rule:nonzero;"/>
|
|
27
|
+
<g>
|
|
28
|
+
<path d="M20,0C9.096,-0.067 0.068,8.85 -0,19.754L-0,20.246C0.005,22.486 0.396,24.708 1.156,26.814L12.517,26.814L12.517,26.814L19.797,26.813C19.857,26.814 19.918,26.815 19.978,26.815C23.716,26.815 26.791,23.74 26.791,20.003C26.791,20.002 26.791,20.002 26.791,20.001C26.79,19.188 26.643,18.381 26.357,17.62L28.681,14.874C29.601,16.429 30.086,18.203 30.086,20.01C30.086,25.436 25.709,29.94 20.285,30.094L19.638,30.09L2.686,30.105C6.279,36.227 12.867,40 19.966,40C30.851,40 39.846,31.13 40,20.246L40,19.754C39.932,8.85 30.904,-0.067 20,0ZM21.55,13.373C21.034,13.249 20.504,13.185 19.973,13.183C19.972,13.183 19.972,13.183 19.972,13.183C16.232,13.183 13.155,16.26 13.155,19.999C13.155,21.516 13.661,22.989 14.593,24.186C14.6,24.195 14.605,24.207 14.605,24.219C14.605,24.247 14.581,24.27 14.553,24.27C14.553,24.27 14.553,24.27 14.553,24.27L10.818,24.27C10.192,22.93 9.867,21.469 9.867,19.99C9.867,14.448 14.426,9.888 19.968,9.888C21.298,9.888 22.616,10.151 23.844,10.662L21.55,13.373ZM26.737,14.882C26.427,15.192 26.005,15.366 25.567,15.366C24.659,15.366 23.912,14.619 23.912,13.711C23.912,12.803 24.659,12.056 25.567,12.056C26.005,12.056 26.427,12.231 26.737,12.541C27.047,12.851 27.222,13.272 27.222,13.711C27.222,14.15 27.047,14.571 26.737,14.882L26.737,14.882Z" style="fill:rgb(121,84,255);fill-rule:nonzero;"/>
|
|
29
|
+
</g>
|
|
30
|
+
<path d="M26.357,17.62C27.294,20.115 26.681,22.94 24.794,24.822C23.477,26.149 21.666,26.871 19.797,26.813L1.533,26.841L1.534,26.842L1.172,26.842C1.579,27.984 2.091,29.085 2.702,30.132L19.638,30.09L20.285,30.094C25.709,29.94 30.086,25.436 30.086,20.01C30.086,18.203 29.601,16.429 28.681,14.874L26.357,17.62ZM14.553,24.27C14.553,24.27 14.553,24.27 14.553,24.27C14.581,24.27 14.605,24.247 14.605,24.219C14.605,24.207 14.6,24.195 14.593,24.186C13.662,22.989 13.156,21.516 13.156,19.999C13.156,16.26 16.233,13.183 19.972,13.183C19.972,13.183 19.973,13.183 19.973,13.183C20.504,13.185 21.034,13.249 21.55,13.373L23.844,10.662C22.616,10.151 21.298,9.888 19.968,9.888C14.426,9.888 9.867,14.448 9.867,19.99C9.867,21.469 10.192,22.93 10.818,24.27L14.553,24.27ZM25.567,12.056C26.48,12.056 27.222,12.798 27.222,13.711C27.222,14.625 26.48,15.366 25.567,15.366C24.653,15.366 23.912,14.625 23.912,13.711C23.912,12.798 24.653,12.056 25.567,12.056Z" style="fill:rgb(120,234,193);"/>
|
|
31
|
+
</g>
|
|
32
|
+
</svg>
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
2
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
3
|
+
<svg width="100%" height="100%" viewBox="0 0 174 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
|
|
4
|
+
<rect id="agenticqa_logo_purpleteal_white" x="0" y="0" width="174" height="40" style="fill:none;"/>
|
|
5
|
+
<clipPath id="_clip1">
|
|
6
|
+
<rect x="0" y="0" width="174" height="40"/>
|
|
7
|
+
</clipPath>
|
|
8
|
+
<g clip-path="url(#_clip1)">
|
|
9
|
+
<g id="Logo-testinator" serif:id="Logo testinator">
|
|
10
|
+
<path d="M49.912,26.09L52.236,26.09C52.696,26.09 53.039,26.109 53.265,26.148C53.491,26.186 53.693,26.266 53.871,26.388C54.05,26.509 54.198,26.671 54.317,26.873C54.436,27.076 54.496,27.302 54.496,27.553C54.496,27.826 54.422,28.075 54.276,28.303C54.129,28.53 53.93,28.701 53.679,28.814C54.033,28.917 54.305,29.093 54.496,29.342C54.686,29.59 54.781,29.882 54.781,30.218C54.781,30.482 54.72,30.739 54.597,30.989C54.474,31.239 54.306,31.438 54.093,31.588C53.881,31.737 53.618,31.829 53.306,31.863C53.111,31.885 52.639,31.898 51.891,31.903L49.912,31.903L49.912,26.09ZM51.086,27.058L51.086,28.402L51.855,28.402C52.312,28.402 52.596,28.395 52.708,28.382C52.908,28.358 53.066,28.289 53.181,28.174C53.296,28.059 53.354,27.908 53.354,27.72C53.354,27.54 53.304,27.394 53.205,27.282C53.106,27.169 52.959,27.101 52.763,27.078C52.647,27.064 52.312,27.058 51.76,27.058L51.086,27.058ZM51.086,29.369L51.086,30.924L52.172,30.924C52.595,30.924 52.863,30.912 52.977,30.888C53.152,30.856 53.294,30.779 53.403,30.656C53.513,30.533 53.568,30.369 53.568,30.162C53.568,29.988 53.526,29.84 53.441,29.718C53.356,29.597 53.234,29.508 53.074,29.453C52.914,29.397 52.567,29.369 52.033,29.369L51.086,29.369Z" style="fill:white;fill-rule:nonzero;"/>
|
|
11
|
+
<path d="M59.004,31.903L59.004,29.457L56.875,26.09L58.251,26.09L59.619,28.39L60.959,26.09L62.311,26.09L60.174,29.465L60.174,31.903L59.004,31.903Z" style="fill:white;fill-rule:nonzero;"/>
|
|
12
|
+
<path d="M69.723,31.903L69.723,27.074L67.998,27.074L67.998,26.09L72.617,26.09L72.617,27.074L70.896,27.074L70.896,31.903L69.723,31.903Z" style="fill:white;fill-rule:nonzero;"/>
|
|
13
|
+
<path d="M75.08,31.903L75.08,26.09L79.39,26.09L79.39,27.074L76.253,27.074L76.253,28.362L79.172,28.362L79.172,29.342L76.253,29.342L76.253,30.924L79.501,30.924L79.501,31.903L75.08,31.903Z" style="fill:white;fill-rule:nonzero;"/>
|
|
14
|
+
<path d="M81.904,30.012L83.046,29.901C83.115,30.284 83.254,30.566 83.464,30.745C83.674,30.925 83.958,31.015 84.315,31.015C84.693,31.015 84.977,30.935 85.169,30.775C85.361,30.615 85.457,30.428 85.457,30.214C85.457,30.076 85.416,29.96 85.336,29.863C85.255,29.767 85.114,29.683 84.913,29.611C84.776,29.564 84.463,29.479 83.974,29.357C83.345,29.202 82.903,29.01 82.649,28.783C82.292,28.463 82.114,28.073 82.114,27.613C82.114,27.317 82.198,27.04 82.366,26.782C82.534,26.524 82.776,26.328 83.091,26.193C83.407,26.059 83.789,25.991 84.235,25.991C84.965,25.991 85.514,26.151 85.883,26.471C86.252,26.791 86.445,27.218 86.464,27.752L85.29,27.803C85.24,27.504 85.132,27.29 84.967,27.159C84.802,27.028 84.554,26.963 84.223,26.963C83.882,26.963 83.615,27.033 83.422,27.173C83.298,27.263 83.236,27.383 83.236,27.534C83.236,27.671 83.294,27.789 83.411,27.886C83.559,28.011 83.918,28.14 84.489,28.275C85.06,28.41 85.482,28.549 85.756,28.693C86.03,28.837 86.244,29.034 86.398,29.284C86.553,29.534 86.63,29.843 86.63,30.21C86.63,30.543 86.538,30.855 86.353,31.146C86.168,31.437 85.906,31.653 85.568,31.794C85.229,31.935 84.808,32.006 84.303,32.006C83.568,32.006 83.004,31.836 82.61,31.497C82.216,31.157 81.981,30.662 81.904,30.012Z" style="fill:white;fill-rule:nonzero;"/>
|
|
15
|
+
<path d="M90.631,31.903L90.631,27.074L88.906,27.074L88.906,26.09L93.526,26.09L93.526,27.074L91.805,27.074L91.805,31.903L90.631,31.903Z" style="fill:white;fill-rule:nonzero;"/>
|
|
16
|
+
<rect x="99.914" y="26.09" width="1.174" height="5.813" style="fill:white;fill-rule:nonzero;"/>
|
|
17
|
+
<path d="M103.673,29.032C103.673,28.44 103.762,27.943 103.939,27.541C104.071,27.245 104.252,26.98 104.48,26.745C104.709,26.509 104.959,26.335 105.232,26.221C105.594,26.068 106.011,25.991 106.485,25.991C107.341,25.991 108.026,26.257 108.54,26.788C109.055,27.319 109.312,28.058 109.312,29.005C109.312,29.943 109.057,30.677 108.546,31.207C108.036,31.737 107.354,32.002 106.5,32.002C105.636,32.002 104.949,31.739 104.439,31.211C103.928,30.684 103.673,29.958 103.673,29.032ZM104.883,28.993C104.883,29.651 105.035,30.15 105.339,30.49C105.643,30.829 106.029,30.999 106.496,30.999C106.964,30.999 107.348,30.831 107.648,30.493C107.948,30.156 108.098,29.651 108.098,28.977C108.098,28.311 107.952,27.814 107.66,27.486C107.368,27.158 106.98,26.994 106.496,26.994C106.013,26.994 105.623,27.16 105.327,27.492C105.031,27.824 104.883,28.324 104.883,28.993Z" style="fill:white;fill-rule:nonzero;"/>
|
|
18
|
+
<path d="M58.839,20.498L61.195,20.498L56.767,7.923L54.376,7.923L49.948,20.498L52.304,20.498L53.367,17.274L57.777,17.274L58.839,20.498ZM55.598,10.099C55.598,10.099 55.864,11.34 56.094,12.049L57.21,15.416L53.916,15.416L55.031,12.049C55.279,11.34 55.563,10.099 55.563,10.099L55.598,10.099Z" style="fill:white;fill-rule:nonzero;"/>
|
|
19
|
+
<path d="M63.659,14.193C63.659,18.144 66.509,20.71 69.823,20.71C72.162,20.71 73.473,19.365 73.473,19.365L73.508,19.365C73.508,19.364 73.491,19.63 73.491,19.895L73.491,20.498L75.437,20.498L75.437,13.875L71.453,13.875L71.453,15.839L73.384,15.839L73.384,17.31C73.384,17.31 72.126,18.622 70.23,18.622C67.874,18.622 66.013,16.849 66.013,14.123C66.013,11.748 67.519,9.798 70.337,9.798C72.339,9.798 73.685,11.004 73.685,11.004L74.818,9.303C74.818,9.303 73.225,7.71 70.142,7.71C66.403,7.71 63.659,10.543 63.659,14.193Z" style="fill:white;fill-rule:nonzero;"/>
|
|
20
|
+
<path d="M79.744,20.498L87.553,20.498L87.553,18.534L82.027,18.534L82.027,15.148L86.26,15.148L86.26,13.184L82.027,13.184L82.027,9.887L87.27,9.887L87.27,7.923L79.744,7.923L79.744,20.498Z" style="fill:white;fill-rule:nonzero;"/>
|
|
21
|
+
<path d="M91.701,20.498L93.984,20.498L93.984,13.254C93.984,12.51 93.86,11.306 93.86,11.306L93.895,11.306C93.895,11.306 94.462,12.528 94.941,13.254L99.708,20.498L101.973,20.498L101.973,7.923L99.708,7.923L99.708,15.184C99.708,15.928 99.832,17.133 99.832,17.133L99.796,17.133C99.796,17.133 99.229,15.911 98.751,15.184L93.984,7.923L91.701,7.923L91.701,20.498Z" style="fill:white;fill-rule:nonzero;"/>
|
|
22
|
+
<path d="M109.539,20.498L111.822,20.498L111.822,9.887L115.949,9.887L115.949,7.923L105.412,7.923L105.412,9.887L109.539,9.887L109.539,20.498Z" style="fill:white;fill-rule:nonzero;"/>
|
|
23
|
+
<rect x="119.388" y="7.923" width="2.283" height="12.575" style="fill:white;fill-rule:nonzero;"/>
|
|
24
|
+
<path d="M125.765,14.157C125.765,17.86 128.42,20.71 132.264,20.71C135.47,20.71 137.206,18.675 137.206,18.675L136.002,17.028C136.002,17.028 134.532,18.622 132.353,18.622C129.731,18.622 128.119,16.514 128.119,14.122C128.119,11.783 129.678,9.798 132.335,9.798C134.337,9.798 135.772,11.127 135.772,11.127L136.87,9.427C136.87,9.427 135.293,7.71 132.229,7.71C128.526,7.71 125.765,10.507 125.765,14.157Z" style="fill:white;fill-rule:nonzero;"/>
|
|
25
|
+
<path d="M146.296,14.139C146.296,17.807 149.093,20.71 152.778,20.71C154.249,20.71 155.578,20.268 156.623,19.472L158.022,20.852L159.331,19.401L157.916,18.126C158.747,17.028 159.296,15.663 159.296,14.139C159.296,10.525 156.499,7.71 152.778,7.71C149.093,7.71 146.296,10.525 146.296,14.139ZM148.65,14.139C148.65,11.641 150.475,9.798 152.778,9.798C155.117,9.798 156.942,11.641 156.942,14.139C156.942,15.025 156.676,15.876 156.251,16.567L154.887,15.203L153.576,16.638L154.975,17.967C154.373,18.374 153.54,18.622 152.778,18.622C150.475,18.622 148.65,16.709 148.65,14.139Z" style="fill:white;fill-rule:nonzero;"/>
|
|
26
|
+
<path d="M170.881,20.498L173.237,20.498L168.809,7.923L166.418,7.923L161.991,20.498L164.346,20.498L165.409,17.274L169.819,17.274L170.881,20.498ZM167.64,10.099C167.64,10.099 167.906,11.34 168.136,12.049L169.252,15.416L165.958,15.416L167.074,12.049C167.322,11.34 167.605,10.099 167.605,10.099L167.64,10.099Z" style="fill:white;fill-rule:nonzero;"/>
|
|
27
|
+
<g>
|
|
28
|
+
<path d="M20,0C9.096,-0.067 0.068,8.85 -0,19.754L-0,20.246C0.005,22.486 0.396,24.708 1.156,26.814L12.517,26.814L12.517,26.814L19.797,26.813C19.857,26.814 19.918,26.815 19.978,26.815C23.716,26.815 26.791,23.74 26.791,20.003C26.791,20.002 26.791,20.002 26.791,20.001C26.79,19.188 26.643,18.381 26.357,17.62L28.681,14.874C29.601,16.429 30.086,18.203 30.086,20.01C30.086,25.436 25.709,29.94 20.285,30.094L19.638,30.09L2.686,30.105C6.279,36.227 12.867,40 19.966,40C30.851,40 39.846,31.13 40,20.246L40,19.754C39.932,8.85 30.904,-0.067 20,0ZM21.55,13.373C21.034,13.249 20.504,13.185 19.973,13.183C19.972,13.183 19.972,13.183 19.972,13.183C16.232,13.183 13.155,16.26 13.155,19.999C13.155,21.516 13.661,22.989 14.593,24.186C14.6,24.195 14.605,24.207 14.605,24.219C14.605,24.247 14.581,24.27 14.553,24.27C14.553,24.27 14.553,24.27 14.553,24.27L10.818,24.27C10.192,22.93 9.867,21.469 9.867,19.99C9.867,14.448 14.426,9.888 19.968,9.888C21.298,9.888 22.616,10.151 23.844,10.662L21.55,13.373ZM26.737,14.882C26.427,15.192 26.005,15.366 25.567,15.366C24.659,15.366 23.912,14.619 23.912,13.711C23.912,12.803 24.659,12.056 25.567,12.056C26.005,12.056 26.427,12.231 26.737,12.541C27.047,12.851 27.222,13.272 27.222,13.711C27.222,14.15 27.047,14.571 26.737,14.882L26.737,14.882Z" style="fill:rgb(121,84,255);fill-rule:nonzero;"/>
|
|
29
|
+
</g>
|
|
30
|
+
<path d="M26.357,17.62C27.294,20.115 26.681,22.94 24.794,24.822C23.477,26.149 21.666,26.871 19.797,26.813L1.533,26.841L1.534,26.842L1.172,26.842C1.579,27.984 2.091,29.085 2.702,30.132L19.638,30.09L20.285,30.094C25.709,29.94 30.086,25.436 30.086,20.01C30.086,18.203 29.601,16.429 28.681,14.874L26.357,17.62ZM14.553,24.27C14.553,24.27 14.553,24.27 14.553,24.27C14.581,24.27 14.605,24.247 14.605,24.219C14.605,24.207 14.6,24.195 14.593,24.186C13.662,22.989 13.156,21.516 13.156,19.999C13.156,16.26 16.233,13.183 19.972,13.183C19.972,13.183 19.973,13.183 19.973,13.183C20.504,13.185 21.034,13.249 21.55,13.373L23.844,10.662C22.616,10.151 21.298,9.888 19.968,9.888C14.426,9.888 9.867,14.448 9.867,19.99C9.867,21.469 10.192,22.93 10.818,24.27L14.553,24.27ZM25.567,12.056C26.48,12.056 27.222,12.798 27.222,13.711C27.222,14.625 26.48,15.366 25.567,15.366C24.653,15.366 23.912,14.625 23.912,13.711C23.912,12.798 24.653,12.056 25.567,12.056Z" style="fill:rgb(120,234,193);"/>
|
|
31
|
+
</g>
|
|
32
|
+
</g>
|
|
33
|
+
</svg>
|
|
Binary file
|
|
Binary file
|
|
@@ -121,30 +121,36 @@ document.addEventListener("trix-before-initialize", () => {
|
|
|
121
121
|
|
|
122
122
|
////// ECharts //////
|
|
123
123
|
|
|
124
|
-
import { colorBlueLight, colorInfo } from './modules/colors';
|
|
124
|
+
import { colorBlueLight, colorInfo, colorSuccess, colorLabelBright, colorTealLight, colorLabelDark, colorValueBright, colorValueDark, colorBorderBright, colorBorderDark, colorNeutralBright, colorNeutralDark } from './modules/colors';
|
|
125
125
|
import { createChartHorizontal } from './modules/echarts_horizontal';
|
|
126
126
|
import { createChartDonut } from './modules/echarts_donut';
|
|
127
127
|
import { createChartGauge } from './modules/echarts_gauge';
|
|
128
128
|
import { createChartArea } from './modules/echarts_area';
|
|
129
129
|
import { createChartVertical } from './modules/echarts_vertical';
|
|
130
|
+
import { createChartLine } from './modules/echarts_line';
|
|
130
131
|
|
|
131
132
|
import { echartsSeriesFew, echartsSeriesMany } from './modules/echarts_exampleseries';
|
|
132
133
|
|
|
133
134
|
import { dataFeaturesFew, dataFeaturesMany, dataBugs, dataBugsFew, dataBugsCategories, dataBugsCategoriesFew, dataTestCases, dataGaugeSuccess, dataGaugeDanger, dataGaugeInfo, dataAreaValues, dataAreaMonths, dataFeaturesManyNumbers } from './modules/echarts_exampledata';
|
|
134
135
|
|
|
135
|
-
createChartVertical("echarts-bar-vertical-1", dataBugs, dataBugsCategories);
|
|
136
|
-
createChartVertical("echarts-bar-vertical-
|
|
137
|
-
createChartVertical("echarts-bar-vertical-
|
|
138
|
-
createChartVertical("echarts-bar-vertical-
|
|
139
|
-
createChartVertical("echarts-bar-vertical-2-fixed", dataBugsFew, dataBugsCategoriesFew, 10);
|
|
140
|
-
createChartVertical("echarts-bar-vertical-3-fixed", dataFeaturesManyNumbers, dataFeaturesMany, 10);
|
|
141
|
-
createChartHorizontal("echarts-bar-horizontal-1", dataFeaturesFew, echartsSeriesFew, false);
|
|
142
|
-
createChartHorizontal("echarts-bar-horizontal-2", dataFeaturesMany, echartsSeriesMany, true);
|
|
143
|
-
|
|
144
|
-
createChartDonut("echarts-donut-
|
|
145
|
-
createChartDonut("echarts-donut-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
createChartGauge("echarts-gauge-
|
|
149
|
-
|
|
150
|
-
|
|
136
|
+
createChartVertical("echarts-bar-vertical-1", dataBugs, dataBugsCategories, colorLabelBright, colorValueBright);
|
|
137
|
+
createChartVertical("echarts-bar-vertical-1-dark", dataBugs, dataBugsCategories, colorLabelDark, colorValueDark);
|
|
138
|
+
createChartVertical("echarts-bar-vertical-2", dataBugsFew, dataBugsCategoriesFew, colorLabelBright, colorValueBright);
|
|
139
|
+
createChartVertical("echarts-bar-vertical-3", dataFeaturesManyNumbers, dataFeaturesMany, colorLabelBright, colorValueBright);
|
|
140
|
+
createChartVertical("echarts-bar-vertical-2-fixed", dataBugsFew, dataBugsCategoriesFew, colorLabelBright, colorValueBright, 10);
|
|
141
|
+
createChartVertical("echarts-bar-vertical-3-fixed", dataFeaturesManyNumbers, dataFeaturesMany, colorLabelBright, colorValueBright,10);
|
|
142
|
+
createChartHorizontal("echarts-bar-horizontal-1", dataFeaturesFew, echartsSeriesFew, false, colorLabelBright, colorValueBright);
|
|
143
|
+
createChartHorizontal("echarts-bar-horizontal-2", dataFeaturesMany, echartsSeriesMany, true, colorLabelBright, colorValueBright);
|
|
144
|
+
createChartHorizontal("echarts-bar-horizontal-2-dark", dataFeaturesMany, echartsSeriesMany, true, colorLabelDark, colorValueDark);
|
|
145
|
+
createChartDonut("echarts-donut-1", dataBugs, "340", "Bugs", false, colorLabelBright, colorValueBright);
|
|
146
|
+
createChartDonut("echarts-donut-2", dataBugs, "9999", "label with a lot of text to show how things break", true, colorLabelBright, colorValueBright);
|
|
147
|
+
createChartDonut("echarts-donut-2-dark", dataBugs, "9999", "label with a lot of text to show how things break", true, colorLabelDark, colorValueDark);
|
|
148
|
+
createChartDonut("echarts-donut-testcases", dataTestCases, "100", "Test Cases", false, colorLabelBright, colorValueBright);
|
|
149
|
+
createChartGauge("echarts-gauge-1", dataGaugeSuccess, colorLabelBright, colorValueBright, colorNeutralBright);
|
|
150
|
+
createChartGauge("echarts-gauge-1-dark", dataGaugeSuccess, colorLabelDark, colorValueDark, colorNeutralDark);
|
|
151
|
+
createChartGauge("echarts-gauge-2", dataGaugeDanger, colorLabelBright, colorValueBright, colorNeutralBright);
|
|
152
|
+
createChartGauge("echarts-gauge-3", dataGaugeInfo, colorLabelBright, colorValueBright, colorNeutralBright);
|
|
153
|
+
createChartArea("echarts-area-1", dataAreaMonths, dataAreaValues, colorBlueLight, colorLabelBright, colorValueBright, colorBorderBright);
|
|
154
|
+
createChartArea("echarts-area-2", dataAreaMonths, dataAreaValues, colorTealLight, colorLabelDark, colorValueDark, colorBorderDark);
|
|
155
|
+
createChartLine("echarts-line-1", dataAreaMonths, dataAreaValues, colorBlueLight, colorLabelBright, colorValueBright, colorBorderBright);
|
|
156
|
+
createChartLine("echarts-line-2", dataAreaMonths, dataAreaValues, colorTealLight, colorLabelDark, colorValueDark, colorBorderDark);
|
|
@@ -6,6 +6,14 @@ export const colorContent = '#326dd1';
|
|
|
6
6
|
export const colorUX = '#263340';
|
|
7
7
|
export const colorSuccess = '#8cbd24';
|
|
8
8
|
export const colorDanger = '#FF3131';
|
|
9
|
-
export const
|
|
9
|
+
export const colorNeutralBright = '#bfc1c5';
|
|
10
|
+
export const colorNeutralDark = '#343A40';
|
|
10
11
|
export const colorInfo = '#326dd1';
|
|
11
|
-
export const colorBlueLight = '#21bef4';
|
|
12
|
+
export const colorBlueLight = '#21bef4';
|
|
13
|
+
export const colorBorderBright = '#e6e6e6';
|
|
14
|
+
export const colorBorderDark = '#262626';
|
|
15
|
+
export const colorLabelBright = '#5f656d';
|
|
16
|
+
export const colorLabelDark = '#bfc1c5';
|
|
17
|
+
export const colorValueBright = '#1d1d1d';
|
|
18
|
+
export const colorValueDark = '#ffffff';
|
|
19
|
+
export const colorTealLight = '#6ddeba';
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import * as echarts from 'echarts';
|
|
4
4
|
|
|
5
|
-
export function createChartArea (target, targetDataX, targetDataY, chartColor) {
|
|
5
|
+
export function createChartArea (target, targetDataX, targetDataY, chartColor, labelColor, valueColor, borderColor) {
|
|
6
6
|
var chartHeight = 190;
|
|
7
7
|
var dom = document.getElementById(target);
|
|
8
8
|
var myChartArea = echarts.init(dom, null, {
|
|
@@ -29,7 +29,8 @@ export function createChartArea (target, targetDataX, targetDataY, chartColor) {
|
|
|
29
29
|
},
|
|
30
30
|
axisLabel: {
|
|
31
31
|
show: true,
|
|
32
|
-
margin: 15
|
|
32
|
+
margin: 15,
|
|
33
|
+
color: labelColor,
|
|
33
34
|
},
|
|
34
35
|
axisTick: {
|
|
35
36
|
show: false
|
|
@@ -37,7 +38,8 @@ export function createChartArea (target, targetDataX, targetDataY, chartColor) {
|
|
|
37
38
|
splitLine: {
|
|
38
39
|
show: true,
|
|
39
40
|
lineStyle: {
|
|
40
|
-
type: 'dashed'
|
|
41
|
+
type: 'dashed',
|
|
42
|
+
color: borderColor
|
|
41
43
|
}
|
|
42
44
|
}
|
|
43
45
|
},
|
|
@@ -52,7 +54,8 @@ export function createChartArea (target, targetDataX, targetDataY, chartColor) {
|
|
|
52
54
|
type: 'line',
|
|
53
55
|
lineStyle: {
|
|
54
56
|
width: 1,
|
|
55
|
-
color: chartColor
|
|
57
|
+
color: chartColor,
|
|
58
|
+
borderColor: borderColor
|
|
56
59
|
},
|
|
57
60
|
areaStyle: {
|
|
58
61
|
opacity: 1,
|
|
@@ -71,10 +74,11 @@ export function createChartArea (target, targetDataX, targetDataY, chartColor) {
|
|
|
71
74
|
itemStyle: {
|
|
72
75
|
borderWidth: 2,
|
|
73
76
|
color: chartColor,
|
|
74
|
-
borderColor:
|
|
77
|
+
borderColor: borderColor
|
|
75
78
|
},
|
|
76
79
|
label: {
|
|
77
|
-
show: true
|
|
80
|
+
show: true,
|
|
81
|
+
color: valueColor,
|
|
78
82
|
},
|
|
79
83
|
areaStyle: {
|
|
80
84
|
opacity: 0
|
|
@@ -4,12 +4,26 @@ import * as echarts from 'echarts';
|
|
|
4
4
|
import { echartsLegend, legendHeight } from './echarts_legend';
|
|
5
5
|
|
|
6
6
|
var legendOptions;
|
|
7
|
-
export function createChartDonut (target, targetData, valueText, labelText, showLegend) {
|
|
7
|
+
export function createChartDonut (target, targetData, valueText, labelText, showLegend, labelColor, valueColor) {
|
|
8
8
|
var chartHeight = 190;
|
|
9
9
|
var chartPlusLegendHeight;
|
|
10
10
|
if (showLegend) {
|
|
11
11
|
chartPlusLegendHeight = chartHeight + legendHeight,
|
|
12
|
-
legendOptions =
|
|
12
|
+
legendOptions = {
|
|
13
|
+
type: echartsLegend.type,
|
|
14
|
+
orient: echartsLegend.orient,
|
|
15
|
+
padding: echartsLegend.padding,
|
|
16
|
+
icon: echartsLegend.icon,
|
|
17
|
+
itemGap: echartsLegend.itemGap,
|
|
18
|
+
itemHeight: echartsLegend.itemHeight,
|
|
19
|
+
itemWidth: echartsLegend.itemWidth,
|
|
20
|
+
height: echartsLegend.height,
|
|
21
|
+
left: echartsLegend.left,
|
|
22
|
+
bottom: echartsLegend.bottom,
|
|
23
|
+
textStyle:{
|
|
24
|
+
color:labelColor
|
|
25
|
+
},
|
|
26
|
+
}
|
|
13
27
|
} else {
|
|
14
28
|
chartPlusLegendHeight = chartHeight,
|
|
15
29
|
legendOptions = null
|
|
@@ -37,14 +51,16 @@ export function createChartDonut (target, targetData, valueText, labelText, show
|
|
|
37
51
|
textStyle: {
|
|
38
52
|
fontSize: 60,
|
|
39
53
|
lineHeight: 60,
|
|
40
|
-
fontWeight: "lighter"
|
|
54
|
+
fontWeight: "lighter",
|
|
55
|
+
color: valueColor
|
|
41
56
|
},
|
|
42
57
|
subtextStyle: {
|
|
43
58
|
overflow: "break",
|
|
44
59
|
width: 100,
|
|
45
60
|
top: 50,
|
|
46
61
|
fontSize: 11,
|
|
47
|
-
lineHeight: 12
|
|
62
|
+
lineHeight: 12,
|
|
63
|
+
color: labelColor
|
|
48
64
|
}
|
|
49
65
|
},
|
|
50
66
|
tooltips: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { colorCritical, colorHigh, colorLow, colorContent, colorVisual, colorUX, colorSuccess, colorDanger, colorInfo,
|
|
1
|
+
import { colorCritical, colorHigh, colorLow, colorContent, colorVisual, colorUX, colorSuccess, colorDanger, colorInfo, colorNeutralBright } from './colors';
|
|
2
2
|
|
|
3
3
|
export let dataAreaValues = [
|
|
4
4
|
{ value: 79, name: 'Critical'},
|
|
@@ -102,5 +102,5 @@ export let dataGaugeInfo = [
|
|
|
102
102
|
export let dataTestCases = [
|
|
103
103
|
{ value: 50, name: 'Passed', itemStyle: {color: colorSuccess}},
|
|
104
104
|
{ value: 23, name: 'Failed', itemStyle: {color: colorDanger}},
|
|
105
|
-
{ value: 27, name: 'Open', itemStyle: {color:
|
|
105
|
+
{ value: 27, name: 'Open', itemStyle: {color: colorNeutralBright}},
|
|
106
106
|
];
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
////// Gauge chart
|
|
2
2
|
|
|
3
3
|
import * as echarts from 'echarts';
|
|
4
|
-
import { colorSuccess, colorDanger, colorNeutral } from './colors';
|
|
5
4
|
|
|
6
|
-
export function createChartGauge (target, targetData) {
|
|
5
|
+
export function createChartGauge (target, targetData, labelColor, valueColor, neutralColor) {
|
|
7
6
|
var chartHeight = 190;
|
|
8
7
|
var dom = document.getElementById(target);
|
|
9
8
|
var myChartGauge = echarts.init(dom, null, {
|
|
@@ -33,7 +32,7 @@ export function createChartGauge (target, targetData) {
|
|
|
33
32
|
lineStyle: {
|
|
34
33
|
width: 10,
|
|
35
34
|
color: [
|
|
36
|
-
[1,
|
|
35
|
+
[1, neutralColor ]
|
|
37
36
|
]
|
|
38
37
|
}
|
|
39
38
|
},
|
|
@@ -53,7 +52,7 @@ export function createChartGauge (target, targetData) {
|
|
|
53
52
|
offsetCenter: [0, 35],
|
|
54
53
|
fontSize: 11,
|
|
55
54
|
lineHeight: 12,
|
|
56
|
-
color:
|
|
55
|
+
color: labelColor,
|
|
57
56
|
},
|
|
58
57
|
detail: {
|
|
59
58
|
top: 10,
|
|
@@ -61,7 +60,8 @@ export function createChartGauge (target, targetData) {
|
|
|
61
60
|
formatter: '{value}%',
|
|
62
61
|
fontSize: 60,
|
|
63
62
|
lineHeight: 60,
|
|
64
|
-
fontWeight: "lighter"
|
|
63
|
+
fontWeight: "lighter",
|
|
64
|
+
color: valueColor,
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
67
|
]
|
|
@@ -4,12 +4,26 @@ import * as echarts from 'echarts';
|
|
|
4
4
|
import { echartsLegend, legendHeight } from './echarts_legend';
|
|
5
5
|
|
|
6
6
|
var legendOptions;
|
|
7
|
-
export function createChartHorizontal (target, targetData, targetSeries, showLegend) {
|
|
7
|
+
export function createChartHorizontal (target, targetData, targetSeries, showLegend, labelColor, valueColor) {
|
|
8
8
|
var chartHeight = targetData.length * 20;
|
|
9
9
|
var chartPlusLegendHeight;
|
|
10
10
|
if (showLegend) {
|
|
11
11
|
chartPlusLegendHeight = chartHeight + legendHeight,
|
|
12
|
-
legendOptions =
|
|
12
|
+
legendOptions = {
|
|
13
|
+
type: echartsLegend.type,
|
|
14
|
+
orient: echartsLegend.orient,
|
|
15
|
+
padding: echartsLegend.padding,
|
|
16
|
+
icon: echartsLegend.icon,
|
|
17
|
+
itemGap: echartsLegend.itemGap,
|
|
18
|
+
itemHeight: echartsLegend.itemHeight,
|
|
19
|
+
itemWidth: echartsLegend.itemWidth,
|
|
20
|
+
height: echartsLegend.height,
|
|
21
|
+
left: echartsLegend.left,
|
|
22
|
+
bottom: echartsLegend.bottom,
|
|
23
|
+
textStyle:{
|
|
24
|
+
color:labelColor
|
|
25
|
+
},
|
|
26
|
+
}
|
|
13
27
|
} else {
|
|
14
28
|
chartPlusLegendHeight = chartHeight + 0,
|
|
15
29
|
legendOptions = null
|
|
@@ -67,7 +81,8 @@ export function createChartHorizontal (target, targetData, targetSeries, showLeg
|
|
|
67
81
|
overflow: "truncate",
|
|
68
82
|
ellipsis: '…',
|
|
69
83
|
hideOverlap: false,
|
|
70
|
-
interval: 0
|
|
84
|
+
interval: 0,
|
|
85
|
+
color: labelColor,
|
|
71
86
|
}
|
|
72
87
|
},
|
|
73
88
|
series: targetSeries
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
////// Line chart
|
|
2
|
+
|
|
3
|
+
import * as echarts from 'echarts';
|
|
4
|
+
|
|
5
|
+
export function createChartLine (target, targetDataX, targetDataY, chartColor, labelColor, valueColor, borderColor) {
|
|
6
|
+
var chartHeight = 190;
|
|
7
|
+
var dom = document.getElementById(target);
|
|
8
|
+
var myChartLine = echarts.init(dom, null, {
|
|
9
|
+
renderer: 'canvas',
|
|
10
|
+
useDirtyRect: false,
|
|
11
|
+
height: chartHeight
|
|
12
|
+
});
|
|
13
|
+
var optionLine;
|
|
14
|
+
var optionLine = {
|
|
15
|
+
grid: {
|
|
16
|
+
show: false,
|
|
17
|
+
zlevel: 0,
|
|
18
|
+
top: 30,
|
|
19
|
+
right: 20,
|
|
20
|
+
left: 20,
|
|
21
|
+
bottom: 30
|
|
22
|
+
},
|
|
23
|
+
xAxis: {
|
|
24
|
+
boundaryGap: false,
|
|
25
|
+
zlevel: 2,
|
|
26
|
+
data: targetDataX,
|
|
27
|
+
axisLine: {
|
|
28
|
+
show: false
|
|
29
|
+
},
|
|
30
|
+
axisLabel: {
|
|
31
|
+
show: true,
|
|
32
|
+
margin: 15,
|
|
33
|
+
color: labelColor,
|
|
34
|
+
},
|
|
35
|
+
axisTick: {
|
|
36
|
+
show: false
|
|
37
|
+
},
|
|
38
|
+
},
|
|
39
|
+
yAxis: {
|
|
40
|
+
show: false,
|
|
41
|
+
min: 0,
|
|
42
|
+
max: targetDataY
|
|
43
|
+
},
|
|
44
|
+
series: [
|
|
45
|
+
{
|
|
46
|
+
data: targetDataY,
|
|
47
|
+
type: 'line',
|
|
48
|
+
lineStyle: {
|
|
49
|
+
width: 1,
|
|
50
|
+
color: chartColor,
|
|
51
|
+
borderColor: borderColor
|
|
52
|
+
},
|
|
53
|
+
zlevel: 1
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
data: targetDataY,
|
|
57
|
+
type: 'line',
|
|
58
|
+
lineStyle: {
|
|
59
|
+
width: 1
|
|
60
|
+
},
|
|
61
|
+
symbol: 'circle',
|
|
62
|
+
symbolSize: 10,
|
|
63
|
+
itemStyle: {
|
|
64
|
+
borderWidth: 2,
|
|
65
|
+
color: chartColor,
|
|
66
|
+
borderColor: borderColor
|
|
67
|
+
},
|
|
68
|
+
label: {
|
|
69
|
+
show: true,
|
|
70
|
+
color: valueColor,
|
|
71
|
+
},
|
|
72
|
+
zlevel: 3
|
|
73
|
+
}
|
|
74
|
+
]
|
|
75
|
+
};
|
|
76
|
+
|
|
77
|
+
if (optionLine && typeof optionLine === 'object') {
|
|
78
|
+
myChartLine.setOption(optionLine);
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
window.addEventListener('resize', myChartLine.resize);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import * as echarts from 'echarts';
|
|
4
4
|
|
|
5
|
-
export function createChartVertical (target, targetDataY, targetDataX, itemWidth) {
|
|
5
|
+
export function createChartVertical (target, targetDataY, targetDataX, labelColor, valueColor, itemWidth) {
|
|
6
6
|
var chartHeight = 200;
|
|
7
7
|
var labelHeight = 20;
|
|
8
8
|
var dom = document.getElementById(target);
|
|
@@ -50,7 +50,8 @@ export function createChartVertical (target, targetDataY, targetDataX, itemWidth
|
|
|
50
50
|
overflow: "truncate",
|
|
51
51
|
ellipsis: '…',
|
|
52
52
|
hideOverlap: true,
|
|
53
|
-
interval: 0
|
|
53
|
+
interval: 0,
|
|
54
|
+
color: labelColor,
|
|
54
55
|
}
|
|
55
56
|
},
|
|
56
57
|
yAxis: {
|
|
@@ -66,7 +67,8 @@ export function createChartVertical (target, targetDataY, targetDataX, itemWidth
|
|
|
66
67
|
show: true,
|
|
67
68
|
position: 'center',
|
|
68
69
|
verticalAlign: 'top',
|
|
69
|
-
offset: [0, -15]
|
|
70
|
+
offset: [0, -15],
|
|
71
|
+
color: valueColor,
|
|
70
72
|
}
|
|
71
73
|
}
|
|
72
74
|
]
|
|
@@ -165,12 +165,12 @@
|
|
|
165
165
|
@apply inline-block h-icon bg-primary;
|
|
166
166
|
content: "";
|
|
167
167
|
width: 14px;
|
|
168
|
-
mask-image: url("/assets/images/arrow-down.svg");
|
|
168
|
+
mask-image: url("/assets/images/icons/arrow-down.svg");
|
|
169
169
|
mask-repeat: no-repeat;
|
|
170
170
|
}
|
|
171
171
|
|
|
172
172
|
details.card-section[open] .btn-collapse::before {
|
|
173
|
-
mask-image: url("/assets/images/arrow-up.svg");
|
|
173
|
+
mask-image: url("/assets/images/icons/arrow-up.svg");
|
|
174
174
|
}
|
|
175
175
|
|
|
176
176
|
details.card-section[open] .card-section-header {
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
--color-gray-200: #e6e6e6;
|
|
9
9
|
--color-gray-300: #bfc1c5;
|
|
10
10
|
--color-gray-400: #9fa2a8;
|
|
11
|
-
--color-gray-500: #
|
|
11
|
+
--color-gray-500: #888888;
|
|
12
12
|
--color-gray-600: #5f656d;
|
|
13
13
|
--color-gray-700: #343A40;
|
|
14
14
|
--color-gray-800: #262626;
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
--color-gray-lighter: #e6e6e6;
|
|
18
18
|
--color-gray-light: #bfc1c5;
|
|
19
19
|
--color-gray-DEFAULT: #9fa2a8;
|
|
20
|
-
--color-gray-dark: #
|
|
20
|
+
--color-gray-dark: #888888;
|
|
21
21
|
--color-gray-darker: #5f656d;
|
|
22
22
|
--color-gray-darkest: #262626;
|
|
23
23
|
--color-red-200: #FF3131;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
---
|
|
2
|
+
tags: agenticqa
|
|
3
|
+
title: Agentic QA assets
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
.grid.gap-md.grid-cols-2{class:"xl:grid-cols-3 2xl:grid-cols-4"}
|
|
7
|
+
%a.block{href:"/assets/images/assets_agenticqa/agenticqa_email_header.png"}
|
|
8
|
+
%img.bg-gray-lightest.p-md{src:"/assets/images/assets_agenticqa/agenticqa_email_header.png"}
|
|
9
|
+
.text-xs.mt-2 Email header PNG
|
|
10
|
+
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
---
|
|
2
|
-
tags:
|
|
2
|
+
tags: agenticqa
|
|
3
3
|
title: Email Template
|
|
4
4
|
---
|
|
5
5
|
|
|
6
|
-
<a class="btn btn-primary" href="/email-
|
|
6
|
+
<a class="btn btn-primary" href="/email-agenticqa">Show email template</a>
|
|
7
7
|
|
|
8
|
-
{% set collection = collections.
|
|
8
|
+
{% set collection = collections.agenticqaEmail %}
|
|
9
9
|
{%- for section in collection -%}
|
|
10
10
|
<details class="mt-3">
|
|
11
11
|
<summary class="btn btn-sm btn-gray">
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
---
|
|
2
|
+
tags: agenticqa
|
|
3
|
+
title: Agentic QA logo
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
.grid.gap-md.grid-cols-2{class:"xl:grid-cols-3 2xl:grid-cols-4"}
|
|
7
|
+
%a.block{href:"/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_white_1000px.png"}
|
|
8
|
+
%img.bg-gray-lightest.p-md{src:"/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_white_1000px.png"}
|
|
9
|
+
.text-xs.mt-2 Logo horizontal white PNG
|
|
10
|
+
%a.block{href:"/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_white.svg"}
|
|
11
|
+
%img.bg-gray-lightest.p-md{src:"/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_white.svg"}
|
|
12
|
+
.text-xs.mt-2 Logo horizontal white SVG
|
|
13
|
+
%a.block{href:"/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_black_1000px.png"}
|
|
14
|
+
%img.bg-gray-lightest.p-md{src:"/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_black_1000px.png"}
|
|
15
|
+
.text-xs.mt-2 Logo horizontal black PNG
|
|
16
|
+
%a.block{href:"/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_black.svg"}
|
|
17
|
+
%img.bg-gray-lightest.p-md{src:"/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_black.svg"}
|
|
18
|
+
.text-xs.mt-2 Logo horizontal black SVG
|