npm - @opengis/bi - Versions diffs - 1.0.24 → 1.0.25 - Mend

@opengis/bi 1.0.24 → 1.0.25

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 (48) hide show

package/server/templates/page/login.html ADDED Viewed

@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en" dir="">
+<head>
+    <!-- scripts -->
+    <script src="https://cdn.tailwindcss.com"></script>
+</head>
+<body  class="bg-[#f3f4f6] flex items-center flex-1 w-full h-[100vh] overflow-x-hidden min-h-full ">
+    <main class="w-full">
+    <div class="flex w-full max-w-sm mx-auto overflow-hidden bg-white rounded-lg shadow-lg dark:bg-gray-800 lg:max-w-4xl">
+<div class="hidden bg-left bg-cover lg:block lg:w-1/2" style="background-image: url('https://media.istockphoto.com/id/1296381479/vector/set-of-simple-infographic-graphs-and-charts-data-visualization-statistics-and-business.jpg?s=612x612&w=0&k=20&c=JpEoP-6w16OwVC49Sq2PEI8-dHF1CZnm7rHyL5DoxqA=');"></div>
+<div class="w-full px-6 py-8 md:px-8 lg:w-1/2">
+<div class="flex justify-center mx-auto">
+    <img  width="300" height="100"  src="https://cdn.softpro.ua/data/icons/logo-softpro.png" alt="logo">
+</div>
+<p class="mt-3 mb-[32px] text-xl text-center text-gray-600 dark:text-gray-200">
+    Аналітичний модуль
+</p>
+<form action="/api/login" method="get" >
+<div class="mt-4">
+    <label class="block mb-2 text-sm font-medium text-gray-600 dark:text-gray-200" for="LoggingEmailAddress">Електронна пошта</label>
+    <input name="username" id="LoggingEmailAddress" class="block w-full px-4 py-2 text-gray-700 bg-white border rounded-lg dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring focus:ring-blue-300" type="text">
+</div>
+<div class="mt-4">
+    <div class="flex justify-between">
+        <label class="block mb-2 text-sm font-medium text-gray-600 dark:text-gray-200" for="loggingPassword">Пароль</label>
+        <!-- <a class="text-xs text-gray-500 dark:text-gray-300 hover:underline">Forget Password?</a> -->
+    </div>
+    <input id="loggingPassword" name="password"   class="block w-full px-4 py-2 text-gray-700 bg-white border rounded-lg dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring focus:ring-blue-300" type="password">
+</div>
+<div class="mt-6">
+    <button type="submit"   class="w-full px-6 py-3 text-sm font-medium tracking-wide text-white capitalize transition-colors duration-300 transform bg-gray-800 rounded-lg hover:bg-gray-700 focus:outline-none focus:ring focus:ring-gray-300 focus:ring-opacity-50">
+         Увійти
+    </button>
+</div>
+</form>
+</div>
+</div>
+    </main>
+</body>
+<script>
+    const error = location.search.includes('wrong_pass')
+    if (error) {
+        document.getElementById('login_error').innerHTML = 'Не вірний користувач або пароль';
+    }
+</script>
+</html>

package/server/utils/getWidget.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { getTemplate, getPGAsync, pgClients } from '@opengis/fastify-table/utils.js';
+import { getTemplate, getPGAsync, pgClients, getMeta } from '@opengis/fastify-table/utils.js';
 import mdToHTML from '../helpers/mdToHTML.js';
-async function getWidget({ dashboard, widget }) {
+async function getWidget({ pg: pg1 = pgClients.client, dashboard, widget }) {
   if (!dashboard && !widget) {
     return { message: `not enough params: dashboard / widget`, status: 400 };
   }
@@ -10,20 +10,21 @@ async function getWidget({ dashboard, widget }) {
     ? await getTemplate('dashboard', dashboard)
     : null;
+  const dashboardData1 = await pg1.query(`select db, table_name, widgets as "dashboardWidgets" from bi.dashboard where dashboard_id=$1`, [dashboard])
+    .then(el => el.rows?.[0] || {});
+  const { dashboardWidgets = [] } = dashboardData1;
+  const dashboardDb = typeof dashboardData1?.db === 'string' && dashboardData1?.db?.startsWith('{') ? JSON.parse(dashboardData1?.db) : dashboardData1?.db;
   const dashboardIndex = dashboardData?.find((el) => el[0] == 'index.yml')?.[1]; // dashboardData?.find((el) => el[2] == 'index')?.[1]
-  const pg = dashboardIndex?.db ? await getPGAsync(dashboardIndex?.db) : pgClients.client;
+  const pg = dashboardDb || dashboardIndex?.db ? await getPGAsync(dashboardDb || dashboardIndex?.db) : pg1;
   const { id, tableName } =
-    !dashboardData && pg.pk['bi.dashboard'] && dashboard
-      ? await pg
-        .query(
-          `select dashboard_id as id, table_name as "tableName" from bi.dashboard where $1 in (dashboard_id, name)`,
-          [dashboard]
-        )
+    !dashboardData && !dashboardData1 && pg.pk['bi.dashboard'] && dashboard
+      ? await pg1.query(`select dashboard_id as id, table_name as "tableName" from bi.dashboard where $1 in (dashboard_id, name)`, [dashboard])
         .then(el => el.rows?.[0] || {})
       : {};
-  if (!dashboardData && dashboard && !id) {
+  if (!dashboardData && !dashboardData1 && dashboard && !id) {
     return { message: `dashboard not found: ${dashboard}`, status: 404 };
   }
@@ -33,12 +34,15 @@ async function getWidget({ dashboard, widget }) {
   const widgetData = dashboard
     ? dashboardData?.find((el) => el[2] === (widget || 'index'))?.[1]
+    || dashboardWidgets?.find(el => el.name === widget)
     : await getTemplate('widget', widget);
-  if (typeof widgetData === 'string') {
-    const html = mdToHTML(widgetData);
+  if (typeof widgetData === 'string' || (widgetData?.type === 'text' && typeof widgetData?.data?.text === 'string')) {
+    const html = mdToHTML(widgetData?.data?.text || widgetData);
     return { source: html, status: 200 };
   }
-  if (!id && !dashboardData && !widgetData) {
+  if (!id && !dashboardData && !dashboardData1 && !widgetData) {
     return { message: `not found ${widget} ${dashboard}`, status: 404 };
   }
@@ -67,15 +71,24 @@ async function getWidget({ dashboard, widget }) {
       tableName ||
       widgetData?.table_name ||
       dashboardIndex?.table ||
-      dashboardIndex?.table_name,
-    db: dashboardIndex?.db || widgetData?.db || pgClients.client?.options?.database,
+      dashboardIndex?.table_name ||
+      dashboardData1?.table_name,
+    db: dashboardDb?.db || dashboardDb || dashboardIndex?.db || widgetData?.db || pg?.options?.database,
   });
   const main = { ...(dashboardIndex || {}), ...widgetData, ...data, ...data?.data || {} };
-  const pg1 = widgetData?.db ? await getPGAsync(widgetData?.db) : pg;
+  const widgetDb = widgetData?.db ? await getPGAsync(widgetData?.db) : pg;
   if (!main?.table) {
     return {
-      message: /* json.error || */ `invalid ${widget ? 'widget' : 'dashboard'}: 1`,
+      message: /* json.error || */ `invalid ${widget ? 'widget' : 'dashboard'}: empty table`,
+      status: 404,
+    };
+  }
+  const { pk, view } = await getMeta({ pg: widgetDb, table: main?.table });
+  if (!pk && !view) {
+    return {
+      message: /* json.error || */ `invalid ${widget ? 'widget' : 'dashboard'}: table not found (${main?.table})`,
       status: 404,
     };
   }
@@ -84,6 +97,6 @@ async function getWidget({ dashboard, widget }) {
     (el, i) => `left join lateral(${el})t${i + 1} on 1=1`
   );
-  return { ...main, pg: pg1, tableSQL, data, type, text, controls, style, options, yml };
+  return { ...main, pg: widgetDb, tableSQL, data, type, text, controls, style, options, yml };
 }
 export default getWidget;

package/dist/vs-calendar-B4_gYR3Q.js DELETED Viewed

@@ -1,116 +0,0 @@
-import { _ as l, c, i as h, t as p, h as d } from "./import-file-ChpPHgUN.js";
-import { openBlock as u, createElementBlock as m } from "vue";
-const D = {
-  name: "VsCalendar",
-  mixins: [c],
-  data() {
-    return {
-      chartInstance: null,
-      label: null,
-      uniqueID: null
-    };
-  },
-  computed: {
-    calendarRange() {
-      return this.getCalendarRange();
-    }
-  },
-  async mounted() {
-    this.uniqueID = this.widget, await this.$nextTick(), await this.getData(), this.initChart();
-  },
-  methods: {
-    onChangedData() {
-      try {
-        if (this.sourceData) {
-          const { series: t, xs: a, ys: e } = this.prepareData();
-          t && (this == null || this.initChart(t, a, e));
-        }
-      } catch (t) {
-        console.error(t);
-      }
-    },
-    prepareData() {
-      try {
-        return this.sourceData.map((a) => {
-          var e, r, n;
-          return [
-            (n = (r = a == null ? void 0 : a[(e = this.dimensions) == null ? void 0 : e[0]]) == null ? void 0 : r.split("T")) == null ? void 0 : n[0],
-            Number(a[this.dimensions[1]])
-          ];
-        });
-      } catch (t) {
-        console.error(t);
-      }
-    },
-    getCalendarRange() {
-      const t = this.sourceData.map(
-        (r) => {
-          var n, s;
-          return new Date((s = r == null ? void 0 : r[(n = this.dimensions) == null ? void 0 : n[0]]) == null ? void 0 : s.split("T")[0]);
-        }
-      ), a = new Date(Math.min(...t)), e = new Date(Math.max(...t));
-      return [
-        a.getFullYear().toString(),
-        e.getFullYear().toString()
-      ];
-    },
-    async initChart() {
-      var t, a, e, r;
-      try {
-        const n = this.$refs.chart, s = h(n), o = {
-          tooltip: {
-            ...p(
-              (t = this.styleData) == null ? void 0 : t.tooltip,
-              (a = this.styleData) == null ? void 0 : a.show_tooltip
-            ),
-            trigger: "item",
-            formatter: (i) => d(i)
-          },
-          visualMap: {
-            min: Math.min(...(e = this.prepareData()) == null ? void 0 : e.map((i) => i[1])),
-            max: Math.max(...(r = this.prepareData()) == null ? void 0 : r.map((i) => i[1])),
-            type: "piecewise",
-            orient: "horizontal",
-            left: "center",
-            top: 65
-          },
-          calendar: {
-            top: 120,
-            left: 30,
-            right: 30,
-            cellSize: ["auto", 20],
-            range: this.calendarRange,
-            itemStyle: {
-              borderWidth: 0.5
-            },
-            yearLabel: { show: !1 }
-          },
-          series: {
-            name: "calendar",
-            type: "heatmap",
-            coordinateSystem: "calendar",
-            data: this.prepareData(),
-            itemStyle: {
-              borderWidth: 0.5
-            }
-          }
-        };
-        s.setOption(o), s.resize(), window.addEventListener("resize", () => {
-          s.resize();
-        });
-      } catch (n) {
-        console.error(n);
-      }
-    }
-  }
-}, f = {
-  ref: "chart",
-  class: "h-full w-full min-h-[200px] pb-2"
-};
-function g(t, a, e, r, n, s) {
-  return u(), m("div", f, null, 512);
-}
-const x = /* @__PURE__ */ l(D, [["render", g]]);
-export {
-  x as default
-};

package/dist/vs-donut-BF1K_2LP.js DELETED Viewed

@@ -1,150 +0,0 @@
-import { _ as y, c as g, a as c, P as h, b as l, i as b } from "./import-file-ChpPHgUN.js";
-import { openBlock as x, createElementBlock as I } from "vue";
-const w = {
-  name: "VsPie",
-  props: ["currentWidget"],
-  mixins: [g],
-  data() {
-    return {
-      chartInstance: null,
-      uniqueID: null,
-      resizeObserver: null
-    };
-  },
-  async mounted() {
-    var e, a;
-    this.uniqueID = this.widget, await this.$nextTick(), await this.getData();
-    const { series: t } = this.prepareData();
-    t && this.initChart(t);
-    const r = (e = this.$refs) == null ? void 0 : e.chart;
-    r && (this.resizeObserver = new ResizeObserver(() => {
-      var s;
-      this.chartInstance && ((s = this.chartInstance) == null || s.resize());
-    }), (a = this.resizeObserver) == null || a.observe(r));
-  },
-  beforeUnmount() {
-    var t;
-    (t = this.resizeObserver) == null || t.disconnect();
-  },
-  methods: {
-    onChangedData() {
-      try {
-        if (this.sourceData) {
-          const { series: t, xs: r, ys: e } = this.prepareData();
-          t && (this == null || this.initChart(t, r, e));
-        }
-      } catch (t) {
-        console.error(t);
-      }
-    },
-    buildTooltipForDonut(t, r) {
-      const { name: e, value: a, percent: s } = t;
-      return `
-        <div style="background-color:${r[0]};font-size: 12px; font-family: Helvetica, Arial, sans-serif;color:#ffff; padding:5px; border-radius:5px; ![box-shadow:none]">
-          ${e == null ? void 0 : e.replace("null", "Не визначено")}: ${c(a)} (${s}%)
-        </div>`;
-    },
-    prepareData() {
-      var t, r, e, a;
-      try {
-        const s = Array.from(
-          new Set(this.sourceData.map((i) => i[this.dimensions[0]]))
-        ), n = Array.from(
-          new Set(this.sourceData.map((i) => i[this.dimensions[1]]))
-        ), d = parseInt(
-          (t = this.sourceData) == null ? void 0 : t.reduce((i, o) => i += parseFloat(o == null ? void 0 : o.metric), 0)
-        ), u = s.map((i, o) => {
-          const D = (n[o] / d * 100).toFixed(2);
-          return {
-            name: `${i} (${D}%)`,
-            value: n[o]
-          };
-        }), p = ((r = this.styleData) == null ? void 0 : r.innerRadius) || "80%", m = ((e = this.styleData) == null ? void 0 : e.outerRadius) || "100%", f = [p, m];
-        return this.styleData.legend = h.getLegendOpions({
-          borderRadius: 10,
-          height: "100%",
-          padding: 10,
-          bottom: "0",
-          type: "scroll",
-          itemWidth: 14,
-          itemHeight: 14,
-          formatter: (i) => i == null ? void 0 : i.replace("null", "Не визначено"),
-          ...this.styleData.legend
-        }), this.styleData.label = h.getLabelOptions(
-          this.styleData.label
-        ), this.styleData.show_legend = ((a = this.styleData) == null ? void 0 : a.show_legend) || !0, { series: [
-          {
-            name: this.titleCharts ? this.titleCharts : this.dimensions[0],
-            type: "pie",
-            radius: f,
-            center: ["50%", "60%"],
-            height: "75%",
-            ...l(this.styleData),
-            data: u
-          }
-        ] };
-      } catch (s) {
-        return console.error(s), null;
-      }
-    },
-    async initChart(t) {
-      var r;
-      try {
-        const e = document.getElementById(this.uniqueID);
-        this.chartInstance = b(e);
-        const a = {
-          tooltip: {
-            trigger: "item",
-            formatter: (s) => this.buildTooltipForDonut(s, [s.color]),
-            borderWidth: 0,
-            appendToBody: !0,
-            borderColor: "transparent",
-            textStyle: {
-              color: "#000"
-            },
-            padding: [15, 15],
-            shadowColor: "transparent",
-            backgroundColor: "transparent"
-          },
-          series: t,
-          ...l({
-            ...this.styleData
-          }),
-          title: {
-            text: c(
-              parseInt(
-                (r = this.sourceData) == null ? void 0 : r.reduce(
-                  (s, n) => s += parseFloat(n == null ? void 0 : n.metric),
-                  0
-                )
-              )
-            ),
-            left: "center",
-            top: "41%",
-            textStyle: {
-              color: "black",
-              fontWeight: 400,
-              fontSize: "22px"
-            }
-          }
-        };
-        this.chartInstance.setOption(a), this.$emit("update:currentWidget", this.chartInstance), this.chartInstance.resize(), window.addEventListener("resize", () => {
-          this.chartInstance.resize();
-        });
-      } catch (e) {
-        console.error(e);
-      }
-    }
-  }
-}, _ = ["id"];
-function $(t, r, e, a, s, n) {
-  return x(), I("div", {
-    id: s.uniqueID,
-    ref: "chart",
-    class: "h-full min-h-[200px] flex items-center"
-  }, null, 8, _);
-}
-const O = /* @__PURE__ */ y(w, [["render", $]]);
-export {
-  O as default
-};

package/dist/vs-heatmap-Bzwa1rgF.js DELETED Viewed

@@ -1,97 +0,0 @@
-import { _ as u, c as m, d, i as f, t as x, e as y, g as c, b as D } from "./import-file-ChpPHgUN.js";
-import { openBlock as _, createElementBlock as g } from "vue";
-const w = {
-  name: "VsHeatmap",
-  mixins: [m],
-  data() {
-    return {
-      chartInstance: null,
-      label: null,
-      uniqueID: null
-    };
-  },
-  async mounted() {
-    this.uniqueID = this.widget, await this.$nextTick(), await this.getData();
-    const { series: t, xs: s, ys: a } = this.prepareData();
-    t && this.initChart(t, s, a, !0);
-  },
-  methods: {
-    onChangedData() {
-      try {
-        if (this.sourceData) {
-          const { series: t, xs: s, ys: a } = this.prepareData();
-          t && (this == null || this.initChart(t, s, a));
-        }
-      } catch {
-        return null;
-      }
-    },
-    prepareData() {
-      try {
-        const t = Array.from(
-          new Set(this.sourceData.map((e) => e[this.dimensions[0]]))
-        );
-        let s;
-        this.dimensions[0].includes("date") ? s = t.map((e) => d(e)) : s = [...t];
-        const a = this.dimensions.filter((e, i) => i != 0), r = [];
-        for (let e = 0; e < s.length; e++)
-          for (let i = 0; i < a.length; i++)
-            r.push([e, i, this.sourceData[e][a[i]]]);
-        return { series: {
-          name: this.titleCharts ? this.titleCharts : this.dimensions[0],
-          type: "heatmap",
-          data: r
-        }, xs: s, ys: a };
-      } catch (t) {
-        return console.error(t), null;
-      }
-    },
-    async initChart(t, s, a) {
-      var r, n, e, i;
-      try {
-        const o = this.$refs.chart, l = f(o), h = {
-          tooltip: {
-            ...x(
-              (r = this.styleData) == null ? void 0 : r.tooltip,
-              (n = this.styleData) == null ? void 0 : n.show_tooltip
-            ),
-            trigger: "item",
-            formatter: (p) => y(p)
-          },
-          xAxis: {
-            data: s,
-            axisLabel: c((e = this.styleData) == null ? void 0 : e.x_axis)
-          },
-          visualMap: {
-            min: 0,
-            max: 1e6,
-            calculable: !0,
-            orient: "horizontal",
-            left: "center"
-          },
-          yAxis: {
-            data: a,
-            axisLabel: c((i = this.styleData) == null ? void 0 : i.y_axis)
-          },
-          series: t,
-          ...D(this.styleData)
-        };
-        l.setOption(h), l.resize(), window.addEventListener("resize", () => {
-          l.resize();
-        });
-      } catch (o) {
-        console.error(o);
-      }
-    }
-  }
-}, b = {
-  ref: "chart",
-  class: "h-full w-full min-h-[200px] pb-2"
-};
-function C(t, s, a, r, n, e) {
-  return _(), g("div", b, null, 512);
-}
-const z = /* @__PURE__ */ u(w, [["render", C]]);
-export {
-  z as default
-};