Merge pull request #3 from Azo-hub/newFeature

New feature

Author: Azo-hub

src/app/add-property-details-owner/add-property-details-owner.component.ts

@@ -184,6 +184,27 @@ export class AddPropertyDetailsOwnerComponent implements OnInit, OnDestroy, Afte
   }
 
 
+<<<<<<< HEAD
+  
+  getAllReviewsByProperty(propertyId:number):void {
+    const formData = new FormData();
+    formData.append("propertyId", propertyId.toString());
+    this.subscriptions.push(
+      this.propertyService.getReviewsByProperty(formData).subscribe(
+        (response: Review[]) => {
+          this.reviews = response;
+        },
+
+        (errorResponse: HttpErrorResponse) => {
+          this.sendNotification(NotificationType.ERROR, errorResponse.error.message);
+          
+        }
+      )
+    );
+        
+  }
+=======
+>>>>>>> 953d31befbb0331b74a2a7e6d4d99c661317cc5c
 
 
   public host = environment.apiUrl;

src/app/app.module.ts

@@ -6,7 +6,7 @@ import { BrowserModule } from '@angular/platform-browser';
 import { OwlDateTimeModule, OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
 import { CarouselModule } from 'ngx-owl-carousel-o';
 import { AddPropertyDetailsOwnerComponent } from './add-property-details-owner/add-property-details-owner.component';
-import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 import { BookingPaymentMethodComponent } from './booking-payment-method/booking-payment-method.component';
@@ -46,7 +46,7 @@ import { RoleTravellerGuard } from './guard/role-traveller.guard';
 import { EditPropertyComponent } from './edit-property/edit-property.component';
 import { EditUserComponent } from './edit-user/edit-user.component';
 import { SupportComponent } from './support/support.component';
-import {MatStepperModule} from '@angular/material/stepper';
+import { MatStepperModule } from '@angular/material/stepper';
 import { PropertyOwnerInfoComponent } from './property-owner-info/property-owner-info.component';
 import { ContactPropertyOwnerComponent } from './contact-property-owner/contact-property-owner.component';
 import { ReviewComponent } from './review/review.component';
@@ -90,8 +90,8 @@ import { AddNewPaymentMethodComponent } from './add-new-payment-method/add-new-p
     PropertyOwnerInfoComponent,
     ContactPropertyOwnerComponent,
     ReviewComponent,
-    PaymentMethodComponent, 
-    BillingAddressComponent, 
+    PaymentMethodComponent,
+    BillingAddressComponent,
     AddNewPaymentMethodComponent
   ],
   imports: [
@@ -106,11 +106,11 @@ import { AddNewPaymentMethodComponent } from './add-new-payment-method/add-new-p
     FormsModule,
     ReactiveFormsModule,
     MatStepperModule
-   
+
   ],
-  providers:[DatePipe, AuthenticationService, UserService,NotificationService,
-  BookingService, PropertyService, AuthenticationTravellerGuard, AuthenticationOwnerGuard,RoleOwnerGuard,RoleTravellerGuard,
-  {provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi:true,}],
+  providers: [DatePipe, AuthenticationService, UserService, NotificationService,
+    BookingService, PropertyService, AuthenticationTravellerGuard, AuthenticationOwnerGuard, RoleOwnerGuard, RoleTravellerGuard,
+    { provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true, }],
   bootstrap: [AppComponent]
 })
 export class AppModule { }

src/app/billing-address/billing-address.component.html

@@ -86,4 +86,4 @@ <h2>Billing Address</h2>
         <div class="col-sm-3"></div>
 
     </div>
-</div>
+</div>

src/app/model/payment-method.spec.ts

@@ -0,0 +1,7 @@
+import { PaymentMethod } from './payment-method';
+
+describe('PaymentMethod', () => {
+  it('should create an instance', () => {
+    expect(new PaymentMethod()).toBeTruthy();
+  });
+});

src/app/payment-method/payment-method.component.html

@@ -7,7 +7,6 @@
                     <h2>Payment Method</h2>
                 </div>
             </div>
-
             <div class="row my-2 mx-2">
                 <div class="col-sm-12">
                     <h3>Credit Cards&nbsp;<span class="fa fa-credit-card" style="font-size:20px;"></span>&nbsp;
@@ -115,4 +114,4 @@ <h3>Credit Cards&nbsp;<span class="fa fa-credit-card" style="font-size:20px;"></
         <div class="col-md-3"></div>
     </div>
 
-</div>
+</div>

src/app/property-details/property-details.component.html

@@ -346,8 +346,8 @@ <h2 class="custom-text-fix">Hosted by <a
                             routerLink="/propertyOwnerInfo/{{property.propertyOwner.username}}" style="color:inherit;">
                             {{property.propertyOwner.firstname}}
                             {{property.propertyOwner.lastname}} </a> </h2>
-                    <!--  <small class="custom-text-fix">
-                        Joined: {{property.propertyOwner.dateJoined | date:'medium'}}</small> -->
+                    <small class="custom-text-fix">
+                        Joined: {{property.propertyOwner.dateJoined | date:'medium'}}</small>
 
                     <p><button type="button" class="my-2 property-details-button-fix"
                             (click)="onClickContactPropertyOwner()">Contact Host</button></p>
@@ -891,6 +891,15 @@ <h2>Reviews</h2>
                 </div>
             </div>
 
+            <div class="row">
+                <div class="col-sm-3"></div>
+                <div class="col-sm-3"></div>
+                <div class="col-sm-3"></div>
+                <div class="col-sm-3">
+                    <a>Add a review</a>
+                </div>
+            </div>
+
 
         </div>
         <div class="col-md-4 "></div>

src/app/review/review.component.html

@@ -58,4 +58,4 @@ <h3>{{review.reviewContent}}</h3>
         </div>
     </div>
 
-</div>
+</div>