diff --git a/src/packages/member/component/profile/profile.component.html b/src/packages/member/component/profile/profile.component.html index e453395..3e695e5 100644 --- a/src/packages/member/component/profile/profile.component.html +++ b/src/packages/member/component/profile/profile.component.html @@ -1,42 +1,53 @@ -
-
- -
-
+
+
+
+ +
+
+
+ +
+ +
+
+
-
- -
-
- -
- -
-
+
+
- + -
-
+
+
- + -
-
+
+
- + -
-
+
+
- + +
+ +
+
+
-
+ + + diff --git a/src/packages/member/component/profile/profile.component.ts b/src/packages/member/component/profile/profile.component.ts index 34fac63..e84cc1e 100644 --- a/src/packages/member/component/profile/profile.component.ts +++ b/src/packages/member/component/profile/profile.component.ts @@ -1,4 +1,13 @@ import { Component, OnInit } from '@angular/core'; +import {ActivatedRoute, Router} from '@angular/router'; +import { PagesComponent } from 'app/pages/pages.component'; + +import * as AuthStore from '../../store/auth'; +import { Member } from '../../model'; +import { AuthSelector } from '../../store'; +import { Store } from '@ngrx/store'; +import {FormBuilder, FormGroup} from '@angular/forms'; + @Component({ selector: 'of-member-profile', @@ -7,9 +16,39 @@ import { Component, OnInit } from '@angular/core'; }) export class ProfileComponent implements OnInit { - constructor() { } + member: Member; + modifyForm: FormGroup; + + constructor( + public app: PagesComponent, + private activatedRoute: ActivatedRoute, + private router: Router, + private store: Store, + private formBuilder: FormBuilder, + ) { + } + ngOnInit() { + this.store.select(AuthSelector.select('member')).subscribe( + (member: Member) => { + this.member = member; + }, + (error) => { + console.log(error); + } + ); + this.initForm(); + } + + initForm() { + this.modifyForm = this.formBuilder.group({ + + }); + } + + modifyProfile() { + console.log('clicked'); } }