Pear-Trading/FoodLoop-Web
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Added account picture upload

Browse source
This commit is contained in:
piratefinn 2017-08-03 12:33:09 +01:00
parent a2817436e0
commit fc73151945
2 changed files with 44 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/app/components/account-edit.component.html
View file

@ -43,6 +43,14 @@
</div>
</div>
</div>
<div class="card-block">
<div class="form-group row">
<label class="col-md-3 form-control-label" for="file-input">Profile Picture</label>
<div class="col-md-9">
<input type="file" #fileInput formControlName="profile_picture">
</div>
</div>
</div>
</form>
<div [ngSwitch]="accountType">
<div *ngSwitchCase="'organisation'">

35
src/app/components/account-edit.component.ts
View file

@ -1,4 +1,4 @@
import { Component, OnInit } from '@angular/core';
import { Component, OnInit, ViewChild } from '@angular/core';
import { Validators, FormBuilder, FormGroup } from '@angular/forms';
import { Http, Response } from '@angular/http';
import { ApiService } from '../providers/api-service';
@ -13,6 +13,7 @@ export class AccountEditComponent {
settingOrganisationForm: FormGroup;
settingCustomerForm: FormGroup;
accountType: any;
@ViewChild('fileInput') fileInput;
constructor(
private http: Http,
@ -24,6 +25,7 @@ export class AccountEditComponent {
postcode : ['', [Validators.required]],
password : ['', [Validators.required]],
new_password : [''],
profile_picture : [''],
});
this.settingOrganisationForm = this.formBuilder.group({
name : ['', [Validators.required]],
@ -40,7 +42,7 @@ export class AccountEditComponent {
this.api.accountFullLoad().subscribe(
result => {
console.log(result);
this.settingForm.setValue({
this.settingForm.patchValue({
email: result.email,
postcode: result.postcode,
password: '',
@ -74,7 +76,16 @@ export class AccountEditComponent {
let settingForm = this.settingForm.value;
let settingOrganisationForm = this.settingOrganisationForm.value;
let data = {
// image upload code
let fi = this.fileInput.nativeElement;
let data = new FormData();
if (fi.files && fi.files[0]) {
let fileToUpload = fi.files[0];
data.append("file", fileToUpload);
}
let submitData = {
email: settingForm.email,
postcode: settingForm.postcode,
password: settingForm.password,
@ -83,6 +94,10 @@ export class AccountEditComponent {
street_name: settingOrganisationForm.street_name,
town: settingOrganisationForm.town,
}
data.append('form', JSON.stringify(submitData));
console.log(data);
this.api
.accountEditUpdate(data)
.subscribe(
@ -105,7 +120,16 @@ export class AccountEditComponent {
let settingForm = this.settingForm.value;
let settingCustomerForm = this.settingCustomerForm.value;
let data = {
// image upload code
let fi = this.fileInput.nativeElement;
let data = new FormData();
if (fi.files && fi.files[0]) {
let fileToUpload = fi.files[0];
data.append("file", fileToUpload);
}
let submitData = {
email: settingForm.email,
postcode: settingForm.postcode,
password: settingForm.password,
@ -113,6 +137,9 @@ export class AccountEditComponent {
full_name: settingCustomerForm.full_name,
display_name: settingCustomerForm.display_name,
}
data.append('form', JSON.stringify(submitData));
this.api
.accountEditUpdate(data)
.subscribe(