minor updates

mayur8485 · May 30, 2024 · a9b4d40 · a9b4d40
1 parent 7abfeb4
commit a9b4d40
Show file tree

Hide file tree

Showing 15 changed files with 33 additions and 28 deletions.
diff --git a/docs/404.html b/docs/404.html
@@ -2,12 +2,12 @@
 <html lang="en" data-critters-container>
 <head>
   <meta charset="utf-8">
-  <title>PartyManagementSystem</title>
+  <title>EventManagementSystem</title>
   <base href="event-management-system">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
 <style>@charset "UTF-8";:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, .75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, .5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, .175);--bs-border-radius:.375rem;--bs-border-radius-sm:.25rem;--bs-border-radius-lg:.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15);--bs-box-shadow-sm:0 .125rem .25rem rgba(0, 0, 0, .075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, .175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, .075);--bs-focus-ring-width:.25rem;--bs-focus-ring-opacity:.25;--bs-focus-ring-color:rgba(13, 110, 253, .25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}</style><link rel="stylesheet" href="styles.08f10ab4fd7a5f3b.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.08f10ab4fd7a5f3b.css"></noscript></head>
 <body>
   <app-root></app-root>
-<script src="runtime.bfe95d2b558768a2.js" type="module"></script><script src="polyfills.05250ad52e10f833.js" type="module"></script><script src="scripts.1ac6d0d02f230370.js" defer></script><script src="main.be3f19e0dd2e27aa.js" type="module"></script></body>
+<script src="runtime.bfe95d2b558768a2.js" type="module"></script><script src="polyfills.05250ad52e10f833.js" type="module"></script><script src="scripts.1ac6d0d02f230370.js" defer></script><script src="main.daa8fb2e7500c803.js" type="module"></script></body>
 </html>
diff --git a/docs/index.html b/docs/index.html
@@ -2,12 +2,12 @@
 <html lang="en" data-critters-container>
 <head>
   <meta charset="utf-8">
-  <title>PartyManagementSystem</title>
+  <title>EventManagementSystem</title>
   <base href="event-management-system">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
 <style>@charset "UTF-8";:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, .75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, .5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, .175);--bs-border-radius:.375rem;--bs-border-radius-sm:.25rem;--bs-border-radius-lg:.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15);--bs-box-shadow-sm:0 .125rem .25rem rgba(0, 0, 0, .075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, .175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, .075);--bs-focus-ring-width:.25rem;--bs-focus-ring-opacity:.25;--bs-focus-ring-color:rgba(13, 110, 253, .25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}</style><link rel="stylesheet" href="styles.08f10ab4fd7a5f3b.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.08f10ab4fd7a5f3b.css"></noscript></head>
 <body>
   <app-root></app-root>
-<script src="runtime.bfe95d2b558768a2.js" type="module"></script><script src="polyfills.05250ad52e10f833.js" type="module"></script><script src="scripts.1ac6d0d02f230370.js" defer></script><script src="main.be3f19e0dd2e27aa.js" type="module"></script></body>
+<script src="runtime.bfe95d2b558768a2.js" type="module"></script><script src="polyfills.05250ad52e10f833.js" type="module"></script><script src="scripts.1ac6d0d02f230370.js" defer></script><script src="main.daa8fb2e7500c803.js" type="module"></script></body>
 </html>
diff --git a/docs/main.be3f19e0dd2e27aa.js b/docs/main.be3f19e0dd2e27aa.js
diff --git a/docs/main.daa8fb2e7500c803.js b/docs/main.daa8fb2e7500c803.js
diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
@@ -23,17 +23,17 @@ const appRoutes: Routes = [
         canActivate: [AuthGuard]
     },
     {
-        path: 'party',
+        path: 'event',
         component: PartyDetailsComponent,
         canActivate: [AuthGuard]
     },
     {
-        path: 'party/:id/edit',
+        path: 'event/:id/edit',
         component: CreatePartyComponent,
         canActivate: [AuthGuard]
     },
     {
-        path: 'party/:id/delete',
+        path: 'event/:id/delete',
         component: CreatePartyComponent,
         canActivate: [AuthGuard]
     }

diff --git a/src/app/auth/auth.component.html b/src/app/auth/auth.component.html
@@ -12,6 +12,9 @@
                         <input type="password" class="form-control" id="password" name="password" required
                             minlength="6" formControlName="password">
                     </div>
+                    <div class="d-flex justify-content-center align-items-center">
+                        <p style="font-size: 12px;">Password shoul have 1 Special, 1 Capital& Min 8 Char </p>
+                    </div>
                     <div class="d-flex justify-content-center align-items-center">
                         <p *ngIf="errorMessage" style="color: red;">{{errorMessage}}</p>
                     </div>

diff --git a/src/app/auth/auth.component.ts b/src/app/auth/auth.component.ts
@@ -29,7 +29,7 @@ export class AuthComponent implements OnInit {
       authFormSubs.subscribe((resposeData) => {
         if (resposeData) {
           // console.log('SignIn Success', resposeData);
-          this.router.navigate(['/party']);
+          this.router.navigate(['/event']);
         }
       }, errorMessage => {
         // console.log(errorMessage);
@@ -46,7 +46,7 @@ export class AuthComponent implements OnInit {
       authFormSubs.subscribe((resposeData) => {
         if (resposeData) {
           // console.log('SignUp Success', resposeData);
-          this.router.navigate(['/party']);
+          this.router.navigate(['/event']);
         }
       }, errorMessage => {
         this.errorMessage = errorMessage;

diff --git a/src/app/header/header.component.html b/src/app/header/header.component.html
@@ -10,7 +10,7 @@
                 </a>
             </li>
             <li class="nav-item" role="button" routerLinkActive="active">
-                <a class="d-flex flex-row" [routerLink]="['/party']">
+                <a class="d-flex flex-row" [routerLink]="['/event']">
                     <p class="m-2">View Events</p>
                 </a>
             </li>

diff --git a/src/app/main/create-party/create-party.component.html b/src/app/main/create-party/create-party.component.html
@@ -11,37 +11,37 @@
                 </div> -->
                 <div class="form-group col-md-12 my-3 d-flex flex-row">
                     <label for="fullName" style="width: 300px;align-self: center;">Full Name</label>
-                    <input type="text" class="form-control" id="fullName" placeholder="FirstName LastName" formControlName="fullName">
+                    <input type="text" class="form-control" id="fullName" placeholder="FirstName LastName" formControlName="fullName" [readOnly]="mode === 'delete'">
                 </div>
                 <div class="form-group col-md-12 my-3 d-flex flex-row">
                     <label for="address" style="width: 300px;align-self: center;">Address</label>
-                    <input type="text" class="form-control" id="address" placeholder="apartNo, street name, street number, city, state, pincode" formControlName="address">
+                    <input type="text" class="form-control" id="address" placeholder="apartNo, street name, street number, city, state, pincode" formControlName="address" [readOnly]="mode === 'delete'">
                 </div>
                 <div class="form-group col-md-12 my-3 d-flex flex-row">
                     <label for="mobileno" style="width: 300px;align-self: center;">Mobile No.</label>
-                    <input type="text" class="form-control" id="mobileno" placeholder="10 digit mobile number." formControlName="mobileNo" maxlength="10">
+                    <input type="text" class="form-control" id="mobileno" placeholder="10 digit mobile number." formControlName="mobileNo" [readOnly]="mode === 'delete'">
                 </div>
 
                 <div class="form-group col-md-12 my-3 d-flex flex-row">
                     <label for="description" style="width: 300px;align-self: center;">Description</label>
-                    <input type="text" class="form-control" id="description" placeholder="Enter description" formControlName="description" >
+                    <input type="text" class="form-control" id="description" placeholder="Enter description" formControlName="description" [readOnly]="mode === 'delete'">
                 </div>
 
                 <div class="form-group col-md-12 my-3 d-flex flex-row">
                     <label for="date" style="width: 300px;align-self: center;">Date</label>
-                    <input type="date" class="form-control" id="date" placeholder="Enter Event date" formControlName="date" [min]="getTodaysDate()">
+                    <input type="date" class="form-control" id="date" placeholder="Enter Event date" formControlName="date" [min]="getTodaysDate()" [readOnly]="mode === 'delete'">
                 </div>
                 <div class="form-group col-md-12 my-3 d-flex flex-row">
                     <label for="time" style="width: 300px;align-self: center;">Time</label>
-                    <input type="time" name="time" class="form-control" id="time" placeholder="Time" formControlName="time" [min]="getCurrentTime()">
+                    <input type="time" name="time" class="form-control" id="time" placeholder="Time" formControlName="time" [min]="getCurrentTime()" [readOnly]="mode === 'delete'">
                 </div>
             </div>
             <div class="d-flex justify-content-center align-items-center my-5">
-                <button type="submit" *ngIf="mode==='create'" class="btn btn-primary">Create Event</button>
+                <button type="submit" *ngIf="mode==='create'" class="btn btn-primary" [disabled]="!partyForm.valid">Create Event</button>
                 <span>&nbsp;</span>
                 <button type="button" *ngIf="mode==='edit' || mode==='delete'" class="btn btn-primary" (click)="onNavigate()">Back</button>
                 <span>&nbsp;</span>
-                <button type="button" *ngIf="mode==='edit'" class="btn btn-primary" (click)="onUpdatePartyDetails()">Update Event Details</button>
+                <button type="button" *ngIf="mode==='edit'" class="btn btn-primary" (click)="onUpdatePartyDetails()" [disabled]="!partyForm.valid">Update Event Details</button>
                 <span>&nbsp;</span>
                 <button type="button" *ngIf="mode==='delete'" class="btn btn-danger" (click)="onDeletePartyDetails()">Are you sure you want to delete</button>
             </div>

diff --git a/src/app/main/create-party/create-party.component.ts b/src/app/main/create-party/create-party.component.ts
@@ -22,7 +22,7 @@ export class CreatePartyComponent implements OnInit, OnDestroy {
       id: new FormControl(""),
       fullName: new FormControl("", { validators: [Validators.required] }),
       address: new FormControl("", { validators: [Validators.required] }),
-      mobileNo: new FormControl("", { validators: [Validators.required, Validators.maxLength(10)] }),
+      mobileNo: new FormControl("", { validators: [Validators.required, Validators.pattern(/^(\+91[\-\s]?)?[0]?(91)?[789]\d{9}$/) ] }),
       description : new FormControl(""),
       date: new FormControl("", { validators: [Validators.required] }),
       time: new FormControl("", { validators: [Validators.required] })
@@ -66,7 +66,7 @@ export class CreatePartyComponent implements OnInit, OnDestroy {
       partyDetail.id = this.getRandomNumber();
       if (this.datastoreService.createPartyDetails(partyDetail)) {
         this.partyForm.reset();
-        this.router.navigate(['/party']);
+        this.router.navigate(['/event']);
       }
     }
   }
@@ -76,19 +76,19 @@ export class CreatePartyComponent implements OnInit, OnDestroy {
     if (this.partyForm.dirty) {
       const partyDetail = this.partyForm.getRawValue();
       this.datastoreService.updatePartyDetails(partyDetail);
-      this.router.navigate(['/party']);
+      this.router.navigate(['/event']);
     }
   }
 
   onDeletePartyDetails() {
     // console.log('Deleting the party details');
     const partyDetail = this.partyForm.getRawValue();
     this.datastoreService.deletePartyDetails(partyDetail);
-    this.router.navigate(['/party']);
+    this.router.navigate(['/event']);
   }
 
   onNavigate() {
-    this.router.navigate(['/party']);
+    this.router.navigate(['/event']);
   }
 
   ngOnDestroy(): void {

diff --git a/src/app/main/party-details/party-details.component.html b/src/app/main/party-details/party-details.component.html
@@ -21,7 +21,7 @@
     </thead>
     <tbody>
       <tr *ngFor="let party of partiesPagination; let i = index">
-        <th scope="row" style="max-width: 10px;">{{i+1}}</th>
+        <th scope="row" style="max-width: 10px;">{{startIndex + i+1}}</th>
         <td style="max-width: 50px;">{{party.fullName}}</td>
         <td style="max-width: 80px;">{{party.address}}</td>
         <td style="max-width: 50px;">{{party.mobileNo}}</td>

diff --git a/src/app/main/party-details/party-details.component.ts b/src/app/main/party-details/party-details.component.ts
@@ -16,6 +16,7 @@ export class PartyDetailsComponent implements OnInit, OnDestroy {
   page: number = 0;
   noOfPages: any = [];
   recordsPerPage: number = 5;
+  startIndex: number = 0;
 
   constructor(private dataStoreService: DatastoreService) { };
 
@@ -32,6 +33,7 @@ export class PartyDetailsComponent implements OnInit, OnDestroy {
     this.noOfPages = Array.from({ length: Math.ceil(this.parties.length / this.recordsPerPage) }, (_, index) => index + 1);
     let startIndex = ((page - 1) * this.recordsPerPage);
     let endIndex = startIndex + this.recordsPerPage;
+    this.startIndex = startIndex;
     this.partiesPagination = this.parties.slice(startIndex, endIndex)
   }