@memberjunction/ng-explorer-core 0.9.2

package/dist/lib/generic/dynamic-chart.js

@@ -0,0 +1,180 @@
+import { Component, Input } from '@angular/core';
+import { LogError } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@progress/kendo-angular-charts";
+import * as i3 from "@memberjunction/ng-container-directives";
+function DynamicChartComponent_kendo_chart_category_axis_item_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-chart-category-axis-item", 4);
+} if (rf & 2) {
+    const axis_r2 = ctx.$implicit;
+    i0.ɵɵproperty("categories", axis_r2.categories);
+} }
+function DynamicChartComponent_kendo_chart_series_item_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-chart-series-item", 5);
+} if (rf & 2) {
+    const item_r3 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("type", ctx_r1.kendoSeriesType)("data", item_r3.data)("name", item_r3.name)("color", ctx_r1.getSeriesColor(item_r3));
+} }
+export class DynamicChartComponent {
+    constructor() {
+        this._data = [];
+        this.chartTitle = 'Chart Title';
+        this.chartType = 'column';
+        this.xAxis = null;
+        this.yAxis = null;
+        this.columns = [];
+        this._axes = [];
+        this._series = [];
+        this.colors = [
+            '#e6194b', '#3cb44b', '#ffe119', '#4363d8', '#f58231', '#911eb4', '#46f0f0', '#f032e6', '#bcf60c', '#fabebe',
+            '#008080', '#e6beff', '#9a6324', '#fffac8', '#800000', '#aaffc3', '#808000', '#ffd8b1', '#000075', '#808080',
+            '#000000', '#7cb9e8', '#c9ffe5', '#b284be', '#5d8aa8', '#00308f', '#72a0c1', '#e32636', '#c46210', '#efdecd'
+            // ... add more colors if needed
+        ];
+    }
+    get data() {
+        return this._data;
+    }
+    set data(value) {
+        // reset the series and axes when the data changes
+        this._series = [];
+        this._axes = [];
+        this._data = value;
+    }
+    get SkipData() {
+        return this._skipData ? this._skipData : undefined;
+    }
+    set SkipData(d) {
+        this._skipData = d;
+        if (d) {
+            this.data = d.SQLResults.results;
+            this.columns = d.SQLResults.columns;
+            this.xAxis = d.ChartOptions.xAxis;
+            this.yAxis = d.ChartOptions.yAxis;
+            this.chartType = d.DisplayType;
+            this.chartTitle = d.ReportTitle;
+        }
+    }
+    get kendoSeriesType() {
+        return this.chartType;
+    }
+    get chartCategoryAxes() {
+        if (this._axes.length === 0) {
+            const result = [];
+            if (this.xAxis) {
+                const xArray = this.convertAxisToArray(this.xAxis);
+                for (let i = 0; i < xArray.length; i++) {
+                    const xItem = xArray[i];
+                    if (xItem !== null && xItem !== undefined && xItem.length > 0)
+                        result.push({ categories: this.data.map(x => x[xItem]) });
+                }
+            }
+            this._axes = result;
+            return result;
+        }
+        else {
+            return this._axes;
+        }
+    }
+    convertAxisToArray(axis) {
+        if (Array.isArray(axis)) {
+            return axis;
+        }
+        else if (axis !== null && axis !== undefined && axis.length > 0) {
+            if (!axis.includes(',')) {
+                return [axis];
+            }
+            else
+                return axis.split(',');
+        }
+        else
+            return [];
+    }
+    get chartSeries() {
+        var _a;
+        if (this._series.length === 0) {
+            const result = [];
+            if (this.yAxis) {
+                const yArray = this.convertAxisToArray(this.yAxis);
+                for (let i = 0; i < yArray.length; i++) {
+                    const yItem = yArray[i];
+                    if (yItem !== null && yItem !== undefined && yItem.length > 0) {
+                        const colDisplayName = ((_a = this.columns.find(col => col.FieldName === yItem)) === null || _a === void 0 ? void 0 : _a.DisplayName) || yItem;
+                        result.push({ data: this.data.map(x => x[yItem]), name: colDisplayName });
+                    }
+                }
+            }
+            this._series = result;
+            return result;
+        }
+        else {
+            return this._series;
+        }
+    }
+    getSeriesColor(item) {
+        try {
+            // HILTON - this is where you use the newly provided SKIP data to determine the color of the series
+            const index = this.chartSeries.indexOf(item);
+            return this.colors[index % this.colors.length];
+        }
+        catch (ex) {
+            LogError(ex);
+            return '#000000';
+        }
+    }
+}
+DynamicChartComponent.ɵfac = function DynamicChartComponent_Factory(t) { return new (t || DynamicChartComponent)(); };
+DynamicChartComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DynamicChartComponent, selectors: [["app-dynamic-chart"]], inputs: { data: "data", chartTitle: "chartTitle", chartType: "chartType", xAxis: "xAxis", yAxis: "yAxis", columns: "columns", SkipData: "SkipData" }, decls: 6, vars: 3, consts: [["mjFillContainer", ""], [3, "text"], [3, "categories", 4, "ngFor", "ngForOf"], [3, "type", "data", "name", "color", 4, "ngFor", "ngForOf"], [3, "categories"], [3, "type", "data", "name", "color"]], template: function DynamicChartComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "kendo-chart", 0);
+        i0.ɵɵelement(1, "kendo-chart-title", 1);
+        i0.ɵɵelementStart(2, "kendo-chart-category-axis");
+        i0.ɵɵtemplate(3, DynamicChartComponent_kendo_chart_category_axis_item_3_Template, 1, 1, "kendo-chart-category-axis-item", 2);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "kendo-chart-series");
+        i0.ɵɵtemplate(5, DynamicChartComponent_kendo_chart_series_item_5_Template, 1, 4, "kendo-chart-series-item", 3);
+        i0.ɵɵelementEnd()();
+    } if (rf & 2) {
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("text", ctx.chartTitle);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngForOf", ctx.chartCategoryAxes);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngForOf", ctx.chartSeries);
+    } }, dependencies: [i1.NgForOf, i2.ChartComponent, i2.CategoryAxisComponent, i2.CategoryAxisItemComponent, i2.SeriesComponent, i2.SeriesItemComponent, i2.TitleComponent, i3.FillContainer], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DynamicChartComponent, [{
+        type: Component,
+        args: [{
+                selector: 'app-dynamic-chart',
+                template: `
+    <kendo-chart mjFillContainer>
+        <kendo-chart-title [text]="chartTitle"></kendo-chart-title>
+        <kendo-chart-category-axis>
+            <kendo-chart-category-axis-item *ngFor="let axis of chartCategoryAxes" [categories]="axis.categories"></kendo-chart-category-axis-item>
+        </kendo-chart-category-axis>
+        <kendo-chart-series>
+            <kendo-chart-series-item *ngFor="let item of chartSeries" 
+                                     [type]="kendoSeriesType" 
+                                     [data]="item.data" 
+                                     [name]="item.name"
+                                     [color]="getSeriesColor(item)"></kendo-chart-series-item>
+        </kendo-chart-series>
+    </kendo-chart>
+  `
+            }]
+    }], null, { data: [{
+            type: Input
+        }], chartTitle: [{
+            type: Input
+        }], chartType: [{
+            type: Input
+        }], xAxis: [{
+            type: Input
+        }], yAxis: [{
+            type: Input
+        }], columns: [{
+            type: Input
+        }], SkipData: [{
+            type: Input
+        }] }); })();

package/dist/lib/generic/dynamic-grid.d.ts

@@ -0,0 +1,24 @@
+import { AfterViewInit } from '@angular/core';
+import { SkipColumnInfo, SkipData } from '../ask-skip/ask-skip.component';
+import { DecimalPipe, DatePipe } from '@angular/common';
+import { GridDataResult, PageChangeEvent } from '@progress/kendo-angular-grid';
+import * as i0 from "@angular/core";
+export declare class DynamicGridComponent implements AfterViewInit {
+    private decimalPipe;
+    private datePipe;
+    data: any[];
+    columns: SkipColumnInfo[];
+    pageSize: number;
+    startingRow: number;
+    private _skipData;
+    get SkipData(): SkipData | undefined;
+    set SkipData(d: SkipData | undefined);
+    gridView: GridDataResult;
+    constructor(decimalPipe: DecimalPipe, datePipe: DatePipe);
+    formatData(dataType: string, data: any): any;
+    ngAfterViewInit(): void;
+    pageChange(event: PageChangeEvent): void;
+    private loadGridView;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicGridComponent, "app-dynamic-grid", never, { "data": "data"; "columns": "columns"; "pageSize": "pageSize"; "startingRow": "startingRow"; "SkipData": "SkipData"; }, {}, never, never, false, never>;
+}

package/dist/lib/generic/dynamic-grid.js

@@ -0,0 +1,135 @@
+import { Component, Input } from '@angular/core';
+import { DecimalPipe, DatePipe } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@progress/kendo-angular-grid";
+function DynamicGridComponent_ng_container_1_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const dataItem_r3 = ctx.$implicit;
+    const col_r1 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.formatData(col_r1.DataType, dataItem_r3[col_r1.FieldName]), " ");
+} }
+const _c0 = function () { return { "font-weight": "bold", "background-color": "#cyan" }; };
+function DynamicGridComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "kendo-grid-column", 2);
+    i0.ɵɵtemplate(2, DynamicGridComponent_ng_container_1_ng_template_2_Template, 1, 1, "ng-template", 3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const col_r1 = ctx.$implicit;
+    i0.ɵɵadvance(1);
+    i0.ɵɵpropertyInterpolate("field", col_r1.FieldName);
+    i0.ɵɵpropertyInterpolate("title", col_r1.DisplayName);
+    i0.ɵɵproperty("headerStyle", i0.ɵɵpureFunction0(3, _c0));
+} }
+export class DynamicGridComponent {
+    get SkipData() {
+        return this._skipData ? this._skipData : undefined;
+    }
+    set SkipData(d) {
+        this._skipData = d;
+        if (d) {
+            this.data = d.SQLResults.results;
+            this.columns = d.SQLResults.columns;
+            this.loadGridView();
+        }
+    }
+    constructor(decimalPipe, datePipe) {
+        this.decimalPipe = decimalPipe;
+        this.datePipe = datePipe;
+        this.data = [];
+        this.columns = [];
+        this.pageSize = 30;
+        this.startingRow = 0;
+    }
+    formatData(dataType, data) {
+        switch (dataType) {
+            case 'bigint':
+            case 'smallint':
+            case 'int':
+            case 'tinyint':
+                return data; // No specific formatting for integer types
+            case 'decimal':
+            case 'numeric':
+            case 'smallmoney':
+            case 'money':
+                return this.decimalPipe.transform(data, '1.2-2'); // Format as decimal with 2 digits after the decimal point
+            case 'date':
+            case 'datetime':
+            case 'datetime2':
+            case 'smalldatetime':
+                return this.datePipe.transform(data, 'short'); // Format as short date
+            // Add more cases as needed for other SQL Server datatypes
+            default:
+                return data; // For data types not handled, return data as is
+        }
+    }
+    ngAfterViewInit() {
+        if (this.data) {
+            this.loadGridView();
+        }
+    }
+    pageChange(event) {
+        this.startingRow = event.skip;
+        this.loadGridView();
+    }
+    loadGridView() {
+        this.gridView = {
+            data: this.data.slice(this.startingRow, this.startingRow + this.pageSize),
+            total: this.data.length,
+        };
+    }
+}
+DynamicGridComponent.ɵfac = function DynamicGridComponent_Factory(t) { return new (t || DynamicGridComponent)(i0.ɵɵdirectiveInject(i1.DecimalPipe), i0.ɵɵdirectiveInject(i1.DatePipe)); };
+DynamicGridComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DynamicGridComponent, selectors: [["app-dynamic-grid"]], inputs: { data: "data", columns: "columns", pageSize: "pageSize", startingRow: "startingRow", SkipData: "SkipData" }, features: [i0.ɵɵProvidersFeature([DecimalPipe, DatePipe])], decls: 2, vars: 8, consts: [["scrollable", "virtual", 3, "data", "skip", "pageSize", "rowHeight", "reorderable", "resizable", "navigable", "pageChange"], [4, "ngFor", "ngForOf"], [3, "field", "title", "headerStyle"], ["kendoGridCellTemplate", ""]], template: function DynamicGridComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "kendo-grid", 0);
+        i0.ɵɵlistener("pageChange", function DynamicGridComponent_Template_kendo_grid_pageChange_0_listener($event) { return ctx.pageChange($event); });
+        i0.ɵɵtemplate(1, DynamicGridComponent_ng_container_1_Template, 3, 4, "ng-container", 1);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("data", ctx.gridView)("skip", ctx.startingRow)("pageSize", ctx.pageSize)("rowHeight", 36)("reorderable", true)("resizable", true)("navigable", true);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngForOf", ctx.columns);
+    } }, dependencies: [i1.NgForOf, i2.GridComponent, i2.ColumnComponent, i2.CellTemplateDirective], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DynamicGridComponent, [{
+        type: Component,
+        args: [{
+                selector: 'app-dynamic-grid',
+                template: `
+    <kendo-grid [data]="gridView"
+                [skip]="startingRow"
+                [pageSize]="pageSize"
+                scrollable="virtual"
+                [rowHeight]="36"
+                [reorderable]="true"
+                [resizable]="true"
+                (pageChange)="pageChange($event)"
+                [navigable]="true">
+        <ng-container *ngFor="let col of columns">
+            <kendo-grid-column 
+                field="{{col.FieldName}}" 
+                title="{{col.DisplayName}}"
+                [headerStyle]="{ 'font-weight' : 'bold', 'background-color': '#cyan' }">
+                <ng-template kendoGridCellTemplate let-dataItem>
+                    {{ formatData(col.DataType, dataItem[col.FieldName]) }}
+                </ng-template>
+            </kendo-grid-column>
+        </ng-container>
+    </kendo-grid>
+  `,
+                providers: [DecimalPipe, DatePipe]
+            }]
+    }], function () { return [{ type: i1.DecimalPipe }, { type: i1.DatePipe }]; }, { data: [{
+            type: Input
+        }], columns: [{
+            type: Input
+        }], pageSize: [{
+            type: Input
+        }], startingRow: [{
+            type: Input
+        }], SkipData: [{
+            type: Input
+        }] }); })();

package/dist/lib/generic/dynamic-report.d.ts

@@ -0,0 +1,38 @@
+import { Router } from '@angular/router';
+import { SkipColumnInfo, SkipData } from '../ask-skip/ask-skip.component';
+import { SharedService } from '../shared/shared.service';
+import { DynamicGridComponent } from './dynamic-grid';
+import { DynamicChartComponent } from './dynamic-chart';
+import { SelectEvent, TabStripComponent } from '@progress/kendo-angular-layout';
+import * as i0 from "@angular/core";
+export declare class DynamicReportComponent {
+    private sharedService;
+    private router;
+    ShowDetailsTab: boolean;
+    ShowCreateReportButton: boolean;
+    ConversationID: number | null;
+    ConversationName: string | null;
+    ConversationDetailID: number | null;
+    private _skipData;
+    get SkipData(): SkipData | undefined;
+    set SkipData(d: SkipData | undefined);
+    theGrid: DynamicGridComponent;
+    theChart: DynamicChartComponent;
+    tabStrip: TabStripComponent;
+    constructor(sharedService: SharedService, router: Router);
+    matchingReportID: number | null;
+    matchingReportName: string | null;
+    private _loaded;
+    ngAfterViewInit(): Promise<void>;
+    clickMatchingReport(): void;
+    activeTabIndex: number;
+    onTabSelect(e: SelectEvent): void;
+    isTabSelected(index: number): boolean;
+    get Columns(): SkipColumnInfo[];
+    get IsChart(): boolean;
+    get IsTable(): boolean;
+    createAnalysisHtml(): string;
+    doCreateReport(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicReportComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicReportComponent, "app-dynamic-report", never, { "ShowDetailsTab": "ShowDetailsTab"; "ShowCreateReportButton": "ShowCreateReportButton"; "ConversationID": "ConversationID"; "ConversationName": "ConversationName"; "ConversationDetailID": "ConversationDetailID"; "SkipData": "SkipData"; }, {}, never, never, false, never>;
+}