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

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-members/itinerary-sent-invites/itinerary-sent-invites.component.scss

@@ -0,0 +1,8 @@
+.interestedPeopleHeading {
+  font-family: "Calistoga";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 13.128px;
+  line-height: 160%;
+  color: #ffffff;
+}

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-members/itinerary-sent-invites/itinerary-sent-invites.component.ts

@@ -0,0 +1,57 @@
+import { Location } from '@angular/common';
+import {
+  ChangeDetectionStrategy,
+  ChangeDetectorRef,
+  Component,
+  OnDestroy,
+  OnInit,
+} from '@angular/core';
+import { Subscription } from 'rxjs';  
+import { Iicon } from '../../../../../_interface/icon';
+import { IItineraryMember } from '../../../../../_models/itineraryMember'; 
+import { AssetsService } from '../../../../../_services/assets.service';
+import { ICONS } from '../../../../../_constants/constants';
+@Component({
+    selector: 'app-itinerary-sent-invites',
+    templateUrl: './itinerary-sent-invites.component.html',
+    styleUrl: './itinerary-sent-invites.component.scss',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false
+})
+export class ItinerarySentInvitesComponent implements OnInit, OnDestroy {
+  ICONS: Iicon = ICONS;
+  itineraryMembers: IItineraryMember[] | undefined;
+  loading: boolean = false;
+  subscription!: Subscription;
+
+  constructor(
+    private _location: Location,
+    private assetService: AssetsService,
+    private cdr: ChangeDetectorRef,
+  ) {}
+
+  ngOnInit(): void {
+    this.getTotalItineraryMembers();
+  }
+
+  getTotalItineraryMembers(): void {
+    this.loading = true;
+    this.subscription = this.assetService.getMembers().subscribe((data) => {
+      this.itineraryMembers = data;
+      this.loading = false;
+      this.cdr.detectChanges();
+    });
+  }
+
+  handleSearchStringChange(_$event: string) {}
+
+  clear(): void {}
+
+  backButton(): void {
+    this._location.back();
+  }
+
+  ngOnDestroy(): void {
+    this.subscription.unsubscribe();
+  }
+}

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-members/send-invite/send-invite.component.css

@@ -0,0 +1,8 @@
+.interestedPeopleHeading {
+  font-family: "Calistoga";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 160%;
+  color: #ffffff;
+}

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-members/send-invite/send-invite.component.html

@@ -0,0 +1,22 @@
+<div class="pl-4 pr-4">
+  <app-header heading="Send Invite" (firstButton)="backButton()"></app-header>
+  <lib-search-bar class="search-field" placeholderText="Search Member"
+    (searchStringChange)="handleSearchStringChange($event)" (cleared)="clear()" [searchIcon]="ICONS['dashboardSearch']">
+  </lib-search-bar>
+
+  <p class="interestedPeopleHeading mt-5">Results</p>
+
+  <ng-template #inviteBtn>
+    <div class="flex">
+      <img [src]="ICONS['invitePink']" alt="Invite label" />
+      <button class="pinkTextColor">Invite</button>
+    </div>
+  </ng-template>
+
+  <app-user-tile name="Send App and Itinerary Invite" email="bestfriend@gmail.com" [image]="ICONS['unknownUser']"
+    [sufixTemplate]="inviteBtn"></app-user-tile>
+
+  <div class="border-t border-gray-700 mt-2"></div>
+
+  <app-user-stack-tile label="16 People"></app-user-stack-tile>
+</div>

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-members/send-invite/send-invite.component.ts

@@ -0,0 +1,39 @@
+import { Location } from '@angular/common';
+import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router'; 
+import { ItinerariesRoutesEnum } from '../../../../../_enums/ItenariesRoutes.enum';
+import { Iicon } from '../../../../../_interface/icon';
+import { ICONS } from '../../../../../_constants/constants';
+ 
+@Component({
+    selector: 'app-send-invite',
+    templateUrl: './send-invite.component.html',
+    styleUrl: './send-invite.component.css',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false
+})
+export class SendInviteComponent implements OnInit {
+  ICONS: Iicon = ICONS;
+
+  ngOnInit(): void {}
+
+  constructor(
+    private _location: Location,
+    private router: Router,
+  ) {}
+
+  handleSearchStringChange(_$event: string) {}
+
+  clear(): void {}
+
+  backButton(): void {
+    this._location.back();
+  }
+
+  navToAllInvites(): void {
+    this.router.navigate([
+      ItinerariesRoutesEnum.ITINERARY,
+      ItinerariesRoutesEnum.ALL_INVITES_SENT,
+    ]);
+  }
+}

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-members/user-list/user-list.component.html

@@ -0,0 +1,45 @@
+<div class="relative min-h-screen">
+  <div class="z-auto">
+    <div class="pb-10">
+      <ng-container *ngIf="loading">
+        <lib-info-card-placeholder
+          [avatar]="true"
+          [count]="5"
+        ></lib-info-card-placeholder>
+      </ng-container>
+
+      <ng-template #actions>
+        <lib-menu-btn
+          (select)="handleMenueItemSelect()"
+          (click)="handleMenuClick()"
+          (change)="handleMenuItemChange()"
+          class="lib-menu-custom-class lib-menu-bg-none"
+          [disableTextShadow]="true"
+        >
+          <img [src]="ICONS['horizontalWhite']" alt="Horizontal divider" />
+        </lib-menu-btn>
+      </ng-template>
+
+      <ng-container *ngIf="!loading">
+        <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-[14px]">
+          <ng-container *ngFor="let user of usersList">
+            <div [class]="'comment-card text-white rounded-xl ' + class">
+              <div class="flex items-center justify-between">
+                <div class="rounded-full overflow-hidden me-5">
+                  <img [src]="user.memberPic" alt="User" loading="lazy" class="w-8 h-8 object-cover" />
+                </div>
+                <div class="me-2">
+                  <h4 class="normal-text-lg">{{ user.memberName }}</h4>
+                </div>
+                <div class="ml-auto ms-auto flex items-center" (click) = "viewProfile()">
+                  <span class="pink-btn ml-auto me-[6px] normal-text-sm">View Profile</span>
+                  <img [src]="ICONS['angleRight']" alt="angle right" width="8" height="16">
+                </div>
+              </div>
+            </div>
+          </ng-container>
+        </div>
+      </ng-container>
+    </div>
+  </div>
+</div>

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-members/user-list/user-list.component.scss

@@ -0,0 +1,15 @@
+.commonInterests {
+  font-family: "Calistoga";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 19.692px;
+  line-height: 160%;
+  text-transform: capitalize;
+  color: #ffffff;
+}
+
+.pink-btn {
+  color: #FE3C72;
+  font-size: 9.85px;
+  letter-spacing: 0%;
+}

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-members/user-list/user-list.component.ts

@@ -0,0 +1,82 @@
+import { Location } from '@angular/common';
+import {
+  ChangeDetectionStrategy,
+  ChangeDetectorRef,
+  Component,
+  Input,
+  OnDestroy,
+  OnInit,
+} from '@angular/core';
+import { Router } from '@angular/router';
+import { SelectOption } from '@naniteninja/ionic-lib';
+import { Subscription } from 'rxjs';
+import { ItinerariesRoutesEnum } from '../../../../../_enums/ItenariesRoutes.enum';
+import { Iicon } from '../../../../../_interface/icon';
+import { IItineraryMember } from '../../../../../_models/itineraryMember';
+import { ICONS } from '../../../../../_constants/constants';
+import { AssetsService } from '../../../../../_services/assets.service';
+
+@Component({
+    selector: 'app-user-list',
+    templateUrl: './user-list.component.html',
+    styleUrl: './user-list.component.scss',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false
+})
+export class UserList implements OnInit, OnDestroy {
+  @Input() usersList: IItineraryMember[] | undefined;
+  @Input() class: string = '';
+  ICONS: Iicon = ICONS;
+  itineraryMembers: IItineraryMember[] | undefined;
+  loading: boolean = false;
+  subscription!: Subscription;
+  options: SelectOption<string>[] = [
+    {
+      image: ICONS['food'],
+      label: 'Viynasa',
+      value: 'Viynasa',
+      selected: true,
+    },
+  ];
+
+  constructor(
+    private router: Router,
+    private _location: Location,
+    private assetService: AssetsService,
+    private cdr: ChangeDetectorRef,
+  ) { }
+
+  //UI LOGIC
+
+  ngOnInit(): void {
+    this.loading = true;
+    this.subscription = this.assetService.getMembers().subscribe((data) => {
+      this.itineraryMembers = data;
+      this.loading = false;
+      this.cdr.detectChanges();
+    });
+  }
+
+  handleMenueItemSelect(): void { }
+  handleMenuItemChange(): void { }
+  handleMenuClick(): void { }
+
+  //NAVIGATIONS
+  backButton(): void {
+    this._location.back();
+  }
+  navToAllPeople(): void {
+    this.router.navigate([
+      ItinerariesRoutesEnum.ITINERARY,
+      ItinerariesRoutesEnum.All_PEOPLE,
+    ]);
+  }
+
+  viewProfile(): void {
+    this.router.navigate([ItinerariesRoutesEnum.PROFILE]).then(() => { });
+  }
+
+  ngOnDestroy(): void {
+    this.subscription.unsubscribe();
+  }
+}

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-upvote-users/itinerary-upvote-users.component.html

@@ -0,0 +1,16 @@
+<div>
+  <div class="px-4">
+    <ng-template #search>
+      <img [src]="ICONS['search']" alt="right-icon" (click)="searchButtonClick()" />
+    </ng-template>
+    <app-header [heading]="'Upvotes(' + (upvotesUsers?.length ?? 0) + ')'" (firstButton)="backButton()" [headerSuffixTemplate]="search"></app-header>
+  </div>
+    <div class="mt-4 ps-4 pe-2">
+    <span class="normal-text-md normal-text-gray">
+      See who liked this itinerary<span class="text-pink-600 ml-1" >Adventure Tour</span>
+    </span>
+  </div>
+  <div class="mt-4 ps-[28px] pe-[18px]">
+    <app-user-list [usersList]="upvotesUsers"></app-user-list>
+  </div>
+</div>

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-upvote-users/itinerary-upvote-users.component.spec.ts

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

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-upvote-users/itinerary-upvote-users.component.ts

@@ -0,0 +1,55 @@
+import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
+import { ICONS } from '../../../../_constants/constants';
+import { Iicon } from '../../../../_interface/icon';
+import { IItineraryMember } from '../../../../_models/itineraryMember';
+import { Subscription } from 'rxjs/internal/Subscription';
+import { AssetsService } from '../../../../_services/assets.service';
+import { Location } from '@angular/common';
+import { SelectOption } from '@naniteninja/ionic-lib';
+import { Router } from '@angular/router';
+import { ItinerariesRoutesEnum } from '../../../../_enums/ItenariesRoutes.enum';
+
+@Component({
+    selector: 'app-itinerary-upvote-users',
+    templateUrl: './itinerary-upvote-users.component.html',
+    styleUrl: './itinerary-upvote-users.component.css',
+    standalone: false
+})
+export class ItineraryUpvoteUsersComponent implements OnInit {
+  ICONS: Iicon = ICONS;
+  upvotesUsers: IItineraryMember[] = [];
+  loading: boolean = false;
+  subscription!: Subscription;
+  options: SelectOption<string>[] = [
+    {
+      image: ICONS['food'],
+      label: 'Viynasa',
+      value: 'Viynasa',
+      selected: true,
+    },
+  ];
+
+  constructor(
+    private router: Router,
+    private assetService: AssetsService,
+    private cdr: ChangeDetectorRef,
+    private location: Location
+  ) { }
+
+  ngOnInit(): void {
+    this.loading = true;
+    this.subscription = this.assetService.getUpvoteMembers().subscribe((data) => {
+      this.upvotesUsers = data;
+      this.loading = false;
+      this.cdr.detectChanges();
+    });
+  }
+
+  backButton() {
+    this.location.back();
+  }
+
+  searchButtonClick(): void {
+    this.router.navigate([ItinerariesRoutesEnum.SEARCH]).then((_r) => { });
+  }
+}

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

@@ -0,0 +1,3 @@
+.light-grey{
+    color: #bdb2b2;
+}

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

@@ -0,0 +1,16 @@
+<div>
+  <div class="px-4">
+    <ng-template #search>
+      <img [src]="ICONS['search']" alt="right-icon" (click)="searchButtonClick()" />
+    </ng-template>
+    <app-header class="mb-4" [heading]="'Total Members( ' + members?.length + ' )'" (firstButton)="backButton()" [headerSuffixTemplate]="search"></app-header>
+  </div>
+    <div class="mt-4 ps-4 pe-2">
+    <span class="normal-text-md normal-text-gray">
+      Total users of this itinerary<span class="text-pink-600 ml-1" >Adventure Tour</span>
+    </span>
+  </div>
+  <div class="mt-4 ps-[28px] pe-[18px]">
+    <app-user-list [usersList]="members"></app-user-list>
+  </div>
+</div>

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-users/itinerary-users.component.spec.ts

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

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

@@ -0,0 +1,53 @@
+import { ChangeDetectorRef, Component } from '@angular/core';
+import { Router } from '@angular/router';
+import { AssetsService } from '../../../../_services/assets.service';
+import { ItinerariesRoutesEnum } from '../../../../_enums/ItenariesRoutes.enum';
+import { Iicon } from '../../../../_interface/icon';
+import { ICONS } from '../../../../_constants/constants';
+import { IItineraryMember } from '../../../../_models/itineraryMember';
+import { Subscription } from 'rxjs/internal/Subscription';
+import { Location } from '@angular/common';
+import { SelectOption } from '@naniteninja/ionic-lib';
+
+@Component({
+    selector: 'app-itinerary-users',
+    templateUrl: './itinerary-users.component.html',
+    styleUrl: './itinerary-users.component.css',
+    standalone: false
+})
+export class ItineraryUsersComponent {
+  ICONS: Iicon = ICONS;
+  members: IItineraryMember[] | undefined;
+  loading: boolean = false;
+  subscription!: Subscription;
+  options: SelectOption<string>[] = [
+    {
+      image: ICONS['food'],
+      label: 'Viynasa',
+      value: 'Viynasa',
+      selected: true,
+    },
+  ];
+
+  constructor(
+    public router: Router,
+    private assetService: AssetsService,
+    private cdr: ChangeDetectorRef,
+    private location: Location
+  ) { }
+
+  ngOnInit(): void {
+    this.subscription = this.assetService.getMembers().subscribe((data) => {
+      this.members = data;
+      this.loading = false;
+      this.cdr.detectChanges();
+    });
+  }
+
+  backButton() {
+    this.location.back();
+  }
+  searchButtonClick(): void {
+    this.router.navigate([ItinerariesRoutesEnum.SEARCH]).then((_r) => { });
+  }
+}

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-watching-users/itinerary-watching-users.component.css

@@ -0,0 +1,4 @@
+.light-grey{
+    color: #bdb2b2;
+
+}

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-watching-users/itinerary-watching-users.component.html

@@ -0,0 +1,16 @@
+<div>
+  <div class="px-4">
+    <ng-template #search>
+      <img [src]="ICONS['search']" alt="right-icon" (click)="searchButtonClick()" />
+    </ng-template>
+    <app-header [heading]="'Watching(' + (watchingMembers?.length ?? 0) + ')'" (firstButton)="backButton()" [headerSuffixTemplate]="search"></app-header>
+  </div>
+    <div class="mt-4 ps-4 pe-2">
+    <span class="normal-text-md normal-text-gray">
+      See who liked this itinerary<span class="text-pink-600 ml-1" >Adventure Tour</span>
+    </span>
+  </div>
+  <div class="mt-4 ps-[28px] pe-[18px]">
+    <app-user-list [usersList]="watchingMembers"></app-user-list>
+  </div>
+</div>

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-watching-users/itinerary-watching-users.component.spec.ts

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

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-watching-users/itinerary-watching-users.component.ts

@@ -0,0 +1,55 @@
+import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
+import { ICONS } from '../../../../_constants/constants';
+import { Iicon } from '../../../../_interface/icon';
+import { IItineraryMember } from '../../../../_models/itineraryMember';
+import { Subscription } from 'rxjs/internal/Subscription';
+import { SelectOption } from '@naniteninja/ionic-lib';
+import { AssetsService } from '../../../../_services/assets.service';
+import { Location } from '@angular/common';
+import { Router } from '@angular/router';
+import { ItinerariesRoutesEnum } from '../../../../_enums/ItenariesRoutes.enum';
+
+@Component({
+    selector: 'app-itinerary-watching-users',
+    templateUrl: './itinerary-watching-users.component.html',
+    styleUrl: './itinerary-watching-users.component.css',
+    standalone: false
+})
+export class ItineraryWatchingUsersComponent implements OnInit {
+  ICONS: Iicon = ICONS;
+  watchingMembers: IItineraryMember[] | undefined;
+  loading: boolean = false;
+  subscription!: Subscription;
+  options: SelectOption<string>[] = [
+    {
+      image: ICONS['food'],
+      label: 'Viynasa',
+      value: 'Viynasa',
+      selected: true,
+    },
+  ];
+
+  constructor(
+    public router: Router,
+    private assetService: AssetsService,
+    private cdr: ChangeDetectorRef,
+    private location: Location
+  ) { }
+
+  ngOnInit(): void {
+    this.loading = true;
+    this.subscription = this.assetService.getWatchingMembers().subscribe((data) => {
+      this.watchingMembers = data;
+      this.loading = false;
+      this.cdr.detectChanges();
+    });
+  }
+
+  searchButtonClick(): void {
+    this.router.navigate([ItinerariesRoutesEnum.SEARCH]).then((_r) => { });
+  }
+
+  backButton() {
+    this.location.back();
+  }
+}

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

@@ -0,0 +1,11 @@
+<div class="z-auto">
+  <div class="pb-10">
+    <app-header heading="Notifications" (firstButton)="backButton()"></app-header>
+
+    <ng-container *ngFor="let n of notifications">
+      <app-notification-tile [content]="n.notification.notificationContent" [isBtnVisible]="n.needReview"
+        [notificationAttended]="n.notification.attended" btnText="Review Now"
+        (btnClick)="navToCommentApproval()"></app-notification-tile>
+    </ng-container>
+  </div>
+</div>

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

@@ -0,0 +1,65 @@
+import { Location } from '@angular/common';
+import {
+  ChangeDetectionStrategy,
+  ChangeDetectorRef,
+  Component,
+  OnInit,
+} from '@angular/core';
+import { Router } from '@angular/router';
+import { INotification } from '../../../../_interface/notification';
+import { ItinerariesRoutesEnum } from '../../../../_enums/ItenariesRoutes.enum';
+import { AssetsService } from '../../../../_services/assets.service';
+ 
+interface ItineraryNotification {
+  notification: INotification;
+  needReview: boolean;
+  callback: () => void;
+}
+
+@Component({
+    selector: 'app-notifications',
+    templateUrl: './notifications.component.html',
+    styleUrl: './notifications.component.scss',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false
+})
+export class NotificationsComponent implements OnInit {
+  notifications: ItineraryNotification[] = [];
+  loading: boolean = false;
+
+  //LIFE CYCLE
+  constructor(
+    private _location: Location,
+    private router: Router,
+    private assetService: AssetsService,
+    private cdr: ChangeDetectorRef,
+  ) {}
+  ngOnInit(): void {
+    this.loading = true;
+    this.assetService.getNotifications().subscribe((res) => {
+      this.notifications = res.map(
+        (x) =>
+          <ItineraryNotification>{
+            notification: x,
+            needReview: false,
+            callback: () => {},
+          },
+      );
+      this.notifications[0].needReview = true;
+      this.loading = false;
+      this.cdr.detectChanges();
+    });
+  }
+
+  //NAVIGATIONS
+  backButton(): void {
+    this._location.back();
+  }
+
+  navToCommentApproval() {
+    this.router.navigate([
+      'itineraries',
+      ItinerariesRoutesEnum.COMMENT_UPDATE_REQUEST,
+    ]);
+  }
+}