@annalib/anna-core 7.2.3 → 7.2.4

package/src/lib/anna-core-shared-lib/components/anna-rejected-icon-template/anna-rejected-icon-template.component.ts

@@ -0,0 +1,16 @@
+import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'anna-rejected-icon-template',
+  templateUrl: './anna-rejected-icon-template.component.html',
+  styleUrls: ['./anna-rejected-icon-template.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class AnnaRejectedIconTemplateComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

package/src/lib/anna-core-shared-lib/constants/shared.constant.ts

@@ -0,0 +1,35 @@
+export class Constants {
+  static readonly SUCCESS_STRING = "success";
+  static readonly BACKEND_SERVER_URL = "/server/public/index.php/api";
+  static readonly ERROR_MSG = "Error occurred please try again.";
+  static readonly NO_DATA_MSG = "No Data to display";
+  static readonly SERVER_ERROR = "Server error. Please try Again";
+  static readonly USER_ORIGIN = "ANNA";
+  static readonly ACTIVE_USER_STATUS = "active";
+  static readonly DELETED_USER_STATUS = "deleted";
+  static readonly INACTIVE_USER_STATUS = "inactive";
+  static readonly OGAdminRole = "Ownership Group Admin";
+  static readonly ASARole = "Anna Station Admin";
+  static readonly dollars = "$";
+}
+
+export class ErrorCodes {
+  static readonly BAD_REQUEST = 400;
+  static readonly SERVER_ERROR = 500;
+  static readonly SUCCESS_CODE = 200;
+  static readonly SUCCESS_CODE_GET = 200;
+  static readonly SUCCESS_CODE_POST = 201;
+  static readonly SUCCESS_CODE_PATCH = 204;
+  static readonly NO_CONTENT = 204;
+  static readonly under_review = 409;
+}
+
+export enum Days {
+  M = 1,
+  Tu = 2,
+  We = 3,
+  Th = 4,
+  F = 5,
+  Sa = 6,
+  Su = 7,
+}

package/src/lib/anna-core-shared-lib/directives/digits-only/digits-only.directive.ts

@@ -0,0 +1,307 @@
+import {
+    Directive,
+    ElementRef,
+    HostListener,
+    Input,
+    OnChanges,
+    SimpleChanges,
+  } from '@angular/core';
+  
+  @Directive({
+    selector: '[digitOnly]',
+  })
+  export class DigitOnlyDirective implements OnChanges {
+    private hasDecimalPoint = false;
+    private hasNegativeSign = false;
+    private navigationKeys = [
+      'Backspace',
+      'Delete',
+      'Tab',
+      'Escape',
+      'Enter',
+      'Home',
+      'End',
+      'ArrowLeft',
+      'ArrowRight',
+      'Clear',
+      'Copy',
+      'Paste',
+    ];
+  
+    @Input() decimal = false;
+    @Input() decimalSeparator = '.';
+    @Input() allowNegatives = false;
+    @Input() allowPaste = true;
+    @Input() negativeSign = '-';
+    @Input() min = -Infinity;
+    @Input() max = Infinity;
+    @Input() pattern?: string | RegExp;
+    private regex: RegExp | null = null;
+    inputElement: HTMLInputElement;
+  
+    constructor(public el: ElementRef) {
+      this.inputElement = el.nativeElement;
+    }
+  
+    ngOnChanges(changes: SimpleChanges): void {
+      if (changes['pattern']) {
+        this.regex = this.pattern ? RegExp(this.pattern) : null;
+      }
+  
+      if (changes['min']) {
+        const maybeMin = Number(this.min);
+        this.min = isNaN(maybeMin) ? -Infinity : maybeMin;
+      }
+  
+      if (changes['max']) {
+        const maybeMax = Number(this.max);
+        this.max = isNaN(maybeMax) ? Infinity : maybeMax;
+      }
+    }
+  
+    @HostListener('beforeinput', ['$event'])
+    onBeforeInput(e: InputEvent): any {
+      if (isNaN(Number(e.data))) {
+        if (
+          e.data === this.decimalSeparator ||
+          (e.data === this.negativeSign && this.allowNegatives)
+        ) {
+          return; // go on
+        }
+        e.preventDefault();
+        e.stopPropagation();
+      }
+    }
+  
+    @HostListener('keydown', ['$event'])
+    onKeyDown(e: KeyboardEvent): any {
+        console.log("called");
+      if (
+        this.navigationKeys.indexOf(e.key) > -1 || // Allow: navigation keys: backspace, delete, arrows etc.
+        ((e.key === 'a' || e.code === 'KeyA') && e.ctrlKey === true) || // Allow: Ctrl+A
+        ((e.key === 'c' || e.code === 'KeyC') && e.ctrlKey === true) || // Allow: Ctrl+C
+        ((e.key === 'v' || e.code === 'KeyV') && e.ctrlKey === true) || // Allow: Ctrl+V
+        ((e.key === 'x' || e.code === 'KeyX') && e.ctrlKey === true) || // Allow: Ctrl+X
+        ((e.key === 'a' || e.code === 'KeyA') && e.metaKey === true) || // Allow: Cmd+A (Mac)
+        ((e.key === 'c' || e.code === 'KeyC') && e.metaKey === true) || // Allow: Cmd+C (Mac)
+        ((e.key === 'v' || e.code === 'KeyV') && e.metaKey === true) || // Allow: Cmd+V (Mac)
+        ((e.key === 'x' || e.code === 'KeyX') && e.metaKey === true) // Allow: Cmd+X (Mac)
+      ) {
+        // let it happen, don't do anything
+        return;
+      }
+  
+      let newValue = '';
+  
+      if (this.decimal && e.key === this.decimalSeparator) {
+        newValue = this.forecastValue(e.key);
+        if (newValue.split(this.decimalSeparator).length > 2) {
+          // has two or more decimal points
+          e.preventDefault();
+          return;
+        } else {
+          this.hasDecimalPoint = newValue.indexOf(this.decimalSeparator) > -1;
+          return; // Allow: only one decimal point
+        }
+      }
+  
+      if (e.key === this.negativeSign && this.allowNegatives) {
+        newValue = this.forecastValue(e.key);
+        if (
+          newValue.charAt(0) !== this.negativeSign ||
+          newValue.split(this.negativeSign).length > 2
+        ) {
+          e.preventDefault();
+          return;
+        } else {
+          this.hasNegativeSign = newValue.split(this.negativeSign).length > -1;
+          return;
+        }
+      }
+  
+      // Ensure that it is a number and stop the keypress
+      if (e.key === ' ' || isNaN(Number(e.key))) {
+        e.preventDefault();
+        return;
+      }
+  
+      newValue = newValue || this.forecastValue(e.key);
+      // check the input pattern RegExp
+      if (this.regex) {
+        if (!this.regex.test(newValue)) {
+          e.preventDefault();
+          return;
+        }
+      }
+  
+      const newNumber = Number(newValue);
+      if (newNumber > this.max || newNumber < this.min) {
+        e.preventDefault();
+      }
+    }
+  
+    @HostListener('paste', ['$event'])
+    onPaste(event: any): void {
+      if (this.allowPaste === true) {
+        let pastedInput: string = '';
+        if ((window as { [key: string]: any })['clipboardData']) {
+          // Browser is IE
+          pastedInput = (window as { [key: string]: any })[
+            'clipboardData'
+          ].getData('text');
+        } else if (event.clipboardData && event.clipboardData.getData) {
+          // Other browsers
+          pastedInput = event.clipboardData.getData('text/plain');
+        }
+  
+        this.pasteData(pastedInput);
+        event.preventDefault();
+      } else {
+        // this prevents the paste
+        event.preventDefault();
+        event.stopPropagation();
+      }
+    }
+  
+    @HostListener('drop', ['$event'])
+    onDrop(event: DragEvent): void {
+      const textData = event.dataTransfer?.getData('text') ?? '';
+      this.inputElement.focus();
+      this.pasteData(textData);
+      event.preventDefault();
+    }
+  
+    private pasteData(pastedContent: string): void {
+      const sanitizedContent = this.sanitizeInput(pastedContent);
+      if (
+        sanitizedContent.includes(this.negativeSign) &&
+        this.hasNegativeSign &&
+        !this.getSelection().includes(this.negativeSign)
+      ) {
+        return;
+      }
+      const pasted = document.execCommand('insertText', false, sanitizedContent);
+      if (!pasted) {
+        if (this.inputElement.setRangeText) {
+          const { selectionStart: start, selectionEnd: end } = this.inputElement;
+          this.inputElement.setRangeText(
+            sanitizedContent,
+            start ?? 0,
+            end ?? 0,
+            'end'
+          );
+          // Angular's Reactive Form relies on "input" event, but on Firefox, the setRangeText method doesn't trigger it
+          // so we have to trigger it ourself.
+          if (
+            typeof (window as { [key: string]: any })['InstallTrigger'] !==
+            'undefined'
+          ) {
+            this.inputElement.dispatchEvent(
+              new Event('input', { cancelable: true })
+            );
+          }
+        } else {
+          // Browser does not support setRangeText, e.g. IE
+          this.insertAtCursor(this.inputElement, sanitizedContent);
+        }
+      }
+      if (this.decimal) {
+        this.hasDecimalPoint =
+          this.inputElement.value.indexOf(this.decimalSeparator) > -1;
+      }
+      this.hasNegativeSign =
+        this.inputElement.value.indexOf(this.negativeSign) > -1;
+    }
+  
+    // The following 2 methods were added from the below article for browsers that do not support setRangeText
+    // https://stackoverflow.com/questions/11076975/how-to-insert-text-into-the-textarea-at-the-current-cursor-position
+    private insertAtCursor(myField: HTMLInputElement, myValue: string): void {
+      const startPos = myField.selectionStart ?? 0;
+      const endPos = myField.selectionEnd ?? 0;
+  
+      myField.value =
+        myField.value.substring(0, startPos) +
+        myValue +
+        myField.value.substring(endPos, myField.value.length);
+  
+      const pos = startPos + myValue.length;
+      myField.focus();
+      myField.setSelectionRange(pos, pos);
+  
+      this.triggerEvent(myField, 'input');
+    }
+  
+    private triggerEvent(el: HTMLInputElement, type: string): void {
+      if ('createEvent' in document) {
+        // modern browsers, IE9+
+        const e = document.createEvent('HTMLEvents');
+        e.initEvent(type, false, true);
+        el.dispatchEvent(e);
+      }
+    }
+    // end stack overflow code
+  
+    private sanitizeInput(input: string): string {
+      let result = '';
+      let regex;
+      if (this.decimal && this.isValidDecimal(input)) {
+        regex = new RegExp(
+          `${this.getNegativeSignRegExp()}[^0-9${this.decimalSeparator}]`,
+          'g'
+        );
+      } else {
+        regex = new RegExp(`${this.getNegativeSignRegExp()}[^0-9]`, 'g');
+      }
+      result = input.replace(regex, '');
+  
+      const maxLength = this.inputElement.maxLength;
+      if (maxLength > 0) {
+        // the input element has maxLength limit
+        const allowedLength =
+          maxLength -
+          this.inputElement.value.length +
+          (result.includes(`${this.negativeSign}`) ? 1 : 0);
+        result = allowedLength > 0 ? result.substring(0, allowedLength) : '';
+      }
+      return result;
+    }
+  
+    private getNegativeSignRegExp(): string {
+      return this.allowNegatives &&
+        (!this.hasNegativeSign || this.getSelection().includes(this.negativeSign))
+        ? `(?!^${this.negativeSign})`
+        : '';
+    }
+  
+    private isValidDecimal(string: string): boolean {
+      if (!this.hasDecimalPoint) {
+        return string.split(this.decimalSeparator).length <= 2;
+      } else {
+        // the input element already has a decimal separator
+        const selectedText = this.getSelection();
+        if (selectedText && selectedText.indexOf(this.decimalSeparator) > -1) {
+          return string.split(this.decimalSeparator).length <= 2;
+        } else {
+          return string.indexOf(this.decimalSeparator) < 0;
+        }
+      }
+    }
+  
+    private getSelection(): string {
+      return this.inputElement.value.substring(
+        this.inputElement.selectionStart ?? 0,
+        this.inputElement.selectionEnd ?? 0
+      );
+    }
+  
+    private forecastValue(key: string): string {
+      const selectionStart = this.inputElement.selectionStart ?? 0;
+      const selectionEnd = this.inputElement.selectionEnd ?? 0;
+      const oldValue = this.inputElement.value;
+      return (
+        oldValue.substring(0, selectionStart) +
+        key +
+        oldValue.substring(selectionEnd)
+      );
+    }
+  }

package/src/lib/anna-core-shared-lib/directives/show-ellipsis-text/show-ellipsis-text.directive.ts

@@ -0,0 +1,19 @@
+import { Directive, ElementRef, HostListener } from '@angular/core';
+
+@Directive({
+  selector: '[showEllipsisTextOnHover]'
+})
+
+export class showEllipsisTextOnHoverDirective {
+
+  constructor(private elementRef: ElementRef) {}
+
+  @HostListener('mouseenter')
+  onMouseEnter(): void {
+      const element = this.elementRef.nativeElement;
+      if (element.offsetWidth < element.scrollWidth) {
+        element.title = element.textContent;
+      }
+      else if (element.title) element.removeAttribute('title'); 
+  }
+}

package/src/lib/anna-core-shared-lib/models/anna-generic-data-type.model.ts

@@ -0,0 +1,19 @@
+export interface WeekObject {
+  startDate: string;
+  endDate: string;
+}
+
+export interface SellerGroupHierarchy {
+  inventoryCode: string;
+  program: string;
+}
+
+export interface RatingSellerGroupHierarchy{
+  InventoryCode: string;
+  Program: string;
+}
+export interface GtColumnIconEmittedData{
+  data: any;
+  key: string;
+}
+

package/{lib/anna-core-shared-lib/models/anna-global-dropdown-config.model.d.ts → src/lib/anna-core-shared-lib/models/anna-global-dropdown-config.model.ts}

@@ -1,9 +1,10 @@
 export interface IRadioButton {
-    value: string;
-    isDisabled: boolean;
-    label: string;
-    class: string;
+  value: string;
+  isDisabled: boolean;
+  label: string;
+  class: string;
 }
+
 export interface IAngular2MultiSelectSettings {
     text: string;
     selectAllText: string;
@@ -21,6 +22,7 @@ export interface IAngular2MultiSelectSettings {
     enableFilterSelectAll: boolean;
     maxHeight: number;
 }
+
 export interface INgxAsideSettings {
     title: string;
     cancelButtonTitle: string;
@@ -30,6 +32,7 @@ export interface INgxAsideSettings {
     showDefaultFooter: boolean;
     showDefaultHeader: boolean;
 }
+
 export interface INgbDatePickerSettings {
     autoClose: boolean;
     placeholder: string;
@@ -38,23 +41,28 @@ export interface INgbDatePickerSettings {
     showWeekNumbers: boolean;
     readonly: boolean;
 }
+
 export interface INgSelectSettings {
     allowClear: boolean;
     placeholder: string;
 }
+
 export interface INgxInfiniteScrollSettings {
     infiniteScrollDistance: number;
     infiniteScrollUpDistance: number;
     infiniteScrollThrottle: number;
     scrollWindow: boolean;
 }
+
 export interface INgxSkeletonLoaderSettings {
     numberOfSkeletonRows: number[];
 }
+
 export interface IRadioButtonComponentConfig {
     heading?: string;
     radioButtons: IRadioButton[];
 }
+
 export interface IConfirmationPopupConfig {
     showCancelButton: boolean;
     title: string;
@@ -67,6 +75,7 @@ export interface IConfirmationPopupConfig {
     size: "sm" | "lg";
     keyboard: boolean;
 }
+
 export interface IWeekCalendar {
     firstDayOfWeek?: number;
     numberOfMonthsToEnableInPast: number;
@@ -81,15 +90,18 @@ export interface IWeekCalendar {
     showAsDropdown: boolean;
     selectCurrentWeek: boolean;
 }
-export interface ICustomSingleSelect {
+
+
+export interface ICustomSingleSelect{
     showSearchBar: boolean;
     placeholder: string;
     classes: string;
     position: Position;
-    maxHeightOfList: number;
+    maxHeightOfList: number; //px value
 }
-export interface ICustomMultiSelect extends ICustomSingleSelect {
+
+export interface ICustomMultiSelect extends ICustomSingleSelect{
     showErrorWhenNoOptionSelected: boolean;
 }
-declare type Position = "TOP" | "BOTTOM";
-export {};
+
+type Position = "TOP"| "BOTTOM";

package/src/lib/anna-core-shared-lib/models/anna-manage-users.model.ts

@@ -0,0 +1,6 @@
+export enum UserActivationStatus {
+  activationEmailSent = 'ActivationEmailSent' ,
+  activationEmailReSent = 'ActivationEmailResent' ,
+  ResendActivationEmail = 'ResendActivationEmail' ,
+  lastSignedIn = 'LastSignedIn',
+}

package/{lib/anna-core-shared-lib/models/anna-non-editable-gt-models.d.ts → src/lib/anna-core-shared-lib/models/anna-non-editable-gt-models.ts}

@@ -1,10 +1,12 @@
 import { TooltipPosition } from "@angular/material/tooltip";
 import { IWeekCalendar } from "./anna-global-dropdown-config.model";
+
 export interface IGtTableHeader {
     headerInfo: IHeaderInfo[];
     visible: boolean;
     width: string;
 }
+
 export interface IHeaderInfo {
     name: string;
     objectKey: string;
@@ -20,22 +22,28 @@ export interface IHeaderInfo {
     tooltip?: ITooltip;
     joinedFilterSortObjectKeys?: string;
 }
-declare type DATATYPE = "CHECKBOX" | "ICON" | "STRING" | "RADIO" | "" | "SVG_ICON" | "TEXT_ACTIONS" | "CLICKABLE_DATA" | "CLICKABLE_DATA_2" | "STRING__TEXT_ACTION" | "STRING__ICON_ACTION" | "STRING___ICON_OR_TEXT_ACTION" | "STRING___ICON_OR_TEXT_ACTION_1" | "STRING___ICON_OR_TEXT_ACTION_2" | "STRING___ICON_OR_TEXT_ACTION_3";
-declare type FILTERTYPE = "CHECKBOX" | "SLIDER" | "DATE" | "TIME" | "WEEK";
+
+type DATATYPE = "CHECKBOX" | "ICON" | "STRING" | "RADIO" | "" | "SVG_ICON" | "TEXT_ACTIONS" | "CLICKABLE_DATA" | "CLICKABLE_DATA_2" | "STRING__TEXT_ACTION" | "STRING__ICON_ACTION" | "STRING___ICON_OR_TEXT_ACTION" |
+"STRING___ICON_OR_TEXT_ACTION_1" | "STRING___ICON_OR_TEXT_ACTION_2" | "STRING___ICON_OR_TEXT_ACTION_3";
+type FILTERTYPE = "CHECKBOX" | "SLIDER" | "DATE" | "TIME" | "WEEK";
+type TOOLTIPOSITION = "left" | "right";
+
 export interface ITotalRowInfo {
     colspan: number;
     data: string;
     lowerData?: string;
     colName: string;
     class?: string;
-    tooltipMessage?: string;
+    tooltipMessage?: string;    
 }
+
 export interface IGtHeaderConfig {
     iconColumn: boolean;
     checkboxColumn: boolean;
     lastColumnKeys: string[];
 }
-export interface IGtGeneralConfig extends ISpotTableConfig {
+
+export interface IGtGeneralConfig extends ISpotTableConfig{
     component: COMPONENTNAME;
     totalRow: boolean;
     isHeaderChecked?: boolean;
@@ -48,25 +56,28 @@ export interface IGtGeneralConfig extends ISpotTableConfig {
     bufferSize: number;
     page: string;
 }
-declare type COMPONENTNAME = "SPOTDETAILS" | "EXCLUDEINVENTORYPOPUP" | "EXCLUDEINVENTORY" | "DRRLISTING" | "DRR" | "" | "RATING" | "ORDER_LISTING_INFLIGHT" | "ORDER_LISTING_COMPLETED" | "ORDER_LISTING_BLANK" | "LUR_VIOLATIONS" | "ACTIVITYLOG";
+
+type COMPONENTNAME = "SPOTDETAILS" | "EXCLUDEINVENTORYPOPUP" | "EXCLUDEINVENTORY" | "DRRLISTING" | "DRR" | "" | "RATING" | "ORDER_LISTING_INFLIGHT" | "ORDER_LISTING_COMPLETED" | "ORDER_LISTING_BLANK" | "LUR_VIOLATIONS" | "ACTIVITYLOG";
 interface ISpotTableConfig {
     isGrouped: boolean;
 }
-export interface ITooltip {
+
+
+export interface ITooltip{
     iconPosition: TooltipPosition;
     name: string;
     tooltipPosition: string;
     iconClass: string;
     tooltipClass: string;
 }
-export interface IconData {
-    data: any;
-    iconClass: string;
-}
-export interface TextAction {
-    id: number;
-    name: string;
-    class: string;
-    isDisabled: boolean;
-}
-export {};
+
+export interface IconData{	
+    data: any;	
+    iconClass: string;	
+}	
+export interface TextAction{	
+    id: number;	
+    name: string;	
+    class: string;	
+    isDisabled: boolean;	
+}

package/src/lib/anna-core-shared-lib/models/anna-sort.model.ts

@@ -0,0 +1,13 @@
+export type SortType = "DEFAULT" | "ASC" | "DESC";
+
+export interface SortOption{
+    sortType: SortType,
+    isOptionActive: boolean,
+    text: string
+}
+
+export enum SortTypeEnum {
+  DEFAULT = "DEFAULT",
+  ASC = "ASC",
+  DESC = "DESC"
+}

package/src/lib/anna-core-shared-lib/models/anna-tooltip.model.ts

@@ -0,0 +1,44 @@
+export class TooltipModel {
+    isSelected: boolean;
+    label: string;
+    id: number;
+    value: string;
+
+    constructor(obj: string,id: number) {
+        this.label = obj ? obj.toString() : null;
+        this.value = obj;
+        this.isSelected = false;
+        this.id = id;
+    }
+}
+
+export class tooltipModelForColumnLevelFiltering {
+    isHidden;
+    isSelected: boolean;
+    data: string;
+    constructor(data: string) {
+        this.data = data;
+        this.isSelected = true;
+        this.isHidden = false;
+    }
+}
+
+export class radioButtonModel {
+    key: string;
+    label: string;
+    isSortRequired: boolean;
+    isFilterRequired: boolean;
+
+    constructor(key: string, value: string,sort: boolean, filter: boolean) {
+        this.key = key;
+        this.label = value;
+        this.isSortRequired = sort;
+        this.isFilterRequired = filter;
+    }
+}
+
+export enum AllSelectedStatus {
+    none = 0,
+    allSelected = 1,
+    fewSelected = 2,
+}

package/src/lib/anna-core-shared-lib/pipes/annaConvertZeroOrNullOrUndefined.pipe.ts

@@ -0,0 +1,20 @@
+import { Pipe, PipeTransform } from "@angular/core";
+import { memoize } from "lodash-es";
+
+@Pipe({
+    name: "AnnaConvertZeroOrNullOrUndefined",
+})
+export class AnnaConvertZeroOrNullOrUndefinedPipe implements PipeTransform {
+    transformer = memoize(this.replace, (...args) => this.replace(args[0], args[1]));
+
+    transform(value:any, convertTo:any): number | string {
+        return this.transformer(value, convertTo);
+    }
+
+    replace(value:any, convertTo:any): number | string {
+        if (value === "undefined" || value === null || value === "" || Number(value) === 0) {
+            return convertTo;
+        }
+        return value;
+    }
+}