@flower-city-online/itinerary-lib 0.0.19 → 0.0.21

package/src/lib/itinerary-app/shared/swiper-dialog/swiper-dialog.component.html

@@ -1,14 +0,0 @@
-<div class="modal-overlay">
-  <swiper-container [slides-per-view]="1" [navigation]="true" [pagination]="{ clickable: true }"
-    [initial-slide]="currentIndex" class="modal-container">
-    <div *ngIf="isLoading" class="loader">Loading...</div>
-    <swiper-slide *ngFor="let image of images">
-      <img [src]="image.src" alt="Image" class="modal-image" (load)="onImageLoad()" [class.hidden]="isLoading" />
-    </swiper-slide>
-  </swiper-container>
-  <button class="close-btn" (click)="close()">Close</button>
-  <div class="alt-images-section">
-    <img *ngFor="let image of images; let i = index" [src]="image.src" class="alt-image"
-      (click)="updateCurrentIndex(image)" />
-  </div>
-</div>

package/src/lib/itinerary-app/shared/swiper-dialog/swiper-dialog.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { SwiperDialogComponent } from './swiper-dialog.component';
-
-describe('SwiperDialogComponent', () => {
-  let component: SwiperDialogComponent;
-  let fixture: ComponentFixture<SwiperDialogComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [SwiperDialogComponent]
-    })
-    .compileComponents();
-    
-    fixture = TestBed.createComponent(SwiperDialogComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/itinerary-app/shared/swiper-dialog/swiper-dialog.component.ts

@@ -1,48 +0,0 @@
-import { Component, Inject } from '@angular/core';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-
-interface Image {
-  idx: number;
-  src: string;
-}
-@Component({
-  selector: 'app-swiper-dialog',
-  templateUrl: './swiper-dialog.component.html',
-  styleUrl: './swiper-dialog.component.css',
-})
-
-export class SwiperDialogComponent {
-  images: Image[];
-  currentIndex: number;
-  isLoading: boolean = true;
-
-  constructor(
-    @Inject(MAT_DIALOG_DATA)
-    public data: { images: string[]; currentIndex: number },
-    private dialogRef: MatDialogRef<SwiperDialogComponent>,
-  ) {
-    const images = data.images;
-    images.sort((a, b) => {
-      const nameA = a.split('/').pop()?.toLowerCase() ?? '';
-      const nameB = b.split('/').pop()?.toLowerCase() ?? '';
-      return nameA.localeCompare(nameB);
-    });
-
-    this.images = images.map((image, index) => ({
-      idx: index + 1,
-      src: image
-    }));
-    this.currentIndex = data.currentIndex;
-  }
-
-  onImageLoad(): void {
-    this.isLoading = false;
-  }
-
-  updateCurrentIndex(img: Image) {
-    this.currentIndex = img.idx;
-  }
-  close() {
-    this.dialogRef.close();
-  }
-}

package/src/lib/itinerary-app/shared/tab-bar/tab-bar.component.html

@@ -1,6 +0,0 @@
-<lib-tab-menu
-  [items]="tabMenuItems"
-  [activeItem]="activeItem"
-  (activeItemChange)="onActiveItemChange($event)"
-  #libTabMenu
-></lib-tab-menu>

package/src/lib/itinerary-app/shared/tab-bar/tab-bar.component.ts

@@ -1,70 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnDestroy, OnInit } from '@angular/core';
-import { NavigationEnd, Router } from '@angular/router';
-import { MenuItem } from 'primeng/api'; 
-import { ItinerariesRoutesEnum } from '../../_enums/ItenariesRoutes.enum';
-import { filter, Subject, takeUntil } from 'rxjs';
-
-@Component({
-  selector: 'app-tab-bar',
-  templateUrl: './tab-bar.component.html',
-  styleUrl: './tab-bar.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class TabBarComponent implements OnInit, OnDestroy {
-  private destroy$: Subject<void> = new Subject<void>();
-  @Input() tabMenuItems: MenuItem[] = [
-    {
-      label: 'Explore',
-      icon: 'pi pi-fw pi-home',
-      routerLink: ItinerariesRoutesEnum.ITINERARY_EXPLORE,
-    },
-    {
-      label: 'Builder',
-      icon: 'pi pi-fw pi-map-marker',
-      routerLink: ItinerariesRoutesEnum.ITINERARY_BUILDER,
-    },
-    {
-      label: 'Favorites',
-      icon: 'pi pi-fw pi-user',
-      routerLink: ItinerariesRoutesEnum.ITINERARY_FAVOURITES,
-    },
-  ];
-  activeItem: MenuItem = this.tabMenuItems[0];
-
-  //LIFE CYCLES
-  constructor(
-    private router: Router,
-    private cdr: ChangeDetectorRef
-  ) {}
-
-  ngOnInit(): void {
-    this.activeItem = this.tabMenuItems.find(
-      (x) => x.routerLink === this.router.url,
-    )!;
-    this.router.events
-    .pipe(
-      filter(
-        (event): event is NavigationEnd => event instanceof NavigationEnd,
-      ),
-      takeUntil(this.destroy$)
-    )
-    .subscribe((event: NavigationEnd) => {
-      this.activeItem = this.tabMenuItems.find(
-        (x) => x.routerLink === event.urlAfterRedirects
-      )!;
-      this.cdr.detectChanges();
-    });
-  }
-
-  ngOnDestroy() {
-    this.destroy$.next(); // Emit a value to trigger takeUntil
-    this.destroy$.complete(); // Complete the subject
-  }
-
-  //UI LOGIC
-  onActiveItemChange(event: MenuItem): void {
-    this.activeItem = event;
-    // debugger;
-    this.router.navigate([event.routerLink]);
-  }
-}

package/src/lib/itinerary-app/shared/user-stack-tile/user-stack-tile.component.html

@@ -1,15 +0,0 @@
-<div [ngClass]="class" class="mt-3">
-  <div class="mb-2 text-xs userIconText">
-    <p>{{ label }}</p>
-  </div>
-  <div class="flex justify-between items-center relative">
-    <app-users-stack [images]="images" [maxVisible]="maxVisible" [size]="size"
-      [isSelectableVisible]="isSelectableVisible" [selectableOption]="selectableOption"></app-users-stack>
-    <div class="flex">
-      <button class="pinkTextColor" (click)="handleBtnClick()">
-        {{ buttonText }}
-      </button>
-      <p class="px-1 text-white">></p>
-    </div>
-  </div>
-</div>

package/src/lib/itinerary-app/shared/user-stack-tile/user-stack-tile.component.ts

@@ -1,32 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  EventEmitter,
-  Input,
-  Output,
-} from '@angular/core';
-import { SelectOption } from '@naniteninja/ionic-lib';  
-import { ICONS } from '../../_constants/constants';
-import { Iicon } from '../../_interface/icon';
-
-@Component({
-  selector: 'app-user-stack-tile',
-  templateUrl: './user-stack-tile.component.html',
-  styleUrl: './user-stack-tile.component.css',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class UserStackTileComponent {
-  ICONS: Iicon = ICONS;
-  @Input() class: string = '';
-  @Input() buttonText: string = 'View Invites';
-  @Input() label: string = '';
-  @Output() onClick: EventEmitter<void> = new EventEmitter<void>();
-  @Input() images: string[] = [];
-  @Input() maxVisible = 3;
-  @Input() size: number = 41;
-  @Input() isSelectableVisible: boolean = false;
-  @Input() selectableOption!: SelectOption<string>;
-
-  //UI LOGIC
-  handleBtnClick = (): void => this.onClick.emit();
-}

package/src/lib/itinerary-app/shared/user-tile/user-tile.component.html

@@ -1,24 +0,0 @@
-<div [class]="'comment-card text-white pt-4 pb-4 rounded-xl ' + class">
-  <div class="flex items-center justify-between">
-    <div class="flex space-x-3">
-      <div class="rounded-full overflow-hidden">
-        <img
-          [src]="image"
-          alt="User"
-          loading="lazy"
-          class="w-10 h-10 object-cover"
-        />
-      </div>
-      <div>
-        <h4 class="text-sm font-semibold">{{ name }}</h4>
-        <p class="text-xs text-gray-300">{{ email }}</p>
-      </div>
-    </div>
-    <ng-container
-      *ngTemplateOutlet="
-        sufixTemplate;
-        context: { $implicit: { image, name, email } }
-      "
-    ></ng-container>
-  </div>
-</div>

package/src/lib/itinerary-app/shared/user-tile/user-tile.component.ts

@@ -1,21 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  Input,
-  TemplateRef,
-} from '@angular/core';
-
-@Component({
-  selector: 'app-user-tile',
-  templateUrl: './user-tile.component.html',
-  styleUrl: './user-tile.component.css',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class UserTileComponent {
-  @Input() sufixTemplate: TemplateRef<any> | null = null;
-  @Input() name: string = '';
-  @Input() email: string = '';
-  @Input() image: string = '';
-  @Input() class: string = '';
-  constructor() {}
-}

package/src/lib/itinerary-app/shared/users-stack/users-stack.component.html

@@ -1,29 +0,0 @@
-<div *ngIf="!loading" [class]="'flex items-center ' + class">
-  <ng-container *ngFor="let img of visibleImages; let i = index">
-    <div class="rounded-full overflow-hidden relative" [ngStyle]="{
-        height: size + 'px',
-        width: size + 'px',
-        'margin-left': i === 0 ? '0px' : -size * 0.45 + 'px',
-      }">
-      <img [src]="img" alt="Avatar" loading="lazy" class="w-full h-full object-cover" (load)="onImageLoad(i)"
-        (error)="onImageLoad(i)" />
-      <div *ngIf="!imageLoaded[i]" class="absolute inset-0 flex items-center justify-center bg-gray-200">
-        <div class="spinner"></div>
-      </div>
-    </div>
-  </ng-container>
-
-  <div *ngIf="remainingCount > 0" class="rounded-full relative flex items-center justify-center" [ngStyle]="{
-      height: size + 'px',
-      width: size + 'px',
-      'margin-left': visibleImages.length > 0 ? -size * 0.45 + 'px' : '0px',
-      'background-color': 'rgba(81, 78, 87, 1)',
-    }">
-    <p style="font-size: clamp(7px, 3vw, 15px)" class="f-gilroy-regular">
-      {{ remainingCount }}+
-    </p>
-  </div>
-  <div class="absolute z-10" [style.left.px]="maxVisible * 26">
-    <lib-selectable *ngIf="isSelectableVisible" [options]="[selectableOption]"></lib-selectable>
-  </div>
-</div>

package/src/lib/itinerary-app/shared/users-stack/users-stack.component.scss

@@ -1,20 +0,0 @@
-.my-custom-class {
-  box-shadow: 0 0 4px rgba(81, 78, 87, 1);
-}
-.spinner {
-  border: 2px solid rgba(255, 255, 255, 0.3);
-  border-top: 2px solid white;
-  border-radius: 50%;
-  width: 24px;
-  height: 24px;
-  animation: spin 0.8s linear infinite;
-}
-
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}

package/src/lib/itinerary-app/shared/users-stack/users-stack.component.ts

@@ -1,53 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  Input,
-  OnInit,
-} from '@angular/core';
-import { SelectOption } from '@naniteninja/ionic-lib';   
-import { AssetsService } from '../../_services/assets.service';
-
-@Component({
-  selector: 'app-users-stack',
-  templateUrl: './users-stack.component.html',
-  styleUrls: ['./users-stack.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class UsersStackComponent implements OnInit {
-  @Input() images: string[] = [];
-  @Input() maxVisible = 3;
-  @Input() size: number = 41;
-  @Input() loading: boolean = false;
-  @Input() class: string = '';
-  @Input() isSelectableVisible: boolean = false;
-  @Input() selectableOption!: SelectOption<string>;
-  imageLoaded: boolean[] = [];
-
-  constructor(
-    private assetService: AssetsService,
-    private cdr: ChangeDetectorRef, 
-  ) {}
-
-  ngOnInit(): void {
-    this.loading = true;
-    this.assetService.getMembers().subscribe((data) => {
-      this.images = data.map((x) => x.memberPic);
-      this.imageLoaded = Array(this.visibleImages.length).fill(false);
-      this.loading = false;
-      this.cdr.detectChanges();
-    });
-  }
-
-  get visibleImages(): string[] {
-    return this.images.slice(0, this.maxVisible);
-  }
-
-  get remainingCount(): number {
-    return this.images.length - this.maxVisible;
-  }
-
-  onImageLoad(index: number): void {
-    this.imageLoaded[index] = true;
-  }
-}

package/src/lib/itinerary-app/test.ts

@@ -1,30 +0,0 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import 'zone.js/testing';
-import { getTestBed } from '@angular/core/testing';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting,
-} from '@angular/platform-browser-dynamic/testing';
-
-declare const require: {
-  context(
-    path: string,
-    deep?: boolean,
-    filter?: RegExp,
-  ): {
-    <T>(id: string): T;
-    keys(): string[];
-  };
-};
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting(),
-);
-
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().forEach(context);

package/src/public-api.ts

@@ -1,3 +0,0 @@
-export * from './lib/itinerary-app/itinerary-lib.component';
-export * from './lib/itinerary-app/itinerary-lib.module';
-export * from './lib/itinerary-app/itinerary-lib-routing.module';

package/tsconfig.lib.json

@@ -1,15 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "exclude": [
-    "**/*.spec.ts"
-  ]
-}

package/tsconfig.lib.prod.json

@@ -1,11 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/tsconfig.spec.json

@@ -1,21 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": ["jasmine"],
-    "strict": true,
-    "noImplicitAny": true,
-    "strictNullChecks": true,
-    "strictFunctionTypes": true,
-    "strictBindCallApply": true,
-    "noImplicitThis": true,
-    "alwaysStrict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "include": ["**/*.spec.ts", "**/*.d.ts"]
-}