@annalib/anna-core 1.6.0 → 2.2.0

package/src/lib/anna-core-shared-lib/components/anna-pay-for-performance-icon-template/anna-pay-for-performance-icon-template.component.ts

@@ -0,0 +1,19 @@
+import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'anna-pay-for-performance-icon-template',
+  templateUrl: './anna-pay-for-performance-icon-template.component.html',
+  styleUrls: ['./anna-pay-for-performance-icon-template.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class AnnaPayForPerformanceIconTemplateComponent implements OnInit {
+
+  @Input() color: string;
+  @Input() width: string;
+  @Input() height: string;
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

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

@@ -0,0 +1,14 @@
+<ng-container [ngTemplateOutlet]="rejectedIcon"></ng-container>
+
+<ng-template #rejectedIcon>
+    <svg width="15px" height="15px" viewBox="0 0 20 20">
+        <g id="Buyer-rejected-icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <path
+                d="M15.7822266,4.21777344 C14.3671875,2.80276367 12.4951465,2 10.5,2 C6.37918945,2 3,5.37253906 3,9.5 C3,13.6296289 6.37133789,17 10.5,17 C14.6105273,17 18,13.6429004 18,9.5 C18,7.50485352 17.1972656,5.6327832 15.7822266,4.21777344 Z M10.5,15.2128906 C7.34220703,15.2128906 4.78710938,12.664502 4.78710938,9.5 C4.78710938,8.26950195 5.17382812,7.10055664 5.88574219,6.13375977 L13.8662402,14.1054395 C12.8993848,14.8261719 11.730498,15.2128906 10.5,15.2128906 Z M15.1054688,12.8661816 L7.13375977,4.88574219 C8.10061523,4.17382813 9.26950195,3.78710938 10.5,3.78710938 C13.6578809,3.78710938 16.2128906,6.33549805 16.2128906,9.5 C16.2128906,10.7304395 15.8261719,11.8993848 15.1054688,12.8661816 Z"
+                id="Shape"
+                fill="#4A4A4A"
+                fill-rule="nonzero"
+            ></path>
+        </g>
+    </svg>
+</ng-template>

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

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { AnnaRejectedIconTemplateComponent } from './anna-rejected-icon-template.component';
+
+
+describe('RejectedIconTemplateComponent', () => {
+  let component: AnnaRejectedIconTemplateComponent;
+  let fixture: ComponentFixture<AnnaRejectedIconTemplateComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ AnnaRejectedIconTemplateComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AnnaRejectedIconTemplateComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

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

@@ -0,0 +1,15 @@
+import { 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']
+})
+export class AnnaRejectedIconTemplateComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

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

@@ -0,0 +1,34 @@
+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 = "OG-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/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/index.ts

@@ -0,0 +1 @@
+export * from "./public-api";

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

@@ -0,0 +1,15 @@
+export interface WeekObject {
+  startDate: string;
+  endDate: string;
+}
+
+export interface SellerGroupHierarchy {
+  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/{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,27 @@ export interface IHeaderInfo {
     tooltip?: ITooltip;
     joinedFilterSortObjectKeys?: string;
 }
-declare type DATATYPE = "CHECKBOX" | "ICON" | "STRING" | "RADIO" | "" | "SVG_ICON" | "TEXT_ACTIONS" | "CLICKABLE_DATA";
-declare type FILTERTYPE = "CHECKBOX" | "SLIDER" | "DATE" | "TIME" | "WEEK";
+
+type DATATYPE = "CHECKBOX" | "ICON" | "STRING" | "RADIO" | "" | "SVG_ICON" | "TEXT_ACTIONS";
+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;
@@ -47,25 +54,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";
+
+type COMPONENTNAME = "SPOTDETAILS" | "EXCLUDEINVENTORYPOPUP" | "EXCLUDEINVENTORY" | "DRRLISTING" | "DRR" | "" | "RATING" | "ORDER_LISTING_INFLIGHT" | "ORDER_LISTING_COMPLETED" | "ORDER_LISTING_BLANK" | "LUR_VIOLATIONS";;
 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,7 @@
+export type SortType = "DEFAULT" | "ASC" | "DESC";
+
+export interface SortOption{
+    sortType: SortType,
+    isOptionActive: boolean,
+    text: string
+}

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/ng-package.json

@@ -0,0 +1,5 @@
+{
+  "lib": {
+    "entryFile": "public-api.ts"
+  }
+}

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

@@ -0,0 +1,26 @@
+import { Pipe, PipeTransform } from "@angular/core";
+import { memoize } from "lodash-es";
+
+@Pipe({
+    name: "AnnafilterSearchedText",
+})
+export class AnnaFilterSearchedTextPipe implements PipeTransform {
+    callFilter = memoize(this.filter, (...args) => this.filter(args[0], args[1], args[2]));
+
+    transform(items: any[], searchText: any, keyName?: any): any[] {
+        return this.callFilter(items, searchText, keyName);
+    }
+
+    filter(items: any[], searchText: string, keyName?: any): any[] {
+        if (!items) return [];
+        if (!searchText) return items;
+        searchText = searchText.toString().toLowerCase();
+
+        //if keyName is undefined every key will be considered for filtering.
+        if (!keyName)
+            return items.filter(
+                (item) => Object.values(item).filter((n) => n.toString().toLowerCase().includes(searchText)).length > 0
+            );
+        return items.filter((item) => item[keyName].toString().toLowerCase().startsWith(searchText));
+    }
+}

package/{lib/anna-core-shared-lib/public-api.d.ts → src/lib/anna-core-shared-lib/public-api.ts}

@@ -1,4 +1,7 @@
+//Modules
 export * from "./anna-core-shared-lib.module";
+
+//components 
 export * from "./components/anna-no-data/anna-no-data.component";
 export * from "./components/anna-buyer-approval-icon-template/anna-buyer-approval-icon-template.component";
 export * from "./components/anna-live-icon-template/anna-live-icon-template.component";
@@ -6,16 +9,27 @@ export * from "./components/anna-notify-icon-template/anna-notify-icon-template.
 export * from "./components/anna-pay-for-performance-icon-template/anna-pay-for-performance-icon-template.component";
 export * from "./components/anna-rejected-icon-template/anna-rejected-icon-template.component";
 export * from "./components/anna-icon-column/anna-icon-column.component";
+
+//services
 export * from "./services/anna-date-time-format.service";
 export * from "./services/anna-global-config.service";
 export * from "./services/anna-filter.service";
 export * from "./services/anna-sort.service";
 export * from "./services/anna-generic-table.service";
+
+//models
 export * from "./models/anna-generic-data-type.model";
 export * from "./models/anna-global-dropdown-config.model";
 export * from "./models/anna-non-editable-gt-models";
 export * from "./models/anna-tooltip.model";
 export * from "./models/anna-sort.model";
+
+//constants
 export * from "./constants/shared.constant";
+
+//pipes
 export * from "./pipes/annaFilterSearchedText.pipe";
-export * from "./directives/show-ellipsis-text/show-ellipsis-text.directive";
+
+
+//directives
+export * from "./directives/show-ellipsis-text/show-ellipsis-text.directive";

package/src/lib/anna-core-shared-lib/scss/_colors.scss

@@ -0,0 +1,107 @@
+$primary-color: #268bff;
+$background-white: #ffffff;
+$lightGray: #d3d3d3;
+$lightGray-1: #f1f1f1;
+$lightGray-2: #b3b3b3;
+$lightGray-3: #ededed;
+$lightGray-4: #d4d4d4;
+$lightGray-5: #e6e6e6;
+$lightGray-6: #c8c8c8;
+$lightGray-7: #9b9b9b;
+$lightGray-9: #d9e1e6;
+$lightGray-8: #b7b7b7;
+$dimGray: #747474;
+$lightDimGray: #666666;
+$coralRed: #ff4747;
+$greenCyan: #00c853;
+$bookedColor: #9b1b93;
+$orderedColor: #d780d1;
+$billableColor: #f2bdef;
+$nationalColor: #f5dd31;
+$localColor: #8db72e;
+$lavenderBlue: #c7e1ff;
+$aliceBlue: #e3f0ff;
+$dodgerBlue: #1582ff;
+$lightGrey: #d6d6d6;
+$coldTurkey: #ceb6b6;
+$lightSilver: #d8d8d8;
+$GraythirtySeven: #5e5e5e;
+$charcoal: #4a4a4a;
+$sellerReviewColor: #f3bd18;
+$buyerReviewColor: #1565c0;
+$reviewCompleteColor: #00c853;
+$recoveredPreemptionColor: #0071ce;
+$deepSkyBlue: #00b0ff;
+$licorice: #2e384d;
+$navyBlue: #0071ce;
+$nobelGray: #b7b6b6;
+$whiteSmoke: #f7f6f6;
+$gray: #979797;
+$paleBlue: #c2cfd6;
+$lightViolet: #9169fc;
+$dimViolet: #e5dbff;
+$darkViolet: #555099;
+$whisper: #e9e9e9;
+$lynxWhite: #f7f7f7;
+$lightAliceBlue: #e5f1ff;
+$veryLightGrey: #cfcfcf;
+$darkCharcoal: #333333;
+$noRevisionFound: #f47228;
+$redOrange: #f44336;
+$DRRBgColor: #edecec;
+$darkYellowWarning: #f3c639;
+$lightYellow: #fff8e3;
+$filterRadioContainer: #f4f4f4;
+$oliveGreen: #8bac2a;
+$calendarLabel: #222b45;
+$olivedrab: #6b8e23;
+$redOrange: #fe3824;
+$chineseSilver: #cccccc;
+$grey: #767676;
+$primary-success: #47d490;
+$secondary-success: #ebf6f1;
+$primary-warning: #f3c639;
+$secondary-warning: #fff8e3;
+$primary-dark: #90a4ae;
+$secondary-dark: #ebedee;
+$primary-danger: #fc8383;
+$secondary-danger: #ffeded;
+$Gray94: #f0f0f0;
+$whisper: #ededed;
+$whiteSmoke2: #f4f4f4;
+$pinkSwan: #b5b5b5;
+$matterhorn: #4f4f4f;
+$lightGrey: #d4d4d4;
+$gray74: #bdbdbd;
+$gray86: #dbdbdb;
+$darkBlueShade: #222b45;
+$green: #8bac2a;
+$darkPurpleShade: #555099;
+$pattensBlue: #d8eaff;
+$quartz: #dddceb;
+$darkGray: #a7a7a7;
+$darkGray1: #cbcbcb;
+$awaitingSellerReview: #f7f2d1;
+$awaitingSellerReviewBorder: #dec30b;
+$amber: #ffc107;
+$whiteSmoke3: #efefef;
+$greyChateau: #a2a8ad;
+$roseBud: #f9b3ae;
+$paleRed: #fde4e3;
+$redOrange3: #f44336;
+$redOrange4: #fe3824;
+$gray43: #6e6e6e;
+$dodgerBlue2: #4099ff;
+$fruitSalad: #43a047;
+$nero: #212121;
+$darkGray2: #a4a4a4;
+$pinkSwan: #b7b7b7;
+$blue: #d8eaff;
+$lightBlue: #eff6ff;
+$sunsetOrange: #ff5353;
+$redShade: #ff5252;
+$lightBlueShade: #d6dcff;
+$blueBerry: #536dfe;
+$darkPink: #be489d;
+$lightPinkShade: #f4e7f2;
+$sellerGroupChildRow: #F9F3F8;