Skip to content

G
Garnedo-Userapp
Commit 7f716f7d by kevin
Options

Overpage desgin

parent d7f531c7
Showing with 363 additions and 142 deletions
config.xml
...@@ -86,8 +86,6 @@ ...@@ -86,8 +86,6 @@
<edit-config file="*-Info.plist" mode="merge" target="NSLocationWhenInUseUsageDescription"> <edit-config file="*-Info.plist" mode="merge" target="NSLocationWhenInUseUsageDescription">
<string>Allow to access location</string> <string>Allow to access location</string>
</edit-config> </edit-config>
<engine name="android" spec="^6.1.2" />
<plugin name="com-sarriaroman-photoviewer" spec="^1.1.18" />
<plugin name="com.synconset.imagepicker" spec="^2.1.10"> <plugin name="com.synconset.imagepicker" spec="^2.1.10">
<variable name="PHOTO_LIBRARY_USAGE_DESCRIPTION" value="your usage message" /> <variable name="PHOTO_LIBRARY_USAGE_DESCRIPTION" value="your usage message" />
</plugin> </plugin>
...@@ -106,4 +104,8 @@ ...@@ -106,4 +104,8 @@
<plugin name="cordova-plugin-whitelist" spec="^1.3.3" /> <plugin name="cordova-plugin-whitelist" spec="^1.3.3" />
<plugin name="cordova.plugins.diagnostic" spec="^4.0.11" /> <plugin name="cordova.plugins.diagnostic" spec="^4.0.11" />
<plugin name="onesignal-cordova-plugin" spec="^2.3.3" /> <plugin name="onesignal-cordova-plugin" spec="^2.3.3" />
<plugin name="cordova-plugin-camera" spec="^4.0.3" />
<plugin name="com-sarriaroman-photoviewer" spec="^1.2.2" />
<engine name="ios" spec="4.5.5" />
<engine name="android" spec="6.3.0" />
</widget> </widget>
package.json
...@@ -22,6 +22,7 @@ ...@@ -22,6 +22,7 @@
"@angular/platform-browser": "5.2.9", "@angular/platform-browser": "5.2.9",
"@angular/platform-browser-dynamic": "5.2.9", "@angular/platform-browser-dynamic": "5.2.9",
"@ionic-native/badge": "^4.9.0", "@ionic-native/badge": "^4.9.0",
"@ionic-native/camera": "^4.20.0",
"@ionic-native/core": "4.5.3", "@ionic-native/core": "4.5.3",
"@ionic-native/diagnostic": "^4.6.0", "@ionic-native/diagnostic": "^4.6.0",
"@ionic-native/file": "^4.7.0", "@ionic-native/file": "^4.7.0",
...@@ -31,31 +32,33 @@ ...@@ -31,31 +32,33 @@
"@ionic-native/location-accuracy": "^4.14.0", "@ionic-native/location-accuracy": "^4.14.0",
"@ionic-native/network": "^4.7.0", "@ionic-native/network": "^4.7.0",
"@ionic-native/onesignal": "^4.7.0", "@ionic-native/onesignal": "^4.7.0",
"@ionic-native/photo-viewer": "^4.18.0", "@ionic-native/photo-viewer": "^4.20.0",
"@ionic-native/splash-screen": "4.5.3", "@ionic-native/splash-screen": "4.5.3",
"@ionic-native/status-bar": "4.5.3", "@ionic-native/status-bar": "4.5.3",
"@ionic/storage": "2.1.3", "@ionic/storage": "2.1.3",
"com-sarriaroman-photoviewer": "^1.1.18", "com-sarriaroman-photoviewer": "^1.2.2",
"com.synconset.imagepicker": "^2.1.10", "com.synconset.imagepicker": "^2.1.10",
"cordova-android": "^6.1.2", "cordova-android": "6.3.0",
"cordova-plugin-badge": "^0.8.7", "cordova-ios": "4.5.5",
"cordova-plugin-compat": "^1.0.0", "cordova-plugin-badge": "^0.8.8",
"cordova-plugin-device": "^2.0.1", "cordova-plugin-camera": "^4.0.3",
"cordova-plugin-compat": "^1.2.0",
"cordova-plugin-device": "^2.0.2",
"cordova-plugin-file": "^6.0.1", "cordova-plugin-file": "^6.0.1",
"cordova-plugin-file-transfer": "^1.7.1", "cordova-plugin-file-transfer": "^1.7.1",
"cordova-plugin-geolocation": "^2.4.3", "cordova-plugin-geolocation": "^2.4.3",
"cordova-plugin-ionic-keyboard": "^2.0.5", "cordova-plugin-ionic-keyboard": "^2.1.3",
"cordova-plugin-ionic-webview": "^1.1.16", "cordova-plugin-ionic-webview": "^1.2.1",
"cordova-plugin-network-information": "^2.0.1", "cordova-plugin-network-information": "^2.0.1",
"cordova-plugin-request-location-accuracy": "^2.2.3", "cordova-plugin-request-location-accuracy": "^2.3.0",
"cordova-plugin-splashscreen": "^5.0.2", "cordova-plugin-splashscreen": "^5.0.2",
"cordova-plugin-whitelist": "^1.3.3", "cordova-plugin-whitelist": "^1.3.3",
"cordova.plugins.diagnostic": "^4.0.11", "cordova.plugins.diagnostic": "^4.0.12",
"ionic-angular": "3.9.2", "ionic-angular": "3.9.2",
"ionic-tooltips": "^2.0.1", "ionic-tooltips": "^2.0.1",
"ionic2-rating": "^1.2.2", "ionic2-rating": "^1.2.2",
"ionicons": "3.0.0", "ionicons": "3.0.0",
"onesignal-cordova-plugin": "^2.3.3", "onesignal-cordova-plugin": "^2.4.7",
"rxjs": "5.5.7", "rxjs": "5.5.7",
"sw-toolbox": "3.6.0", "sw-toolbox": "3.6.0",
"zone.js": "0.8.20" "zone.js": "0.8.20"
...@@ -67,6 +70,7 @@ ...@@ -67,6 +70,7 @@
"description": "An Ionic project", "description": "An Ionic project",
"cordova": { "cordova": {
"platforms": [ "platforms": [
"ios",
"android" "android"
], ],
"plugins": { "plugins": {
...@@ -75,7 +79,9 @@ ...@@ -75,7 +79,9 @@
"cordova-plugin-geolocation": { "cordova-plugin-geolocation": {
"GEOLOCATION_USAGE_DESCRIPTION": "To locate you" "GEOLOCATION_USAGE_DESCRIPTION": "To locate you"
}, },
"cordova-plugin-request-location-accuracy": {}, "cordova-plugin-request-location-accuracy": {
"PLAY_SERVICES_LOCATION_VERSION": "16.+"
},
"com-sarriaroman-photoviewer": {}, "com-sarriaroman-photoviewer": {},
"com.synconset.imagepicker": { "com.synconset.imagepicker": {
"PHOTO_LIBRARY_USAGE_DESCRIPTION": "your usage message" "PHOTO_LIBRARY_USAGE_DESCRIPTION": "your usage message"
...@@ -87,8 +93,11 @@ ...@@ -87,8 +93,11 @@
"cordova-plugin-ionic-webview": {}, "cordova-plugin-ionic-webview": {},
"cordova-plugin-splashscreen": {}, "cordova-plugin-splashscreen": {},
"cordova-plugin-whitelist": {}, "cordova-plugin-whitelist": {},
"cordova.plugins.diagnostic": {}, "cordova.plugins.diagnostic": {
"onesignal-cordova-plugin": {} "ANDROID_SUPPORT_VERSION": "28.+"
},
"onesignal-cordova-plugin": {},
"cordova-plugin-camera": {}
} }
} }
} }
\ No newline at end of file
src/app/app.component.ts
...@@ -14,12 +14,14 @@ import { Badge } from '@ionic-native/badge'; ...@@ -14,12 +14,14 @@ import { Badge } from '@ionic-native/badge';
templateUrl: 'app.html' templateUrl: 'app.html'
}) })
export class MyApp { export class MyApp {
@ViewChild(Nav) nav: Nav; @ViewChild(Nav) nav: Nav;
rootPage:any = 'LandingPage'; rootPage:any = 'LandingPage';
user_data:any; user_data:any;
device_id:any; device_id:any;
toast:any; toast:any;
notify:any; notify:any;
getprofile_data:any;
constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen,public events:Events,public storage:Storage, private permission: PermissionsService,private geolocation: Geolocation,private oneSignal: OneSignal,private network: Network, private toastCtrl: ToastController, private myservice: Myservice, private ionicApp: IonicApp, private alertCtrl: AlertController,private badge: Badge) { constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen,public events:Events,public storage:Storage, private permission: PermissionsService,private geolocation: Geolocation,private oneSignal: OneSignal,private network: Network, private toastCtrl: ToastController, private myservice: Myservice, private ionicApp: IonicApp, private alertCtrl: AlertController,private badge: Badge) {
...@@ -187,6 +189,7 @@ this.events.publish('user:notifications', ''); ...@@ -187,6 +189,7 @@ this.events.publish('user:notifications', '');
this.storage.get('user_data').then((user_data) => { this.storage.get('user_data').then((user_data) => {
if(user_data){ if(user_data){
this.user_data=user_data; this.user_data=user_data;
this.profile(user_data.id)
// this.myservice.get_notifications(this.user_data.id); // this.myservice.get_notifications(this.user_data.id);
} }
...@@ -235,7 +238,16 @@ this.events.publish('user:notifications', ''); ...@@ -235,7 +238,16 @@ this.events.publish('user:notifications', '');
}) })
} }
profile(id){
this.myservice.show_loader();
this.myservice.load_get("get_profile/id/"+id).subscribe(response => {
this.myservice.hide_loader();
if(response.status="success") {
this.getprofile_data = response.result;
}
});
}
confirmExitApp(){ confirmExitApp(){
var alert = this.alertCtrl.create({ var alert = this.alertCtrl.create({
......
src/app/app.html
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<div class="fm_sidemenu_profile_pic"> <div class="fm_sidemenu_profile_pic">
<div *ngIf="user_data" (click)="edit_profile()" menuClose class="edit"></div> <div *ngIf="user_data" (click)="edit_profile()" menuClose class="edit"></div>
<div *ngIf="user_data" class="fm_sidemenu_profile_pic_inner"> <div *ngIf="user_data" class="fm_sidemenu_profile_pic_inner">
<img *ngIf="user_data.profile_pic" [src]="user_data.profile_pic" > <img *ngIf="getprofile_data" [src]="getprofile_data.profile_pic" >
</div> </div>
</div> </div>
<h5 *ngIf="user_data" >{{user_data.first_name}}</h5> <h5 *ngIf="user_data" >{{user_data.first_name}}</h5>
......
src/app/app.module.ts
...@@ -20,14 +20,16 @@ import { TooltipsModule } from 'ionic-tooltips'; ...@@ -20,14 +20,16 @@ import { TooltipsModule } from 'ionic-tooltips';
import { Badge } from '@ionic-native/badge'; import { Badge } from '@ionic-native/badge';
import { LocationAccuracy } from '@ionic-native/location-accuracy'; import { LocationAccuracy } from '@ionic-native/location-accuracy';
import { PhotoViewer } from '@ionic-native/photo-viewer'; import { PhotoViewer } from '@ionic-native/photo-viewer';
import { Camera, CameraOptions } from '@ionic-native/camera';
import { HttpClientModule} from '@angular/common/http';
@NgModule({ @NgModule({
declarations: [ declarations: [
MyApp MyApp
], ],
imports: [ imports: [
BrowserModule, BrowserModule,
HttpModule, HttpModule,
HttpClientModule,
IonicModule.forRoot(MyApp,{tabsPlacement:"bottom"}), IonicModule.forRoot(MyApp,{tabsPlacement:"bottom"}),
IonicStorageModule.forRoot(), IonicStorageModule.forRoot(),
Ionic2RatingModule // Put ionic2-rating module here Ionic2RatingModule // Put ionic2-rating module here
...@@ -51,7 +53,8 @@ import { PhotoViewer } from '@ionic-native/photo-viewer'; ...@@ -51,7 +53,8 @@ import { PhotoViewer } from '@ionic-native/photo-viewer';
TooltipsModule, TooltipsModule,
PhotoViewer, PhotoViewer,
Badge, Badge,
LocationAccuracy, LocationAccuracy,
Camera,
{provide: ErrorHandler, useClass: IonicErrorHandler} {provide: ErrorHandler, useClass: IonicErrorHandler}
] ]
}) })
......
src/pages/addcar/addcar.html
...@@ -6,21 +6,22 @@ ...@@ -6,21 +6,22 @@
Profile Profile
</div> </div>
</ion-header> </ion-header>
<ion-content> <ion-content *ngIf="getprofile_data">
<div class="fm_common_wrapper"> <div class="fm_common_wrapper">
<form [formGroup]="editProform" (ngSubmit)="edit_profile()"> <form [formGroup]="editProform" (ngSubmit)="edit_profile()">
<div class="fm_banner"> <div class="fm_banner">
<div class="fm_banner_circle" (click)="uploadPicture()"> <div class="fm_banner_circle" >
<img src="assets/imgs/fm_photo.png" *ngIf="!profile_pic"> <img src="assets/imgs/fm_photo.png" *ngIf="!profile_pic">
<img [src]="profile_pic" *ngIf="profile_pic" > <img [src]="getprofile_data.profile_pic" *ngIf="profile_pic" >
<input type="file" accept="image/*" (change)="uploadprofilePicture($event)">
</div> </div>
<div class="fm_border"> <div class="fm_border">
</div> </div>
</div> </div>
<h3>About You</h3> <h3>About You</h3>
<ion-list> <ion-list *ngIf="result">
<ion-item> <ion-item>
<ion-input type="text" formControlName="first_name" placeholder="First Name"></ion-input> <ion-input type="text" formControlName="first_name" placeholder="First Name"></ion-input>
</ion-item> </ion-item>
...@@ -86,20 +87,22 @@ ...@@ -86,20 +87,22 @@
<h5>Vehicle Paper</h5> <h5>Vehicle Paper</h5>
<div class="fm_add_picture" > <div class="fm_add_picture" >
<li> <li>
<div class="inside_image" *ngIf="vehicle_pic" > <div>
<img (click)="open_img(vehicle_pic['1'])" [src]="vehicle_pic['1']" *ngIf="vehicle_pic['1']" > <div class="inside_image" >
<div class="edit" (click)="uploadvehicleimg('1')"> <img [src]="getprofile_data.vehicle_picture1" >
<ion-icon ios="ios-create" md="md-create"></ion-icon>
</div>
</div> </div>
<input type="file" accept="image/*" (change)="fileChange1($event)">
</div>
</li> </li>
<li> <li>
<div class="inside_image" *ngIf="vehicle_pic" > <div>
<img (click)="open_img(vehicle_pic['2'])" [src]="vehicle_pic['2']" *ngIf="vehicle_pic['2']" > <div class="inside_image" >
<div class="edit" (click)="uploadvehicleimg('2')"> <img [src]="getprofile_data.vehicle_picture2" >
<ion-icon ios="ios-create" md="md-create"></ion-icon> <br>
</div>
</div> </div>
<input type="file" accept="image/*" (change)="fileChange2($event)">
</div>
</li> </li>
</div> </div>
<div class="textCenter bottom_bay"> <div class="textCenter bottom_bay">
......
src/pages/addcar/addcar.ts
...@@ -6,7 +6,8 @@ import {Myservice} from '../../providers/myservice'; ...@@ -6,7 +6,8 @@ import {Myservice} from '../../providers/myservice';
import { FileTransfer, FileUploadOptions, FileTransferObject } from '@ionic-native/file-transfer'; import { FileTransfer, FileUploadOptions, FileTransferObject } from '@ionic-native/file-transfer';
import { File } from '@ionic-native/file'; import { File } from '@ionic-native/file';
import { ImagePicker } from '@ionic-native/image-picker'; import { ImagePicker } from '@ionic-native/image-picker';
import { PhotoViewer } from '@ionic-native/photo-viewer';
import { Geolocation } from '@ionic-native/geolocation';
declare var require: any; declare var require: any;
declare var google: any; declare var google: any;
...@@ -16,6 +17,12 @@ declare var google: any; ...@@ -16,6 +17,12 @@ declare var google: any;
templateUrl: 'addcar.html', templateUrl: 'addcar.html',
}) })
export class AddcarPage { export class AddcarPage {
getprofile_data:any;
lat:any;
lng:any;
formdata = new FormData();
vehicle_picture1:any;
result:any;
services:any; services:any;
location={'lat':'','lng':''}; location={'lat':'','lng':''};
citie: any; citie: any;
...@@ -29,7 +36,7 @@ export class AddcarPage { ...@@ -29,7 +36,7 @@ export class AddcarPage {
base64vehicle =[]; base64vehicle =[];
vehicle_pic =[]; vehicle_pic =[];
constructor(public navCtrl: NavController, public navParams: NavParams,public storage:Storage, private myservice: Myservice, private formBuilder: FormBuilder,private transfer: FileTransfer, private file: File, private imagePicker: ImagePicker, public events: Events,public modalCtrl: ModalController,private photoViewer: PhotoViewer) { constructor(public geolocation: Geolocation ,public navCtrl: NavController, public navParams: NavParams,public storage:Storage, private myservice: Myservice, private formBuilder: FormBuilder,private transfer: FileTransfer, private file: File, private imagePicker: ImagePicker, public events: Events,public modalCtrl: ModalController) {
this.editProform = this.formBuilder.group({ this.editProform = this.formBuilder.group({
first_name:['', Validators.compose([Validators.maxLength(30), Validators.required])], first_name:['', Validators.compose([Validators.maxLength(30), Validators.required])],
last_name: ['', Validators.compose([Validators.maxLength(30), Validators.required])], last_name: ['', Validators.compose([Validators.maxLength(30), Validators.required])],
...@@ -38,14 +45,19 @@ export class AddcarPage { ...@@ -38,14 +45,19 @@ export class AddcarPage {
city: ['',], city: ['',],
postal_code: ['',Validators.compose([Validators.pattern("[0-9]*"), Validators.required,Validators.minLength(4),Validators.maxLength(4)])], postal_code: ['',Validators.compose([Validators.pattern("[0-9]*"), Validators.required,Validators.minLength(4),Validators.maxLength(4)])],
address: ['', Validators.required], address: ['', Validators.required],
profile_pic :[''],
vehicle_picture1:[''],
vehicle_picture2:[''],
mobile: ['',Validators.compose([Validators.pattern("[0-9]*"), Validators.required,Validators.minLength(10),Validators.maxLength(20)])], mobile: ['',Validators.compose([Validators.pattern("[0-9]*"), Validators.required,Validators.minLength(10),Validators.maxLength(20)])],
}); });
this.currentlocation();
console.log("addcar"); console.log("addcar");
this.storage.get('user_data').then((user_data) => { this.storage.get('user_data').then((user_data) => {
if(user_data){ if(user_data){
console.log(user_data); console.log(user_data);
this.user_data=user_data; this.user_data=user_data;
this.result = user_data;
this.get_profile(); this.get_profile();
}else{ }else{
let modal = this.modalCtrl.create('Loginbook'); let modal = this.modalCtrl.create('Loginbook');
...@@ -71,7 +83,22 @@ export class AddcarPage { ...@@ -71,7 +83,22 @@ export class AddcarPage {
}; };
} }
currentlocation()
{
this.geolocation.getCurrentPosition().then((resp) => {
console.log('Coordinstes',resp);
}).catch((error) => {
});
let watch = this.geolocation.watchPosition();
watch.subscribe((data) =>{
console.log('Error getting location', data)
// data can be a set of coordinates, or an error (if an error occurred).
this.lat= data.coords.latitude
this.lng=data.coords.longitude
});
}
ionViewDidLoad() { ionViewDidLoad() {
console.log('ionViewDidLoad AddcarPage'); console.log('ionViewDidLoad AddcarPage');
} }
...@@ -98,6 +125,7 @@ export class AddcarPage { ...@@ -98,6 +125,7 @@ export class AddcarPage {
this.myservice.show_loader(); this.myservice.show_loader();
this.editProform.controls['city'].setValue(this.citie); this.editProform.controls['city'].setValue(this.citie);
this.editProform.controls['address'].setValue(this.address); this.editProform.controls['address'].setValue(this.address);
this.location = { lat:this.lat , lng:this.lng};
var user_id ={'id':this.user_data.id} var user_id ={'id':this.user_data.id}
var obj = Object.assign(this.editProform.value, this.location,user_id); var obj = Object.assign(this.editProform.value, this.location,user_id);
if(this.base64Image) { if(this.base64Image) {
...@@ -107,7 +135,7 @@ export class AddcarPage { ...@@ -107,7 +135,7 @@ export class AddcarPage {
this.myservice.hide_loader(); this.myservice.hide_loader();
console.log(response); console.log(response);
if(response.status == "success") { if(response.status == "success") {
this.myservice.show_alert("Changes are saved!", response.message); this.myservice.show_alert("Changes are saved!", 'Your profile has been updated');
this.user_data.first_name = response.result.first_name; this.user_data.first_name = response.result.first_name;
...@@ -115,7 +143,8 @@ export class AddcarPage { ...@@ -115,7 +143,8 @@ export class AddcarPage {
this.user_data.mobile = response.result.mobile; this.user_data.mobile = response.result.mobile;
console.log(this.user_data); console.log(this.user_data);
this.events.publish('user:update_profile', this.user_data); this.events.publish('user:update_profile', this.user_data);
this.get_profile(); this.get_profile();
} }
else { else {
...@@ -214,7 +243,7 @@ export class AddcarPage { ...@@ -214,7 +243,7 @@ export class AddcarPage {
var latLong = autocomplete.getPlace().geometry.location; var latLong = autocomplete.getPlace().geometry.location;
var js=JSON.stringify(latLong); var js=JSON.stringify(latLong);
var par=JSON.parse(js); var par=JSON.parse(js);
thiss.location = {lat : par.lat, lng : par.lng}; // thiss.location = {lat : par.lat, lng : par.lng};
/* /*
thiss.address = place.formatted_address; thiss.address = place.formatted_address;
console.log(placeA.formatted_address); console.log(placeA.formatted_address);
...@@ -246,7 +275,9 @@ export class AddcarPage { ...@@ -246,7 +275,9 @@ export class AddcarPage {
this.myservice.load_get("get_profile/id/"+this.user_data.id).subscribe(response => { this.myservice.load_get("get_profile/id/"+this.user_data.id).subscribe(response => {
this.myservice.hide_loader(); this.myservice.hide_loader();
if(response.status="success") { if(response.status="success") {
this.getprofile_data = response.result;
// this.result = response.result;
// console.log('Response result in get profile', this.result);
this.editProform.patchValue(response.result); this.editProform.patchValue(response.result);
this.location.lat = response.result.lat; this.location.lat = response.result.lat;
...@@ -264,43 +295,82 @@ export class AddcarPage { ...@@ -264,43 +295,82 @@ export class AddcarPage {
} }
}) })
} }
uploadprofilePicture(event)
{
let fileList: FileList = event.target.files;
if (fileList.length > 0) {
var reader = new FileReader();
reader.onload = (event: any) => {
this.editProform.controls['profile_pic'].setValue(event.target.result)
}
uploadPicture(){ reader.readAsDataURL(event.target.files[0]);
var options ={ maximumImagesCount:1,
width:400, let file = fileList[0];
height: 400, var ext = (file.name).split(".").pop();
quality: 100 if (ext == 'jpg' || ext == 'jpeg' || ext == 'png') {
} this.formdata.append('profile_pic', file, file.name);
this.imagePicker.getPictures(options).then((results) => {
for (var i = 0; i < results.length; i++) { }
console.log('Image URI: ' + results[i]); else {
if(results[i]){
this.base64Image = results[i]; this.myservice.show_alert('', 'profile.Please choose an image file')
this.profile_pic = results[i];
}
} }
}, (err) => { }); }
} }
fileChange1(event)
{
let fileList: FileList = event.target.files;
if (fileList.length > 0) {
var reader = new FileReader();
reader.onload = (event: any) => {
this.editProform.controls['vehicle_picture1'].setValue(event.target.result)
}
reader.readAsDataURL(event.target.files[0]);
let file = fileList[0];
var ext = (file.name).split(".").pop();
if (ext == 'jpg' || ext == 'jpeg' || ext == 'png') {
this.formdata.append('vehicle_picture1', file, file.name);
}
else {
uploadvehicleimg(pic){ this.myservice.show_alert('', 'profile.Please choose an image file')
console.log(pic); }
var options ={ maximumImagesCount:1, }
width:400, }
height: 400, fileChange2(event)
quality: 100 {
} let fileList: FileList = event.target.files;
this.imagePicker.getPictures(options).then((results) => { if (fileList.length > 0) {
console.log(results.length);
console.log(results[0]); var reader = new FileReader();
if(results){ reader.onload = (event: any) => {
this.base64vehicle[pic]= results[0]; this.editProform.controls['vehicle_picture2'].setValue(event.target.result)
this.vehicle_pic[pic] = results[0]; }
}
reader.readAsDataURL(event.target.files[0]);
let file = fileList[0];
var ext = (file.name).split(".").pop();
if (ext == 'jpg' || ext == 'jpeg' || ext == 'png') {
this.formdata.append('vehicle_picture2', file, file.name);
}, (err) => { }); }
console.log(this.base64vehicle); else {
}
this.myservice.show_alert('', 'profile.Please choose an image file')
}
}
}
private markFormGroupTouched(formGroup: FormGroup) { private markFormGroupTouched(formGroup: FormGroup) {
(<any>Object).values(formGroup.controls).forEach(control => { (<any>Object).values(formGroup.controls).forEach(control => {
...@@ -310,9 +380,5 @@ export class AddcarPage { ...@@ -310,9 +380,5 @@ export class AddcarPage {
} }
}); });
} }
open_img(img)
{
this.photoViewer.show(img);
}
} }
src/pages/bodysection/bodysection.html
...@@ -27,10 +27,10 @@ ...@@ -27,10 +27,10 @@
<div class="fm_body_part hood_pos" (click)="body_part('Hood',$event)" >Hood <div class="fm_body_part hood_pos" (click)="body_part('Hood',$event)" >Hood
<div class="fm_arw_down"></div> <div class="fm_arw_down"></div>
</div> </div>
<div class="fm_body_part panel_posright" (click)="body_part('Right Panel',$event)" >Right Panel <div class="fm_body_part panel_posright" (click)="body_part('Right Front Panel',$event)" >Right Front Panel
<div class="fm_arw_left"></div> <div class="fm_arw_left"></div>
</div> </div>
<div class="fm_body_part panel_posleft" (click)="body_part('Left Panel',$event)" >Left Panel <div class="fm_body_part panel_posleft" (click)="body_part('Left Front Panel',$event)" >Left Front Panel
<div class="fm_arw_right"></div> <div class="fm_arw_right"></div>
</div> </div>
</div> </div>
...@@ -38,30 +38,34 @@ ...@@ -38,30 +38,34 @@
<div class="fm_body_part wind_pos" (click)="body_part('Windsheild',$event)" >Windsheild <div class="fm_body_part wind_pos" (click)="body_part('Windsheild',$event)" >Windsheild
<div class="fm_arw_down"></div> <div class="fm_arw_down"></div>
</div> </div>
<div class="fm_body_part mirror_pos" (click)="body_part('Side Mirrors',$event)" >Side Mirrors <div class="fm_body_part leftmirror_pos" (click)="body_part('Right Mirror',$event)" >Right Mirror
<div class="fm_arw_left"></div> <div class="fm_arw_left"></div>
</div> </div>
<div class="fm_body_part window_pos" (click)="body_part('Windows',$event)" >Windows <div class="fm_body_part rightmirror_pos" (click)="body_part('Left Mirror',$event)" >Left Mirror
<div class="fm_arw_right"></div>
</div>
<div class="fm_body_part window_pos" (click)="body_part('Right Front Door',$event)" >Right Front Door
<div class="fm_arw_left"></div> <div class="fm_arw_left"></div>
</div> </div>
<div class="fm_body_part door_posright" (click)="body_part('Right Doors',$event)" >Right Doors <div class="fm_body_part leftwindow_pos" (click)="body_part('Left Front Door',$event)" >Left Front Door
<div class="fm_arw_left"></div>
</div>
<div class="fm_body_part door_posright" (click)="body_part('Right Back Door',$event)" >Right Back Door
<div class="fm_arw_left"></div> <div class="fm_arw_left"></div>
</div> </div>
<div class="fm_body_part door_posleft" (click)="body_part('Left Doors',$event)" >Left Doors <div class="fm_body_part door_posleft" (click)="body_part('Left Back Door',$event)" >Left Back Door
<div class="fm_arw_right"></div> <div class="fm_arw_right"></div>
</div> </div>
</div> </div>
<div class="fm_body_back"> <div class="fm_body_back">
<div class="fm_body_part panel_posright" (click)="body_part('Right Panel',$event)" >Right Panel <div class="fm_body_part panel_posright" (click)="body_part('Right Back Panel',$event)" >Right Back Panel
<div class="fm_arw_left"></div> <div class="fm_arw_left"></div>
</div> </div>
<div class="fm_body_part panel_posleft" (click)="body_part('Left Panel',$event)" >Left Panel <div class="fm_body_part panel_posleft" (click)="body_part('Left Back Panel',$event)" >Left Back Panel
<div class="fm_arw_right"></div> <div class="fm_arw_right"></div>
</div> </div>
<div class="fm_body_part wind_pos" (click)="body_part('Windsheild',$event)" >Windsheild
<div class="fm_arw_up"></div>
</div>
<div class="fm_body_part bumber_pos bumber" (click)="body_part('Rear Bumber',$event)" >Rear Bumber <div class="fm_body_part bumber_pos bumber" (click)="body_part('Rear Bumber',$event)" >Rear Bumber
<div class="fm_arw_up"></div> <div class="fm_arw_up"></div>
</div> </div>
......
src/pages/bodysection/bodysection.scss
...@@ -34,17 +34,20 @@ page-bodysection { ...@@ -34,17 +34,20 @@ page-bodysection {
/*HOOD-PART-LABEL*/ /*HOOD-PART-LABEL*/
.fm_hood .bumber_pos{left:53px;top:-40px;} .fm_hood .bumber_pos{left:53px;top:-40px;}
.fm_hood .hood_pos{left:73px;top:22px;} .fm_hood .hood_pos{left:73px;top:40px;}
.fm_hood .panel_posright{right:-50px;top:30px;} .fm_hood .panel_posright{right:-50px;top:30px;}
.fm_hood .panel_posleft{left:-40px;top:30px;} .fm_hood .panel_posleft{left:-40px;top:30px;}
/*BODY-PART-LABEL*/ /*BODY-PART-LABEL*/
.fm_body .wind_pos{left:60px;top:-50px;} .fm_body .wind_pos{left:60px;top:-50px;}
.fm_body .mirror_pos{right:-55px;top:-35px;} .fm_body .rightmirror_pos{right: 161px; top: -31px; width: 86px;}
.fm_body .window_pos{right:-40px;top:0px;} .fm_body .leftmirror_pos{right:-48px;top:-35px;}
.fm_body .door_posright{right:-51px;top:40px;}
.fm_body .door_posleft{left:-40px;top:40px;} .fm_body .window_pos{right:-51px;top:-14px;}
.fm_body .leftwindow_pos{right: 145px; top: -10px;width: 97px;}
.fm_body .door_posright{right:-51px;top:23px;}
.fm_body .door_posleft{left: -40px;top: 25px;}
/*BACK-PART-LABEL*/ /*BACK-PART-LABEL*/
......
src/pages/damagephoto/damagephoto.ts
...@@ -91,6 +91,7 @@ export class DamagephotoPage { ...@@ -91,6 +91,7 @@ export class DamagephotoPage {
} }
save_body_shop(vals){ save_body_shop(vals){
console.log(this.base64Image)
console.log(this.base64Image.length); console.log(this.base64Image.length);
if(this.base64Image.length > 0){ if(this.base64Image.length > 0){
this.myservice.show_loader(); this.myservice.show_loader();
......
src/pages/fixprices/fixprices.html
...@@ -34,23 +34,26 @@ ...@@ -34,23 +34,26 @@
<span>€{{garages.price}}</span> <span>€{{garages.price}}</span>
</div> </div>
<div class="clear"></div> <div class="clear"></div>
<div class="fm_line" >
<div class="child1"><strong>Open From</strong></div>
<div class="child2" ><p *ngIf="garages.open_time" >: &nbsp;{{garages.open_time.start}} to {{garages.open_time.end}} </p> <p *ngIf="!garages.open_time" >Closed Today</p></div>
<div class="clear"></div>
</div>
<div class="fm_line">
<div class="child1"><strong>Days Open</strong></div>
<div class="child2"><p>:&nbsp;<span *ngFor="let days of garages.available_days" >{{days}}</span></p></div>
<div class="clear"></div>
</div>
<div class="fm_line">
<div class="child1"><strong>Services</strong></div>
<div class="child2"><p>:&nbsp;<span class="service">{{garages.services}}</span> </p></div>
<div class="clear"></div>
</div>
</div> </div>
<div class="fm_listing_bottom"> <div class="fm_listing_bottom">
<div class="fm_line" >
<div class="child1"><strong>Open From</strong></div>
<div class="child2" ><p *ngIf="garages.open_time" >: &nbsp;{{garages.open_time.start}} to {{garages.open_time.end}} </p> <p *ngIf="!garages.open_time" >Closed Today</p></div>
<div class="clear"></div>
</div>
<div class="fm_line">
<div class="child1"><strong>Days Open</strong></div>
<div class="child2"><p>:&nbsp;<span *ngFor="let days of garages.available_days" >{{days}}</span></p></div>
<div class="clear"></div>
</div>
<div class="fm_line">
<div class="child1"><strong>Services</strong></div>
<div class="child2"><p>:&nbsp;<span class="service">{{garages.services}}</span> </p></div>
<div class="clear"></div>
</div>
</div> </div>
</li> </li>
......
src/pages/home/home.html
...@@ -11,8 +11,8 @@ ...@@ -11,8 +11,8 @@
<div class="fm_home_wrapper"> <div class="fm_home_wrapper">
<div class="fm_home_banner"> <div class="fm_home_banner">
<div class="fm_home_photo"> <div class="fm_home_photo">
<span *ngIf="user_data" > <span *ngIf="getprofile_data" >
<img *ngIf="user_data.profile_pic!=''" [src]="user_data.profile_pic" > <img *ngIf="getprofile_data.profile_pic!=''" [src]="getprofile_data.profile_pic" >
</span></div> </span></div>
<div class="fm_home_banner_detail"> <div class="fm_home_banner_detail">
<div class="fm_home_detail_inner"> <div class="fm_home_detail_inner">
......
src/pages/home/home.ts
...@@ -16,15 +16,18 @@ import {Myservice} from '../../providers/myservice'; ...@@ -16,15 +16,18 @@ import {Myservice} from '../../providers/myservice';
templateUrl: 'home.html', templateUrl: 'home.html',
}) })
export class HomePage { export class HomePage {
getprofile_data
user_data:any; user_data:any;
offers:any; offers:any;
constructor(public navCtrl: NavController, public navParams: NavParams, public storage: Storage, private myservice: Myservice) { constructor(public navCtrl: NavController, public navParams: NavParams, public storage: Storage, private myservice: Myservice) {
this.storage.get('user_data').then((user_data) => {
this.storage.get('user_data').then((user_data) => {
console.log(user_data); console.log(user_data);
if(user_data!=null){ if(user_data!=null){
this.user_data= user_data; this.user_data= user_data;
console.log(user_data.id) console.log(user_data.id)
this.get_offers(user_data.id); this.get_offers(user_data.id);
this.profile(user_data.id)
} }
else{ else{
...@@ -73,4 +76,13 @@ export class HomePage { ...@@ -73,4 +76,13 @@ export class HomePage {
} }
} }
profile(id){
this.myservice.show_loader();
this.myservice.load_get("get_profile/id/"+id).subscribe(response => {
this.myservice.hide_loader();
if(response.status="success") {
this.getprofile_data = response.result;
}
});
}
} }
src/pages/location/location.html
...@@ -68,9 +68,13 @@ ...@@ -68,9 +68,13 @@
<div class="fm_list_price"> <div class="fm_list_price">
<span>{{garage_list.distance}}km</span> <span>{{garage_list.distance}}km</span>
</div> </div>
<div ><strong>Services</strong></div>
<div ><p>:&nbsp;<span class="service">{{garage_list.services}}</span> </p></div>
<div class="clear"></div>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
<div class="fm_listing_bottom"> <div>
<!-- <div class="fm_line" > <!-- <div class="fm_line" >
<div class="child1"><strong>Open From</strong></div> <div class="child1"><strong>Open From</strong></div>
<div class="child2" ><p *ngIf="garage_list.open_time" >: &nbsp;{{garage_list.open_time.start}} to {{garage_list.open_time.end}} </p> <p *ngIf="!garage_list.open_time" >Closed Today</p></div> <div class="child2" ><p *ngIf="garage_list.open_time" >: &nbsp;{{garage_list.open_time.start}} to {{garage_list.open_time.end}} </p> <p *ngIf="!garage_list.open_time" >Closed Today</p></div>
...@@ -81,11 +85,8 @@ ...@@ -81,11 +85,8 @@
<div class="child2"><p>:&nbsp;<span *ngFor="let days of garage_list.available_days" >{{days}}</span></p></div> <div class="child2"><p>:&nbsp;<span *ngFor="let days of garage_list.available_days" >{{days}}</span></p></div>
<div class="clear"></div> <div class="clear"></div>
</div>--> </div>-->
<div class="fm_line">
<div class="child1"><strong>Services</strong></div>
<div class="child2"><p>:&nbsp;<span class="service">{{garage_list.services}}</span> </p></div>
<div class="clear"></div>
</div>
</div> </div>
</li> </li>
......
src/pages/login/login.html
...@@ -9,10 +9,17 @@ ...@@ -9,10 +9,17 @@
<ion-item> <ion-item>
<ion-input formControlName="email" type="text" placeholder="Email" #emailVal (keyup)="trim_white(emailVal.value)" autocomplete="off" ></ion-input> <ion-input formControlName="email" type="text" placeholder="Email" #emailVal (keyup)="trim_white(emailVal.value)" autocomplete="off" ></ion-input>
</ion-item> </ion-item>
<div class="bmd-field error">
<p class="valid-p" *ngIf="LoginForm.controls.email.hasError('required') && LoginForm.controls.email.touched">Enter Email</p>
</div>
<ion-item> <ion-item>
<ion-input formControlName="password" type="password" placeholder="Password" autocomplete="off" ></ion-input> <ion-input formControlName="password" type="password" placeholder="Password" autocomplete="off" ></ion-input>
</ion-item> </ion-item>
<div class="bmd-field error">
<p class="valid-p" *ngIf="LoginForm.controls.password.hasError('required') && LoginForm.controls.password.touched">Enter Passsword</p>
</div>
</ion-list> </ion-list>
<button class="login_btn theme_lblue" ion-button [disabled]="!LoginForm.valid" >LOGIN</button> <button class="login_btn theme_lblue" ion-button [disabled]="!LoginForm.valid" >LOGIN</button>
</form> </form>
......
src/pages/login/login.ts
...@@ -77,18 +77,19 @@ export class LoginPage { ...@@ -77,18 +77,19 @@ export class LoginPage {
} }
OnLogin(){ OnLogin(){
console.log(this.LoginForm.value) console.log(this.LoginForm.value);
console.log(this.device_id) console.log(this.device_id);
console.log(this.lat_lng) console.log(this.lat_lng);
this.myservice.show_loader(); this.myservice.show_loader();
var val = Object.assign({}, this.LoginForm.value , {'device_id' :this.device_id,'lat' : this.lat_lng.lat, 'lng' : this.lat_lng.lng }) var val = Object.assign({}, this.LoginForm.value , {'device_id' :this.device_id,'lat' : this.lat_lng.lat, 'lng' : this.lat_lng.lng })
this.myservice.load_post(val,'login').subscribe(data =>{ this.myservice.load_post(val,'login').subscribe(data =>{
console.log(data); console.log('Login response',data);
this.myservice.hide_loader(); this.myservice.hide_loader();
if(data.status=='success'){
if(data.status=='success') {
this.myservice.show_alert('Success','Welcome Back');
this.storage.set('user_data',data.data).then(()=>{ this.storage.set('user_data',data.data).then(()=>{
this.myservice.hide_loader();
this.storage.get('user_data').then((user_data) => { this.storage.get('user_data').then((user_data) => {
this.events.publish('user:update_profile', user_data); this.events.publish('user:update_profile', user_data);
//this.nav.setRoot('LoginPage'); //this.nav.setRoot('LoginPage');
...@@ -96,8 +97,9 @@ export class LoginPage { ...@@ -96,8 +97,9 @@ export class LoginPage {
}) })
}); });
}else } else
this.myservice.show_alert("Error!", data.message); this.myservice.show_alert("Note!", data.message);
}); });
} }
......
src/pages/otp/otp.html
...@@ -16,6 +16,10 @@ ...@@ -16,6 +16,10 @@
<ion-item> <ion-item>
<ion-input type="text" formControlName="email" placeholder="Email Id"></ion-input> <ion-input type="text" formControlName="email" placeholder="Email Id"></ion-input>
</ion-item> </ion-item>
<div class="bmd-field error">
<p class="valid-p" *ngIf="forgot.controls.email.hasError('required') && forgot.controls.email.touched">Enter Email</p>
</div>
</ion-list> </ion-list>
<button class="login_btn theme_lblue widthFull" ion-button [disabled]="!forgot.valid" >Get new password</button> <button class="login_btn theme_lblue widthFull" ion-button [disabled]="!forgot.valid" >Get new password</button>
</form> </form>
......
src/pages/otp/otp.ts
...@@ -17,7 +17,7 @@ export class OtpPage { ...@@ -17,7 +17,7 @@ export class OtpPage {
constructor(public navCtrl: NavController, public navParams: NavParams,private myservice: Myservice, public formBuilder : FormBuilder,public storage:Storage) { constructor(public navCtrl: NavController, public navParams: NavParams,private myservice: Myservice, public formBuilder : FormBuilder,public storage:Storage) {
this.forgot = this.formBuilder.group({ this.forgot = this.formBuilder.group({
email: ['', [Validators.required, this.emailValidator.bind(this)]], email: ['', Validators.compose([Validators.pattern("^[_A-Za-z0-9-\\+]+(\\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\\.[A-Za-z0-9]+)*(\\.[A-Za-z]{2,})$"), Validators.required])],
}); });
} }
...@@ -39,7 +39,7 @@ export class OtpPage { ...@@ -39,7 +39,7 @@ export class OtpPage {
this.myservice.show_alert("Success" , data.message); this.myservice.show_alert("Success" , data.message);
} }
else { else {
this.myservice.show_alert("Error" , data.message); this.myservice.show_alert("Get new Passsword!" , data.message);
} }
}) })
} }
......
src/pages/request/request.ts
...@@ -19,14 +19,21 @@ import {Myservice} from '../../providers/myservice'; ...@@ -19,14 +19,21 @@ import {Myservice} from '../../providers/myservice';
export class RequestPage { export class RequestPage {
private requestsForm : FormGroup; private requestsForm : FormGroup;
user_data:any;
id:any;
service:any; service:any;
filtr:any; filtr:any;
arr:any=[]; arr:any=[];
checkbox_val = [{'value': 'fuelfilter','name' : 'Fuel Filter'},{'value': 'cabinfilter','name' : 'Cabin Filter'},{'value': 'airfilter','name' : 'Air Filter'}] checkbox_val = [{'value': 'fuelfilter','name' : 'Fuel Filter'},{'value': 'cabinfilter','name' : 'Cabin Filter'},{'value': 'airfilter','name' : 'Air Filter'}]
constructor(public navCtrl: NavController, public navParams: NavParams, private formBuilder: FormBuilder,public storage:Storage, private myservice: Myservice,) { constructor(public navCtrl: NavController, public navParams: NavParams, private formBuilder: FormBuilder,public storage:Storage, private myservice: Myservice,) {
this.service = this.navParams.get('service') this.service = this.navParams.get('service')
this.storage.get('user_data').then((user_data) => {
console.log('User dtaa' , user_data)
this.id = user_data.id;
this.user_data = user_data;
});
this.requestsForm = this.formBuilder.group({ this.requestsForm = this.formBuilder.group({
...@@ -54,8 +61,59 @@ export class RequestPage { ...@@ -54,8 +61,59 @@ export class RequestPage {
onSubmit(){ onSubmit(){
console.log('Id', this.id)
if(!this.user_data){
this.navCtrl.push('LoginPage');
this.myservice.show_alert('Note!','Please Login to send request. If you are a new user, please click on signup button')
}
if(this.requestsForm.valid){ if(this.requestsForm.valid){
console.log('in',this.requestsForm.value)
this.myservice.load_get('get_quotes?id='+81).subscribe(data => {
console.log('Data',data);
console.log('test',data.data[10].detail)
});
console.log('in',this.requestsForm.value);
var obj1 ={'user_id':this.id,'service_id':1,'subservice_id':1,'detail':this.requestsForm.value}
if(this.service == 'Annual Service')
{
this.myservice.load_post(obj1,'request_service').subscribe(data => {
if(data.status == 'success')
{
this.navCtrl.push('SuccessPage');
}
console.log(data)
});
}
var obj2= {'user_id':this.id,'service_id':1,'subservice_id':2,'detail':this.requestsForm.value}
if(this.service == 'Oil Service')
{
this.myservice.load_post(obj2,'request_service').subscribe(data => {
if(data.status == 'success')
{
this.navCtrl.push('SuccessPage');
}
});
}
var obj3={'user_id':this.id,'service_id':1,'subservice_id':5,'detail':this.requestsForm.value}
if(this.service == 'Others')
{
console.log(obj3)
this.myservice.load_post(obj3,'request_service').subscribe(data => {
if(data.status == 'success')
{
this.navCtrl.push('SuccessPage');
}
console.log(data)
});
}
//var obj4={'user_id':this.id,'service_id':1,'subservice_id':5,'detail':this.requestsForm.value}
}else{ // Form is not valid }else{ // Form is not valid
this.markFormGroupTouched(this.requestsForm); this.markFormGroupTouched(this.requestsForm);
} }
......
src/pages/request_break/request_break.ts
...@@ -19,6 +19,7 @@ import {Myservice} from '../../providers/myservice'; ...@@ -19,6 +19,7 @@ import {Myservice} from '../../providers/myservice';
export class RequestBreak { export class RequestBreak {
private requestsForm : FormGroup; private requestsForm : FormGroup;
id:any;
service:any; service:any;
filtr:any; filtr:any;
arr:any=[]; arr:any=[];
...@@ -29,7 +30,11 @@ export class RequestBreak { ...@@ -29,7 +30,11 @@ export class RequestBreak {
this.service = this.navParams.get('service') this.service = this.navParams.get('service')
this.service = this.navParams.get('service')
this.storage.get('user_data').then((user_data) => {
console.log('User dtaa' , user_data)
this.id = user_data.id;
});
this.requestsForm = this.formBuilder.group({ this.requestsForm = this.formBuilder.group({
//filters: [{'value': 'fuelfilter','name' : 'Fuel Filter'}, ], //filters: [{'value': 'fuelfilter','name' : 'Fuel Filter'}, ],
...@@ -44,6 +49,7 @@ export class RequestBreak { ...@@ -44,6 +49,7 @@ export class RequestBreak {
// this.requestsForm.setControl('filters',new FormControl('',Validators.required)); // this.requestsForm.setControl('filters',new FormControl('',Validators.required));
// else // else
// this.requestsForm.setControl('filters',new FormControl('',)); // this.requestsForm.setControl('filters',new FormControl('',));
} }
ionViewDidLoad() { ionViewDidLoad() {
...@@ -57,6 +63,10 @@ export class RequestBreak { ...@@ -57,6 +63,10 @@ export class RequestBreak {
if(this.requestsForm.valid){ if(this.requestsForm.valid){
console.log('in',this.requestsForm.value) console.log('in',this.requestsForm.value)
var obj = { "user_id":this.id , 'service_id':1 ,'subservice_id':3,'detail':this.requestsForm.value};
this.myservice.load_post(obj,'request_service').subscribe(data => {
console.log(data)
});
}else{ // Form is not valid }else{ // Form is not valid
this.markFormGroupTouched(this.requestsForm); this.markFormGroupTouched(this.requestsForm);
} }
......
src/pages/signup/signup.html
...@@ -81,14 +81,20 @@ ...@@ -81,14 +81,20 @@
<div class="bmd-field error"> <div class="bmd-field error">
<p class="valid-p" *ngIf="signup.controls.car_model.hasError('required') && signup.controls.car_model.touched">Sorry, field is required!</p> <p class="valid-p" *ngIf="signup.controls.car_model.hasError('required') && signup.controls.car_model.touched">Sorry, field is required!</p>
</div> </div>
<div class="login_wizard_head"> Add Picture Of Vehicle Paper </div> <div class="login_wizard_head"> Add Two Picture Of Vehicle Paper </div>
<div class="fm_add_picture" > <div class="fm_add_picture" >
<li class="fm_add_photo" (click)="uploadPicture('1')" ><div class="inside_image" *ngIf="profile_pic" ><img [src]="profile_pic['1']" *ngIf="profile_pic['1']" ></div></li> <!-- <li class="fm_add_photo" (click)="uploadPicture('1')" ><div class="inside_image" *ngIf="profile_pic" ><img [src]="base64Image" *ngIf="profile_pic['1']" ></div></li>
<li (click)="uploadPicture('2')" ><div class="inside_image" *ngIf="profile_pic" ><img [src]="profile_pic['2']" *ngIf="profile_pic['2']" ></div></li> <li (click)="uploadPicture('2')" ><div class="inside_image" *ngIf="profile_pic" ><img [src]="profile_pic['2']" *ngIf="profile_pic['2']" ></div></li> -->
</div> <input type="file" accept="image/*" (change)="fileChange1($event)" />
<div class="bmd-field error"> </div>
<p class="valid-p" *ngIf="">Sorry, Please upload Two Vehicle Paper Images to Continue!</p> <div class="fm_add_picture" >
</div> <!-- <li class="fm_add_photo" (click)="uploadPicture('1')" ><div class="inside_image" *ngIf="profile_pic" ><img [src]="base64Image" *ngIf="profile_pic['1']" ></div></li>
<li (click)="uploadPicture('2')" ><div class="inside_image" *ngIf="profile_pic" ><img [src]="profile_pic['2']" *ngIf="profile_pic['2']" ></div></li> -->
<input type="file" accept="image/*" (change)="fileChange2($event)" />
</div>
<!-- <div class="bmd-field error">
<p class="valid-p" *ngIf="image_needed">Sorry, Please upload Two Vehicle Paper Images to Continue!</p>
</div> -->
</ion-list> </ion-list>
<div class="login_wizard_head">Create a password</div> <div class="login_wizard_head">Create a password</div>
<ion-list> <ion-list>
......
src/providers/myservice.ts
...@@ -6,6 +6,7 @@ import 'rxjs/add/operator/map'; ...@@ -6,6 +6,7 @@ import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch'; import 'rxjs/add/operator/catch';
import 'rxjs/add/operator/toPromise'; import 'rxjs/add/operator/toPromise';
import { Storage } from '@ionic/storage'; import { Storage } from '@ionic/storage';
import { ToastController } from 'ionic-angular';
import { LoadingController, AlertController, Events } from 'ionic-angular'; import { LoadingController, AlertController, Events } from 'ionic-angular';
...@@ -35,7 +36,12 @@ export class Myservice { ...@@ -35,7 +36,12 @@ export class Myservice {
user_data:any; user_data:any;
notify:any; notify:any;
constructor(public http: Http, public loadingCtrl: LoadingController, public alertCtrl: AlertController, public events: Events,public storage:Storage ) { constructor(public http: Http,
public loadingCtrl: LoadingController,
public alertCtrl: AlertController,
public events: Events,
public storage:Storage,
public toastCtrl: ToastController ) {
//const fileTransfer: TransferObject = this.transfer.create(); //const fileTransfer: TransferObject = this.transfer.create();
this.storage.get('user_data').then((user_data) => { this.storage.get('user_data').then((user_data) => {
if(user_data){ if(user_data){
...@@ -87,6 +93,13 @@ export class Myservice { ...@@ -87,6 +93,13 @@ export class Myservice {
hide_loader() { hide_loader() {
this.loader.dismissAll(); this.loader.dismissAll();
} }
presentToast(message) {
const toast = this.toastCtrl.create({
message: message,
duration: 3000
});
toast.present();
}
/* load_posts(post_data, fn_name) { /* load_posts(post_data, fn_name) {
...@@ -100,6 +113,7 @@ export class Myservice { ...@@ -100,6 +113,7 @@ export class Myservice {
} }
*/ */
load_post(post_data, fn_name) { load_post(post_data, fn_name) {
var post_url = this.webservice_url + fn_name; var post_url = this.webservice_url + fn_name;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment