@simple-reporting/base 0.0.1

package/dev/src/components/SrlPage/KFCApplication/services/xlsxParser.ts

@@ -0,0 +1,194 @@
+import * as XLSX from 'xlsx'
+
+const reservedColumnKeywords = [
+  'CHART',
+  'SERIES',
+  'CATEGORY_COLOR',
+  'FOOTNOTE',
+  'YAXIS_NAME',
+  'TITLE'
+]
+
+const languageIndexMap = {}
+
+async function generateKFCJson(languages) {
+  const response = await fetch(`./downloads/de/mehrjahresvergleich.xlsx`)
+  const arrayBuffer = await response.arrayBuffer()
+  const parsedExcel = XLSX.readFile(arrayBuffer, { type: 'array', codepage: 65001 })
+
+  const charts = []
+
+  for (let index = 0; index < parsedExcel.SheetNames.length; index++) {
+    const sheetName = parsedExcel.SheetNames[index]
+    const sheet = parsedExcel.Sheets[sheetName]
+    const sheetCSVData = XLSX.utils.sheet_to_csv(sheet, { blankrows: false, FS: ';' })
+    const chart = sheetToJson(
+      sheetName,
+      sheetCSVData.split('\n').map((data) => data.split(';')),
+      [...languages]
+    )
+    charts.push(chart)
+  }
+
+  return charts
+}
+
+function languageIndex(languages, chartConfiguration) {
+  if (!chartConfiguration) return
+  languages.forEach((language) => {
+    chartConfiguration.find((value, languageIndex) => {
+      if (value === `name_${language}`) {
+        languageIndexMap[language] = languageIndex
+        return true
+      }
+      return false
+    })
+  })
+}
+
+function parseFootnotes(csvData, footnoteStartIndex) {
+  const footnotes = []
+
+  for (let index = footnoteStartIndex + 1; index < csvData.length; index++) {
+    const row = csvData[index]
+    if (reservedColumnKeywords.includes(row[0])) {
+      index = csvData.length
+    } else {
+      footnotes.push(row)
+    }
+  }
+
+  return footnotes.map((footnote) => {
+    const footnoteValues = {}
+    Object.keys(languageIndexMap).forEach((key) => {
+      footnoteValues[key] = footnote[languageIndexMap[key]]
+    })
+
+    return {
+      key: footnote[0],
+      value: footnoteValues
+    }
+  })
+}
+
+function parseSeries(csvData, seriesStartIndex) {
+  const seriesRows = []
+
+  for (let index = seriesStartIndex; index < csvData.length; index++) {
+    const row = csvData[index]
+    if (reservedColumnKeywords.includes(row[0]) && row[0] !== 'SERIES') {
+      index = csvData.length
+    } else {
+      seriesRows.push(row)
+    }
+  }
+
+  return seriesRows.map((row) => {
+    const labelMap = {}
+
+    const seriesData = row.filter((column, columnIndex) => {
+      if (columnIndex > lastLanguageIndex()) return true
+      return false
+    })
+
+    Object.keys(languageIndexMap).forEach((key) => {
+      labelMap[key] = row[languageIndexMap[key]]
+    })
+
+    return {
+      label: labelMap,
+      data: seriesData.map((d) => parseFloat(d)),
+      type: row[1],
+      colorIndex: row[2],
+      stack: parseInt(row[3]),
+      yAxis: parseInt(row[4]),
+      defaultVisible: row[5] === 'true'
+    }
+  })
+}
+
+function lastLanguageIndex() {
+  return Math.max(...Object.keys(languageIndexMap).map((key) => languageIndexMap[key]))
+}
+
+function parseCategories(chartConfiguration) {
+  return chartConfiguration.filter((column, columnIndex) => {
+    return columnIndex > lastLanguageIndex()
+  })
+}
+
+function parseChartColors(chartColorConfiguration) {
+  return chartColorConfiguration.filter((column, columnIndex) => {
+    return columnIndex > lastLanguageIndex()
+  })
+}
+
+function parseChartTitle(titleConfiguration) {
+  const titleMap = {}
+
+  Object.keys(languageIndexMap).forEach((key) => {
+    titleMap[key] = titleConfiguration[languageIndexMap[key]]
+  })
+
+  return titleMap
+}
+
+function parseYaxisLabels(csvData) {
+  const yAxis = [{}, {}]
+  const yAxisStartIndex = csvData.indexOf(csvData.find((r) => r[0] === 'YAXIS_NAME')) + 1
+
+  for (let index = yAxisStartIndex; index < csvData.length; index++) {
+    const row = csvData[index]
+    if (reservedColumnKeywords.includes(row[0])) {
+      index = csvData.length
+    } else {
+      yAxis[row[0]] = row
+    }
+  }
+
+  return yAxis
+    .sort((columnsA, columnsB) => {
+      if (parseInt(columnsA[0]) < parseInt(columnsB[0])) return -1
+      if (parseInt(columnsA[0]) > parseInt(columnsB[0])) return 1
+      return 0
+    })
+    .map((d) => {
+      const axis = {}
+
+      Object.keys(languageIndexMap).forEach((key) => {
+        axis[key] = d[languageIndexMap[key]]
+      })
+      return axis
+    })
+}
+
+function sheetToJson(sheetName, csvData, languages) {
+  const chartConfiguration = csvData.find((r) => r[0] === 'CHART')
+  const categoryColorConfiguration = csvData.find((r) => r[0] === 'CATEGORY_COLOR')
+  if (!chartConfiguration) return
+  languageIndex(languages, chartConfiguration)
+  const titleConfiguration = csvData[csvData.indexOf(csvData.find((r) => r[0] === 'TITLE')) + 1]
+  const footnoteStartIndex = csvData.indexOf(csvData.find((r) => r[0] === 'FOOTNOTE'))
+  const seriesStartIndex = csvData.indexOf(csvData.find((r) => r[0] === 'SERIES'))
+
+  const series = parseSeries(csvData, seriesStartIndex)
+  const categories = parseCategories(chartConfiguration)
+  const yAxisLabels = parseYaxisLabels(csvData)
+
+  return {
+    id: sheetName.replaceAll(' ', ''),
+    title: parseChartTitle(titleConfiguration),
+    footnotes: parseFootnotes(csvData, footnoteStartIndex),
+    swapColors: parseChartColors(categoryColorConfiguration),
+    series: series,
+    categories: categories,
+    defaultActiveSeries: series
+      .map((serie, serieIndex) => (serie.defaultVisible ? serieIndex : -1))
+      .filter((d) => d >= 0),
+    defaultActiveCategories: categories.map((c, i) => i),
+    yAxisLabel0: yAxisLabels[0],
+    yAxisLabel1: yAxisLabels[1] || {}
+  }
+}
+
+export default generateKFCJson

package/dev/src/components/SrlPage/KFCApplication/theme/SvgColumnView.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg
+    version="1.1"
+    id="col-chart"
+    xmlns="http://www.w3.org/2000/svg"
+    x="0"
+    y="0"
+    viewBox="0 0 16 16"
+    style="enable-background: new 0 0 16 16; width: 20px; height: 20px"
+    xml:space="preserve"
+  >
+    <g id="Desktop_Mehrjahresvergleich" transform="translate(-307 -853)">
+      <g id="Group-3" transform="translate(307 853)">
+        <path
+          id="Stroke-1"
+          class="st0"
+          style="fill: none; stroke: currentColor"
+          d="M16 15.5H.5V0"
+        ></path>
+      </g>
+    </g>
+    <path
+      class="st0"
+      style="fill: none; stroke: currentColor"
+      d="M8.5 0v15.5M4 7v8.5M13 2.9v12.6"
+    ></path>
+  </svg>
+</template>

package/dev/src/components/SrlPage/KFCApplication/theme/SvgDownloadChart.vue

@@ -0,0 +1,26 @@
+<template>
+  <svg
+    version="1.1"
+    id="chart-dl"
+    xmlns="http://www.w3.org/2000/svg"
+    x="0"
+    y="0"
+    viewBox="0 0 16 16"
+    style="enable-background: new 0 0 16 16; width: 20px; height: 20px"
+    xml:space="preserve"
+  >
+    <path id="Stroke-3" class="st0" style="fill: none; stroke: currentColor" d="M8 12V0"></path>
+    <path
+      id="Stroke-5"
+      class="st0"
+      style="fill: none; stroke: currentColor"
+      d="M12.4 8 8 12 3.6 8"
+    ></path>
+    <path
+      id="Stroke-1"
+      class="st0"
+      style="fill: none; stroke: currentColor"
+      d="M15.5 11.5v4H.5v-4"
+    ></path>
+  </svg>
+</template>

package/dev/src/components/SrlPage/KFCApplication/theme/SvgDropdown.vue

@@ -0,0 +1,18 @@
+<template>
+  <svg
+    width="11"
+    height="7"
+    viewBox="0 0 11 7"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    class="svg-kfc-dropdown"
+  >
+    <path
+      d="M1.75 1.33331L5.75 5.33331L9.75 1.33331"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>

package/dev/src/components/SrlPage/KFCApplication/theme/SvgIndexedValues.vue

@@ -0,0 +1,18 @@
+<template>
+  <svg
+    version="1.1"
+    id="kfc-svg-indexed-values"
+    xmlns="http://www.w3.org/2000/svg"
+    x="0"
+    y="0"
+    viewBox="0 0 16 16"
+    style="enable-background: new 0 0 16 16; width: 16px; height: 16px"
+    xml:space="preserve"
+  >
+    <path
+      class="st0"
+      d="M3 8h10M8 .8v5.5M5.2 3.6 8 .8l2.8 2.8M8 15.2V9.7M10.8 12.5 8 15.3l-2.8-2.8"
+      style="fill: none; stroke: currentColor"
+    ></path>
+  </svg>
+</template>

package/dev/src/components/SrlPage/KFCApplication/theme/SvgLegendSwap.vue

@@ -0,0 +1,18 @@
+<template>
+  <svg
+    version="1.1"
+    id="svg-kfc-legend-swap"
+    xmlns="http://www.w3.org/2000/svg"
+    x="0"
+    y="0"
+    viewBox="0 0 16 16"
+    style="enable-background: new 0 0 16 16; width: 16px; height: 16px"
+    xml:space="preserve"
+  >
+    <path
+      style="fill: none; stroke: currentColor"
+      class="st0"
+      d="M16 6.5H1.2l4.1-4M0 9.5h14.8l-4.1 4"
+    ></path>
+  </svg>
+</template>

package/dev/src/components/SrlPage/KFCApplication/theme/SvgLineView.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg
+    version="1.1"
+    id="line-chart"
+    xmlns="http://www.w3.org/2000/svg"
+    x="0"
+    y="0"
+    viewBox="0 0 16 16"
+    style="enable-background: new 0 0 16 16; width: 20px; height: 20px"
+    xml:space="preserve"
+  >
+    <g id="Desktop_Mehrjahresvergleich" transform="translate(-307 -853)">
+      <g id="Group-3" transform="translate(307 853)">
+        <path
+          id="Stroke-1"
+          class="st0"
+          style="fill: none; stroke: currentColor"
+          d="M16 15.5H.5V0"
+        ></path>
+      </g>
+    </g>
+    <path
+      class="st0"
+      style="fill: none; stroke: currentColor"
+      d="m.5 10.2 2.6-2.6 3.2 3.3 5.1-5 1.7 1.7 2.4-2.4"
+    ></path>
+  </svg>
+</template>

package/dev/src/components/SrlPage/KFCApplication/theme/SvgPDFChart.vue

@@ -0,0 +1,26 @@
+<template>
+  <svg
+    id="svg-kfc-print"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 16 16"
+    style="enable-background: new 0 0 16 16; width: 16px; height: 16px"
+    xml:space="preserve"
+  >
+    <path class="st0" style="fill: none; stroke: currentColor" d="M4 12H.5V4h15v8h-3.4"></path>
+    <path
+      class="st1"
+      style="fill: none; stroke: currentColor; stroke-width: 0.9267"
+      d="M4 9.5h8v6H4z"
+    ></path>
+    <path
+      class="st2"
+      style="fill: none; stroke: currentColor; stroke-width: 1.0025"
+      d="M4 4.5v-4h6.6L12 2v2.5"
+    ></path>
+    <path
+      class="st3"
+      style="fill: none; stroke: currentColor; stroke-width: 0.9935"
+      d="M6 12.5h4"
+    ></path>
+  </svg>
+</template>

package/dev/src/components/SrlPage/KFCApplication/theme/SvgPrintChart.vue

@@ -0,0 +1,33 @@
+<template>
+  <svg
+    version="1.1"
+    id="svg-kfc-export"
+    xmlns="http://www.w3.org/2000/svg"
+    x="0"
+    y="0"
+    viewBox="0 0 16 16"
+    style="enable-background: new 0 0 16 16; height: 20px; width: 20px"
+    xml:space="preserve"
+  >
+    <g id="Group-17" transform="translate(866 776)">
+      <path
+        id="Stroke-1"
+        class="st0"
+        style="fill: none; stroke: currentColor"
+        d="m-853-763.2-2.9-5.8-2.3 4.4-2.4-2.4-2.4 4"
+      ></path>
+      <path
+        id="Stroke-2"
+        class="st0"
+        style="fill: none; stroke: currentColor"
+        d="M-865.5-760.5h15v-15h-15z"
+      ></path>
+      <path
+        id="Stroke-4"
+        class="st0"
+        style="fill: none; stroke: currentColor"
+        d="M-860-771.5c0 .8-.7 1.5-1.5 1.5s-1.5-.7-1.5-1.5.7-1.5 1.5-1.5 1.5.7 1.5 1.5z"
+      ></path>
+    </g>
+  </svg>
+</template>

package/dev/src/components/SrlPage/KFCApplication/theme/SvgTableView.vue

@@ -0,0 +1,67 @@
+<template>
+  <svg
+    version="1.1"
+    id="svg-kfc-table"
+    xmlns="http://www.w3.org/2000/svg"
+    x="0"
+    y="0"
+    viewBox="0 0 16 16"
+    style="enable-background: new 0 0 16 16; width: 20px; height: 20px"
+    xml:space="preserve"
+  >
+    <g id="Desktop">
+      <g id="Desktop_Mehrjahresvergleich" transform="translate(-425 -851)">
+        <g id="Group-11" transform="translate(426 851)">
+          <path
+            id="Line-12"
+            class="st0"
+            style="fill: none; stroke: currentColor; stroke-linecap: square"
+            d="M6.1.5h8.4"
+          ></path>
+          <path
+            id="Line-12-Copy"
+            style="fill: none; stroke: currentColor; stroke-linecap: square"
+            class="st0"
+            d="M6.1 5.5h8.4"
+          ></path>
+          <path
+            id="Line-12-Copy-2"
+            style="fill: none; stroke: currentColor; stroke-linecap: square"
+            class="st0"
+            d="M6.1 10.5h8.4"
+          ></path>
+          <path
+            id="Line-12-Copy-3"
+            style="fill: none; stroke: currentColor; stroke-linecap: square"
+            class="st0"
+            d="M6.1 15.5h8.4"
+          ></path>
+          <path
+            id="Line-12_1_"
+            style="fill: none; stroke: currentColor; stroke-linecap: square"
+            class="st0"
+            d="M-.5.5h3.8"
+          ></path>
+          <path
+            id="Line-12-Copy_1_"
+            style="fill: none; stroke: currentColor; stroke-linecap: square"
+            class="st0"
+            d="M-.5 5.5h3.8"
+          ></path>
+          <path
+            id="Line-12-Copy-2_1_"
+            style="fill: none; stroke: currentColor; stroke-linecap: square"
+            class="st0"
+            d="M-.5 10.5h3.8"
+          ></path>
+          <path
+            id="Line-12-Copy-3_1_"
+            style="fill: none; stroke: currentColor; stroke-linecap: square"
+            class="st0"
+            d="M-.5 15.5h3.8"
+          ></path>
+        </g>
+      </g>
+    </g>
+  </svg>
+</template>