ngx-wapp-components 1.8.2 → 1.8.4

package/{lib/shared/models/filter-panel/field.model.d.ts → src/lib/shared/models/filter-panel/field.model.ts}

@@ -1,5 +1,5 @@
 export interface Field {
-    id: number;
+    id: number,
     name: string;
     field?: string;
     value?: string;
@@ -12,37 +12,45 @@ export interface Field {
     entity?: string;
     validator?: (rule: Rule, parent: RuleSet) => any | null;
 }
+
 export interface Option {
     name: string;
     value: any;
 }
+
 export interface Rule {
     field: string;
     value?: any;
     operator?: string;
     entity?: string;
 }
+
 export interface RuleSet {
     condition: string;
     rules: Array<RuleSet | Rule>;
     collapsed?: boolean;
     isChild?: boolean;
 }
+
 export interface FieldMap {
     [key: string]: Field;
 }
+
 export interface LocalRuleMeta {
     ruleset: boolean;
     invalid: boolean;
 }
+
 export interface EntityMap {
     [key: string]: Entity;
 }
+
 export interface Entity {
     name: string;
     value?: string;
     defaultField?: any;
 }
+
 export interface QueryBuilderClassNames {
     arrowIconButton?: string;
     arrowIcon?: string;
@@ -77,6 +85,7 @@ export interface QueryBuilderClassNames {
     inputControl?: string;
     inputControlSize?: string;
 }
+
 export interface QueryBuilderConfig {
     fields: FieldMap;
     entities?: EntityMap;
@@ -91,26 +100,31 @@ export interface QueryBuilderConfig {
     coerceValueForOperator?: (operator: string, value: any, rule: Rule) => any;
     calculateFieldChangeValue?: (currentField: Field, nextField: Field, currentValue: any) => any;
 }
+
 export interface SwitchGroupContext {
     onChange: (conditionValue: string) => void;
     getDisabledState: () => boolean;
     $implicit: RuleSet;
 }
+
 export interface EmptyWarningContext {
     getDisabledState: () => boolean;
     message: string;
     $implicit: RuleSet;
 }
+
 export interface ArrowIconContext {
     getDisabledState: () => boolean;
     $implicit: RuleSet;
 }
+
 export interface EntityContext {
     onChange: (entityValue: string, rule: Rule) => void;
     getDisabledState: () => boolean;
     entities: Entity[];
     $implicit: Rule;
 }
+
 export interface FieldContext {
     onChange: (fieldValue: string, rule: Rule) => void;
     getFields: (entityName: string) => void;
@@ -118,12 +132,14 @@ export interface FieldContext {
     fields: Field[];
     $implicit: Rule;
 }
+
 export interface OperatorContext {
     onChange: () => void;
     getDisabledState: () => boolean;
     operators: string[];
     $implicit: Rule;
 }
+
 export interface InputContext {
     onChange: () => void;
     getDisabledState: () => boolean;
@@ -131,6 +147,7 @@ export interface InputContext {
     field: Field;
     $implicit: Rule;
 }
+
 export interface ButtonGroupContext {
     addRule: () => void;
     addRuleSet: () => void;
@@ -138,8 +155,9 @@ export interface ButtonGroupContext {
     getDisabledState: () => boolean;
     $implicit: RuleSet;
 }
+
 export interface RemoveButtonContext {
     removeRule: (rule: Rule) => void;
     getDisabledState: () => boolean;
     $implicit: Rule;
-}
+}

package/src/lib/shared/models/filter-panel/filter-field.models.ts

@@ -0,0 +1,15 @@
+import { QbFilterEntity } from "./qb-filter-entity.model";
+import { QbOperators } from "./qb-operators.model";
+
+export interface FilterField {
+    id: number,
+    name: string,
+    jsonName: string,
+    dataType: number,
+    regexToValidate: string,
+    hasListOfValues: boolean,
+    sqlGetListValues: string,
+    operators: QbOperators[],
+    qbfilterEntity: QbFilterEntity,
+    listOfValues: {name: string, value: number}[]
+}

package/src/lib/shared/models/filter-panel/filter-panel-translations.model.ts

@@ -0,0 +1,29 @@
+export interface FilterPanelTranslations {
+    basicSearchTabLabel: string,
+    advancedSearchTabLabel: string,
+    groupedFilterTitle: string,
+    advancedSearch: {
+        andButtonLabel: string,
+        orButtonLabel: string
+        addRuleButtonLabel: string,
+        addRuleSetButtonLabel: string,
+        removeRuleSetButtonLabel: string
+    },
+    noRulesLabel: string,
+    searchButtonLabel: string,
+    clearButtonLabel: string,
+    fieldsPlaceholders: {
+        boolean: {
+            true: string,
+            false: string
+        },
+        decimal: string,
+        list: string,
+        number: string,
+        text: string,
+        datetime: string
+    },
+    operators: any,
+    fields: any
+    entities?: any
+}

package/src/lib/shared/models/filter-panel/gmarealevel1.model.ts

@@ -0,0 +1,4 @@
+export interface GMAreaLevel1{
+    gmAreaLevel1Id: number,
+    name: string
+}

package/src/lib/shared/models/filter-panel/gmarealevel2.model.ts

@@ -0,0 +1,4 @@
+export interface GMAreaLevel2{
+    gmAreaLevel2Id: number,
+    name: string
+}

package/src/lib/shared/models/filter-panel/gmcountry-model.ts

@@ -0,0 +1,4 @@
+export interface GMCountry{
+    gmCountryId: number,
+    name: string
+}

package/src/lib/shared/models/filter-panel/gmlocality.model.ts

@@ -0,0 +1,4 @@
+export interface GMLocality{
+    gmLocalityId: number,
+    name: string
+}

package/src/lib/shared/models/filter-panel/gmpostalcode.model.ts

@@ -0,0 +1,4 @@
+export interface GMPostalCode{
+    gmPostalCodeId: number,
+    name: string
+}

package/src/lib/shared/models/filter-panel/last-query.model.ts

@@ -0,0 +1,6 @@
+import { QueryResults } from "wapping-components";
+
+export interface LastQuery {
+    hasLastQuery: boolean,
+    query: QueryResults
+}

package/src/lib/shared/models/filter-panel/qb-filter-entity.model.ts

@@ -0,0 +1,8 @@
+import { FilterField } from "./filter-field.models";
+
+export interface QbFilterEntity {
+    id: number,
+    name: string, 
+    jsonName: string, 
+    fields: FilterField[]
+}

package/src/lib/shared/models/filter-panel/qb-filter-field.model.ts

@@ -0,0 +1,12 @@
+import { QbOperators } from "./qb-operators.model";
+
+export interface QbFilterField {
+    dataType: number,
+    hasListOfValues: boolean,
+    id: number,
+    isGrouped: boolean,
+    jsonName: string,
+    name: string,
+    operators: QbOperators[],
+    regexToValidate: any
+}

package/src/lib/shared/models/filter-panel/qb-operators.model.ts

@@ -0,0 +1,4 @@
+export interface QbOperators {
+    id: number,
+    symbol: string
+}

package/src/lib/shared/models/filter-panel/qb-panel-filter.model.ts

@@ -0,0 +1,14 @@
+import { QbPanelToFields } from "./qb-panel-to-fields.model";
+
+export interface QbPanelFilter {
+    allowAdvancedSearch: boolean,
+    allowColapse: boolean,
+    allowGrouped: boolean,
+    allowLogicalRule: boolean,
+    allowRuleSet: boolean,
+    description: string,
+    enityMode: boolean,
+    identifier: string,
+    qbpanelFilterId: number,
+    qbpanelToFields: QbPanelToFields[]
+}

package/src/lib/shared/models/filter-panel/qb-panel-to-fields.model.ts

@@ -0,0 +1,12 @@
+import { FilterField } from "./filter-field.models";
+import { QbOperators } from "./qb-operators.model";
+
+export interface QbPanelToFields {
+    basic: boolean,
+    defaultValue: any,
+    qbdefaultOperator: QbOperators,
+    qbfilterField: FilterField,
+    qbfilterFieldId: number,
+    qbpanelFilterId: number,
+    qbpanelToFieldId: number
+}

package/src/lib/shared/models/filter-panel/query-results.model.ts

@@ -0,0 +1,17 @@
+import { RuleSet } from "angular2-query-builder";
+import { LazyElementQueryRequest } from "../lazy-element-query-request.model";
+
+export interface QueryResults {
+    type: QueryResultType,
+    basic?: RuleSet | null | undefined,
+    advanced?: RuleSet | null | undefined,
+    grouped: RuleSet | null | undefined,
+    lazyRequest?: LazyElementQueryRequest
+}
+
+export enum QueryResultType {
+    NoFilters = 0,
+    Basic = 1,
+    Advanced = 2,
+    Grouped = 3
+}

package/src/lib/shared/models/filter.model.ts

@@ -0,0 +1,5 @@
+export interface Filter {
+    columnName: string,
+    value?: any,
+    matchMode: string
+}

package/src/lib/shared/models/image-b64.model.ts

@@ -0,0 +1,5 @@
+export interface ImageB64{
+    base64: string,
+    name: string,
+    position?: number
+}

package/src/lib/shared/models/lazy-element-query-request.model.ts

@@ -0,0 +1,9 @@
+import { Filter } from "./filter.model";
+
+export interface LazyElementQueryRequest {
+    first: number,
+    rows: number,
+    sortOrder: number,
+    sortField?: string,
+    filters: Filter[]
+}

package/src/lib/shared/models/stored-filter-panel-query.model.ts

@@ -0,0 +1,6 @@
+export interface StoredFilterPanelQuery {
+    id: string,
+    basicQueryValue?: any,
+    advancedQueryValue?: any,
+    groupedQueryValue?: any
+}

package/src/lib/shared/models/w-file-b64.model.ts

@@ -0,0 +1,6 @@
+export interface WFileB64{
+    name: string,
+    type: string,
+    fileBase64: string,
+    base64: string
+}

package/src/lib/shared/models/w-image-cropper-data.model.ts

@@ -0,0 +1,7 @@
+export interface WImageCropperData {
+    roundedCropper: boolean,
+    configuredAspectRatio: number,
+    viewPortWidthPx: number,
+    viewPortHeihtPx: number,
+    maxFileSize: number
+}

package/src/lib/shared/models/w-image-file-uploader-config.model.ts

@@ -0,0 +1,23 @@
+export interface WImageFileUploaderConfig {
+    imagePropertyNames: any[],
+    maxImageSize: number, 
+    allowAuto: boolean,
+    uploadButtonLabel?: string,
+    chooseButtonLabel?: string,
+    cancelButtonLabel?: string,
+    contentHeaderLabel?: string,
+    contentSubheaderLabel?: string,
+    deleteImageButtonLabel?: string,
+    singleModeImageDefault?: string, 
+    singleModeImageWidth?: string,
+    singleModeImageHeight?: string, 
+    croppedDialogTranslations: any,
+    croppedImageConfiguration: {
+        roundedCropper: boolean,
+        configuredAspectRatio: number,
+        viewPortWidthPx: number,
+        viewPortHeihtPx: number,
+    }
+    confirmDeleteMessageLabel?: string,
+    confirmDeleteButtonLabel?: string
+}

package/src/lib/shared/models/w-select-button-state.model.ts

@@ -0,0 +1,4 @@
+export interface WSelectButtonState {
+    label: string,
+    value: string
+}

package/{lib/shared/models/w-timeline-event-item.model.d.ts → src/lib/shared/models/w-timeline-event-item.model.ts}

@@ -1,4 +1,5 @@
 import { ActionButton } from "./action-button.model";
+
 export interface WTimelineEventItem {
     status?: string;
     date?: string;
@@ -6,5 +7,5 @@ export interface WTimelineEventItem {
     color?: string;
     image?: string;
     content?: string;
-    button?: ActionButton;
-}
+    button?: ActionButton
+  }

package/src/lib/shared/models/w-tree-table.model.ts

@@ -0,0 +1,38 @@
+import { TableColumnTypes, WappTableColumnAlignTypes } from "./enums.model"
+
+export interface WTreeTableColumn {
+    field: string, 
+    header: string
+}
+
+export interface ActionButton {
+    id: number,
+    icon: string,
+    tooltip?: string,
+    tooltipPosition?: string,
+    styleClass?: string 
+}
+
+export interface ActionButtonResponse {
+    id: number,
+    element: any
+}
+
+export interface WTreeTable {
+    columnTypes: TableColumnTypes[],
+    columns: WTreeTableColumn[],
+    columnAlign?: WappTableColumnAlignTypes[],
+    columnWidths: string[],
+    hasSortableColumns?: boolean, 
+    hasDeleteButton: boolean,
+    deleteButtonTooltip?: string,
+    searchPlaceholder: string,
+    noRecordsLabel: string
+    actionButtons?: ActionButton[],
+    confirmSingleDeleteLabel?: string,
+    confirmDeleteBtnLabel?: string,
+    currentPageReportTemplate?: string,
+    tableContainer?: boolean,
+    tableMinWidth?: string,
+    columnBooleanTypeIcons: any,
+}

package/src/lib/shared/models/wapp-table-lazy-loading.model.ts

@@ -0,0 +1,57 @@
+import { CustomButtonConfig } from "./custom-button-config.model"
+import { TableColumnFilterTypes, TableColumnTypes, WappTableColumnAlignTypes } from "./enums.model"
+
+export interface WappTableLazyTooltips {
+    copyTooltip?: string,
+    viewTooltip?: string,
+    editTooltip?: string,
+    deleteTooltip?: string, 
+    customTooltip?: string, 
+    position?: string
+}
+
+export interface WappTableLazyLoading {
+    headers: string[],
+    hasNewElementButton: boolean,
+    newElementButtonLabel?: string,
+    columns: any[],
+    columnAlign?: WappTableColumnAlignTypes[],
+    columnTypes: TableColumnTypes[],
+    columnFilterTypes: TableColumnFilterTypes[],
+    columnBooleanTypeIcons: any,
+    selectFilterElements: any,
+    columnWidths: string[],
+    tableMinWidth?: string,
+    hasCheckbox: boolean,
+    hasImage: boolean,
+    customButtonConfig?: CustomButtonConfig,
+    hasEditButton: boolean,
+    hasDeleteButton: boolean,
+    hasCopyButton: boolean, 
+    hasViewButton?: boolean, 
+    hasPaginator: boolean,
+    hasTotalPagingSelector?: boolean,
+    hasClearButton: boolean,
+    hasGlobalSearch: boolean,
+    identificator: string,
+    filterNames: any,
+    sortableNames: any[],
+    hasColumnFilters: boolean,
+    hasSortableColumns: boolean, 
+    globalFilterFields?: string[],
+    confirmMultipleDeleteLabel: string,
+    confirmSingleDeleteLabel: string,
+    confirmDeleteBtnLabel: string,
+    confirmCopyLabel?: string,
+    confirmCopyBtnLabel?: string
+    searchPlaceholder: string,
+    currentPageReportTemplate: string,
+    disableEditProperty?: string,
+    disableDeleteProperty?: string,
+    disableCheckbox?: string,
+    disableDelete?: boolean,
+    rowsPerPageOptions?: number[],
+    tableContainer?: boolean,
+    buttonTooltips?: WappTableLazyTooltips,
+    emptyMessage?: string
+}

package/src/lib/shared/models/wapp-table.model.ts

@@ -0,0 +1,60 @@
+import { CustomButtonConfig } from "./custom-button-config.model";
+import { TableColumnFilterTypes, TableColumnTypes, WappTableColumnAlignTypes } from "./enums.model";
+
+export interface WappTableTooltips {
+    copyTooltip?: string,
+    viewTooltip?: string,
+    editTooltip?: string,
+    deleteTooltip?: string, 
+    customTooltip?: string, 
+    position?: string
+}
+
+export interface WappTable {
+    headers: string[],
+    hasNewElementButton: boolean,
+    newElementButtonLabel: string,
+    newElementButtonIcon?: string,
+    columns: any[],
+    columnAlign?: WappTableColumnAlignTypes[],
+    columnTypes: TableColumnTypes[],
+    columnFilterTypes: TableColumnFilterTypes[],
+    columnBooleanTypeIcons: any,
+    selectFilterElements?: any,
+    columnWidths: string[],
+    tableMinWidth?: string,
+    hasSelectableRow: boolean,
+    hasCheckbox: boolean,
+    hasImage: boolean,
+    hasEditButton: boolean,
+    customButtonConfig?: CustomButtonConfig,
+    hasDeleteButton: boolean,
+    hasCopyButton: boolean, 
+    hasViewButton?: boolean, 
+    hasPaginator: boolean,
+    hasTotalPagingSelector?: boolean,
+    hasClearButton: boolean,
+    clearPlaceholder?: string,
+    hasGlobalSearch: boolean,
+    identificator: string,
+    filterNames: any,
+    sortableNames: any[],
+    globalFilterFields: string[],
+    hasColumnFilters: boolean,
+    hasSortableColumns: boolean, 
+    searchPlaceholder: string,
+    confirmMultipleDeleteLabel?: string,
+    confirmSingleDeleteLabel?: string,
+    confirmDeleteBtnLabel?: string,
+    confirmCopyLabel?: string,
+    confirmCopyBtnLabel?: string,
+    disableEditProperty?: string,
+    disableDeleteProperty?: string,
+    disableCheckbox?: string,
+    disableDelete?: boolean,
+    currentPageReportTemplate?: string,
+    rowsPerPageOptions?: number[],
+    tableContainer?: boolean,
+    buttonTooltips?: WappTableTooltips,
+    emptyMessage?: string
+}

package/src/lib/shared/pipes/color-text.pipe.ts

@@ -0,0 +1,20 @@
+import { Pipe, PipeTransform } from "@angular/core";
+
+@Pipe({
+    name: 'ColorTextPipe'
+})
+export class ColorTextPipe implements PipeTransform {
+    transform(value: any) {
+        var mapObj: any = {
+            "string": "string",
+            "number": "number",
+            "boolean": "boolean",
+            "any": "any",
+            "null": "null",
+            "Input": "Input",
+            "Output":"Output"
+        };
+        return value.replace(/\b(?:string|number|boolean|number|any|null|Input|Output)\b/gi, (matched: any) => mapObj[matched] != "Input" && mapObj[matched] != "Output" ? `<font color="#9900FF">${mapObj[matched]}</font>`: `<font color='#ff7373'>${mapObj[matched]}</font>`)
+        ;
+    }
+}

package/src/lib/shared/pipes/w-date.pipe.ts

@@ -0,0 +1,42 @@
+import { Pipe, PipeTransform } from '@angular/core';
+import { DatePipe } from '@angular/common';
+import { WDatePipeFormatType } from '../models/enums.model';
+
+@Pipe({
+    name: 'wappDate'
+})
+export class WDatePipe implements PipeTransform {
+
+    transform(date: Date | number | string, format?: WDatePipeFormatType | "", locale?: any) {
+        let wappDate: any;
+
+        switch(format) { 
+            case WDatePipeFormatType.d: { 
+               wappDate = new DatePipe(locale ? locale : window.navigator.language.slice(0, 2)).transform(date, 'shortDate')
+               break; 
+            } 
+            case WDatePipeFormatType.D: { 
+                wappDate = new DatePipe(locale ? locale : window.navigator.language.slice(0, 2)).transform(date, 'fullDate')
+                break; 
+            } 
+            case WDatePipeFormatType.g: { 
+                wappDate = new DatePipe(locale ? locale : window.navigator.language.slice(0, 2)).transform(date, 'short')?.replace(/,/g, "")
+                break; 
+            } 
+            case WDatePipeFormatType.G: { 
+                wappDate = new DatePipe(locale ? locale : window.navigator.language.slice(0, 2)).transform(date, 'shortDate')! + ' '
+                         + new DatePipe(locale ? locale : window.navigator.language.slice(0, 2)).transform(date, 'mediumTime')
+                break; 
+            }
+
+            default: { 
+                wappDate = locale ?
+                    new DatePipe(locale).transform(date, 'short')?.replace(/,/g, "") :
+                    new DatePipe(window.navigator.language.slice(0, 2)).transform(date, 'short')?.replace(/,/g, "");
+                    break; 
+            } 
+         } 
+         return wappDate;
+    }
+
+}

package/src/lib/shared/pipes/w-summary.pipe.ts

@@ -0,0 +1,11 @@
+import { Pipe, PipeTransform } from '@angular/core';
+ 
+@Pipe({
+    name: 'wappSummary'
+})
+export class WSummaryPipe implements PipeTransform {
+ 
+    transform(value: string, maxLength: number) {
+        return !value || value.length < maxLength ? null : value.substring(0, maxLength) + ' ... ';
+    }
+}