@flower-city-online/itinerary-lib 0.0.30 → 0.0.32

package/src/lib/itinerary-app/_services/itinerary.drawmode.transfer.ts

@@ -0,0 +1,33 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ItineraryDrawModeTransferService {
+  polygonCoords: Array<{ lat: number; lng: number }> = [];
+  places: google.maps.places.PlaceResult[] = [];
+  selectedPlaces: google.maps.places.PlaceResult[] = [];
+  location!: { lat: number, lng: number };
+
+  setPolygon(coords: { lat: number; lng: number }[]) {
+    this.polygonCoords = coords;
+  }
+
+  setPlaces(places: google.maps.places.PlaceResult[]) {
+    this.places = places;
+  }
+
+  setSelectedPlaces(places: google.maps.places.PlaceResult[]) {
+    this.selectedPlaces = places;
+  }
+
+  setCurrentLocation(location: { lat: number, lng: number }) {
+    this.location = location;
+  }
+
+  clear() {
+    this.polygonCoords = [];
+    this.selectedPlaces = [];
+    this.places = [];
+  }
+}

package/src/lib/itinerary-app/_services/itinerary.service.ts

@@ -0,0 +1,64 @@
+import { Injectable } from "@angular/core";
+import { Itinerary } from "../_models/Itinerary";
+import { MatchingClients } from "../_models/matching-clients";
+import { HttpClient } from "@angular/common/http";
+import { delay, Observable } from "rxjs";
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ItineraryService {
+  constructor(private http: HttpClient) {
+
+  }
+
+  private _itineraries: Itinerary[] = [];
+
+  getAll(): Itinerary[] {
+    return this._itineraries;
+  }
+
+  getById(id: string): Itinerary | undefined {
+    return this._itineraries.find(itinerary => itinerary.id === id);
+  }
+
+  createOrUpdate(itinerary: Itinerary): void {
+    const index = this._itineraries.findIndex(i => i.id === itinerary.id);
+    if (index !== -1) {
+      this._itineraries[index] = itinerary;
+    } else {
+      this._itineraries.push(itinerary);
+    }
+  }
+
+  sendItenaryToClients(itinerary: Itinerary, clients: MatchingClients[]): {
+    itinerary: Itinerary,
+    clients: MatchingClients[]
+  } {
+    return {
+      itinerary,
+      clients
+    };
+  }
+
+  getItinerariesByUserId(): Observable<Itinerary[]> {
+    return this.http.get<Itinerary[]>('/assets/itineraries.json').pipe(delay(1000));
+  }
+
+  getAllItinararies(): Observable<Itinerary[]> {
+    return this.http.get<Itinerary[]>('/assets/itineraries.json').pipe(delay(1000));
+  }
+
+  getArchivedItinerariesByUserId(): Observable<Itinerary[]> {
+    return this.http.get<Itinerary[]>('/assets/itinerariesArchived.json').pipe(delay(1000));
+  }
+
+  deleteItineraryArchived(): boolean {
+    return true;
+  }
+
+  deleteItinerary(id: string): Observable<Itinerary[]> {
+    console.log("Delete id", id);
+    return this.http.get<Itinerary[]>('/assets/itinerariesArchived.json').pipe(delay(1000));
+  }
+}

package/src/lib/itinerary-app/_services/location.service.ts

@@ -0,0 +1,28 @@
+import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class LocationService {
+  getCurrentLocation(): Observable<{ lat: number; long: number }> {
+    return new Observable((observer) => {
+      if (navigator.geolocation) {
+        navigator.geolocation.getCurrentPosition(
+          (position) => {
+            observer.next({
+              lat: position.coords.latitude,
+              long: position.coords.longitude,
+            });
+            observer.complete();
+          },
+          (error) => {
+            observer.error(`Geolocation error: ${error.message}`);
+          },
+        );
+      } else {
+        observer.error('Geolocation is not supported by this browser.');
+      }
+    });
+  }
+}

package/src/lib/itinerary-app/_services/modal.clearhistory.service.ts

@@ -0,0 +1,12 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ModalClearHistoryService {
+  public toggleModal: boolean = false;
+  public bottomToggleModal: boolean = false;
+  public toggleGlobalSearch: boolean = false;
+
+  constructor() { }
+}

package/src/lib/itinerary-app/_services/modal.sendclient.service.ts

@@ -0,0 +1,12 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ModalSendClientService {
+  public toggleModal: boolean = false;
+  public bottomToggleModal: boolean = false;
+  public toggleGlobalSearch: boolean = false;
+
+  constructor() { }
+}

package/src/lib/itinerary-app/_services/modal.service.ts

@@ -0,0 +1,12 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ModalService {
+  public toggleModal: boolean = false;
+  public bottomToggleModal: boolean = false;
+  public toggleGlobalSearch: boolean = false;
+
+  constructor() { }
+}

package/src/lib/itinerary-app/_services/modal.shareitinerary.service.ts

@@ -0,0 +1,12 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ModalShareItineraryService {
+  public toggleModal: boolean = false;
+  public bottomToggleModal: boolean = false;
+  public toggleGlobalSearch: boolean = false;
+
+  constructor() { }
+}

package/src/lib/itinerary-app/_services/modal.shareurlservice.ts

@@ -0,0 +1,12 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ModalShareUrlClientService {
+  public toggleModal: boolean = false;
+  public bottomToggleModal: boolean = false;
+  public toggleGlobalSearch: boolean = false;
+
+  constructor() { }
+}

package/src/lib/itinerary-app/_services/shadow-root-handler.service.ts

@@ -0,0 +1,38 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ShadowRootHandlerService {
+  accessShadowRoot(
+    targetNode: HTMLElement,
+    componentName: string,
+    callback: () => void,
+  ): void {
+    // Query the custom element
+    const element = targetNode.querySelector(componentName) as HTMLElement;
+
+    if (element) {
+      // Create a MutationObserver to monitor changes
+      const observer = new MutationObserver((mutationsList) => {
+        for (const mutation of mutationsList) {
+          if (mutation.type === 'childList' || mutation.type === 'attributes') {
+            callback();
+          }
+        }
+      });
+
+      // Observe the element for changes
+      observer.observe(element, {
+        childList: true,
+        subtree: true,
+        attributes: true,
+      });
+
+      // Apply callback when the component is initialized
+      callback();
+      // observer.disconnect();
+    } else {
+    }
+  }
+}

package/src/lib/itinerary-app/_services/share-popup-data.ts

@@ -0,0 +1,17 @@
+import { Injectable } from '@angular/core';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { Itinerary } from '../_models/Itinerary';
+
+@Injectable({ providedIn: 'root' })
+export class SharePopupDataService {
+    private popupDataSubject = new BehaviorSubject<Itinerary | null>(null);
+    popupData$: Observable<Itinerary | null>  = this.popupDataSubject.asObservable();
+
+    setPopupData(data: Itinerary) {
+        this.popupDataSubject.next(data);
+    }
+
+    clearPopupData() {
+        this.popupDataSubject.next(null);
+    }
+}

package/src/lib/itinerary-app/_styles/styles.scss

@@ -4,26 +4,27 @@
 // @import '@angular/material/theming';
 // Plus imports for other components in your app.
 
-$custom-typography: mat.define-typography-config(
+$custom-typography: mat.m2-define-typography-config(
   $font-family: "Gilroy-Regular, serif",
 );
 // Include the common styles for Angular Material. We include this here so that you only
 // have to load a single css file for Angular Material in your app.
 // Be sure that you only ever include this mixin once!
 // @include mat.core($custom-typography);
-@include mat.core();
+@include mat.elevation-classes();
+@include mat.app-background();
 
 // Define the palettes for your theme using the Material Design palettes available in palette.scss
 // (imported above). For each palette, you can optionally specify a default, lighter, and darker
 // hue. Available color palettes: https://material.io/design/color/
-$ns-add-in-primary: mat.define-palette(mat.$indigo-palette);
-$ns-add-in-accent: mat.define-palette(mat.$pink-palette);
+$ns-add-in-primary: mat.m2-define-palette(mat.$m2-indigo-palette);
+$ns-add-in-accent: mat.m2-define-palette(mat.$m2-pink-palette);
 
 // The warn palette is optional (defaults to red).
-$ns-add-in-warn: mat.define-palette(mat.$red-palette);
+$ns-add-in-warn: mat.m2-define-palette(mat.$m2-red-palette);
 
 // Create the theme object (a Sass map containing all of the palettes).
-$ns-add-in-theme: mat.define-dark-theme(
+$ns-add-in-theme: mat.m2-define-dark-theme(
   (
     color: (
       primary: $ns-add-in-primary,

package/src/lib/itinerary-app/itinerary-lib-routing.module.ts

@@ -0,0 +1,42 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router'; 
+import { ArchivesModule } from './modules/archives/archives.module';
+import { DashboardModule } from './modules/dashboard/dashboard.module';
+import { ItinerariesModule } from './modules/itineraries/itineraries.module';
+import { PathwayModule } from './modules/pathway/pathway.module';
+import { SearchModule } from './modules/search/search.module';
+import { UserModule } from './modules/user/user.module';
+
+const routes: Routes = [
+  { path: '', redirectTo: 'itineraries', pathMatch: 'full' },
+  {
+    path: 'itineraries',
+    loadChildren: () => ItinerariesModule
+  },
+  {
+    path: 'search',
+    loadChildren: () => SearchModule
+  },
+  {
+    path: 'archives',
+    loadChildren: () => ArchivesModule
+  },
+  {
+    path: 'dashboard',
+    loadChildren: () => DashboardModule,
+  },
+  {
+    path: 'pathway',
+    loadChildren: () => PathwayModule
+  },
+  {
+    path: 'user',
+    loadChildren: () => UserModule
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class ItineraryLibRoutingModule {}

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

@@ -0,0 +1,70 @@
+import { BreakpointObserver, Breakpoints, BreakpointState } from '@angular/cdk/layout';
+import { AfterViewInit, Component, ElementRef, HostListener, inject, OnDestroy, OnInit, Renderer2, ViewChild, ViewContainerRef } from '@angular/core';
+import { Location } from '@angular/common'; 
+import { PopupModalService } from '@naniteninja/ionic-lib';
+import { Subscription } from 'rxjs'; 
+import { BottomNavigationService } from './_services/bottom-navigation.service';
+
+@Component({
+    selector: 'lib-itinerary-lib',
+    template: `
+    <router-outlet></router-outlet> <ng-container #dynamicModal></ng-container>
+  `,
+    styles: ``,
+    standalone: false
+})
+export class ItineraryLibComponent implements OnInit, AfterViewInit, OnDestroy {
+ isSmallScreen = false;
+  private breakpointSubscription!: Subscription;
+  @ViewChild('dynamicModal', { read: ViewContainerRef })
+  dynamicModal!: ViewContainerRef;
+  private popupModalService = inject(PopupModalService);
+
+  constructor(
+    private breakpointObserver: BreakpointObserver,
+    private renderer: Renderer2,
+    public el: ElementRef,
+    public location: Location,
+    public navService: BottomNavigationService,
+  ) { }
+
+  ngOnInit(): void {
+    this.handleScreenSizeChange();
+  }
+
+  ngAfterViewInit(): void {
+    this.popupModalService.setRootViewContainerRef(this.dynamicModal);
+  }
+
+  //use to change application ui and behaviour based on screen size
+  handleScreenSizeChange(): void {
+    this.checkWindowWidth();
+    this.breakpointSubscription = this.breakpointObserver
+      .observe([Breakpoints.Small, Breakpoints.XSmall])
+      .subscribe((state: BreakpointState) => {
+        this.isSmallScreen = state.matches;
+        if (this.isSmallScreen) {
+          this.renderer.removeClass(document.body, 'customBody');
+        } else {
+          this.renderer.addClass(document.body, 'customBody');
+        }
+      });
+  }
+
+  @HostListener('window:resize', ['$event'])
+  onResize(_event: Event): void {
+    this.checkWindowWidth();
+  }
+
+  checkWindowWidth(): void {
+    const width = window.innerWidth;
+    if (width <= 960) {
+      if (this.location.path().includes('dashboard')) {
+      }
+    }
+  }
+
+  ngOnDestroy(): void {
+    this.breakpointSubscription.unsubscribe();
+  }
+}

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

@@ -0,0 +1,55 @@
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
+import { MatDialogModule } from '@angular/material/dialog';
+import {
+  ButtonsModule,
+  LibModalModule,
+  RangeSelectorModule,
+  ToggleModule,
+} from '@naniteninja/ionic-lib';
+import { ItineraryLibRoutingModule } from './itinerary-lib-routing.module';
+import { ItineraryLibComponent } from './itinerary-lib.component';
+import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
+import { HttpBackend, HttpClient } from '@angular/common/http';
+import { TranslateHttpLoader } from '@ngx-translate/http-loader';
+import { UserModule } from './modules/user/user.module';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { BrowserModule } from '@angular/platform-browser';
+import { NextsapienComponentLibModule } from '@naniteninja/ionic-lib';
+import { IonicModule } from '@ionic/angular';
+import { provideIonicAngular } from '@ionic/angular/standalone';
+
+export const httpLoaderFactory = (http: HttpBackend): TranslateHttpLoader =>
+  new TranslateHttpLoader(new HttpClient(http), './assets/i18n/', '.json');
+
+@NgModule({
+  declarations: [ItineraryLibComponent],
+  imports: [
+    BrowserModule,
+    TranslateModule.forRoot({
+      defaultLanguage: 'en',
+      loader: {
+        provide: TranslateLoader,
+        useFactory: httpLoaderFactory,
+        deps: [HttpBackend],
+      },
+    }),
+    ButtonsModule,
+    FormsModule,
+    IonicModule.forRoot(),
+    ReactiveFormsModule,
+    LibModalModule,
+    ToggleModule,
+    RangeSelectorModule,
+    BrowserAnimationsModule,
+    MatDialogModule,
+    UserModule,
+    ItineraryLibRoutingModule,
+    NextsapienComponentLibModule
+  ],
+  exports: [ItineraryLibComponent, ItineraryLibRoutingModule],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  providers: [provideAnimationsAsync(),  provideIonicAngular()],
+})
+export class ItineraryLibModule { }

package/src/lib/itinerary-app/modules/archives/archives-routing.module.ts

@@ -0,0 +1,11 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { MainArchivesComponent } from './pages/main-archives/main-archives.component';
+
+const routes: Routes = [{ path: 'archives', component: MainArchivesComponent }];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class ArchivesRoutingModule {}

package/src/lib/itinerary-app/modules/archives/archives.component.html

@@ -0,0 +1,8 @@
+<div class="w-screen h-screen max-padd-container overflow-y-auto">
+  <app-header
+    [heading]="'MAIN_ARCHIVES.ARCHIVES' | translate"
+    (firstButton)="backButton()"
+  ></app-header>
+  <router-outlet></router-outlet>
+  <app-footer></app-footer>
+</div>

package/src/lib/itinerary-app/modules/archives/archives.component.spec.ts

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

package/src/lib/itinerary-app/modules/archives/archives.component.ts

@@ -0,0 +1,19 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { Location } from '@angular/common';
+
+@Component({
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    selector: 'app-archives',
+    templateUrl: './archives.component.html',
+    styleUrl: './archives.component.scss',
+    standalone: false
+})
+export class ArchivesComponent {
+  constructor(
+    private location: Location
+  ) { }
+
+  backButton(): void {
+    this.location.back();
+  }
+}

package/src/lib/itinerary-app/modules/archives/archives.module.ts

@@ -0,0 +1,23 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+
+import { TranslateModule } from '@ngx-translate/core';
+import { LibModalModule } from '@naniteninja/ionic-lib';
+import { SharedModule } from '../../shared/shared.module';
+import { ItinerariesModule } from '../itineraries/itineraries.module';
+import { ArchivesRoutingModule } from './archives-routing.module';
+import { ArchivesComponent } from './archives.component';
+import { MainArchivesComponent } from './pages/main-archives/main-archives.component';
+
+@NgModule({
+  declarations: [ArchivesComponent, MainArchivesComponent],
+  imports: [
+    CommonModule,
+    ArchivesRoutingModule,
+    SharedModule,
+    LibModalModule,
+    ItinerariesModule,
+    TranslateModule,
+  ],
+})
+export class ArchivesModule {}

package/src/lib/itinerary-app/modules/archives/pages/main-archives/main-archives.component.html

@@ -0,0 +1,35 @@
+<div class="pl-2 pr-4">
+  <div class="minScreen pl-4 pr-4">
+      <ng-template #search>
+        <img [src]="ICONS['search']" alt="right-icon" (click)="searchButtonClick()" />
+      </ng-template>
+      <app-header
+        (firstButton)="backButtonClick()"
+        [heading]="'MAIN_ARCHIVES.ARCHIVES' | translate"
+        [headerSuffixTemplate]="search"
+      ></app-header>
+      <app-custom-heading-with-button
+        cssClass="archive-css"
+        [heading]="'MAIN_ARCHIVES.NOTE_ARCHIVED' | translate"
+        [buttonText]="'MAIN_ARCHIVES.CLEAR_ALL' | translate"
+        [buttonIcon]="ICONS['deleteSec']"
+        (buttonClick)="buttonClicked()"
+      ></app-custom-heading-with-button>
+      <div *ngIf="!loading && itineraries.length" class="grid-columns sm:mt-3 md:mt-10 grid grid-cols-1 md:grid-cols-3 sm:gap-y-5 md:gap-y-10 gap-x-10">
+        <ng-container *ngFor="let itinerary of itineraries;">
+          <app-cutom-card 
+          [cardData]="itinerary"
+          [libMenuItem]="libMenuItem"
+          (menuClicked)="menuClicked($event)"
+          ></app-cutom-card>
+        </ng-container>
+      </div>
+      <div *ngIf="!loading && !itineraries.length" class="text-center">
+        {{ "MAIN_ARCHIVES.NO_ARCHIVED_FOUND" | translate }}
+      </div>
+  </div>
+  <lib-popup [isOpen]="modalService.toggleModal">
+    <app-delete-itineraries (deleteItineraryEvent)="deleteItinerary()"></app-delete-itineraries>
+  </lib-popup>
+</div>
+<app-footer></app-footer>

package/src/lib/itinerary-app/modules/archives/pages/main-archives/main-archives.component.scss

@@ -0,0 +1,3 @@
+.main-archive {
+  overflow-y: scroll !important;
+}

package/src/lib/itinerary-app/modules/archives/pages/main-archives/main-archives.component.spec.ts

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