testio-tailwind 0.2.0 → 0.2.2

package/src/assets/scripts/modules/echarts_area.js

@@ -1,94 +1,94 @@
-////// Area chart
-
-import * as echarts from 'echarts';
-
-export function createChartArea (target, targetDataX, targetDataY, chartColor) {
-  var chartHeight = 190;
-  var dom = document.getElementById(target);
-  var myChartArea = echarts.init(dom, null, {
-    renderer: 'canvas',
-    useDirtyRect: false,
-    height: chartHeight
-  });
-  var optionArea;
-  var optionArea = {
-    grid: {
-      show: false,
-      zlevel: 0,
-      top: 30,
-      right: 20,
-      left: 20,
-      bottom: 30
-    },
-    xAxis: {
-      boundaryGap: false,
-      zlevel: 2,
-      data: targetDataX,
-      axisLine: {
-        show: false
-      },
-      axisLabel: {
-        show: true,
-        margin: 15
-      },
-      axisTick: {
-        show: false
-      },
-      splitLine: {
-        show: true,
-        lineStyle: {
-          type: 'dashed'
-        }
-      }
-    },
-    yAxis: {
-      show: false,
-      min: 0,
-      max: targetDataY
-    },
-    series: [
-      {
-        data: targetDataY,
-        type: 'line',
-        lineStyle: {
-          width: 1,
-          color: chartColor
-        },
-        areaStyle: {
-          opacity: 1,
-          color: chartColor
-        },
-        zlevel: 1
-      },
-      {
-        data: targetDataY,
-        type: 'line',
-        lineStyle: {
-          width: 0
-        },
-        symbol: 'circle',
-        symbolSize: 10,
-        itemStyle: {
-          borderWidth: 2,
-          color: chartColor,
-          borderColor: '#ffffff'
-        },
-        label: {
-          show: true
-        },
-        areaStyle: {
-          opacity: 0
-        },
-        zlevel: 3
-      }
-    ]
-  };
-  
-  if (optionArea && typeof optionArea === 'object') {
-    myChartArea.setOption(optionArea);
-  }
-  
-  window.addEventListener('resize', myChartArea.resize);
-}
-
-
+////// Area chart
+
+import * as echarts from 'echarts';
+
+export function createChartArea (target, targetDataX, targetDataY, chartColor) {
+  var chartHeight = 190;
+  var dom = document.getElementById(target);
+  var myChartArea = echarts.init(dom, null, {
+    renderer: 'canvas',
+    useDirtyRect: false,
+    height: chartHeight
+  });
+  var optionArea;
+  var optionArea = {
+    grid: {
+      show: false,
+      zlevel: 0,
+      top: 30,
+      right: 20,
+      left: 20,
+      bottom: 30
+    },
+    xAxis: {
+      boundaryGap: false,
+      zlevel: 2,
+      data: targetDataX,
+      axisLine: {
+        show: false
+      },
+      axisLabel: {
+        show: true,
+        margin: 15
+      },
+      axisTick: {
+        show: false
+      },
+      splitLine: {
+        show: true,
+        lineStyle: {
+          type: 'dashed'
+        }
+      }
+    },
+    yAxis: {
+      show: false,
+      min: 0,
+      max: targetDataY
+    },
+    series: [
+      {
+        data: targetDataY,
+        type: 'line',
+        lineStyle: {
+          width: 1,
+          color: chartColor
+        },
+        areaStyle: {
+          opacity: 1,
+          color: chartColor
+        },
+        zlevel: 1
+      },
+      {
+        data: targetDataY,
+        type: 'line',
+        lineStyle: {
+          width: 0
+        },
+        symbol: 'circle',
+        symbolSize: 10,
+        itemStyle: {
+          borderWidth: 2,
+          color: chartColor,
+          borderColor: '#ffffff'
+        },
+        label: {
+          show: true
+        },
+        areaStyle: {
+          opacity: 0
+        },
+        zlevel: 3
+      }
+    ]
+  };
+  
+  if (optionArea && typeof optionArea === 'object') {
+    myChartArea.setOption(optionArea);
+  }
+  
+  window.addEventListener('resize', myChartArea.resize);
+}
+
+

package/src/assets/scripts/modules/echarts_donut.js

@@ -1,85 +1,85 @@
-////// Donut chart
-
-import * as echarts from 'echarts';
-import { echartsLegend, legendHeight } from './echarts_legend';
-
-var legendOptions;
-export function createChartDonut (target, targetData, valueText, labelText, showLegend) {
-  var chartHeight = 190;
-  var chartPlusLegendHeight;
-  if (showLegend) {
-    chartPlusLegendHeight = chartHeight + legendHeight,
-    legendOptions = echartsLegend
-  } else {
-    chartPlusLegendHeight = chartHeight,
-    legendOptions = null
-  }
-  var dom = document.getElementById(target);
-  var myChartDonut = echarts.init(dom, null, {
-    renderer: 'canvas',
-    useDirtyRect: false,
-    height: chartPlusLegendHeight
-  });
-  var optionDonut;
-  var optionDonut = {
-    tooltip: {
-      trigger: 'item'
-    },
-    layout: {
-    },
-    title: {
-      text: valueText,
-      subtext: labelText,
-      left: "center",
-      top: 60,
-      textVerticalAlign: "top",
-      itemGap: 0,
-      textStyle: {
-        fontSize: 60,
-        lineHeight: 60,
-        fontWeight: "lighter"
-      },
-      subtextStyle: {
-        overflow: "break",
-        width: 100,
-        top: 50,
-        fontSize: 11,
-        lineHeight: 12
-      }
-    },
-    tooltips: {
-      enabled: false
-    },
-    aspectRatio: 1,
-    legend: legendOptions,
-    series: [
-      {
-        type: 'pie',
-        radius: ['80', '90'],
-        avoidLabelOverlap: false,
-        height: chartHeight,
-        top: 0,
-        center: ['50%', '50%'],
-        label: {
-          show: false,
-          position: 'center'
-        },
-        emphasis: {
-          label: {
-            show: false
-          }
-        },
-        labelLine: {
-          show: false
-        },
-        data: targetData
-      }
-    ]
-  };
-  
-  if (optionDonut && typeof optionDonut === 'object') {
-    myChartDonut.setOption(optionDonut);
-  }
-  
-  window.addEventListener('resize', myChartDonut.resize);
-}
+////// Donut chart
+
+import * as echarts from 'echarts';
+import { echartsLegend, legendHeight } from './echarts_legend';
+
+var legendOptions;
+export function createChartDonut (target, targetData, valueText, labelText, showLegend) {
+  var chartHeight = 190;
+  var chartPlusLegendHeight;
+  if (showLegend) {
+    chartPlusLegendHeight = chartHeight + legendHeight,
+    legendOptions = echartsLegend
+  } else {
+    chartPlusLegendHeight = chartHeight,
+    legendOptions = null
+  }
+  var dom = document.getElementById(target);
+  var myChartDonut = echarts.init(dom, null, {
+    renderer: 'canvas',
+    useDirtyRect: false,
+    height: chartPlusLegendHeight
+  });
+  var optionDonut;
+  var optionDonut = {
+    tooltip: {
+      trigger: 'item'
+    },
+    layout: {
+    },
+    title: {
+      text: valueText,
+      subtext: labelText,
+      left: "center",
+      top: 60,
+      textVerticalAlign: "top",
+      itemGap: 0,
+      textStyle: {
+        fontSize: 60,
+        lineHeight: 60,
+        fontWeight: "lighter"
+      },
+      subtextStyle: {
+        overflow: "break",
+        width: 100,
+        top: 50,
+        fontSize: 11,
+        lineHeight: 12
+      }
+    },
+    tooltips: {
+      enabled: false
+    },
+    aspectRatio: 1,
+    legend: legendOptions,
+    series: [
+      {
+        type: 'pie',
+        radius: ['80', '90'],
+        avoidLabelOverlap: false,
+        height: chartHeight,
+        top: 0,
+        center: ['50%', '50%'],
+        label: {
+          show: false,
+          position: 'center'
+        },
+        emphasis: {
+          label: {
+            show: false
+          }
+        },
+        labelLine: {
+          show: false
+        },
+        data: targetData
+      }
+    ]
+  };
+  
+  if (optionDonut && typeof optionDonut === 'object') {
+    myChartDonut.setOption(optionDonut);
+  }
+  
+  window.addEventListener('resize', myChartDonut.resize);
+}

package/src/assets/scripts/modules/echarts_exampledata.js

@@ -1,106 +1,106 @@
-import { colorCritical, colorHigh, colorLow, colorContent, colorVisual, colorUX, colorSuccess, colorDanger, colorInfo, colorNeutral } from './colors';
-
-export let dataAreaValues = [
-  { value: 79, name: 'Critical'},
-  { value: 37, name: 'High'},
-  { value: 19, name: 'Low'},
-  { value: 99, name: 'Visual'},
-  { value: 53, name: 'Content'},
-  { value: 66, name: 'UX'}
-];
-
-export let dataAreaMonths = [
-  { value: 'Jun'},
-  { value: 'Jul'},
-  { value: 'Aug'},
-  { value: 'Sep'},
-  { value: 'Oct'},
-  { value: 'Nov'}
-];
-
-export let dataBugs = [
-  { value: 79, name: 'Critical', itemStyle: {color: colorCritical}},
-  { value: 37, name: 'High', itemStyle: {color: colorHigh}},
-  { value: 19, name: 'Low', itemStyle: {color: colorLow}},
-  { value: 99, name: 'Visual', itemStyle: {color: colorVisual}},
-  { value: 53, name: 'Content', itemStyle: {color: colorContent}},
-  { value: 53, name: 'UX', itemStyle: {color: colorUX}},
-];
-
-export let dataBugsFew = [
-  { value: 79, name: 'Critical', itemStyle: {color: colorCritical}},
-  { value: 37, name: 'High', itemStyle: {color: colorHigh}},
-  { value: 19, name: 'Low', itemStyle: {color: colorLow}}
-];
-
-export let dataBugsCategories = [
-  { value:'Critical'},
-  { value: 'High'},
-  { value: 'Low'},
-  { value: 'Visual'},
-  { value: 'Content'},
-  { value: 'UX'}
-];
-
-export let dataBugsCategoriesFew = [
-  { value:'Critical'},
-  { value: 'High'},
-  { value: 'Low'}
-];
-
-export let dataFeaturesFew = [
-  'Feature A', 
-  'Feature B', 
-  'ABC'
-]
-
-export let dataFeaturesManyNumbers = [
-  8, 33, 64, 23, 55, 77, 39, 57
-];
-
-export let dataFeaturesMany = [
-  'Feature A', 
-  'Feature B', 
-  'Feature with a very long name', 
-  'Feature with an even longer name', 
-  'ABC', 
-  'ZDF', 
-  'WWW',
-  'Just another feature name'
-];
-
-export let dataGaugeSuccess = [
-  {
-    value: 89,
-    name: 'Success',
-    itemStyle: {
-      color: colorSuccess
-    }
-  },
-];
-
-export let dataGaugeDanger = [
-  {
-    value: 23,
-    name: 'Danger',
-    itemStyle: {
-      color: colorDanger
-    }
-  },
-];
-
-export let dataGaugeInfo = [
-  {
-    value: 50,
-    name: 'Info',
-    itemStyle: {
-      color: colorInfo
-    }
-  },
-];
-
-export let dataTestCases = [
-  { value: 50, name: 'Passed', itemStyle: {color: colorSuccess}},
-  { value: 23, name: 'Failed', itemStyle: {color: colorDanger}},
-  { value: 27, name: 'Open', itemStyle: {color: colorNeutral}},
+import { colorCritical, colorHigh, colorLow, colorContent, colorVisual, colorUX, colorSuccess, colorDanger, colorInfo, colorNeutral } from './colors';
+
+export let dataAreaValues = [
+  { value: 79, name: 'Critical'},
+  { value: 37, name: 'High'},
+  { value: 19, name: 'Low'},
+  { value: 99, name: 'Visual'},
+  { value: 53, name: 'Content'},
+  { value: 66, name: 'UX'}
+];
+
+export let dataAreaMonths = [
+  { value: 'Jun'},
+  { value: 'Jul'},
+  { value: 'Aug'},
+  { value: 'Sep'},
+  { value: 'Oct'},
+  { value: 'Nov'}
+];
+
+export let dataBugs = [
+  { value: 79, name: 'Critical', itemStyle: {color: colorCritical}},
+  { value: 37, name: 'High', itemStyle: {color: colorHigh}},
+  { value: 19, name: 'Low', itemStyle: {color: colorLow}},
+  { value: 99, name: 'Visual', itemStyle: {color: colorVisual}},
+  { value: 53, name: 'Content', itemStyle: {color: colorContent}},
+  { value: 53, name: 'UX', itemStyle: {color: colorUX}},
+];
+
+export let dataBugsFew = [
+  { value: 79, name: 'Critical', itemStyle: {color: colorCritical}},
+  { value: 37, name: 'High', itemStyle: {color: colorHigh}},
+  { value: 19, name: 'Low', itemStyle: {color: colorLow}}
+];
+
+export let dataBugsCategories = [
+  { value:'Critical'},
+  { value: 'High'},
+  { value: 'Low'},
+  { value: 'Visual'},
+  { value: 'Content'},
+  { value: 'UX'}
+];
+
+export let dataBugsCategoriesFew = [
+  { value:'Critical'},
+  { value: 'High'},
+  { value: 'Low'}
+];
+
+export let dataFeaturesFew = [
+  'Feature A', 
+  'Feature B', 
+  'ABC'
+]
+
+export let dataFeaturesManyNumbers = [
+  8, 33, 64, 23, 55, 77, 39, 57
+];
+
+export let dataFeaturesMany = [
+  'Feature A', 
+  'Feature B', 
+  'Feature with a very long name', 
+  'Feature with an even longer name', 
+  'ABC', 
+  'ZDF', 
+  'WWW',
+  'Just another feature name'
+];
+
+export let dataGaugeSuccess = [
+  {
+    value: 89,
+    name: 'Success',
+    itemStyle: {
+      color: colorSuccess
+    }
+  },
+];
+
+export let dataGaugeDanger = [
+  {
+    value: 23,
+    name: 'Danger',
+    itemStyle: {
+      color: colorDanger
+    }
+  },
+];
+
+export let dataGaugeInfo = [
+  {
+    value: 50,
+    name: 'Info',
+    itemStyle: {
+      color: colorInfo
+    }
+  },
+];
+
+export let dataTestCases = [
+  { value: 50, name: 'Passed', itemStyle: {color: colorSuccess}},
+  { value: 23, name: 'Failed', itemStyle: {color: colorDanger}},
+  { value: 27, name: 'Open', itemStyle: {color: colorNeutral}},
 ];