@flower-city-online/itinerary-lib 0.0.9 → 0.0.11

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

@@ -0,0 +1,85 @@
+import { Location } from '@angular/common';
+import {
+  ChangeDetectionStrategy,
+  ChangeDetectorRef,
+  Component,
+  OnDestroy,
+  OnInit,
+} from '@angular/core';
+import { Router } from '@angular/router';
+import { Subscription } from 'rxjs';  
+import { ItinerariesRoutesEnum } from '../../../../../_enums/ItenariesRoutes.enum';
+import { Iicon } from '../../../../../_interface/icon';
+import { IItineraryMember } from '../../../../../_models/itineraryMember'; 
+import { CustomDropdownMenuService } from '../../../../../_services/custom-dropdown-menu.service';
+import { ModalService } from '../../../../../_services/modal.service';
+import { ICONS } from '../../../../../_constants/constants';
+import { AssetsService } from '../../../../../_services/assets.service';
+
+@Component({
+  selector: 'app-list-friend-users',
+  templateUrl: './list-friend-users.component.html',
+  styleUrl: './list-friend-users.component.css',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class ListFriendUsersComponent implements OnInit, OnDestroy {
+  ICONS: Iicon = ICONS;
+  friends: IItineraryMember[] = [];
+  images: string[] = [];
+  loading: boolean = false;
+  subscription!: Subscription;
+
+  constructor(
+    public customMenuList: CustomDropdownMenuService,
+    public modalService: ModalService,
+    private _location: Location,
+    private router: Router,
+    private assetService: AssetsService,
+    private cdr: ChangeDetectorRef,
+  ) {}
+
+  ngOnInit(): void {
+    this.getTotalItineraryMembers();
+  }
+
+  //UI LOGIC
+  handleSearchStringChange(_$event: string) {}
+  clear(): void {}
+
+  getTotalItineraryMembers() {
+    this.loading = true;
+    this.subscription = this.assetService.getMembers().subscribe((data) => {
+      this.friends = data;
+      this.images = this.friends.map((x) => x.memberPic);
+      this.loading = false;
+      this.cdr.detectChanges();
+    });
+  }
+
+  sendRequest(i: number): void {
+    this.friends[i].added = true;
+    this.cdr.detectChanges();
+  }
+
+  //NAVIGATIONS
+  navToSendRequest(): void {
+    this.router.navigate([
+      ItinerariesRoutesEnum.ITINERARY,
+      ItinerariesRoutesEnum.SEND_FRIEND_REQUEST,
+    ]);
+  }
+  navToFriendRequests(): void {
+    this.router.navigate([
+      ItinerariesRoutesEnum.ITINERARY,
+      ItinerariesRoutesEnum.FRIEND_REQUESTS,
+    ]);
+  }
+
+  backButton(): void {
+    this._location.back();
+  }
+
+  ngOnDestroy(): void {
+    this.subscription.unsubscribe();
+  }
+}

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-friends/send-friend-request/send-friend-request.component.html

@@ -0,0 +1,32 @@
+<div class="pl-4 pr-4">
+  <app-header heading="Search for Friends" (firstButton)="backButton()"></app-header>
+  <lib-search-bar class="search-field" placeholderText="Search for Friends"
+    (searchStringChange)="handleSearchStringChange($event)" (cleared)="clear()" [searchIcon]="ICONS['dashboardSearch']">
+  </lib-search-bar>
+
+  <p class="interestedPeopleHeading mt-5">Results</p>
+
+  <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4">
+    <ng-container *ngFor="let p of searched; let i = index">
+      <ng-template #inviteBtn>
+        <div (click)="invite(i)" class="flex">
+          <img [src]="ICONS['invitePink']" alt="Invite label" />
+          <button class="pinkTextColor">Invite</button>
+        </div>
+      </ng-template>
+      <ng-template #invitedBtn>
+        <div class="flex">
+          <img [src]="ICONS['userAdded']" lt="Invite label" />
+          <button class="pinkTextColor">Invited</button>
+        </div>
+      </ng-template>
+
+      <app-user-tile name="Send App and Itinerary Invite" [email]="p.memberEmail" [image]="p.memberPic"
+        [sufixTemplate]="p.added ? invitedBtn : inviteBtn"></app-user-tile>
+    </ng-container>
+  </div>
+
+  <div class="border-t border-gray-700 mt-2"></div>
+
+  <app-user-stack-tile label="17 People" buttonText="View Requests"></app-user-stack-tile>
+</div>

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-friends/send-friend-request/send-friend-request.component.ts

@@ -0,0 +1,68 @@
+import { Location } from '@angular/common';
+import {
+  ChangeDetectionStrategy,
+  ChangeDetectorRef,
+  Component,
+  OnInit,
+} from '@angular/core'; 
+import { Subscription } from 'rxjs'; 
+import { Iicon } from '../../../../../_interface/icon';
+import { IItineraryMember } from '../../../../../_models/itineraryMember'; 
+import { ICONS } from '../../../../../_constants/constants';
+import { AssetsService } from '../../../../../_services/assets.service';
+@Component({
+  selector: 'app-send-friend-request',
+  templateUrl: './send-friend-request.component.html',
+  styleUrl: './send-friend-request.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class SendFriendRequestComponent implements OnInit {
+  ICONS: Iicon = ICONS;
+  loading: boolean = false;
+  subscription!: Subscription;
+  people: IItineraryMember[] = [];
+  searched: IItineraryMember[] = [];
+  images: string[] = [];
+
+  constructor(
+    private _location: Location,
+    private assetService: AssetsService,
+    private cdr: ChangeDetectorRef,
+  ) {}
+
+  ngOnInit(): void {
+    this.getTotalItineraryMembers();
+  }
+
+  //UI LOGIC
+  getTotalItineraryMembers() {
+    this.loading = true;
+    this.subscription = this.assetService.getMembers().subscribe((data) => {
+      this.searched = this.people = data;
+      this.images = this.people.map((x) => x.memberPic);
+      this.loading = false;
+      this.cdr.detectChanges();
+    });
+  }
+
+  handleSearchStringChange($event: string) {
+    if (!$event) {
+      this.searched = this.people;
+    } else {
+      this.searched = this.people.filter(
+        (x) =>
+          x.memberName.toLowerCase().includes($event.toLowerCase()) ||
+          x.memberName.toLowerCase().includes($event.toLowerCase()),
+      );
+    }
+  }
+  invite(i: number) {
+    this.people[i].added = true;
+  }
+  clear(): void {}
+
+  //NAVIGATIONS
+  backButton(): void {
+    this._location.back();
+  }
+}

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-members/all-people/all-people.component.html

@@ -0,0 +1,61 @@
+<div class="ps-4 pe-4">
+  <app-header heading="Invite People" (firstButton)="backButton()"></app-header>
+
+  <lib-search-bar class="search-field" [placeholderText]="'Search people to invite' | translate"
+    (searchStringChange)="handleSearchStringChange($event)" (cleared)="clear()" [searchIcon]="ICONS['dashboardSearch']">
+  </lib-search-bar>
+
+  <h3 class="f-calistoga font-normal text-sm mt-4">Friends</h3>
+
+  <ng-template #sufixAction>
+    <div (click)="navToInvite()" class="flex">
+      <img [src]="ICONS['invitePink']" alt="Invite label" />
+      <button class="pinkTextColor">Invite</button>
+    </div>
+  </ng-template>
+
+  <ng-container *ngIf="loading">
+    <lib-info-card-placeholder [avatar]="true" [count]="5"></lib-info-card-placeholder>
+  </ng-container>
+
+  <ng-container *ngIf="!loading">
+    <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4">
+      <ng-container *ngFor="let i of itineraryMembers">
+        <app-user-tile [name]="i.memberName" [email]="i.memberEmail" [image]="i.memberPic"
+          [sufixTemplate]="sufixAction"></app-user-tile>
+      </ng-container>
+    </div>
+  </ng-container>
+
+  <h3 class="f-calistoga font-normal text-sm mt-4">
+    People who might want to join this itinerary
+  </h3>
+
+  <ng-container *ngIf="loading">
+    <lib-info-card-placeholder [avatar]="true" [count]="5"></lib-info-card-placeholder>
+  </ng-container>
+
+  <ng-template #sufixAction2>
+    <div (click)="navToInvite()" class="flex">
+      <img [src]="ICONS['invitePink']" alt="Invite label" />
+      <button class="pinkTextColor">Invite</button>
+    </div>
+  </ng-template>
+
+  <ng-container *ngIf="!loading">
+    <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4">
+      <ng-container *ngFor="let i of itineraryMembers">
+        <app-user-tile [name]="i.memberName" [email]="i.memberEmail" [image]="i.memberPic"
+          [sufixTemplate]="sufixAction2"></app-user-tile>
+      </ng-container>
+    </div>
+  </ng-container>
+
+  <!-- Separator Line -->
+  <div class="border-t border-gray-700 mt-2"></div>
+
+  <p class="interestedPeopleHeading mt-3">Invites Sent</p>
+
+  <app-user-stack-tile label="16 People" [images]="images" buttonText="View Invites"
+    (onClick)="navToAllInvites()"></app-user-stack-tile>
+</div>

package/src/lib/itinerary-app/modules/itineraries/pages/itinerary-members/all-people/all-people.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/all-people/all-people.component.ts

@@ -0,0 +1,79 @@
+import { Location } from '@angular/common';
+import {
+  ChangeDetectionStrategy,
+  ChangeDetectorRef,
+  Component,
+  OnDestroy,
+  OnInit,
+} from '@angular/core';
+import { Router } from '@angular/router';
+import { Subscription } from 'rxjs';  
+import { ItinerariesRoutesEnum } from '../../../../../_enums/ItenariesRoutes.enum';
+import { Iicon } from '../../../../../_interface/icon';
+import { IItineraryMember } from '../../../../../_models/itineraryMember'; 
+import { CustomDropdownMenuService } from '../../../../../_services/custom-dropdown-menu.service';
+import { ModalService } from '../../../../../_services/modal.service';
+import { ICONS } from '../../../../../_constants/constants';
+import { AssetsService } from '../../../../../_services/assets.service';
+@Component({
+  selector: 'app-all-people',
+  templateUrl: './all-people.component.html',
+  styleUrl: './all-people.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class AllPeopleComponent implements OnInit, OnDestroy {
+  ICONS: Iicon = ICONS;
+  itineraryMembers: IItineraryMember[] = [];
+  images: string[] = [];
+  loading: boolean = false;
+  subscription!: Subscription;
+
+  constructor(
+    public customMenuList: CustomDropdownMenuService,
+    public modalService: ModalService,
+    private _location: Location,
+    private router: Router,
+    private assetService: AssetsService,
+    private cdr: ChangeDetectorRef,
+  ) {}
+
+  ngOnInit(): void {
+    this.getTotalItineraryMembers();
+  }
+
+  //UI LOGIC
+  handleSearchStringChange(_$event: string) {}
+
+  clear(): void {}
+  getTotalItineraryMembers() {
+    this.loading = true;
+    this.subscription = this.assetService.getMembers().subscribe((data) => {
+      this.itineraryMembers = data;
+      this.images = this.itineraryMembers.map((x) => x.memberPic);
+      this.loading = false;
+      this.cdr.detectChanges();
+    });
+  }
+
+  //NAVIGATIONS
+  navToInvite(): void {
+    this.router.navigate([
+      ItinerariesRoutesEnum.ITINERARY,
+      ItinerariesRoutesEnum.SEND_INVITE,
+    ]);
+  }
+  navToAllInvites(): void {
+    this.router.navigate([
+      ItinerariesRoutesEnum.ITINERARY,
+      ItinerariesRoutesEnum.ALL_INVITES_SENT,
+    ]);
+  }
+
+  backButton(): void {
+    this._location.back();
+  }
+
+  ngOnDestroy(): void {
+    this.subscription.unsubscribe();
+  }
+}

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

@@ -0,0 +1,49 @@
+<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-4">
+          <ng-container *ngFor="let i of itineraryMembers">
+            <app-user-tile
+              [name]="i.memberName"
+              [email]="i.memberEmail"
+              [image]="i.memberPic"
+              [sufixTemplate]="actions"
+            ></app-user-tile>
+          </ng-container>
+        </div>
+      </ng-container>
+
+      <div class="flex px-4">
+        <img [src]="ICONS['invitePink']" />
+        <button class="pinkTextColor" (click)="navToAllPeople()">
+          Invite more people
+        </button>
+      </div>
+
+      <div class="border-t border-gray-700 mt-6 mb-6"></div>
+      <h2 class="commonInterests mb-4">Common Interests</h2>
+
+      <lib-selectable [options]="options"></lib-selectable>
+    </div>
+  </div>
+</div>

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

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

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

@@ -0,0 +1,73 @@
+import { Location } from '@angular/common';
+import {
+  ChangeDetectionStrategy,
+  ChangeDetectorRef,
+  Component,
+  OnDestroy,
+  OnInit,
+} from '@angular/core';
+import { Router } from '@angular/router'; 
+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';
+import { SelectOption } from '@naniteninja/ionic-lib';
+
+@Component({
+  selector: 'app-existing-members',
+  templateUrl: './existing-members.component.html',
+  styleUrl: './existing-members.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class ExistingMembersComponent implements OnInit, OnDestroy {
+  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,
+    ]);
+  }
+
+  ngOnDestroy(): void {
+    this.subscription.unsubscribe();
+  }
+}

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

@@ -0,0 +1,6 @@
+<div class="z-auto pr-3 pl-3">
+  <div class="pb-4">
+    <app-header heading="Total Members" (firstButton)="backButton()"></app-header>
+  </div>
+  <app-existing-members></app-existing-members>
+</div>

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

@@ -0,0 +1,14 @@
+import { Location } from '@angular/common';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+@Component({
+  selector: 'app-itinerary-members',
+  templateUrl: './itinerary-members.component.html',
+  styleUrl: './itinerary-members.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class ItineraryMembersComponent {
+  constructor(private _location: Location) {}
+  backButton(): void {
+    this._location.back();
+  }
+}

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

@@ -0,0 +1,25 @@
+<div class="pl-4 pr-4">
+  <app-header heading="All Invites" (firstButton)="backButton()"></app-header>
+
+  <p class="interestedPeopleHeading mt-3">Invites Sent (3)</p>
+
+  <ng-container *ngIf="loading">
+    <lib-info-card-placeholder [avatar]="true" [count]="5"></lib-info-card-placeholder>
+  </ng-container>
+
+  <ng-template #sufixAction>
+    <div class="flex">
+      <img [src]="ICONS['closePink']" alt="Invite label" />
+      <button class="pinkTextColor">Revoke</button>
+    </div>
+  </ng-template>
+
+  @if (!loading) {
+  <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4">
+    <ng-container *ngFor="let i of itineraryMembers">
+      <app-user-tile [name]="i.memberName" [email]="i.memberEmail" [image]="i.memberPic"
+        [sufixTemplate]="sufixAction"></app-user-tile>
+    </ng-container>
+  </div>
+  }
+</div>

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,56 @@
+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,
+})
+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,38 @@
+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,
+})
+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,
+    ]);
+  }
+}