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

package/src/lib/itinerary-app/modules/itineraries/components/report-itinerary-modal/report-itinerary-modal.component.ts

@@ -1,79 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  Input,
-  OnDestroy,
-  OnInit,
-} from '@angular/core';
-import { FormControl } from '@angular/forms';
-import { FormFieldType } from '@naniteninja/ionic-lib';
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators'; 
-import { ModalService } from '../../../../_services/modal.service';
-import { IReportOptions } from '../../../../_interface/reportOptions';
-import { ApiService } from '../../../../_services/api.service';
-import { ConstantsService } from '../../../../_services/constants.service';
-
-@Component({
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    selector: 'app-report-itinerary-modal',
-    templateUrl: './report-itinerary-modal.component.html',
-    styleUrls: ['./report-itinerary-modal.component.scss'],
-    standalone: false
-})
-export class ReportItineraryModalComponent implements OnInit, OnDestroy {
-  @Input() popupTitle!: string;
-  selectedItem: number | undefined;
-  radio: FormControl = new FormControl(0);
-  options: IReportOptions[] = [];
-  private destroy$: Subject<void> = new Subject<void>();
-
-  constructor(
-    public constantService: ConstantsService,
-    public modalService: ModalService,
-    public apiService: ApiService,
-    private cdr: ChangeDetectorRef,
-  ) {}
-
-  radioChecked(): void {
-    if (this.radio.value === this.constantService.SPECIAL_VALUE) {
-      this.selectedItem = this.constantService.SPECIAL_VALUE;
-    } else {
-      this.selectedItem = 0;
-    }
-  }
-
-  ngOnInit(): void {
-    this.apiService
-      .get<IReportOptions[]>('/assets/reportsOptionsData.json')
-      .pipe(takeUntil(this.destroy$))
-      .subscribe((data: IReportOptions[]) => {
-        this.options = data;
-        this.cdr.detectChanges();
-      });
-
-    this.radio.valueChanges
-      .pipe(takeUntil(this.destroy$))
-      .subscribe((e: number | null) => {
-        this.selectedItem =
-          e === this.constantService.SPECIAL_VALUE
-            ? this.constantService.SPECIAL_VALUE
-            : 0;
-      });
-    
-  }
-
-  ngOnDestroy(): void {
-    this.destroy$.next();
-    this.destroy$.complete();
-  }
-
-  closeModal(): void {
-    this.modalService.toggleModal = !this.modalService.toggleModal;
-  }
-
-  onOk(): void {}
-
-  protected readonly FormFieldType = FormFieldType;
-}

package/src/lib/itinerary-app/modules/itineraries/components/report-media-modal/report-media-modal.component.html

@@ -1,15 +0,0 @@
-<div class="report-media max-padd-container">
-  <h1 class="p-1">{{ popupTitle | translate }}</h1>
-  <div>
-    <lib-form-field [formFieldControl]="radio" [submitted]="false" [required]="true" [maxLength]="10"
-      [type]="FormFieldType.radio" [options]="options" [radioDeselectable]="false" class="mb-2 report-items"
-      ></lib-form-field>
-  </div>
-
-  <lib-text-box class="text-feild" [class.show]="selectedItem == 9" [class.hide]="selectedItem != 9"
-    label="Please brief your issue"></lib-text-box>
-  <div class="flex justify-center gap-10 mt-3">
-    <button class="custom-flat-button font-[Calistoga]" (click)="closeModal()">{{ "COMMON.CANCEL" | translate}}</button>
-    <button class="custom-flat-button-highlighted-font font-[Calistoga]"  (click)="onOk()">{{ "REPORT" | translate }}</button>
-  </div>
-</div>

package/src/lib/itinerary-app/modules/itineraries/components/report-media-modal/report-media-modal.component.scss

@@ -1,72 +0,0 @@
-.report-items * {
-  /* radio button styles */
-  --radio-button-size: 10px;
-  --size: .24px;      /* diameter of the radio */
-  --dot-size: .12px;  /* size of the inner dot */
-  --color: #d32f57;  /* border + dot color */
-
-  /* label text size */
-  font-size: .1rem;   /* adjust as needed */
-}
-:host ::ng-deep .mat-mdc-radio-button .mdc-form-field  {
-  --mat-checkbox-label-text-size: 10px !important;
-}
-
-:host ::ng-deep .form-field__radio-states {
-  --radio-button-size: 13.13px;
-}
-
-:host ::ng-deep .mat-mdc-radio-group {
-  gap: 6px;
-}
-:host ::ng-deep .input-label.with-value {
-  --label-float-position-top:0;
-}
-:host ::ng-deep .input-group-wrapper {
-  --border-radius: 8.2px;
-  padding: 8px 12px;
-  font-size: 9.85px;
-}
-:host ::ng-deep .input-group-wrapper label {
-  --label-font-size-floated: 9.85px;
-}
-.report-media {
-  width: 235.5px;
-  border-radius: 9.85px;
-  border-radius: 10px;
-  overflow: hidden;
-  // padding: 20px 20px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-}
-
-.report-media h1 {
-  font-family: "Calistoga";
-}
-
-.report-items label{
-  font-size: 9.85px;
-}
-
-input {
-  box-shadow: none;
-}
-
-.text-feild {
-  position: relative;
-  width: 100%;
-  padding: 5px 0px;
-  transition: opacity 0.5s ease, max-height 0.5s ease;
-}
-
-.text-feild.show {
-  opacity: 1;
-  max-height: 200px;
-}
-
-.text-feild.hide {
-  opacity: 0;
-  max-height: 0;
-}

package/src/lib/itinerary-app/modules/itineraries/components/report-media-modal/report-media-modal.component.spec.ts

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

package/src/lib/itinerary-app/modules/itineraries/components/report-media-modal/report-media-modal.component.ts

@@ -1,79 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  Input,
-  OnDestroy,
-  OnInit,
-} from '@angular/core';
-import { FormControl } from '@angular/forms'; 
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import { ModalService } from '../../../../_services/modal.service';
-import { IReportOptions } from '../../../../_interface/reportOptions';
-import { ApiService } from '../../../../_services/api.service';
-import { ConstantsService } from '../../../../_services/constants.service';
-import { FormFieldType } from '@naniteninja/ionic-lib';
-
-@Component({
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    selector: 'app-report-media-modal',
-    templateUrl: './report-media-modal.component.html',
-    styleUrls: ['./report-media-modal.component.scss'],
-    standalone: false
-})
-export class ReportMediaModalComponent implements OnInit, OnDestroy {
-  @Input() popupTitle!: string;
-  selectedItem: number | undefined;
-  radio: FormControl = new FormControl(0);
-  options: IReportOptions[] = [];
-  private destroy$: Subject<void> = new Subject<void>();
-
-  constructor(
-    public constantService: ConstantsService,
-    public modalService: ModalService,
-    public apiService: ApiService,
-    private cdr: ChangeDetectorRef,
-  ) { }
-
-  radioChecked(): void {
-    if (this.radio.value === this.constantService.SPECIAL_VALUE) {
-      this.selectedItem = this.constantService.SPECIAL_VALUE;
-    } else {
-      this.selectedItem = 0;
-    }
-  }
-
-  ngOnInit(): void {
-    this.apiService
-      .get<IReportOptions[]>('/assets/reportMediaOptions.json')
-      .pipe(takeUntil(this.destroy$))
-      .subscribe((data: IReportOptions[]) => {
-        this.options = data;
-        this.cdr.detectChanges();
-      });
-
-    this.radio.valueChanges
-      .pipe(takeUntil(this.destroy$))
-      .subscribe((e: number | null) => {
-        this.selectedItem =
-          e === this.constantService.SPECIAL_VALUE
-            ? this.constantService.SPECIAL_VALUE
-            : 0;
-      });
-
-  }
-
-  ngOnDestroy(): void {
-    this.destroy$.next();
-    this.destroy$.complete();
-  }
-
-  closeModal(): void {
-    this.modalService.toggleModal = !this.modalService.toggleModal;
-  }
-
-  onOk(): void { }
-
-  protected readonly FormFieldType = FormFieldType;
-}

package/src/lib/itinerary-app/modules/itineraries/components/send-to-client/send-to-client.component.css

@@ -1,28 +0,0 @@
-.check-box-field {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 10px;
-  margin-top: 30px;
-}
-
-.check-box-field {
-  span {
-    margin-left: 8px;
-  }
-}
-
-.check-box {
-  height: 20px !important;
-  width: 20px !important;
-}
-
-.modal-bottom-bar {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-}
-
-.suggest-client-title {
-  font-family: Calistoga;
-}

package/src/lib/itinerary-app/modules/itineraries/components/send-to-client/send-to-client.component.html

@@ -1,10 +0,0 @@
-<div class="delete-modal">
-  <h3 class="text-center mb-[25px] font-[Calistoga]">{{ "SNACKBAR.SUGGEST_TO_CLIENT" | translate }}</h3>
-  
-  <lib-matching-clients (clientSelectionChanged)="onClientSelectionChanged($event)"></lib-matching-clients>
-
-  <div class="flex justify-center gap-10 mt-5">
-    <button class="custom-flat-button font-[Calistoga]" (click)="closeSendClientModal()">{{ "COMMON.CANCEL" | translate}}</button>
-    <button class="custom-flat-button-highlighted-font font-[Calistoga]"  (click)="submitSendClient()">{{ "COMMON.SEND" | translate }}</button>
-  </div>
-</div>

package/src/lib/itinerary-app/modules/itineraries/components/send-to-client/send-to-client.component.spec.ts

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

package/src/lib/itinerary-app/modules/itineraries/components/send-to-client/send-to-client.component.ts

@@ -1,44 +0,0 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { ModalService } from '../../../../_services/modal.service';
-import { MatchingClients } from '../../../../_models/matching-clients';
-import { ModalSendClientService } from '../../../../_services/modal.sendclient.service';
-import { Itinerary } from '../../../../_models/Itinerary';
-import { ItineraryService } from '../../../../_services/itinerary.service';
-
-@Component({
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    selector: 'lib-send-to-client',
-    templateUrl: './send-to-client.component.html',
-    styleUrl: './send-to-client.component.css',
-    standalone: false
-})
-export class SendToClientComponent {
-    clientsSelection: Array<MatchingClients> = [];
-
-    @Input() itinerary!: Itinerary;
-
-    constructor(
-      public modalService: ModalService,
-      public sendClientModalService: ModalSendClientService,
-      public itineraryApiService: ItineraryService
-    ) {}
-  
-    closeModal(): void {
-      this.modalService.toggleModal = !this.modalService.toggleModal;
-    }
-
-    closeSendClientModal(): void {
-      this.sendClientModalService.toggleModal = !this.sendClientModalService.toggleModal;
-    }
-
-    onClientSelectionChanged(clientsSelection: Array<MatchingClients>) {
-      this.clientsSelection = clientsSelection;
-    }
-
-    submitSendClient(): void {
-      this.itineraryApiService.sendItenaryToClients(this.itinerary, this.clientsSelection);
-      this.closeSendClientModal();
-    }
-  
-    onOk(): void {}
-}

package/src/lib/itinerary-app/modules/itineraries/components/share-popup/share-popup.component.html

@@ -1,65 +0,0 @@
-<div class="share-itinerary min-w-[300px] ">
-  <h2 class="title">Share Itinerary</h2>
-
-  <!-- Add People -->
-  <lib-search-bar class="search-field" [placeholderText]="'SEARCH_PEOPLE_GROUP' | translate"
-       [searchIcon]="ICONS['dashboardSearch']">
-  </lib-search-bar>
-
-  <!-- People with Access -->
-  <div class="section font-[Gilroy] font-bold text-[13.px] mt-4 mb-8">
-    <h3 class="mb-1 access-title">People with Access</h3>
-    <div class="person flex gap-2">
-      <img [src]="peopleWithAccess[0].avatar" alt="avatar" class="avatar object-cover" />
-      <div class="info">
-        <div class="person-name">{{ peopleWithAccess[0].name }}</div>
-        <div class="person-email">{{ peopleWithAccess[0].email }}</div>
-      </div>
-      <div class="role-text text-[#8B8B8B]">{{ peopleWithAccess[0].role }}</div>
-    </div>
-  </div>
-
-  <!-- General Access -->
-  <div class="section">
-    <h3 class="general-access-title  font-[Gilroy] mb-1">General Access</h3>
-    <div class="access-row">
-      <div class="icon mt-[7px]">
-        <img src="assets/icons/restricted_icon.png" class="h-[30px] w-[30px] object-cover p-[6px] rounded-full border-[0.68px] border-white"/>
-      </div>
-      <div [formGroup]="accessForm">
-        <div class="relative inline-block text-white">
-          <select formControlName="access" class="access-select appearance-none bg-transparent focus:outline-none">
-            <option value="Restricted">Restricted</option>
-            <option value="Public">Public</option>
-          </select>
-
-          <!-- Custom arrow icon -->
-          <div class="pointer-events-none absolute inset-y-0 right-1 flex items-center pl-6">
-            <svg width="7" height="4" viewBox="0 0 7 4" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M3.35156 3.61768L6.40146 0.567782H0.301668L3.35156 3.61768Z" fill="white"/>
-            </svg>
-          </div>
-</div>
-
-        <div class="permission-description">
-          <ng-container *ngIf="accessType === 'Restricted'">
-            {{ "ITINERARY.RESTRICTED_ACCESS_MESSAGE" | translate }}
-          </ng-container>
-          <ng-container  *ngIf="accessType === 'Public'">
-            {{ "ITINERARY.PUBLIC_ACCESS_MESSAGE" | translate }}
-          </ng-container>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <!-- Actions -->
-  <div class="flex justify-center gap-10 mt-5">
-    <button class="custom-flat-button font-[Calistoga]" (click)="copyLink()">
-      {{ "COMMON.COPY_LINK" | translate }}
-    </button>
-    <button class="custom-flat-button-highlighted-font font-[Calistoga]" (click)="close()">
-      {{ "COMMON.DONE" | translate }}
-    </button>
-  </div>
-</div>

package/src/lib/itinerary-app/modules/itineraries/components/share-popup/share-popup.component.scss

@@ -1,104 +0,0 @@
-.title {
-  text-align: center;
-  font-family: 'Calistoga', serif;
-  margin-bottom: 20px;
-}
-
-.info {
-  flex: 1;
-}
-
-.name {
-  font-weight: 500;
-}
-
-.email {
-  font-size: 13px;
-  color: #a0a0a0;
-}
-
-.role {
-  font-size: 14px;
-  color: #c0c0c0;
-}
-
-.access-row {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-
-.icon {
-  font-size: 20px;
-}
-
-select {
-  background: transparent;
-  color: white;
-  border: 1px solid #555;
-  border-radius: 6px;
-  padding: 4px 8px;
-}
-
-.desc {
-  font-size: 13px;
-  color: #a0a0a0;
-}
-
-.actions {
-  display: flex;
-  justify-content: space-between;
-  margin-top: 20px;
-}
-
-.copy-btn {
-  color: #f9f4d4;
-  background: transparent;
-  border: none;
-  cursor: pointer;
-  font-weight: 600;
-}
-
-.done-btn {
-  color: #f85f75;
-  background: transparent;
-  border: none;
-  cursor: pointer;
-  font-weight: 600;
-}
-
-
-.access-title {
-  font-size: var(--font-size-medium);
-}
-
-.person-name, .person-email {
-  font-size: var(--font-size-small);
-}
-
-.person-email {
-  font-weight: normal;
-}
-
-.role-text {
-  font-size: var(--font-size-small);
-  font-weight: normal;
-}
-
-.general-access-title {
-  font-size: var(--font-size-medium);
-  font-weight: 700;
-}
-
-.access-select {
-  border: none !important;
-  padding-right: 12px;
-  padding-left: 0px;
-  font-family: var(--font-gilroy-bold);
-  font-size: var(--font-size-small);
-}
-
-.permission-description {
-  font-size: var(--font-size-small);
-  color: white;
-}

package/src/lib/itinerary-app/modules/itineraries/components/share-popup/share-popup.component.spec.ts

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

package/src/lib/itinerary-app/modules/itineraries/components/share-popup/share-popup.component.ts

@@ -1,82 +0,0 @@
-import { Component, EventEmitter, OnInit, Output } from '@angular/core';
-import { ICONS } from '../../../../_constants/constants';
-import { Iicon } from '../../../../_interface/icon';
-import { FormBuilder, FormGroup } from '@angular/forms';
-import { SharePopupDataService } from '../../../../_services/share-popup-data';
-import { Itinerary } from '../../../../_models/Itinerary';
-import { Router } from '@angular/router';
-import { PlatformLocation } from '@angular/common';
-import { ItinerariesRoutesEnum } from '../../../../_enums/ItenariesRoutes.enum';
-
-
-@Component({
-    selector: 'lib-share-popup',
-    templateUrl: './share-popup.component.html',
-    styleUrl: './share-popup.component.scss',
-    standalone: false
-})
-export class SharePopupComponent implements OnInit {
-  @Output() closeModal: EventEmitter<void> = new EventEmitter<void>();
-  ICONS: Iicon = ICONS;
-  accessForm!: FormGroup;
-  itinerary: Itinerary | null = null;
-
-  accessType = 'Restricted';
-  peopleWithAccess = [
-    {
-      name: 'M Ali (you)',
-      email: 'mali@gmail.com',
-      role: 'Owner',
-      avatar: 'assets/images/image7.jpg' // Example avatar URL
-    }
-  ];
-
-  constructor(
-    private fb: FormBuilder,
-    private sharePopupDataService: SharePopupDataService,
-    private router: Router,
-    private platformLocation: PlatformLocation
-  ) {}
-
-  copyButtonClicked(itineraryId: string) {
-  const baseUrl = `${this.platformLocation.protocol}//${this.platformLocation.hostname}` +
-                  (this.platformLocation.port ? `:${this.platformLocation.port}` : '');
-
-  const urlTree = this.router.createUrlTree([
-      ItinerariesRoutesEnum.ITINERARY,
-      ItinerariesRoutesEnum.ITINERARY_DETAIL,
-      itineraryId
-    ]);
-    const relativeUrl = this.router.serializeUrl(urlTree);
-    const fullUrl = baseUrl + relativeUrl;
-    navigator.clipboard.writeText(fullUrl);
-  }
-
-
-  copyLink() {
-    if(this.itinerary) {
-      this.copyButtonClicked(this.itinerary.id);
-    }
-  }
-
-  close() {
-    this.closeModal.emit();
-  }
-
-  ngOnInit() {
-    this.accessForm = this.fb.group({
-      access: ['Restricted'] // default value
-    });
-    this.accessForm.get('access')?.valueChanges.subscribe(value => {
-      this.performActionBasedOnAccess(value);
-    });
-    this.sharePopupDataService.popupData$.subscribe((data) => {
-      this.itinerary = data;
-    });
-  }
-
-  performActionBasedOnAccess(value: string) {
-    this.accessType = value;
-  }
-
-}