cart

package.json

 {
-    "name": "getme",
-    "version": "0.0.1",
-    "author": "Techware Software Solutions Pvt Ltd",
-    "homepage": "https://techware.com/",
-    "scripts": {
-        "ng": "ng",
-        "start": "ng serve",
-        "build": "ng build",
-        "test": "ng test",
-        "lint": "ng lint",
-        "e2e": "ng e2e"
+  "name": "getme",
+  "version": "0.0.1",
+  "author": "Techware Software Solutions Pvt Ltd",
+  "homepage": "https://techware.com/",
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build",
+    "test": "ng test",
+    "lint": "ng lint",
+    "e2e": "ng e2e"
+  },
+  "private": true,
+  "dependencies": {
+    "@agm/core": "^1.1.0",
+    "@angular/animations": "^8.2.14",
+    "@angular/common": "~8.1.2",
+    "@angular/compiler": "~8.1.2",
+    "@angular/core": "~8.1.2",
+    "@angular/fire": "^5.3.0",
+    "@angular/forms": "~8.1.2",
+    "@angular/platform-browser": "~8.1.2",
+    "@angular/platform-browser-dynamic": "~8.1.2",
+    "@angular/router": "~8.1.2",
+    "@ionic-native/call-number": "^5.21.4",
+    "@ionic-native/core": "^5.19.1",
+    "@ionic-native/geolocation": "^5.19.1",
+    "@ionic-native/google-plus": "^5.19.1",
+    "@ionic-native/native-geocoder": "^5.19.1",
+    "@ionic-native/social-sharing": "^5.20.0",
+    "@ionic-native/splash-screen": "^5.19.1",
+    "@ionic-native/status-bar": "^5.19.1",
+    "@ionic/angular": "^4.11.8",
+    "@ionic/storage": "^2.2.0",
+    "@types/googlemaps": "^3.39.2",
+    "agm-direction": "^0.7.9",
+    "call-number": "^1.0.1",
+    "cordova-android": "8.0.0",
+    "cordova-plugin-device": "^2.0.3",
+    "cordova-plugin-geolocation": "^4.0.2",
+    "cordova-plugin-googleplus": "^8.2.1",
+    "cordova-plugin-ionic-keyboard": "^2.2.0",
+    "cordova-plugin-ionic-webview": "^4.1.3",
+    "cordova-plugin-nativegeocoder": "^3.2.2",
+    "cordova-plugin-splashscreen": "^5.0.3",
+    "cordova-plugin-statusbar": "^2.4.3",
+    "cordova-plugin-whitelist": "^1.3.4",
+    "cordova-plugin-x-socialsharing": "^5.6.3",
+    "cordova-sqlite-storage": "^3.4.1",
+    "core-js": "^2.6.11",
+    "es6-promise-plugin": "^4.2.2",
+    "firebase": "^6.6.2",
+    "rxjs": "^6.5.4",
+    "rxjs-compat": "^6.5.4",
+    "tslib": "^1.9.0",
+    "zone.js": "~0.9.1"
+  },
+  "devDependencies": {
+    "@angular-devkit/architect": "~0.801.2",
+    "@angular-devkit/build-angular": "~0.801.2",
+    "@angular-devkit/core": "~8.1.2",
+    "@angular-devkit/schematics": "~8.1.2",
+    "@angular/cli": "~8.1.2",
+    "@angular/compiler": "~8.1.2",
+    "@angular/compiler-cli": "~8.1.2",
+    "@angular/language-service": "~8.1.2",
+    "@ionic/angular-toolkit": "~2.0.0",
+    "@types/jasmine": "~3.3.8",
+    "@types/jasminewd2": "^2.0.8",
+    "@types/node": "~8.9.4",
+    "codelyzer": "^5.2.1",
+    "jasmine-core": "~3.4.0",
+    "jasmine-spec-reporter": "~4.2.1",
+    "karma": "~4.1.0",
+    "karma-chrome-launcher": "~2.2.0",
+    "karma-coverage-istanbul-reporter": "~2.0.1",
+    "karma-jasmine": "~2.0.1",
+    "karma-jasmine-html-reporter": "^1.5.1",
+    "protractor": "~5.4.0",
+    "ts-node": "~7.0.0",
+    "tslint": "~5.15.0",
+    "typescript": "~3.4.3"
+  },
+  "description": "An Ionic project",
+  "cordova": {
+    "plugins": {
+      "cordova-plugin-whitelist": {},
+      "cordova-plugin-statusbar": {},
+      "cordova-plugin-device": {},
+      "cordova-plugin-splashscreen": {},
+      "cordova-plugin-ionic-webview": {
+        "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
+      },
+      "cordova-plugin-ionic-keyboard": {},
+      "cordova-plugin-geolocation": {
+        "GEOLOCATION_USAGE_DESCRIPTION": "To locate you"
+      },
+      "cordova-plugin-nativegeocoder": {},
+      "cordova-sqlite-storage": {},
+      "cordova-plugin-googleplus": {
+        "REVERSED_CLIENT_ID": "com.googleusercontent.apps.949385251610-a6lrfr6uhr73991e38t3t013jj3v56a9",
+        "PLAY_SERVICES_VERSION": "15.0.1"
+      },
+      "cordova-plugin-x-socialsharing": {
+        "ANDROID_SUPPORT_V4_VERSION": "24.1.1+"
+      },
+      "mx.ferreyra.callnumber": {}
     },
-    "private": true,
-    "dependencies": {
-        "@agm/core": "^1.1.0",
-        "@angular/animations": "^8.2.14",
-        "@angular/common": "~8.1.2",
-        "@angular/compiler": "~8.1.2",
-        "@angular/core": "~8.1.2",
-        "@angular/fire": "^5.3.0",
-        "@angular/forms": "~8.1.2",
-        "@angular/platform-browser": "~8.1.2",
-        "@angular/platform-browser-dynamic": "~8.1.2",
-        "@angular/router": "~8.1.2",
-        "@ionic-native/core": "^5.19.1",
-        "@ionic-native/geolocation": "^5.19.1",
-        "@ionic-native/google-plus": "^5.19.1",
-        "@ionic-native/native-geocoder": "^5.19.1",
-        "@ionic-native/social-sharing": "^5.20.0",
-        "@ionic-native/splash-screen": "^5.19.1",
-        "@ionic-native/status-bar": "^5.19.1",
-        "@ionic/angular": "^4.11.8",
-        "@ionic/storage": "^2.2.0",
-        "@types/googlemaps": "^3.39.2",
-        "agm-direction": "^0.7.9",
-        "cordova-android": "8.0.0",
-        "cordova-plugin-device": "^2.0.3",
-        "cordova-plugin-geolocation": "^4.0.2",
-        "cordova-plugin-googleplus": "^8.2.1",
-        "cordova-plugin-ionic-keyboard": "^2.2.0",
-        "cordova-plugin-ionic-webview": "^4.1.3",
-        "cordova-plugin-nativegeocoder": "^3.2.2",
-        "cordova-plugin-splashscreen": "^5.0.3",
-        "cordova-plugin-statusbar": "^2.4.3",
-        "cordova-plugin-whitelist": "^1.3.4",
-        "cordova-plugin-x-socialsharing": "^5.6.3",
-        "cordova-sqlite-storage": "^3.4.1",
-        "core-js": "^2.6.11",
-        "es6-promise-plugin": "^4.2.2",
-        "firebase": "^6.6.2",
-        "rxjs": "^6.5.4",
-        "rxjs-compat": "^6.5.4",
-        "tslib": "^1.9.0",
-        "zone.js": "~0.9.1"
-    },
-    "devDependencies": {
-        "@angular-devkit/architect": "~0.801.2",
-        "@angular-devkit/build-angular": "~0.801.2",
-        "@angular-devkit/core": "~8.1.2",
-        "@angular-devkit/schematics": "~8.1.2",
-        "@angular/cli": "~8.1.2",
-        "@angular/compiler": "~8.1.2",
-        "@angular/compiler-cli": "~8.1.2",
-        "@angular/language-service": "~8.1.2",
-        "@ionic/angular-toolkit": "~2.0.0",
-        "@types/jasmine": "~3.3.8",
-        "@types/jasminewd2": "^2.0.8",
-        "@types/node": "~8.9.4",
-        "codelyzer": "^5.2.1",
-        "jasmine-core": "~3.4.0",
-        "jasmine-spec-reporter": "~4.2.1",
-        "karma": "~4.1.0",
-        "karma-chrome-launcher": "~2.2.0",
-        "karma-coverage-istanbul-reporter": "~2.0.1",
-        "karma-jasmine": "~2.0.1",
-        "karma-jasmine-html-reporter": "^1.5.1",
-        "protractor": "~5.4.0",
-        "ts-node": "~7.0.0",
-        "tslint": "~5.15.0",
-        "typescript": "~3.4.3"
-    },
-    "description": "An Ionic project",
-    "cordova": {
-        "plugins": {
-            "cordova-plugin-whitelist": {},
-            "cordova-plugin-statusbar": {},
-            "cordova-plugin-device": {},
-            "cordova-plugin-splashscreen": {},
-            "cordova-plugin-ionic-webview": {
-                "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
-            },
-            "cordova-plugin-ionic-keyboard": {},
-            "cordova-plugin-geolocation": {
-                "GEOLOCATION_USAGE_DESCRIPTION": "To locate you"
-            },
-            "cordova-plugin-nativegeocoder": {},
-            "cordova-sqlite-storage": {},
-            "cordova-plugin-googleplus": {
-                "REVERSED_CLIENT_ID": "com.googleusercontent.apps.949385251610-a6lrfr6uhr73991e38t3t013jj3v56a9",
-                "PLAY_SERVICES_VERSION": "15.0.1"
-            },
-            "cordova-plugin-x-socialsharing": {
-                "ANDROID_SUPPORT_V4_VERSION": "24.1.1+"
-            }
-        },
-        "platforms": [
-            "android"
-        ]
-    }
+    "platforms": [
+      "android"
+    ]
+  }
 }

src/app/app-routing.module.ts

@@ -95,14 +95,36 @@ const routes: Routes = [
   {
     path: 'searchmodal',
     loadChildren: './searchmodal/searchmodal.module#SearchmodalPageModule'
-  },
  { path: 'noresult', loadChildren: './noresult/noresult.module#NoresultPageModule' },
-  { path: 'feedback', loadChildren: './feedback/feedback.module#FeedbackPageModule' },
-  { path: 'address', loadChildren: './address/address.module#AddressPageModule' },
-  { path: 'success', loadChildren: './success/success.module#SuccessPageModule' },
-  { path: 'failed', loadChildren: './failed/failed.module#FailedPageModule' },
-  { path: 'preference', loadChildren: './preference/preference.module#PreferencePageModule' },
-  { path: 'changeaddress', loadChildren: './changeaddress/changeaddress.module#ChangeaddressPageModule' }
-
+  },
+  {
+    path: 'noresult',
+    loadChildren: './noresult/noresult.module#NoresultPageModule'
+  },
+  {
+    path: 'feedback',
+    loadChildren: './feedback/feedback.module#FeedbackPageModule'
+  },
+  {
+    path: 'address',
+    loadChildren: './address/address.module#AddressPageModule'
+  },
+  {
+    path: 'success',
+    loadChildren: './success/success.module#SuccessPageModule'
+  },
+  { path: 'failed', loadChildren: './failed/failed.module#FailedPageModule' },
+  {
+    path: 'preference',
+    loadChildren: './preference/preference.module#PreferencePageModule'
+  },
+  {
+    path: 'contact',
+    loadChildren: './contact/contact.module#ContactPageModule'
+  },
+  {
+    path: 'changeaddress',
+    loadChildren: './changeaddress/changeaddress.module#ChangeaddressPageModule'
+  }
 ];
 @NgModule({
   imports: [

src/app/app.module.ts

@@ -29,7 +29,7 @@ import { DeliverypopPageModule } from './deliverypop/deliverypop.module';
 import { FormsModule } from '@angular/forms';
 import { SearchmodalPageModule } from './searchmodal/searchmodal.module';
 import { SocialSharing } from '@ionic-native/social-sharing/ngx';
-
+import { CallNumber } from '@ionic-native/call-number/ngx';
 @NgModule({
   declarations: [AppComponent],
   entryComponents: [],
@@ -48,6 +48,7 @@ import { SocialSharing } from '@ionic-native/social-sharing/ngx';
     FormsModule
   ],
   providers: [
+    CallNumber,
     StatusBar,
     SplashScreen,
     Geolocation,

src/app/contact/contact.module.ts

+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { Routes, RouterModule } from '@angular/router';
+
+import { IonicModule } from '@ionic/angular';
+
+import { ContactPage } from './contact.page';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: ContactPage
+  }
+];
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    RouterModule.forChild(routes)
+  ],
+  declarations: [ContactPage]
+})
+export class ContactPageModule {}

src/app/contact/contact.page.html

+<div class="nav_header">
+  <button class="nav_btn nav_back floatLeft" (click)="goBack()">
+    <img src="../assets/Group17_2.png" />
+  </button>
+  <div class="nav_title floatLeft">
+    <h4>Send Us</h4>
+  </div>
+  <div class="clear"></div>
+</div>
+
+<ion-content>
+  <form
+    novalidate
+    #contactUsForm="ngForm"
+    class="contact_wrapper"
+    *ngIf="userData && contactData"
+  >
+    <div class="form_div">
+      <div class="row">
+        <p>Write Us</p>
+        <textarea
+          required
+          name="writeUs"
+          [(ngModel)]="contactData.message"
+          #writeUs="ngModel"
+          class="form-control"
+          rows="8"
+          placeholder="Type here.."
+        ></textarea>
+        <div
+          class="md-errors-spacer"
+          [hidden]="writeUs.valid || submitted == false"
+          class="ion-padding-start"
+        >
+          This is required.
+        </div>
+      </div>
+      <div class="row">
+        <button (click)="onContactSubmit(contactUsForm)" class="login_btn">
+          SENT
+        </button>
+      </div>
+      <div class="row">
+        <span>or</span>
+      </div>
+      <div class="row">
+        <button (click)="callUs()" class="login_btn" [disabled]="submitted">
+          Call Us
+        </button>
+      </div>
+    </div>
+  </form>
+</ion-content>
+
+<div class="loader" *ngIf="contactService.loader">
+  <div class="lds-ripple">
+    <div></div>
+    <div></div>
+  </div>
+</div>

src/app/contact/contact.page.scss

+.contact_wrapper {
+  width: 80%;
+  margin: 0 auto;
+  padding-top: 30px;
+  .form_div {
+    .row {
+      margin: 20px;
+      .form-control {
+        border: 1px solid rgba(215, 213, 228, 1);
+        background: transparent;
+        color: #333;
+        width: 100%;
+        border-radius: 8px;
+        font-size: 16px;
+        padding: 11px 15px;
+        resize: none;
+        &::placeholder {
+          color: rgba(215, 213, 228, 1);
+        }
+      }
+      .login_btn {
+        width: 100%;
+        background-color: #29285b;
+        color: #fff;
+        border-radius: 8px;
+        height: 45px;
+        font-size: 16px;
+      }
+      p {
+        text-align: left;
+        color: rgba(59, 57, 77, 1);
+        margin: 0px;
+        font-weight: bolder;
+        padding-bottom: 10px;
+      }
+
+      span {
+        opacity: 0.6;
+        text-align: center !important;
+        display: block;
+      }
+    }
+  }
+}

src/app/contact/contact.page.spec.ts

+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ContactPage } from './contact.page';
+
+describe('ContactPage', () => {
+  let component: ContactPage;
+  let fixture: ComponentFixture<ContactPage>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ ContactPage ],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ContactPage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/contact/contact.page.ts

+import { Component, OnInit } from '@angular/core';
+import { Location } from '@angular/common';
+import { ContactData } from 'src/config/services/contact';
+import { SubjectService } from '../../config/subject.service';
+import { NgForm } from '@angular/forms';
+import { ContactService } from 'src/config/contact.service';
+import { ServiceService } from '../../config/service.service';
+import { CallNumber } from '@ionic-native/call-number/ngx';
+@Component({
+  selector: 'app-contact',
+  templateUrl: './contact.page.html',
+  styleUrls: ['./contact.page.scss']
+})
+export class ContactPage implements OnInit {
+  submitted = false;
+  userData: any;
+  contactData: ContactData = {
+    from: '',
+    message: '',
+    contactId: ''
+  };
+  constructor(
+    private location: Location,
+    public subjectService: SubjectService,
+    public contactService: ContactService,
+    public service: ServiceService,
+    private callNumber: CallNumber
+  ) {
+    // Gets userdata
+    this.subjectService.getUserData().subscribe(userData => {
+      if (userData) {
+        this.userData = JSON.parse(userData);
+        this.contactData.from = JSON.parse(userData).emailId;
+        console.log(userData);
+      } else {
+        console.log(userData);
+      }
+    });
+  }
+
+  ngOnInit() {}
+
+  callUs() {
+    this.callNumber
+      .callNumber('+61 411 622 880', true)
+      .then(res => console.log('Launched dialer!', res))
+      .catch(err => console.log('Error launching dialer', err));
+  }
+
+  onContactSubmit(form: NgForm) {
+    this.submitted = true;
+    console.log(form.value);
+    if (form.valid && form.value.message !== '') {
+      const contData = { ...this.contactData, from: this.userData.emailId };
+      this.contactService.contactCreate(contData);
+    } else {
+      console.log('form not valid');
+      this.submitted = false;
+      this.service.showToast('Invalid request!', 'top', 'my-error', 1000);
+    }
+  }
+
+  goBack() {
+    this.location.back();
+  }
+}
+
+// +61 411 622 880

src/app/home/home.page.scss

@@ -262,11 +262,12 @@
 
 .add_address_wrapper {
     position: fixed;
+    top: 40%;
+    overflow: scroll;
+    height: auto;
     bottom: 0px;
     left: 0px;
     right: 0px;
-    overflow: scroll;
-    top: 40%;
     padding: 20px 20px 50px 20px;
     border-top-left-radius: 15px;
     border-top-right-radius: 15px;
@@ -280,17 +281,6 @@
         padding: 0px;
         font-weight: 800;
     }
-    .add-address-c {
-        display: flex;
-        justify-content: space-between;
-        width: 100%;
-        span {
-            color: rgba(41, 40, 91, 1);
-            margin: 0px;
-            padding: 0px;
-            font-weight: 800;
-        }
-    }
     .styled-checkbox {
         position: absolute; // take it out of document flow
         opacity: 0; // hide it

src/app/orderplaced/orderplaced.page.html

 <ion-content>
-    <div class="cart_wrapper" *ngIf="data">
-        <div class="cart_head">
-            <div class="nav_header">
-                <button class="nav_btn nav_back_white floatLeft" (click)="goBack()">
+  <div class="cart_wrapper" *ngIf="data">
+    <div class="cart_head">
+      <div class="nav_header">
+        <button class="nav_btn nav_back_white floatLeft" (click)="goBack()">
           <img src="../assets/arrow_white.png" />
         </button>
-                <div class="nav_title floatLeft">
-                    <h4></h4>
-                </div>
-                <button class="nav_btn floatRight"></button>
-                <div class="clear"></div>
-            </div>
-            <img src="../assets/white_tick.png" />
-            <h4>ORDER IS PLACED</h4>
-            <p>{{ data.bookDate.seconds * 1000 | date:'MMMM dd, y' }}</p>
+        <div class="nav_title floatLeft">
+          <h4></h4>
         </div>
-        <div class="order_status">
-            <div class="clear"></div>
-            <div class="status_div go_green">
-                <h4>Order Placed</h4>
-                <h6>{{ data.bookDate.seconds * 1000 | date:'MMMM dd, y' }}</h6>
-            </div>
-            <!-- <div class="status_gap go_green">
+        <button class="nav_btn floatRight"></button>
+        <div class="clear"></div>
+      </div>
+      <img src="../assets/white_tick.png" />
+      <h4>ORDER IS PLACED</h4>
+      <p>{{ data.bookDate.seconds * 1000 | date:'MMMM dd, y' }}</p>
+    </div>
+    <div class="order_status">
+      <div class="clear"></div>
+      <div class="status_div go_green">
+        <h4>Order Placed</h4>
+        <h6>{{ data.bookDate.seconds * 1000 | date:'MMMM dd, y' }}</h6>
+      </div>
+      <!-- <div class="status_gap go_green">
             </div>
             <div class="status_div go_green">
                 <h4>Retailer Accepted</h4>
@@ -54,57 +54,73 @@
             <div class="status_div">
                 <h4>Your product is delivered</h4>
             </div> -->
-        </div>
-        <div class="nearby_shop_list">
-            <ul>
-                <li (click)="goToPage('productlist')">
-                    <div class="nearby_image">
-                        <img [src]="data.product[0].image" onerror="this.src='../assets/[email protected]'" />
-                    </div>
-                    <div class="nearby_detail">
-                        <h5>
-                            <span class="floatLeft">{{data.shopperName}}</span>
-                            <span class="floatRight">{{data.product[0].qty}}
+    </div>
+    <div class="nearby_shop_list">
+      <ul>
+        <li (click)="goToPage('productlist')">
+          <div class="nearby_image">
+            <img
+              [src]="data.product[0].image"
+              onerror="this.src='../assets/[email protected]'"
+            />
+          </div>
+          <div class="nearby_detail">
+            <h5>
+              <span class="floatLeft">{{data.shopperName}}</span>
+              <span class="floatRight"
+                >{{data.product[0].qty}}
                 <img src="../assets/Path61_2.png" />
               </span>
-                            <div class="clear"></div>
-                        </h5>
-                        <p class="prodName">{{data.product[0].prodName}}</p>
-                    </div>
-                    <div class="clear"></div>
-                </li>
-            </ul>
-        </div>
-        <div class="product_detail" *ngFor="let product of data.product">
-            <h6>
-                <span *ngIf="product.color !== 'No-Color'">{{product.color}}, </span>
-                <span *ngIf="product.size !== 'Any-Size'">{{product.size}}</span>
-            </h6>
-            <h5>Quantity : <span>{{product.qty}}</span></h5>
-            <h5>
-                Amount : <strong>A$ {{product.price}}</strong><span class="afterpay">COD</span>
-            </h5>
-            <h5 *ngIf="data.orderStatus >= 3 && data.orderStatus < 7">
-                Delivery time : <span>{{deliveryTime}}</span>
-            </h5>
-            <h5>Order Status : <span>{{getStatus(data.orderStatus)}}</span></h5>
-            <div class="delivery-wrap">
-                <h4 class="floatLeft">DELIVERY</h4>
-                <span class="floatRight"><img class="ng-tns-c3-0" src="../../assets/edit.png"
-            (click)="goToPage('changeaddress')"></span>
-                <div class="clear"></div>
-            </div>
-            <h5 *ngIf="data.deliveryAddress">
-                {{data.deliveryAddress.addressType}},<br />{{data.deliveryAddress.address}},
-                <br /> {{data.deliveryAddress.building}}, <br /> {{data.deliveryAddress.landmark}}
+              <div class="clear"></div>
             </h5>
-            <button class="cancel_btn" (click)="cancellOrder(data.orderId)" *ngIf="cancelDelivery > 0 && data.orderStatus != 0 && data.orderStatus != 8">
+            <p class="prodName">{{data.product[0].prodName}}</p>
+          </div>
+          <div class="clear"></div>
+        </li>
+      </ul>
+    </div>
+    <div class="product_detail" *ngFor="let product of data.product">
+      <h6>
+        <span *ngIf="product.color !== 'No-Color'">{{product.color}}, </span>
+        <span *ngIf="product.size !== 'Any-Size'">{{product.size}}</span>
+      </h6>
+      <h5>Quantity : <span>{{product.qty}}</span></h5>
+      <h5>
+        Amount : <strong>A$ {{product.price}}</strong
+        ><span class="afterpay">COD</span>
+      </h5>
+      <h5 *ngIf="data.orderStatus >= 3 && data.orderStatus < 7">
+        Delivery time : <span>{{deliveryTime}}</span>
+      </h5>
+      <h5>Order Status : <span>{{getStatus(data.orderStatus)}}</span></h5>
+      <div class="delivery-wrap">
+        <h4 class="floatLeft">DELIVERY</h4>
+        <span class="floatRight"
+          ><img
+            class="ng-tns-c3-0"
+            src="../../assets/edit.png"
+            (click)="goToPage('changeaddress')"
+        /></span>
+
+        <div class="clear"></div>
+      </div>
+      <h5 *ngIf="data.deliveryAddress">
+        {{data.deliveryAddress.addressType}},<br />{{data.deliveryAddress.address}},
+        <br />
+        {{data.deliveryAddress.building}}, <br />
+        {{data.deliveryAddress.landmark}}
+      </h5>
+      <button
+        class="cancel_btn"
+        (click)="goToPage('contact')"
+        *ngIf="cancelDelivery > 0 && data.orderStatus != 0 && data.orderStatus != 8"
+      >
         CANCEL THIS ORDER
       </button>
-            <!-- <hr /> -->
-        </div>
+      <!-- <hr /> -->
+    </div>
 
-        <!-- <div class="related_product_slider">
+    <!-- <div class="related_product_slider">
             <h5>
                 <span class="floatLeft">Related Products</span><span class="floatRight">MORE</span>
                 <div class="clear"></div>
@@ -159,5 +175,5 @@
                 </ion-slides>
             </ul>
         </div> -->
-    </div>
-</ion-content>
+  </div>
+</ion-content>
\ No newline at end of file

src/app/productdetail/productdetail.page.html

@@ -283,7 +283,11 @@
         [ngClass]="checkFavStatus(product.prodId)"
         (click)="changeFav(product.prodId)"
       ></button>
-      <button class="cart" (click)="buyNow(product,0)"></button>
+      <button
+        class="cart"
+        [disabled]="!disCart"
+        (click)="buyNow(product,0)"
+      ></button>
     </div>
     <div class="footer_btn" (click)="buyNow(product,1)">BUY NOW</div>
   </div>

src/app/productdetail/productdetail.page.ts

-import { Component, OnInit } from '@angular/core';
-import { Location } from '@angular/common';
-import { Router, ActivatedRoute } from '@angular/router';
-import { Products } from './../../config/services/product';
-import { Slides } from './../../config/services/slides';
-
-import { Order } from './../../config/services/order';
-import { CartsService } from './../../config/cart.service';
-import { ProductsService } from './../../config/products.service';
-import { ServiceService } from './../../config/service.service';
-import { SocialSharing } from '@ionic-native/social-sharing/ngx';
-import { map } from 'rxjs/operators';
+import { Component, OnInit } from "@angular/core";
+import { Location } from "@angular/common";
+import { Router, ActivatedRoute } from "@angular/router";
+import { Products } from "./../../config/services/product";
+import { Slides } from "./../../config/services/slides";
+
+import { Order } from "./../../config/services/order";
+import { CartsService } from "./../../config/cart.service";
+import { ProductsService } from "./../../config/products.service";
+import { ServiceService } from "./../../config/service.service";
+import { SocialSharing } from "@ionic-native/social-sharing/ngx";
+import { map } from "rxjs/operators";
 
 @Component({
-  selector: 'app-productdetail',
-  templateUrl: './productdetail.page.html',
-  styleUrls: ['./productdetail.page.scss']
+  selector: "app-productdetail",
+  templateUrl: "./productdetail.page.html",
+  styleUrls: ["./productdetail.page.scss"]
 })
 export class ProductdetailPage implements OnInit {
+  disCart: boolean = true;
   slide: Slides;
   product: Products;
   order: Order;
@@ -55,7 +56,7 @@ export class ProductdetailPage implements OnInit {
       params.subCate,
       params.prodId
     );
-    this.service.get('params').then(val => {
+    this.service.get("params").then(val => {
       this.data = val;
     });
     this.cartService.cartList();
@@ -132,9 +133,9 @@ export class ProductdetailPage implements OnInit {
   buyNow(product: any, type: number) {
     this.cartService.buyNow(product).then(() => {
       if (type === 1) {
-        this.router.navigateByUrl('cart');
+        this.router.navigateByUrl("cart");
       } else {
-        this.service.showToast('Added into cart', 'top', 'my-toast', 2000);
+        this.service.showToast("Added into cart", "top", "my-toast", 2000);
       }
       this.cartService.cartList();
     });
@@ -146,32 +147,32 @@ export class ProductdetailPage implements OnInit {
 
   checkFavStatus(index) {
     const state = this.prodService.fav.findIndex(x => x === index);
-    return state > -1 ? 'fav_active' : 'fav';
+    return state > -1 ? "fav_active" : "fav";
   }
 
   changeFav(index) {
-    this.prodService.changeFav(index, 'yes');
+    this.prodService.changeFav(index, "yes");
     const state = this.prodService.fav.findIndex(x => x === index);
     // console.log(state);
     // console.log(this.prodService.fav);
     if (state > -1) {
       this.prodService.fav.splice(state, 1);
-      this.prodService.changeFav(index, 'yes');
+      this.prodService.changeFav(index, "yes");
     } else {
       this.prodService.fav.push(index);
-      this.prodService.changeFav(index, 'no');
+      this.prodService.changeFav(index, "no");
     }
     return;
     // console.log(this.prodService.fav);
   }
 
   socialShare(prodName, category, subCate, price, image) {
-    const desc = category + ', ' + subCate + ', ' + price;
+    const desc = category + ", " + subCate + ", " + price;
     const content = {
       message: desc, // not supported on some apps (Facebook, Instagram)
       subject: prodName, // fi. for email
       files: image,
-      chooserTitle: 'GetMi'
+      chooserTitle: "GetMi"
     };
     this.socialSharing.shareWithOptions(content);
   }

src/config/contact.service.ts

+import { Injectable } from '@angular/core';
+import {
+  AngularFirestore,
+  AngularFirestoreCollection
+} from '@angular/fire/firestore';
+import { take } from 'rxjs/operators';
+import { ContactData } from './services/contact';
+import { ServiceService } from './service.service';
+import { Router, ActivatedRoute } from '@angular/router';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ContactService {
+  loader: boolean;
+  constructor(
+    public afs: AngularFirestore,
+    private router: Router,
+    private service: ServiceService
+  ) {
+    this.loader = false;
+  }
+
+  contactCreate(data: ContactData) {
+    this.loader = true;
+    this.afs
+      .collection('contacts')
+      .add({})
+      .then(docRef => {
+        data.contactId = docRef.id;
+        this.afs
+          .collection('contacts')
+          .doc(data.contactId)
+          .set(data)
+          .then(() => {
+            this.service
+              .showToast('Thank you for your feedback!', 'top', 'my-toast', 500)
+              .then(() => {
+                this.loader = false;
+                console.log('redirected');
+                setTimeout(() => {
+                  this.router.navigateByUrl('home');
+                }, 500);
+              })
+              .catch(err => {
+                this.loader = false;
+              });
+          });
+      });
+  }
+}

src/config/services/contact.ts

+export interface ContactData {
+  from: string;
+  contactId: string;
+  message: string;
+}