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.
Files changed (49) hide show
  1. package/package.json +1 -1
  2. package/src/_includes/header.njk +2 -2
  3. package/src/assets/images/assets_agenticqa/agenticqa_email_header.png +0 -0
  4. package/src/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_black.png +0 -0
  5. package/src/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_black.svg +32 -0
  6. package/src/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_black_1000px.png +0 -0
  7. package/src/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_black_3000px.png +0 -0
  8. package/src/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_white.png +0 -0
  9. package/src/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_white.svg +33 -0
  10. package/src/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_white_1000px.png +0 -0
  11. package/src/assets/images/logo_agenticqa/agenticqa_logo_purpleteal_white_3000px.png +0 -0
  12. package/src/assets/scripts/app.js +23 -17
  13. package/src/assets/scripts/modules/colors.js +10 -2
  14. package/src/assets/scripts/modules/echarts_area.js +10 -6
  15. package/src/assets/scripts/modules/echarts_donut.js +20 -4
  16. package/src/assets/scripts/modules/echarts_exampledata.js +2 -2
  17. package/src/assets/scripts/modules/echarts_gauge.js +5 -5
  18. package/src/assets/scripts/modules/echarts_horizontal.js +18 -3
  19. package/src/assets/scripts/modules/echarts_line.js +84 -0
  20. package/src/assets/scripts/modules/echarts_vertical.js +5 -3
  21. package/src/assets/stylesheets/components/customer/customer_productcards.css +2 -2
  22. package/src/assets/stylesheets/components/list_item.css +4 -0
  23. package/src/assets/stylesheets/tailwind_config.css +2 -2
  24. package/src/pages/agenticqa/assets.haml +10 -0
  25. package/src/pages/{testinator → agenticqa}/email.njk +3 -3
  26. package/src/pages/agenticqa/index.njk +7 -0
  27. package/src/pages/agenticqa/logo.haml +18 -0
  28. package/src/pages/charts/area.haml +21 -17
  29. package/src/pages/charts/bar_horizontal.haml +369 -220
  30. package/src/pages/charts/bar_vertical.haml +373 -367
  31. package/src/pages/charts/colors.haml +28 -0
  32. package/src/pages/charts/donut.haml +81 -16
  33. package/src/pages/charts/gauge.haml +40 -1
  34. package/src/pages/charts/legend.haml +22 -0
  35. package/src/pages/charts/line.haml +205 -0
  36. package/src/pages/colors.pug +2 -2
  37. package/src/pages/email-templates/{email_testinator.pug → email_agenticqa.pug} +14 -14
  38. package/src/static/app.bundled.js +19 -8
  39. package/index.html +0 -405
  40. package/src/assets/images/assets_testinator/testinator_email_header.png +0 -0
  41. package/src/assets/images/logo_testinator/testinator_logo_purpleteal_black.png +0 -0
  42. package/src/assets/images/logo_testinator/testinator_logo_purpleteal_black.svg +0 -33
  43. package/src/assets/images/logo_testinator/testinator_logo_purpleteal_black_1000px.png +0 -0
  44. package/src/assets/images/logo_testinator/testinator_logo_purpleteal_white.png +0 -0
  45. package/src/assets/images/logo_testinator/testinator_logo_purpleteal_white.svg +0 -33
  46. package/src/assets/images/logo_testinator/testinator_logo_purpleteal_white_1000px.png +0 -0
  47. package/src/pages/testinator/assets.haml +0 -10
  48. package/src/pages/testinator/index.njk +0 -7
  49. package/src/pages/testinator/logo.haml +0 -18
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "testio-tailwind",
3
- "version": "3.2.0",
3
+ "version": "3.4.0",
4
4
  "description": "Tailwind based design system for Test IO",
5
5
  "scripts": {
6
6
  "clean": "del dist --force",
@@ -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="/testinator" class="dropdown-link">Testinator</a>
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="/testinator" class="navlink">Testinator</a>
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>
@@ -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>
@@ -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>
@@ -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-2", dataBugsFew, dataBugsCategoriesFew);
137
- createChartVertical("echarts-bar-vertical-3", dataFeaturesManyNumbers, dataFeaturesMany);
138
- createChartVertical("echarts-bar-vertical-1-fixed", dataBugs, dataBugsCategories, 10);
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
- createChartDonut("echarts-donut-1", dataBugs, "340", "Bugs", false);
144
- createChartDonut("echarts-donut-2", dataBugs, "9999", "label with a lot of text to show how things break", true);
145
- createChartDonut("echarts-donut-testcases", dataTestCases, "100", "Test Cases", false);
146
- createChartGauge("echarts-gauge-1", dataGaugeSuccess);
147
- createChartGauge("echarts-gauge-2", dataGaugeDanger);
148
- createChartGauge("echarts-gauge-3", dataGaugeInfo);
149
- createChartArea("echarts-area-1", dataAreaMonths, dataAreaValues, colorBlueLight);
150
- createChartArea("echarts-area-2", dataAreaMonths, dataAreaValues, colorInfo);
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 colorNeutral = '#e6e6e6';
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: '#ffffff'
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 = echartsLegend
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, colorNeutral } from './colors';
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: colorNeutral}},
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, colorNeutral ]
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: inherit,
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 = echartsLegend
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 {
@@ -149,6 +149,10 @@ a.listitem:hover {
149
149
  @apply max-w-full;
150
150
  }
151
151
 
152
+ .listitem-card pre {
153
+ @apply whitespace-break-spaces select-all;
154
+ }
155
+
152
156
  .listitem-subheadline {
153
157
  @apply mb-xs text-label font-semibold uppercase;
154
158
  }
@@ -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: #7c8188;
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: #7c8188;
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: testinator
2
+ tags: agenticqa
3
3
  title: Email Template
4
4
  ---
5
5
 
6
- <a class="btn btn-primary" href="/email-testinator">Show email template</a>
6
+ <a class="btn btn-primary" href="/email-agenticqa">Show email template</a>
7
7
 
8
- {% set collection = collections.testinatorEmail %}
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,7 @@
1
+ ---
2
+ layout: base
3
+ permalink: agenticqa/
4
+ ---
5
+
6
+ {% set collection = collections.agenticqa %}
7
+ {% include "page-with-sidebar-nocode.njk" %}
@@ -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