remove functionality added and some code modify

Author: rohitazad

src/app/ram/product/product-add-edit/product-add-edit.component.ts

@@ -190,9 +190,24 @@ export class ProductAddEditComponent implements OnInit, AfterViewInit, OnDestroy
   onBack():void{
     this._router.navigate(['/product']);
   }
+
+
   onTrash():void{
     console.log('trash click');
     console.log(this.rank);
+
+    if (this.moviesDetails.id === 0) {
+        // Don't delete, it was never saved.
+        this.onSaveComplete();
+  } else {
+        if (confirm(`Really delete the movie : ${this.moviesDetails.title}?`)) {
+            this._service.deleteMovie(this.moviesDetails.id)
+                .subscribe(
+                    () => this.onSaveComplete(),
+                    (error: any) => this.errorMessage = <any>error
+                );
+        }
+    }
   }
 
   formUpdate() :void{

src/app/ram/product/product-details/product-details.component.html

@@ -4,10 +4,15 @@
          <span *ngIf="moviesDetails">{{moviesDetails.title | capitalizeFirst : true}}</span>
     </div>
     <div class='panel-body'>
+        <div class="row">
+            <div class="col-sm-12">
+                    <button class="btn btn-primary pull-right" type="button" style="margin-right:10px;" (click)='addNewOne()'><i class='fa fa-vcard'></i > Add New Movie</button>
+            </div>
+        </div>
         <div class="row">
             <div class="col-sm-12">
 
-                <div class="panel panel-primary" *ngIf="moviesDetails">
+                <div class="" *ngIf="moviesDetails">
 
                     <div class="panel-body">
                         <div class="row">
@@ -89,11 +94,8 @@
         <a class='btn btn-default' (click)='onBack()'>
             <i class='glyphicon glyphicon-chevron-left'></i> Back to movies list
         </a>
-        <a tooltip="Remove" class='btn btn-primary pull-right' (click)='onTrash()' style="margin-left:10px;">
-            <i class='glyphicon fa fa-trash'></i>
-        </a>
         <a tooltip="Edit" class='btn btn-primary pull-right' (click)='onEdit()'>
-            <i class='glyphicon fa fa-edit'></i>
+            <i class='glyphicon fa fa-edit'></i> Edit Movie
         </a>
     </div>
 </div>

src/app/ram/product/product-details/product-details.component.ts

@@ -53,11 +53,13 @@ export class ProductDetailsComponent implements OnInit {
   onBack():void{
     this._router.navigate(['/product']);
   }
-  onTrash():void{
-    console.log('trash click');
-    console.log(this.rank);
-  }
+
   onEdit():void{
     this._router.navigate(['/product/edit', this.rank]);
   }
+
+  addNewOne(){
+    console.log('yes add to one');
+    this._router.navigate(['/product/edit/0']);
+  }
 }

src/app/ram/product/product-list/product-list.component.html

@@ -19,6 +19,9 @@
                 <div class='col-md-6'>
                     <h4>Filtered by: {{listFilter}} </h4>
                 </div>
+                <div class="col-md-6">
+                    <button class="btn btn-primary pull-right" type="button" style="margin-right:10px;" (click)='addNewOne()'><i class='fa fa-vcard'></i > Add New Movie</button>
+                </div>
             </div>
             <div class='table-responsive' *ngIf="moviesList && moviesList.length">
               <h5>{{title}}</h5>

src/app/ram/product/product-list/product-list.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-
+import { Router } from '@angular/router';
 import { ProductServiceService } from '../product-service.service';
 
 @Component({
@@ -90,7 +90,9 @@ export class ProductListComponent implements OnInit {
 
   // ]
   moviesList: any[];
-  constructor(private productService: ProductServiceService) { }
+  constructor(private productService: ProductServiceService,
+    private _router: Router,      
+  ) { }
 
   ngOnInit() {
     this.productService.getProducts()
@@ -105,4 +107,10 @@ export class ProductListComponent implements OnInit {
     let ratingItemClick = 'Product List: ' + message;
     console.log(ratingItemClick)
   }
+
+  addNewOne(){
+    console.log('yes add to one');
+    this._router.navigate(['/product/edit/0']);
+  }
+
 }

src/app/ram/product/product-service.service.ts

@@ -70,6 +70,17 @@ export class ProductServiceService {
   }
 
 
+  // movies list remove based on id 
+  deleteMovie(id:number):Observable<Response> {
+      let headers = new Headers({ 'Content-Type': 'application/json' });
+      let options = new RequestOptions({ headers: headers });
+
+      const url = `${this.baseUrl}/${id}`;
+      return this.http.delete(url, options)
+          .do(data => console.log('deleteMovie: ' + JSON.stringify(data)))
+          .catch(this.handleError);
+  }
+
   private extractData(response: Response) {
     let body = response.json();
     return body.data || {};

src/app/ram/register-client/register-client.component.ts

@@ -35,7 +35,7 @@ function ratingRange(min: number, max: number): ValidatorFn {
 })
 export class RegisterClientComponent implements OnInit {
 
-  private clientMessage = {
+   clientMessage = {
     title: 'Client Registration Form',
     validationMessages:{
       firtName :{

src/app/ram/sign-up-form/sign-up-form.component.html

@@ -143,9 +143,9 @@
 
       <div class="panel-footer">
         <br>Dirty: {{ customerForm.dirty }}
-<br>Touched: {{ customerForm.touched }}
-<br>Valid: {{ customerForm.valid }}
-<br>Value: {{ customerForm.value | json }}
+        <br>Touched: {{ customerForm.touched }}
+        <br>Valid: {{ customerForm.valid }}
+        <br>Value: {{ customerForm.value | json }}
       </div>
     </div>
   </div>

src/app/share/footer/footer.component.html

@@ -21,6 +21,8 @@ <h5 class="heading5">Follow Us</h5>
                       <a [routerLink]="['/home']">Home <span class="sr-only">(current)</span></a>
                   </li>
                   <li [routerLinkActive]="['active']"><a [routerLink]="['/product']">Product</a></li>
+                  <li [routerLinkActive]="['active']"><a [routerLink]="['/sign-up']">Sign Up</a></li>
+                  <li [routerLinkActive]="['active']"><a [routerLink]="['/client-register']">Client Register</a></li>
                   <li [routerLinkActive]="['active']"><a [routerLink]="['/contact']">Contact</a></li>
               </ul>
           </div>

src/index.html

@@ -9,7 +9,7 @@
   <base href="/">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="assets/images/fav.png">
+  <link rel="icon" type="image/x-icon" href="http://rohitazad.com/ng-rohitazad/assets/faviIcon/apple-icon-60x60.png">
 </head>
 <body>
   <app-root></app-root>