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

package/src/lib/itinerary-app/modules/itineraries/pages/builder/components/create-itinerary/create-itinerary.component.scss

@@ -1,3 +0,0 @@
-.builder-add-btn span {
-  margin-right: 10px;
-}

package/src/lib/itinerary-app/modules/itineraries/pages/builder/components/create-itinerary/create-itinerary.component.spec.ts

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

package/src/lib/itinerary-app/modules/itineraries/pages/builder/components/create-itinerary/create-itinerary.component.ts

@@ -1,90 +0,0 @@
-import {
-  AfterViewInit,
-  ChangeDetectionStrategy,
-  Component,
-  ElementRef,
-  OnInit,
-  ViewChild,
-} from '@angular/core'; 
-import { ModalService } from '../../../../../../_services/modal.service';
-import { Iicon } from '../../../../../../_interface/icon';
-import { ShadowRootHandlerService } from '../../../../../../_services/shadow-root-handler.service';
-import { ICONS } from '../../../../../../_constants/constants';
-
-@Component({
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    selector: 'app-create-itinerary',
-    templateUrl: './create-itinerary.component.html',
-    styleUrl: './create-itinerary.component.scss',
-    standalone: false
-})
-export class CreateItineraryComponent implements OnInit, AfterViewInit {
-  @ViewChild('testModal', { static: false })
-  testModal: CreateItineraryComponent | undefined;
-  enableBack: boolean = true;
-  cssClass = ['create-itinerary-modal'];
-  ICONS: Iicon = ICONS;
-
-  constructor(
-    public modalService: ModalService,
-    private el: ElementRef,
-    private shadowrootHandler: ShadowRootHandlerService,
-  ) {}
-
-  ngAfterViewInit(): void {
-    this.initShadowrootHandler();
-  }
-
-  initShadowrootHandler(): void {
-    const targetNode = this.el.nativeElement;
-    this.shadowrootHandler.accessShadowRoot(
-      targetNode,
-      'lib-bottom-modal',
-      () => {
-        this.applyStylesToDialog();
-      },
-    );
-  }
-
-  applyStylesToDialog(): void {
-    const targetNode = this.el.nativeElement.querySelector(
-      'lib-bottom-modal',
-    ) as HTMLElement;
-
-    if (targetNode) {
-      const classNameElements =
-        targetNode.getElementsByClassName('lib-bottom-modal');
-
-      if (classNameElements.length > 0) {
-        const dialogDiv = classNameElements[0].shadowRoot?.querySelector(
-          'div[role="dialog"]',
-        ) as HTMLElement;
-
-        if (dialogDiv) {
-          const modalHandle = dialogDiv.getElementsByClassName(
-            'modal-handle',
-          )[0] as HTMLElement;
-          if (modalHandle) {
-            modalHandle.style.display = 'none';
-          } else {
-          }
-          // Apply the desired styles
-          dialogDiv.style.backgroundColor = 'transparent'; // Example modification
-          dialogDiv.style.boxShadow = 'none';
-          //remove the dialog uppar bar
-        } else {
-        }
-      } else {
-      }
-    } else {
-    }
-  }
-
-  ngOnInit(): void {
-    this.modalService.bottomToggleModal = false;
-  }
-
-  openModal(): void {
-    this.modalService.bottomToggleModal = !this.modalService.bottomToggleModal;
-  }
-}

package/src/lib/itinerary-app/modules/itineraries/pages/builder/components/create-itinerary-modal/create-itinerary-modal.component.html

@@ -1,21 +0,0 @@
-<div class="bottom-modal-items">
-  <app-create-itinerary-modal-item
-    *ngFor="let item of contentList"
-    [icon]="item.icon"
-    [title]="item.title"
-    [description]="item.description"
-    [shortTitle]="item.shortTitle"
-    (clickEvent)="modalClick(item.id)"
-    class="craete-itinerary-modal"
-  >
-  </app-create-itinerary-modal-item>
-</div>
-
-<div class="pl-4 pr-4">
-  <lib-primary-btn
-    class="btn-back mt-5"
-    [hoverOutline]="true"
-    (click)="backButton()"
-    >{{ "ITINERARY.BACK" | translate }}</lib-primary-btn
-  >
-</div>

package/src/lib/itinerary-app/modules/itineraries/pages/builder/components/create-itinerary-modal/create-itinerary-modal.component.spec.ts

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

package/src/lib/itinerary-app/modules/itineraries/pages/builder/components/create-itinerary-modal/create-itinerary-modal.component.ts

@@ -1,54 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  OnInit,
-  ViewEncapsulation,
-} from '@angular/core'; 
-import { ModalService } from '../../../../../../_services/modal.service';
-import { Iicon } from '../../../../../../_interface/icon';
-import { ICONS } from '../../../../../../_constants/constants';
-
-@Component({
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    selector: 'app-create-itinerary-modal',
-    templateUrl: './create-itinerary-modal.component.html',
-    styleUrl: './create-itinerary-modal.component.scss',
-    encapsulation: ViewEncapsulation.Emulated,
-    standalone: false
-})
-export class CreateItineraryModalComponent implements OnInit {
-  ICONS: Iicon = ICONS;
-  constructor(public modalService: ModalService) {}
-  ngOnInit(): void {
-    this.modalService.bottomToggleModal = false;
-  }
-  contentList = [
-    {
-      id: 1,
-      title: 'ITINERARY.CREATE_CUSTOM_ITINERARY',
-      description: 'ITINERARY.CREATE_CUSTOM_ITINERARY_DESCRIPTION',
-      icon: ICONS['createLocation'],
-      shortTitle: false,
-    },
-    {
-      id: 2,
-      title: 'ITINERARY.CREATE_QUICK_ITINERARY',
-      description: 'ITINERARY.CREATE_QUICK_ITINERARY_DESCRIPTION',
-      icon: ICONS['robot'],
-      shortTitle: false,
-    },
-    {
-      id: 3,
-      title: 'ITINERARY.FEELING_LUCKY',
-      description: 'ITINERARY.FEELING_LUCKY_DESCRIPTION',
-      icon: ICONS['starBuilder'],
-      shortTitle: true,
-    },
-  ];
-
-  backButton(): void {
-    this.modalService.bottomToggleModal = !this.modalService.bottomToggleModal;
-  }
-
-  modalClick(_itemId: number): void {}
-}

package/src/lib/itinerary-app/modules/itineraries/pages/builder/components/create-itinerary-modal-item/create-itinerary-modal-item.component.html

@@ -1,24 +0,0 @@
-<div class="main-content" (click)="clickEventEmitter()">
-  <div class="main-content-sub">
-    <div class="content">
-      <span class="content-icon">
-        <img [ngSrc]="icon" height="60" width="61" />
-      </span>
-      <div class="content-text">
-        <span class="font-bold">
-          <div *ngIf="shortTitle">
-            <span class="heading-sub-part">{{ titleList[0] | translate }}</span>
-          </div>
-          <div *ngIf="!shortTitle">
-            {{ titleList[0] | translate }}
-            <span class="heading-sub-part">{{ titleList[1] | translate }}</span>
-          </div>
-        </span>
-        <p>{{ description | translate }}</p>
-      </div>
-    </div>
-    <span class="content-icon-last">
-      <img [ngSrc]="ICONS['moveForward']" height="50" width="51" />
-    </span>
-  </div>
-</div>

package/src/lib/itinerary-app/modules/itineraries/pages/builder/components/create-itinerary-modal-item/create-itinerary-modal-item.component.scss

@@ -1,46 +0,0 @@
-@use "../../../../../../_styles/colors" as *;
-
-.main-content {
-  background: $background-color-1;
-  padding: 20px 0px 20px 0px;
-  border-radius: 10px;
-  box-shadow: 9.03px 8.2px 22.15px 2.05px $box-shadow-6;
-  margin-top: 10px;
-  overflow: hidden;
-  position: relative;
-}
-
-.main-content-sub,
-.content {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: row;
-  position: relative;
-  left: 10px;
-}
-
-.content-icon-last {
-  margin-right: 5px;
-}
-
-.content-text {
-  display: flex;
-  justify-content: center;
-  align-items: flex-start;
-  flex-direction: column;
-  font-size: 15px;
-  margin-left: 10px;
-}
-
-.heading-sub-part {
-  color: var(--secondary-color);
-}
-
-.content p {
-  color: $text-color-3;
-  font-size: 9px;
-  margin-top: 5px;
-  width: 200px;
-  text-align: start;
-}

package/src/lib/itinerary-app/modules/itineraries/pages/builder/components/create-itinerary-modal-item/create-itinerary-modal-item.component.spec.ts

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

package/src/lib/itinerary-app/modules/itineraries/pages/builder/components/create-itinerary-modal-item/create-itinerary-modal-item.component.ts

@@ -1,42 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  EventEmitter,
-  Input,
-  OnInit,
-  Output,
-} from '@angular/core';  
-import { Iicon } from '../../../../../../_interface/icon';
-import { ModalService } from '../../../../../../_services/modal.service';
-import { ICONS } from '../../../../../../_constants/constants';
-@Component({
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    selector: 'app-create-itinerary-modal-item',
-    templateUrl: './create-itinerary-modal-item.component.html',
-    styleUrl: './create-itinerary-modal-item.component.scss',
-    standalone: false
-})
-export class CreateItineraryModalItemComponent implements OnInit {
-  @Output() clickEvent = new EventEmitter<void>();
-  @Input() icon!: string;
-  @Input() title!: string;
-  @Input() description!: string;
-  @Input() shortTitle!: boolean;
-  titleList: string[] = [];
-  ICONS: Iicon = ICONS;
-
-  constructor(public modalService: ModalService) {}
-
-  ngOnInit(): void {
-    this.titleList = !this.shortTitle ? this.title.split(',') : [this.title];
-    this.modalService.bottomToggleModal = false;
-  }
-
-  clickEventEmitter(): void {
-    this.clickEvent.emit();
-  }
-
-  backButton(): void {
-    this.modalService.bottomToggleModal = !this.modalService.bottomToggleModal;
-  }
-}

package/src/lib/itinerary-app/modules/itineraries/pages/builder/pages/create-itinerary/create-itinerary.component.css

@@ -1,6 +0,0 @@
-.builder-footer {
-  position: fixed;
-  width: 100%;
-  bottom: 0px;
-  z-index: 1000;
-}

package/src/lib/itinerary-app/modules/itineraries/pages/builder/pages/create-itinerary/create-itinerary.component.html

@@ -1,58 +0,0 @@
-<app-header (firstButton)="back()" heading="Create Itinerary"></app-header>
-<form [formGroup]="form" class="mb-32">
-  <div class="mt-4 ml-3 mr-2 mb-5">
-    <p class="mb-4">
-      Start creating your itinerary with a title and continue to the route
-      details.
-    </p>
-    <lib-text-box
-      formControlName="name"
-      class="textbox-1"
-      label="Itinerary Title"
-    ></lib-text-box>
-    <hr style="margin: 40px 0px 20px 0px" class="divider" />
-
-    <h1 class="text-lg font-Calistoga">Members</h1>
-    <p class="mb-4">The users included will effect the suggested activities.</p>
-    <lib-text-box class="textbox-1" label="User Search"></lib-text-box>
-    <app-users-stack [size]="41" class="mt-2"></app-users-stack>
-    <hr style="margin: 40px 0px 20px 0px" class="divider" />
-
-    <h1 class="text-lg font-Calistoga">Settings</h1>
-    <div class="mt-3 flex items-center justify-between">
-      <div style="width: 85%">
-        <h1>100% Match</h1>
-        <p>
-          Do all the members need to be interested in each experience for it to
-          be suggested?
-        </p>
-      </div>
-      <div style="width: 15%" class="flex justify-end">
-        <lib-dashed-checkbox
-          class="checkbox-sm"
-          formControlName="fullMatch"
-        ></lib-dashed-checkbox>
-      </div>
-    </div>
-    <div class="mt-3 flex items-center justify-between">
-      <div style="width: 85%">
-        <h1>Another Setting</h1>
-        <p>Lorem Ipsum</p>
-      </div>
-      <div style="width: 15%" class="flex justify-end">
-        <lib-dashed-checkbox
-          class="checkbox-sm"
-          formControlName="anotherSettings"
-        ></lib-dashed-checkbox>
-      </div>
-    </div>
-  </div>
-</form>
-
-<div class="builder-footer">
-  <lib-footer-shared
-    (continueButtonClick)="create()"
-    [canContinue]="true"
-    continueButtonText="Continue"
-  ></lib-footer-shared>
-</div>

package/src/lib/itinerary-app/modules/itineraries/pages/builder/pages/create-itinerary/create-itinerary.component.ts

@@ -1,96 +0,0 @@
-import { Location } from '@angular/common';
-import { Component, OnInit } from '@angular/core';
-import {
-  FormBuilder,
-  FormControl,
-  FormGroup,
-  Validators,
-} from '@angular/forms';
-import { Router } from '@angular/router'; 
-import { ItinerariesRoutesEnum } from '../../../../../../_enums/ItenariesRoutes.enum';
-import { Itinerary } from '../../../../../../_models/Itinerary';
-import { ItineraryService } from '../../../../../../_services/itinerary.service';
-
-@Component({
-    selector: 'app-create-itinerary',
-    templateUrl: './create-itinerary.component.html',
-    styleUrl: './create-itinerary.component.css',
-    standalone: false
-})
-export class CreateItineraryComponent implements OnInit {
-  form!: FormGroup;
-  settings: boolean = true;
-
-  constructor(
-    private location: Location,
-    private router: Router,
-    private itineraryService: ItineraryService,
-    private fb: FormBuilder,
-  ) {}
-
-  ngOnInit(): void {
-    this.form = this.fb.group({
-      id: [crypto.randomUUID()],
-      name: ['', [Validators.required]],
-      fullMatch: [false, [Validators.required]],
-      anotherSettings: [false, [Validators.required]],
-    });
-  }
-
-  //UI LOGIC
-  get id(): FormControl {
-    return this.form.get('id') as FormControl;
-  }
-
-  get name(): FormControl {
-    return this.form.get('name') as FormControl;
-  }
-
-  get fullMatch(): FormControl {
-    return this.form.get('fullMatch') as FormControl;
-  }
-
-  get anotherSettings(): FormControl {
-    return this.form.get('anotherSettings') as FormControl;
-  }
-
-  create(): void {
-    const itinerary: Itinerary = {
-      id: this.id.value,
-      name: this.name.value.message,
-      isCompleted: false,
-      description: '',
-      distance: '',
-      distanceValue: '',
-      startLocation: undefined,
-      endLocation: undefined,
-      routeTypes: [],
-      routeRadius: 0,
-      visitingPlaces: [],
-      createdAt: new Date().toISOString(),
-    };
-    this.itineraryService.createOrUpdate(itinerary);
-    this.navToStartLocation();
-  }
-
-  //NAVIGATIONS
-  back(): void {
-    this.location.back();
-  }
-
-  navToStartLocation(): void {
-    this.router.navigate([
-      ItinerariesRoutesEnum.ITINERARY,
-      ItinerariesRoutesEnum.CREATE_ITINERARY_ORIGIN,
-      this.id.value,
-    ]);
-  }
-
-  navToMemberSearch(): void {
-    this.router.navigate([
-      ItinerariesRoutesEnum.ITINERARY,
-      ItinerariesRoutesEnum.CREATE_ITINERARY_USER_SEARCH,
-      1,
-    ]);
-  }
-}

package/src/lib/itinerary-app/modules/itineraries/pages/builder/pages/create-itinerary-destination/create-itinerary-destination.component.html

@@ -1,53 +0,0 @@
-<app-create-itinerary-header
-  [progressBarValue]="15"
-  heading="Create Itinerary"
-></app-create-itinerary-header>
-<lib-map class="maps-100vh"></lib-map>
-<lib-bottom-modal
-  (submitModal)="navToPickStartLocation()"
-  submitButtonTitle="Continue"
-  [showArrow]="true"
-  [(isOpen)]="isOpen"
-  [adaptToContentHeight]="true"
->
-  <div class="pl-4 pr-4">
-    <div class="flex items-center justify-between">
-      <div class="flex items-center">
-        <lib-icon-btn class="checkmark-icon-button">
-          <img
-            [src]="ICONS['startMarkerImage']"
-            alt="icon"
-            height="16"
-            width="16"
-          />
-        </lib-icon-btn>
-        <div class="ml-4">
-          <span>Shan-ul-haq haqee road</span>
-          <p>Starting location</p>
-        </div>
-      </div>
-      <img [src]="ICONS['editPink']" alt="edit" height="13" width="13" />
-    </div>
-
-    <h1 class="font-Calistoga text-lg mt-5">Destination</h1>
-    <p class="mt-3">Select final destination for itinenary route.</p>
-
-    <div class="mt-3"> 
-      <lib-text-box (click)="navToPickStartLocation()" class="textbox-1" label="Where To?"></lib-text-box>
-    </div>
-  </div>
-</lib-bottom-modal>
-
-<div
-  (click)="showBottomModal()"
-  class="absolute bottom-0 cursor-pointer z-10"
-  style="left: 50%"
->
-  <img
-    style="transform: rotate(270deg)"
-    [src]="ICONS['rightArrow']"
-    alt="icon"
-    height="15"
-    width="15"
-  />
-</div>

package/src/lib/itinerary-app/modules/itineraries/pages/builder/pages/create-itinerary-destination/create-itinerary-destination.component.ts

@@ -1,56 +0,0 @@
-import { Location } from '@angular/common';
-import { Component, OnInit } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';  
-import { ItinerariesRoutesEnum } from '../../../../../../_enums/ItenariesRoutes.enum';
-import { Iicon } from '../../../../../../_interface/icon';
-import { Itinerary } from '../../../../../../_models/Itinerary';
-import { ItineraryService } from '../../../../../../_services/itinerary.service';
-import { ICONS } from '../../../../../../_constants/constants';
-
-@Component({
-    selector: 'app-create-itinerary-destination',
-    templateUrl: './create-itinerary-destination.component.html',
-    styleUrl: './create-itinerary-destination.component.css',
-    standalone: false
-})
-export class CreateItineraryDestinationComponent implements OnInit {
-  ICONS: Iicon = ICONS;
-  isOpen: boolean = true;
-  itinerary: Itinerary | undefined;
-
-  //LIFE CYCLE
-  constructor(
-    private location: Location,
-    private router: Router,
-    private route: ActivatedRoute,
-    private itineraryService: ItineraryService,
-  ) {}
-
-  ngOnInit(): void {
-    const id = this.route.snapshot.params['id'];
-    if (id) {
-      this.itinerary = this.itineraryService.getById(id);
-    }
-  }
-
-  //UI LOGIC
-  showBottomModal(): void {
-    this.isOpen = true;
-  }
-
-  //NAVIGATIONS
-  navToPickStartLocation() {
-    this.router.navigate(
-      [
-        ItinerariesRoutesEnum.ITINERARY,
-        ItinerariesRoutesEnum.LOCATION_PICKER,
-        this.itinerary?.id,
-      ],
-      { queryParams: { mode: 'end' } },
-    );
-  }
-
-  back(): void {
-    this.location.back();
-  }
-}

package/src/lib/itinerary-app/modules/itineraries/pages/builder/pages/create-itinerary-draw-mode/create-itinerary-draw-mode.component.css

@@ -1,47 +0,0 @@
-:host {
-  --lib-popup-modal-radius: 16px;
-  --border-radius: var(--lib-popup-modal-radius);
-  --lib-popup-modal-background: #28252d !important;
-  --background: #28252d !important;
-  --overflow: hidden !important;
-  --lib-popup-modal-color: #a8a8a8;
-  --color: var(--lib-popup-modal-color, #a8a8a8);
-  --max-width: var(--lib-bottom-modal-max-width, 500px);
-  --lib-popup-modal-shadow:
-    5px 5px 95px 0px rgba(255, 255, 255, 0.32),
-    -3px -3px 16px 0px rgba(255, 255, 255, 0.1) !important;
-  --box-shadow: var(
-    --lib-popup-modal-shadow,
-    5px 5px 95px 0px rgba(255, 255, 255, 0.32),
-    -3px -3px 16px 0px rgba(255, 255, 255, 0.1)
-  );
-}
-
-.selectables {
-  border-radius: 27.9px;
-  background: rgba(40, 37, 45, 1);
-  box-shadow: 4.1px 4.1px 8.2px 0px rgba(0, 0, 0, 0.32) inset;
-  box-shadow: -2.46px -2.46px 3.28px 0px rgba(255, 255, 255, 0.1) inset;
-  border-radius: 27.9px;
-}
-
-.actions {
-  width: 42px;
-  height: 28px;
-  border-radius: 82.05px;
-}
-
-.selected {
-  background: linear-gradient(94.44deg, #fe3c72 1.26%, #e15561 100%);
-  box-shadow: 3.28px 3.28px 6.56px 0px rgba(0, 0, 0, 0.25);
-  box-shadow: -1.64px -1.64px 8.2px 0px rgba(255, 255, 255, 0.25);
-}
-
-.select-places-text, .select-places-description {
-  font-size: var(--font-size-small);
-}
-
-.button-container {
-    background-color: #27242C;
-    box-shadow: inset 0px 6px 6px -6px rgba(138, 138, 138, 0.67);
-}