@@ -8,123 +8,103 @@ import * as Rx from 'rxjs/Rx';
88import { PersonComponent } from "../person/person.component" ;
99import { userInfo } from "os" ;
1010import { PersonListComponent } from "../person-list/person-list.component" ;
11- import { PaginationPage , PaginationPropertySort } from "../pagination" ;
12- import { Table } from "../table" ;
11+ import { PaginationPropertySort , PaginationPage } from "../pagination" ;
1312import { FormGroup } from "@angular/forms" ;
1413@Component ( {
1514 selector : 'app-form' ,
1615 templateUrl : './form.component.html' ,
17- styleUrls : [ './form.component.css' ]
16+ styleUrls : [ './form.component.css' ] ,
17+ styles : [ `` ]
1818} )
1919export class FormComponent implements OnInit {
2020 myForm : FormGroup ;
2121 person : Person ;
22- personClass : User = new User ( ) ;
23- self : Table < Person > ;
2422 personPage : PaginationPage < Person > ;
23+ personClass : User = new User ( ) ;
2524
26- @Input ( ) message ;
27- @Input ( ) personListComponent :PersonListComponent ;
28-
29- @Output ( ) updateByEdit = new EventEmitter ( ) ;
30-
31- passingValuesCreate ( hiddenId1 , firstname1 , lastname1 , age1 ) {
32- this . personClass . id = hiddenId1 ;
33- this . personClass . firstname = firstname1 ;
34- this . personClass . lastname = lastname1 ;
35- this . personClass . age = age1 ;
36- this . create ( this . personClass ) ;
37- }
38-
39- passingValuesEdit ( hiddenId1 , firstname1 , lastname1 , age1 ) {
40- console . log ( "temp calledd edit>>>>>>>>>>>>>>> " + hiddenId1 ) ;
41- this . personClass . id = hiddenId1 ;
42- this . personClass . firstname = firstname1 ;
43- this . personClass . lastname = lastname1 ;
44- this . personClass . age = age1 ;
45- }
46-
47-
25+ @Input ( ) idRendered : number ;
26+ @Input ( ) firstnameRendered : string ;
27+ @Input ( ) lastnameRendered : string ;
28+ @Input ( ) ageRendered : string ;
29+ //@Output () updateByEdit = new EventEmitter();
4830
4931
5032 constructor ( private router : Router , private route : ActivatedRoute , private personService : PersonService ) {
5133 }
5234
53-
5435 ngOnInit ( ) {
5536 this . route . params . subscribe ( params => {
5637 if ( params [ 'id' ] == null ) {
57- //this.person = Person;
5838 } else {
59- this . personService . getPerson ( Number ( params [ 'id' ] ) ) . subscribe ( person => this . person = person ) ;
39+ this . personService . getPerson ( Number ( params [ 'id' ] ) ) . subscribe ( person => this . personClass = person ) ;
6040 }
6141 } ) ;
6242 localStorage . clear ( ) ;
63- let observable : Rx . Observable < PaginationPage < any > > = this . fetchPage ( 0 , 5 , null ) ;
64- showLoading ( ) ;
65- observable . subscribe ( doNothing , hideLoading , hideLoading ) ;
66- this . self = this ;
67-
68- //this.message = "5";
69- }
70- fetchPage ( pageNumber : number , pageSize : number , sort : PaginationPropertySort ) : Rx . Observable < PaginationPage < Person > > {
71- let observable : Rx . Observable < PaginationPage < Person > > = this . personService . findPersons ( pageNumber , pageSize , sort ) ;
72- observable . subscribe ( personPage => this . personPage = personPage ) ;
73- return observable ;
7443 }
7544
7645
77- edit ( hiddenId1 , firstname1 , lastname1 , age1 , personClass ) {
7846
47+ passingValuesCreate ( hiddenId1 , firstname1 , lastname1 , age1 ) {
48+ this . personClass . id = null ;
49+ this . personClass . firstname = firstname1 ;
50+ this . personClass . lastname = lastname1 ;
51+ this . personClass . age = age1 ;
52+ this . create ( this . personClass ) ;
53+ }
54+
55+ passingValuesEdit ( user ) {
56+ this . personClass = user ;
57+ this . SendVals ( this . personClass ) ;
58+ // this.loadData();
59+ }
60+
61+ //which fetches values from text field
62+ editTemp ( hiddenId1 , firstname1 , lastname1 , age1 ) {
7963 this . personClass . id = hiddenId1 ;
8064 this . personClass . firstname = firstname1 ;
8165 this . personClass . lastname = lastname1 ;
8266 this . personClass . age = age1 ;
67+ this . edit ( this . personClass ) ;
68+ }
8369
84- this . storedValues ( this . personClass . id , this . personClass . firstname , this . personClass . lastname , this . personClass . age ) ;
70+ edit ( personClass ) {
8571
8672 let observable : Rx . Observable < string > = this . personService . updatePerson ( personClass ) ;
8773 showLoading ( ) ;
88- observable . switchMap ( ( ) => {
89- return this . fetchPage ( 0 , 5 , null ) ;
90- } ) . subscribe ( doNothing , hideLoading , hideLoading ) ;
91- /*observable.subscribe(doNothing, hideLoading, ()=>{
74+ observable . subscribe ( doNothing , hideLoading , ( ) => {
9275 this . router . navigate ( [ '' ] ) ;
9376 hideLoading ( ) ;
94- });*/
95- }
96-
97- storedValues ( hiddenid2 , firstname2 , lastname2 , age2 ) {
98- localStorage . setItem ( 'hiddenId' , hiddenid2 ) ;
99- localStorage . setItem ( 'firstname' , firstname2 ) ;
100- localStorage . setItem ( 'lastname' , lastname2 ) ;
101- localStorage . setItem ( 'age' , age2 ) ;
77+ } ) ;
10278 }
103-
104-
105-
106-
107-
10879 create ( personClass ) {
109- localStorage . clear ( ) ;
110- console . log ( "create form called" + this . personClass . firstname ) ;
80+
11181
11282 let observable : Rx . Observable < string > = this . personService . createPerson ( this . personClass ) ;
11383 showLoading ( ) ;
114- observable . switchMap ( ( ) => {
115- return this . fetchPage ( 0 , 3 , null ) ;
116- } ) . subscribe ( doNothing , hideLoading , hideLoading ) ;
117- /*observable.subscribe(doNothing, hideLoading, ()=> {
84+ observable . subscribe ( doNothing , hideLoading , ( ) => {
11885 this . router . navigate ( [ '' ] ) ;
11986 hideLoading ( ) ;
120- });*/
121-
87+ } ) ;
12288 }
12389
12490
91+ //sendvals : this function is used to store and return values for particular chosen person [setters]
92+ SendVals ( newObj ) {
93+ localStorage . setItem ( 'hiddenId' , newObj . id ) ;
94+ localStorage . setItem ( 'firstname' , newObj . firstname ) ;
95+ localStorage . setItem ( 'lastname' , newObj . lastname ) ;
96+ localStorage . setItem ( 'age' , newObj . age ) ;
97+ }
98+ //loadData : this function is used to store and return values for particular chosen person [getters]
99+ loadData ( ) {
100+ this . idRendered = parseInt ( localStorage . getItem ( 'hiddenId' ) ) ;
101+ this . firstnameRendered = localStorage . getItem ( 'firstname' ) ;
102+ this . lastnameRendered = localStorage . getItem ( 'lastname' ) ;
103+ this . ageRendered = localStorage . getItem ( 'age' ) ;
104+ }
125105
126106 reset ( ) {
127- this . myForm . reset ( ) ;
107+ localStorage . clear ( ) ;
128108 }
129109
130110
0 commit comments