add user

package-lock.json

@@ -10362,8 +10362,7 @@
             "ansi-regex": {
               "version": "2.1.1",
               "bundled": true,
-              "dev": true,
-              "optional": true
+              "dev": true
             },
             "aproba": {
               "version": "1.2.0",
@@ -10406,8 +10405,7 @@
             "code-point-at": {
               "version": "1.1.0",
               "bundled": true,
-              "dev": true,
-              "optional": true
+              "dev": true
             },
             "concat-map": {
               "version": "0.0.1",
@@ -10418,8 +10416,7 @@
             "console-control-strings": {
               "version": "1.1.0",
               "bundled": true,
-              "dev": true,
-              "optional": true
+              "dev": true
             },
             "core-util-is": {
               "version": "1.0.2",
@@ -10536,8 +10533,7 @@
             "inherits": {
               "version": "2.0.3",
               "bundled": true,
-              "dev": true,
-              "optional": true
+              "dev": true
             },
             "ini": {
               "version": "1.3.5",
@@ -10549,7 +10545,6 @@
               "version": "1.0.0",
               "bundled": true,
               "dev": true,
-              "optional": true,
               "requires": {
                 "number-is-nan": "^1.0.0"
               }
@@ -10579,7 +10574,6 @@
               "version": "2.3.5",
               "bundled": true,
               "dev": true,
-              "optional": true,
               "requires": {
                 "safe-buffer": "^5.1.2",
                 "yallist": "^3.0.0"
@@ -10598,7 +10592,6 @@
               "version": "0.5.1",
               "bundled": true,
               "dev": true,
-              "optional": true,
               "requires": {
                 "minimist": "0.0.8"
               }
@@ -10692,7 +10685,6 @@
               "version": "1.4.0",
               "bundled": true,
               "dev": true,
-              "optional": true,
               "requires": {
                 "wrappy": "1"
               }
@@ -10778,8 +10770,7 @@
             "safe-buffer": {
               "version": "5.1.2",
               "bundled": true,
-              "dev": true,
-              "optional": true
+              "dev": true
             },
             "safer-buffer": {
               "version": "2.1.2",
@@ -10815,7 +10806,6 @@
               "version": "1.0.2",
               "bundled": true,
               "dev": true,
-              "optional": true,
               "requires": {
                 "code-point-at": "^1.0.0",
                 "is-fullwidth-code-point": "^1.0.0",
@@ -10835,7 +10825,6 @@
               "version": "3.0.1",
               "bundled": true,
               "dev": true,
-              "optional": true,
               "requires": {
                 "ansi-regex": "^2.0.0"
               }
@@ -10879,14 +10868,12 @@
             "wrappy": {
               "version": "1.0.2",
               "bundled": true,
-              "dev": true,
-              "optional": true
+              "dev": true
             },
             "yallist": {
               "version": "3.0.3",
               "bundled": true,
-              "dev": true,
-              "optional": true
+              "dev": true
             }
           }
         },
@@ -11409,7 +11396,6 @@
               "version": "2.3.5",
               "bundled": true,
               "dev": true,
-              "optional": true,
               "requires": {
                 "safe-buffer": "^5.1.2",
                 "yallist": "^3.0.0"
@@ -11428,7 +11414,6 @@
               "version": "0.5.1",
               "bundled": true,
               "dev": true,
-              "optional": true,
               "requires": {
                 "minimist": "0.0.8"
               }
@@ -11608,8 +11593,7 @@
             "safe-buffer": {
               "version": "5.1.2",
               "bundled": true,
-              "dev": true,
-              "optional": true
+              "dev": true
             },
             "safer-buffer": {
               "version": "2.1.2",
@@ -11715,8 +11699,7 @@
             "yallist": {
               "version": "3.0.3",
               "bundled": true,
-              "dev": true,
-              "optional": true
+              "dev": true
             }
           }
         },

src/app/dtcservice/user.service.ts

@@ -18,4 +18,8 @@ export class UserService {
     return this.http.get<User[]>(this.apihost+'/user');
   }
 
+  addUser(user:User):Observable<User>{
+    return this.http.post<User>(this.apihost+"/user",user,httpOptions);
+  }
+
 }

src/app/module/module-user/user-add/user-add.component.html

@@ -1 +1,17 @@
-<p>user-add works!</p>
+<div class="pure-form pure-form-aligned">
+    <fieldset>
+        <div class="pure-control-group">
+            <label for="username">Username</label>
+            <input id="username" [(ngModel)]="user.username" placeholder="Username">
+        </div>
+        <div class="pure-control-group">
+            <label for="password">Password</label>
+            <input id="password" [(ngModel)]="user.password" type="password" placeholder="Password">
+        </div>
+        <div class="pure-control-group">
+            <label for="fullname">Fullname</label>
+            <input id="fullname" [(ngModel)]="user.fullname" placeholder="Fullname">
+        </div>
+        <button (click)="save()" class="pure-button pure-button-primary">Save</button>
+    </fieldset>
+</div>

src/app/module/module-user/user-add/user-add.component.ts

@@ -1,4 +1,7 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit,Input } from '@angular/core';
+import { Location } from '@angular/common';
+import { User } from '../../../dtcservice/user'
+import {UserService} from '../../../dtcservice/user.service';
 
 @Component({
   selector: 'app-user-add',
@@ -6,10 +9,17 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./user-add.component.scss']
 })
 export class UserAddComponent implements OnInit {
-
-  constructor() { }
+  @Input() user:User;
+  constructor(private location:Location,private userService:UserService) { }
 
   ngOnInit() {
+    if(!this.user){
+      this.user = {} as User;
+    }
+  }
+
+  save():void{
+      this.userService.addUser(this.user).subscribe(() => this.location.back());    
   }
 
 }