Sweet Alert 2 In master

ng6-seed/src/app/settings/masters/component/branch/branch-list/branch-list.component.html

@@ -51,7 +51,7 @@
                             matTooltip="Active" matTooltipPosition="above"
                             checked="true" [color]="color"
                             (change)="isactiveBranch(row.branch_id,row.isactive)"
-                            onclick="return confirm('Are you sure?')">
+                            (click)="deactive()">
             </mat-slide-toggle>
             <ng-template #notactive >
             <mat-slide-toggle
@@ -59,7 +59,7 @@
                 matTooltip="Inactive" matTooltipPosition="above"
                 checked="false" [color]="color"
                 (change)="isactiveBranch(row.branch_id,row.isactive)"
-                onclick="return confirm('Are you sure?')">
+                (click)="active()">
             </mat-slide-toggle></ng-template>
 
           </mat-cell>

ng6-seed/src/app/settings/masters/component/branch/branch-list/branch-list.component.ts

@@ -14,7 +14,8 @@ import { MastersService } from '../../../../service/masters/masters.service';
 import { BranchDialogComponent } from '../branch-dialog/branch-dialog.component';
 /** Model */
 import { Branch } from '../../../model/branch';
-
+/**sweet alert */
+import Swal from 'sweetalert2';
 @Component({ 
   selector: 'app-branch-list',
   templateUrl: './branch-list.component.html',
@@ -120,7 +121,7 @@ export class BranchListComponent implements OnInit {
               this.getBranch();
           }
           else{
-            alert("SomeThing Wents Wrong Try Again !");
+            Swal("SomeThing Wents Wrong Try Again !");
           }
          });
    }
@@ -140,11 +141,46 @@ export class BranchListComponent implements OnInit {
                           this.getBranch();
                     }
                     else{
-                          alert("SomeThing Wents Wrong Try Again !");
+                          Swal("SomeThing Wents Wrong Try Again !");
                     }
         });
   }
-
+//Sweetalert2  for active and deactive
+active(){
+    Swal({
+      title: 'Are you sure?', 
+      type: 'warning',
+      showCancelButton: true,
+      confirmButtonColor: '#3085d6',
+      cancelButtonColor: '#d33',
+      confirmButtonText: 'Yes, activate it!'
+    }).then((result) => {
+      if (result.value) {
+        Swal(
+          'Activated!', 
+          'success'
+        )
+      }
+    }) 
+  }
+  deactive()
+  {
+    Swal({
+      title: 'Are you sure?', 
+      type: 'warning',
+      showCancelButton: true,
+      confirmButtonColor: '#3085d6',
+      cancelButtonColor: '#d33',
+      confirmButtonText: 'Yes, deactivate it!'
+    }).then((result) => {
+      if (result.value) {
+        Swal(
+          'Deactivated!', 
+          'success'
+        )
+      }
+    })
+  }
   /** For Display Tables Pagination And Sorting */
   ngAfterViewInit() {
     this.dataSource.paginator = this.paginator;

ng6-seed/src/app/settings/masters/component/city/city-list/city-list.component.html

@@ -141,7 +141,7 @@
                   matTooltip="Active" matTooltipPosition="above"
                   checked="true"
                   (change)="isactiveCity(row.city_id,row.isactive)"
-                  onclick="return confirm('Are you sure?')">
+                  (click)="deactive()">
   </mat-slide-toggle>
   <ng-template #notactive > 
   <mat-slide-toggle
@@ -149,7 +149,7 @@
       matTooltip="Inactive" matTooltipPosition="above"
       checked="false"
       (change)="isactiveCity(row.city_id,row.isactive)"
-      onclick="return confirm('Are you sure?')">
+      (click)="active()">
   </mat-slide-toggle></ng-template>
                   <!-- <button mat-icon-button class="active" matTooltip="Active" matTooltipPosition="above" (click)="isactiveCity(row.city_id,row.isactive)" *ngIf="row.isactive == 1;else notactive;"><mat-icon>done</mat-icon></button>
                   <ng-template #notactive><button mat-icon-button class="deactive" matTooltip="Inactive" matTooltipPosition="above" (click)="isactiveCity(row.city_id,row.isactive)"><mat-icon>clear</mat-icon></button></ng-template> -->

ng6-seed/src/app/settings/masters/component/city/city-list/city-list.component.ts

@@ -14,6 +14,10 @@ import { CityDialogComponent } from '../city-dialog/city-dialog.component';
 /** Model */
 import { City } from '../../../model/city';
 
+
+/**sweet alert */
+import Swal from 'sweetalert2';
+
 @Component({
   selector: 'app-city-list',
   templateUrl: './city-list.component.html',
@@ -126,12 +130,50 @@ pageSize = 10;
                         this.getCity();
                   }
                   else{
-                        alert("SomeThing Wents Wrong Try Again !");
+                        Swal("SomeThing Wents Wrong Try Again !");
                   }
       });
 }
 
 
+//Sweetalert2  for active and deactive
+active(){
+    Swal({
+      title: 'Are you sure?', 
+      type: 'warning',
+      showCancelButton: true,
+      confirmButtonColor: '#3085d6',
+      cancelButtonColor: '#d33',
+      confirmButtonText: 'Yes, activate it!'
+    }).then((result) => {
+      if (result.value) {
+        Swal(
+          'Activated!', 
+          'success'
+        )
+      }
+    }) 
+  }
+  deactive()
+  {
+    Swal({
+      title: 'Are you sure?', 
+      type: 'warning',
+      showCancelButton: true,
+      confirmButtonColor: '#3085d6',
+      cancelButtonColor: '#d33',
+      confirmButtonText: 'Yes, deactivate it!'
+    }).then((result) => {
+      if (result.value) {
+        Swal(
+          'Deactivated!', 
+          'success'
+        )
+      }
+    })
+  }
+  
+
   /** For Display Tables Pagination And Sorting */
   ngAfterViewInit() {
     this.dataSource.paginator = this.paginator;

ng6-seed/src/app/settings/masters/component/comments-on-locality/comments-on-locality-list/comments-on-locality-list.component.html

@@ -122,7 +122,7 @@
                 matTooltip="Active" matTooltipPosition="above"
                 checked="true" [color]="color"
                 (change)="isactiveCommentsOnLocality(row.comments_on_locality_id,row.isactive)"
-                onclick="return confirm('Are you sure?')">
+                (click)="deactive()">
 </mat-slide-toggle>
 <ng-template #notactive >
 <mat-slide-toggle
@@ -130,7 +130,7 @@
     matTooltip="Inactive" matTooltipPosition="above"
     checked="false" [color]="color"
     (change)="isactiveCommentsOnLocality(row.comments_on_locality_id,row.isactive)"
-    onclick="return confirm('Are you sure?')">
+    (click)="active()">
 </mat-slide-toggle></ng-template>
               </mat-cell>
             </ng-container>

ng6-seed/src/app/settings/masters/component/comments-on-locality/comments-on-locality-list/comments-on-locality-list.component.ts

@@ -16,6 +16,8 @@ import { CommentsOnLocalityDialogComponent } from '../comments-on-locality-dialo
 /** Model */
 import { CommentsOnLocality } from '../../../model/comments-on-locality';
 
+/**sweet alert */
+import Swal from 'sweetalert2';
 @Component({
   selector: 'app-comments-on-locality-list',
   templateUrl: './comments-on-locality-list.component.html',
@@ -125,12 +127,50 @@ export class CommentsOnLocalityListComponent implements OnInit {
                           this.getCommentsOnLocality();
                     }
                     else{
-                          alert("SomeThing Wents Wrong Try Again !");
+                      Swal("SomeThing Wents Wrong Try Again !");
                     }
         });
   }
   
 
+
+//Sweetalert2  for active and deactive
+active(){
+    Swal({
+      title: 'Are you sure?', 
+      type: 'warning',
+      showCancelButton: true,
+      confirmButtonColor: '#3085d6',
+      cancelButtonColor: '#d33',
+      confirmButtonText: 'Yes, activate it!'
+    }).then((result) => {
+      if (result.value) {
+        Swal(
+          'Activated!', 
+          'success'
+        )
+      }
+    }) 
+  }
+  deactive()
+  {
+    Swal({
+      title: 'Are you sure?', 
+      type: 'warning',
+      showCancelButton: true,
+      confirmButtonColor: '#3085d6',
+      cancelButtonColor: '#d33',
+      confirmButtonText: 'Yes, deactivate it!'
+    }).then((result) => {
+      if (result.value) {
+        Swal(
+          'Deactivated!', 
+          'success'
+        )
+      }
+    })
+  }
+  
     /** For Display Tables Pagination And Sorting */
     ngAfterViewInit() {
       this.dataSource.paginator = this.paginator;

ng6-seed/src/app/settings/masters/component/customer-behaviour/customer-behaviour-list/customer-behaviour-list.component.html

@@ -122,7 +122,7 @@
                   matTooltip="Active" matTooltipPosition="above"
                   checked="true" [color]="color"
                   (change)="isactiveCustomerBehaviour(row.customer_behaviour_id,row.isactive)"
-                  onclick="return confirm('Are you sure?')">
+                  (click)="deactive()">
   </mat-slide-toggle>
   <ng-template #notactive >
   <mat-slide-toggle
@@ -130,7 +130,7 @@
       matTooltip="Inactive" matTooltipPosition="above"
       checked="false"
       (change)="isactiveCustomerBehaviour(row.customer_behaviour_id,row.isactive)"
-      onclick="return confirm('Are you sure?')">
+      (click)="active()">
   </mat-slide-toggle></ng-template>
                </mat-cell>
             </ng-container>

ng6-seed/src/app/settings/masters/component/customer-behaviour/customer-behaviour-list/customer-behaviour-list.component.ts

@@ -15,7 +15,8 @@ import { MastersService } from '../../../../service/masters/masters.service';
 import { CustomerBehaviourDialogComponent } from '../customer-behaviour-dialog/customer-behaviour-dialog.component';
 /** Model */
 import { CustomerBehaviour } from '../../../model/customer-behaviour';
-
+/**sweet alert */
+import Swal from 'sweetalert2';
 
 @Component({
   selector: 'app-customer-behaviour-list',
@@ -127,10 +128,50 @@ pageSize = 10;
                         this.getCustomerBehaviour();
                   }
                   else{
-                        alert("SomeThing Wents Wrong Try Again !");
+                    Swal("SomeThing Wents Wrong Try Again !");
                   }
       });
 }
+
+
+
+//Sweetalert2  for active and deactive
+active(){
+    Swal({
+      title: 'Are you sure?', 
+      type: 'warning',
+      showCancelButton: true,
+      confirmButtonColor: '#3085d6',
+      cancelButtonColor: '#d33',
+      confirmButtonText: 'Yes, activate it!'
+    }).then((result) => {
+      if (result.value) {
+        Swal(
+          'Activated!', 
+          'success'
+        )
+      }
+    }) 
+  }
+  deactive()
+  {
+    Swal({
+      title: 'Are you sure?', 
+      type: 'warning',
+      showCancelButton: true,
+      confirmButtonColor: '#3085d6',
+      cancelButtonColor: '#d33',
+      confirmButtonText: 'Yes, deactivate it!'
+    }).then((result) => {
+      if (result.value) {
+        Swal(
+          'Deactivated!', 
+          'success'
+        )
+      }
+    })
+  }
+  
 /** For Display Tables Pagination And Sorting */
 ngAfterViewInit() {
   this.dataSource.paginator = this.paginator;

ng6-seed/src/app/settings/masters/component/customer-segment/customer-segment-list/customer-segment-list.component.html

@@ -118,7 +118,7 @@
                      matTooltip="Active" matTooltipPosition="above"
                      checked="true" [color]="color"
                      (change)="isactiveCustomerSegment(row.customer_segment_id,row.isactive)"
-                     onclick="return confirm('Are you sure?')">
+                     (click)="deactive()">
      </mat-slide-toggle>
      <ng-template #notactive >
      <mat-slide-toggle
@@ -126,7 +126,7 @@
          matTooltip="Inactive" matTooltipPosition="above"
          checked="false" [color]="color"
          (change)="isactiveCustomerSegment(row.customer_segment_id,row.isactive)"
-         onclick="return confirm('Are you sure?')">
+         (click)="active()">
      </mat-slide-toggle></ng-template>
                   </mat-cell>
                 </ng-container>

ng6-seed/src/app/settings/masters/component/customer-segment/customer-segment-list/customer-segment-list.component.ts

@@ -15,7 +15,8 @@ import { MastersService } from '../../../../service/masters/masters.service';
 import { CustomerSegmentDialogComponent } from '../customer-segment-dialog/customer-segment-dialog.component';
 /** Model */
 import { CustomerSegment } from '../../../model/customer-segment';
-
+/**sweet alert */
+import Swal from 'sweetalert2';
 
 @Component({
   selector: 'app-customer-segment-list',
@@ -129,10 +130,50 @@ displayedColumns = ['serialno','name','actions','isactive'];
                         this.getCustomerSegment();
                   }
                   else{
-                        alert("SomeThing Wents Wrong Try Again !");
+                    Swal("SomeThing Wents Wrong Try Again !");
                   }
       });
 }
+
+
+
+//Sweetalert2  for active and deactive
+active(){
+    Swal({
+      title: 'Are you sure?', 
+      type: 'warning',
+      showCancelButton: true,
+      confirmButtonColor: '#3085d6',
+      cancelButtonColor: '#d33',
+      confirmButtonText: 'Yes, activate it!'
+    }).then((result) => {
+      if (result.value) {
+        Swal(
+          'Activated!', 
+          'success'
+        )
+      }
+    }) 
+  }
+  deactive()
+  {
+    Swal({
+      title: 'Are you sure?', 
+      type: 'warning',
+      showCancelButton: true,
+      confirmButtonColor: '#3085d6',
+      cancelButtonColor: '#d33',
+      confirmButtonText: 'Yes, deactivate it!'
+    }).then((result) => {
+      if (result.value) {
+        Swal(
+          'Deactivated!', 
+          'success'
+        )
+      }
+    })
+  }
+  
   /** For Display Tables Pagination And Sorting */
   ngAfterViewInit() {
     this.dataSource.paginator = this.paginator;

ng6-seed/src/app/settings/masters/component/designation/designation-list/designation-list.component.html

@@ -110,7 +110,7 @@
                  matTooltip="Active" matTooltipPosition="above"
                  checked="true" [color]="color"
                  (change)="isactiveDesignation(row.designation_id,row.isactive)"
-                 onclick="return confirm('Are you sure?')">
+                 (click)="deactive()">
  </mat-slide-toggle>
  <ng-template #notactive >
  <mat-slide-toggle
@@ -118,7 +118,7 @@
      matTooltip="Inactive" matTooltipPosition="above"
      checked="false" [color]="color"
      (change)="isactiveDesignation(row.designation_id,row.isactive)"
-     onclick="return confirm('Are you sure?')">
+     (click)="active()">
  </mat-slide-toggle></ng-template>
               </mat-cell>
             </ng-container>

ng6-seed/src/app/settings/masters/component/designation/designation-list/designation-list.component.ts

@@ -15,7 +15,8 @@ import { MastersService } from '../../../../service/masters/masters.service';
 import { DesignationDialogComponent } from '../designation-dialog/designation-dialog.component';
 /** Model */
 import { Designation } from '../../../model/designation';
-
+/**sweet alert */
+import Swal from 'sweetalert2';
 
 @Component({
   selector: 'app-designation-list',
@@ -123,10 +124,50 @@ pageSize = 10;
                         this.getDesignation();
                   }
                   else{
-                        alert("SomeThing Wents Wrong Try Again !");
+                    Swal("SomeThing Wents Wrong Try Again !");
                   }
       });
 }
+
+
+
+//Sweetalert2  for active and deactive
+active(){
+    Swal({
+      title: 'Are you sure?', 
+      type: 'warning',
+      showCancelButton: true,
+      confirmButtonColor: '#3085d6',
+      cancelButtonColor: '#d33',
+      confirmButtonText: 'Yes, activate it!'
+    }).then((result) => {
+      if (result.value) {
+        Swal(
+          'Activated!', 
+          'success'
+        )
+      }
+    }) 
+  }
+  deactive()
+  {
+    Swal({
+      title: 'Are you sure?', 
+      type: 'warning',
+      showCancelButton: true,
+      confirmButtonColor: '#3085d6',
+      cancelButtonColor: '#d33',
+      confirmButtonText: 'Yes, deactivate it!'
+    }).then((result) => {
+      if (result.value) {
+        Swal(
+          'Deactivated!', 
+          'success'
+        )
+      }
+    })
+  }
+  
     /** For Display Tables Pagination And Sorting */
   ngAfterViewInit() {
     this.dataSource.paginator = this.paginator;

ng6-seed/src/app/settings/masters/component/frequency/frequency-list/frequency-list.component.html

@@ -117,7 +117,7 @@
                   matTooltip="Active" matTooltipPosition="above"
                   checked="true" [color]="color"
                   (change)="isactiveFrequency(row.frequency_id,row.isactive)"
-                  onclick="return confirm('Are you sure?')">
+                  (click)="deactive()">
   </mat-slide-toggle>
   <ng-template #notactive >
   <mat-slide-toggle
@@ -125,7 +125,7 @@
       matTooltip="Inactive" matTooltipPosition="above"
       checked="false"
       (change)="isactiveFrequency(row.frequency_id,row.isactive)"
-      onclick="return confirm('Are you sure?')">
+      (click)="active()">
   </mat-slide-toggle></ng-template>
                 </mat-cell>
               </ng-container>

ng6-seed/src/app/settings/masters/component/frequency/frequency-list/frequency-list.component.ts

@@ -16,6 +16,8 @@ import { MastersService } from '../../../../service/masters/masters.service';
 import { FrequencyDialogComponent }from '../frequency-dialog/frequency-dialog.component';
 /** Model */
 import { Frequency } from '../../../model/frequency';
+/**sweet alert */
+import Swal from 'sweetalert2';
 
 
 @Component({
@@ -134,10 +136,49 @@ export class FrequencyListComponent implements OnInit {
                         this.getFrequency();
                   }
                   else{
-                        alert("SomeThing Wents Wrong Try Again !");
+                    Swal("SomeThing Wents Wrong Try Again !");
                   }
       });
 }
+
+
+//Sweetalert2  for active and deactive
+active(){
+    Swal({
+      title: 'Are you sure?', 
+      type: 'warning',
+      showCancelButton: true,
+      confirmButtonColor: '#3085d6',
+      cancelButtonColor: '#d33',
+      confirmButtonText: 'Yes, activate it!'
+    }).then((result) => {
+      if (result.value) {
+        Swal(
+          'Activated!', 
+          'success'
+        )
+      }
+    }) 
+  }
+  deactive()
+  {
+    Swal({
+      title: 'Are you sure?', 
+      type: 'warning',
+      showCancelButton: true,
+      confirmButtonColor: '#3085d6',
+      cancelButtonColor: '#d33',
+      confirmButtonText: 'Yes, deactivate it!'
+    }).then((result) => {
+      if (result.value) {
+        Swal(
+          'Deactivated!', 
+          'success'
+        )
+      }
+    })
+  }
+  
 /** For Display Tables Pagination And Sorting */
 ngAfterViewInit() {
   this.dataSource.paginator = this.paginator;

ng6-seed/src/app/settings/masters/component/industry_classification/industry_classification-list/industry_classification-list.component.html

@@ -48,14 +48,14 @@
                         matTooltip="Active" matTooltipPosition="above"
                         checked="true" [color]="color"
                         (change)="isactiveIndustryClassification(row.industry_classification_id,row.isactive)"
-                        onclick="return confirm('Are you sure?')"></mat-slide-toggle>
+                        (click)="deactive()"></mat-slide-toggle>
                    <ng-template #notactive >
                     <mat-slide-toggle
                         class="example-margin"
                         matTooltip="Inactive" matTooltipPosition="above"
                         checked="false" [color]="color"
                         (change)="isactiveIndustryClassification(row.industry_classification_id,row.isactive)"
-                        onclick="return confirm('Are you sure?')">
+                        (click)="active()">
                     </mat-slide-toggle></ng-template>
                 </mat-cell>
               </ng-container>

ng6-seed/src/app/settings/masters/component/industry_classification/industry_classification-list/industry_classification-list.component.ts

@@ -16,6 +16,8 @@ import { MastersService } from '../../../../service/masters/masters.service';
 import { IndustryClassificationDialogComponent } from '../industry_classification-dialog/industry_classification-dialog.component';
 /** Model */
 import {  IndustryClassification } from '../../../model/industry_classification';
+/**sweet alert */
+import Swal from 'sweetalert2';
 
 @Component({
   selector: 'app-industry_classification-list',
@@ -143,11 +145,48 @@ pageSize = 10;
                         this.getIndustryClassification();
                   }
                   else{
-                        alert("SomeThing Wents Wrong Try Again !");
+                    Swal("SomeThing Wents Wrong Try Again !");
                   }
       });
 }
  
+//Sweetalert2  for active and deactive
+active(){
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, activate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Activated!', 
+        'success'
+      )
+    }
+  }) 
+}
+deactive()
+{
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, deactivate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Deactivated!', 
+        'success'
+      )
+    }
+  })
+}
+
 /** For Display Tables Pagination And Sorting */
 ngAfterViewInit() {
   this.dataSource.paginator = this.paginator;

ng6-seed/src/app/settings/masters/component/lender-hierarchy/lender-hierarchy-list/lender-hierarchy-list.component.html

@@ -107,7 +107,7 @@
                     matTooltip="Active" matTooltipPosition="above"
                     checked="true" [color]="color"
                     (change)="isactiveLenderHierarchy(row.lender_hierarchy_id,row.isactive)"
-                    onclick="return confirm('Are you sure?')">
+                    (click)="deactive()">
     </mat-slide-toggle>
     <ng-template #notactive >
     <mat-slide-toggle
@@ -115,7 +115,7 @@
         matTooltip="Inactive" matTooltipPosition="above"
         checked="false" [color]="color"
         (change)="isactiveLenderHierarchy(row.lender_hierarchy_id,row.isactive)"
-        onclick="return confirm('Are you sure?')">
+        (click)="active()">
     </mat-slide-toggle></ng-template>
                 </mat-cell>
               </ng-container>

ng6-seed/src/app/settings/masters/component/lender-hierarchy/lender-hierarchy-list/lender-hierarchy-list.component.ts

@@ -19,7 +19,8 @@ import { MastersService } from '../../../../service/masters/masters.service';
 import { LenderHierarchyDialogComponent }from '../lender-hierarchy-dialog/lender-hierarchy-dialog.component';
 /**Model */
 import { LenderHierarchy } from '../../../model/lender-hierarchy';
-
+/**sweet alert */
+import Swal from 'sweetalert2';
 
 @Component({
   selector: 'app-lender-hierarchy-list',
@@ -146,10 +147,47 @@ isactiveLenderHierarchy(id: number,isactive : number) {
                       this.getLenderHierarchy();
                 }
                 else{
-                      alert("SomeThing Wents Wrong Try Again !");
+                  Swal("SomeThing Wents Wrong Try Again !");
                 }
     });
 }
+//Sweetalert2  for active and deactive
+active(){
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, activate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Activated!', 
+        'success'
+      )
+    }
+  }) 
+}
+deactive()
+{
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, deactivate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Deactivated!', 
+        'success'
+      )
+    }
+  })
+}
+
   /** For Display Tables Pagination And Sorting */
   ngAfterViewInit() {
     this.dataSource.paginator = this.paginator;

ng6-seed/src/app/settings/masters/component/members-occupation/members-occupation-list/members-occupation-list.component.html

@@ -123,7 +123,7 @@
                   matTooltip="Active" matTooltipPosition="above"
                   checked="true" [color]="color"
                   (change)="isactiveMemberOccupations(row.occupation_non_earning_member_id,row.isactive)"
-                  onclick="return confirm('Are you sure?')">
+                  (click)="deactive()">
   </mat-slide-toggle>
   <ng-template #notactive >
   <mat-slide-toggle
@@ -131,7 +131,7 @@
       matTooltip="Inactive" matTooltipPosition="above"
       checked="false" [color]="color"
       (change)="isactiveMemberOccupations(row.occupation_non_earning_member_id,row.isactive)"
-      onclick="return confirm('Are you sure?')">
+      (click)="active()">
   </mat-slide-toggle></ng-template>
                    <!-- <mat-icon *ngIf="row.isactive == 1;else notactive;" class="hover-icon" matTooltip="Active" matTooltipPosition="above">done</mat-icon>
                    <ng-template #notactive ><mat-icon class="hover-icon" matTooltip="Inactive" matTooltipPosition="above">clear</mat-icon></ng-template>  -->

ng6-seed/src/app/settings/masters/component/members-occupation/members-occupation-list/members-occupation-list.component.ts

@@ -18,7 +18,8 @@ import { MastersService } from '../../../../service/masters/masters.service';
 import { MembersOccupationDialogComponent } from '../members-occupation-dialog/members-occupation-dialog.component';
 /** Model */
 import { MembersOccupation } from '../../../model/members-occupation';
-
+/**sweet alert */
+import Swal from 'sweetalert2';
 
 @Component({
   selector: 'app-members-occupation-list',
@@ -149,10 +150,47 @@ export class MembersOccupationListComponent implements OnInit {
                         this.getMemberOccupation();
                   }
                   else{
-                        alert("SomeThing Wents Wrong Try Again !");
+                    Swal("SomeThing Wents Wrong Try Again !");
                   }
       });
 }
+//Sweetalert2  for active and deactive
+active(){
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, activate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Activated!', 
+        'success'
+      )
+    }
+  }) 
+}
+deactive()
+{
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, deactivate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Deactivated!', 
+        'success'
+      )
+    }
+  })
+}
+
 /** For Display Tables Pagination And Sorting */
 ngAfterViewInit() {
   this.dataSource.paginator = this.paginator;

ng6-seed/src/app/settings/masters/component/pd-allocation-type/pd-allocation-type-list.component.html

@@ -62,7 +62,7 @@
                                   matTooltipPosition="above"
                                   checked="false" [color]="color"
                                   (change)="defaultPDAllocationType(row.pd_allocation_type_id)"
-                                  onclick="return confirm('Are you sure?')">
+                                  (click)="active()">
                 </mat-slide-toggle>
                 <ng-template #alternative>
                     <mat-slide-toggle class="example-margin"

ng6-seed/src/app/settings/masters/component/pd-allocation-type/pd-allocation-type-list.component.ts

@@ -15,6 +15,8 @@ import { NotifierService } from 'angular-notifier';
 /** Model */
 import { PdAllocationType } from '../../model/pd';
 
+/**sweet alert */
+import Swal from 'sweetalert2';
 
 @Component({
   selector: 'app-pd-allocation-type-list',
@@ -121,7 +123,9 @@ export class PdAllocationTypeListComponent implements OnInit {
        });
        //console.log('at last Completed Section');
 }
-
+active(){
+  Swal('Are you sure?')
+}
 /** For Display Tables Pagination And Sorting */
 ngAfterViewInit() {
   this.dataSource.paginator = this.paginator;

ng6-seed/src/app/settings/masters/component/pd-location-approach/pd-location-approach-list/pd-location-approach-list.component.html

@@ -102,7 +102,7 @@
                   matTooltip="Active" matTooltipPosition="above"
                   checked="true" [color]="color"
                   (change)="isactivePdLocationApproach(row.pd_location_approach_id,row.isactive)"
-                  onclick="return confirm('Are you sure?')">
+                  (click)="deactive()">
   </mat-slide-toggle>
   <ng-template #notactive >
   <mat-slide-toggle
@@ -110,7 +110,7 @@
       matTooltip="Inactive" matTooltipPosition="above"
       checked="false" [color]="color"
       (change)="isactivePdLocationApproach(row.pd_location_approach_id,row.isactive)"
-      onclick="return confirm('Are you sure?')">
+      (click)="active()">
   </mat-slide-toggle></ng-template>
                  <!-- <mat-icon *ngIf="row.isactive == 1;else notactive;" class="hover-icon" matTooltip="Active" matTooltipPosition="above">done</mat-icon>
                  <ng-template #notactive ><mat-icon class="hover-icon" matTooltip="Inactive" matTooltipPosition="above">clear</mat-icon></ng-template>  -->

ng6-seed/src/app/settings/masters/component/pd-location-approach/pd-location-approach-list/pd-location-approach-list.component.ts

@@ -23,7 +23,8 @@ import { MastersService } from '../../../../service/masters/masters.service';
 import { PdLocationApproachDialogComponent } from '../pd-location-approach-dialog/pd-location-approach-dialog.component';
 /** Model */
 import { PdLocationApproach } from '../../../model/pd';
-
+/**sweet alert */
+import Swal from 'sweetalert2';
 
 @Component({
   selector: 'app-pd-location-approach-list',
@@ -137,10 +138,46 @@ export class PdLocationApproachListComponent implements OnInit {
                       this.getPdLocationApproach();
                 }
                 else{
-                      alert("SomeThing Wents Wrong Try Again !");
+                  Swal("SomeThing Wents Wrong Try Again !");
                 }
     });
 }
+//Sweetalert2  for active and deactive
+active(){
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, activate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Activated!', 
+        'success'
+      )
+    }
+  }) 
+}
+deactive()
+{
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, deactivate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Deactivated!', 
+        'success'
+      )
+    }
+  })
+}
 
 /** For Display Tables Pagination And Sorting */
 ngAfterViewInit() {

ng6-seed/src/app/settings/masters/component/pd-type/pd-type-list/pd-type-list.component.html

@@ -104,7 +104,7 @@
                  matTooltip="Active" matTooltipPosition="above"
                  checked="true" [color]="color"
                  (change)="isactivePDType(row.pd_type_id,row.isactive)"
-                 onclick="return confirm('Are you sure?')">
+                 (click)="deactive()">
  </mat-slide-toggle>
  <ng-template #notactive >
  <mat-slide-toggle
@@ -112,7 +112,7 @@
      matTooltip="Inactive" matTooltipPosition="above"
      checked="false" [color]="color"
      (change)="isactivePDType(row.pd_type_id,row.isactive)"
-     onclick="return confirm('Are you sure?')">
+     (click)="active()">
  </mat-slide-toggle></ng-template>
               </mat-cell>
             </ng-container>

ng6-seed/src/app/settings/masters/component/pd-type/pd-type-list/pd-type-list.component.ts

@@ -15,7 +15,8 @@ import { MastersService } from '../../../../service/masters/masters.service';
 import { PdTypeDialogComponent } from '../pd-type-dialog/pd-type-dialog.component';
 /**Model */
 import { PdType } from '../../../model/pd';
-
+/**sweet alert */
+import Swal from 'sweetalert2';
 
 @Component({
   selector: 'app-pd-type-list',
@@ -129,10 +130,46 @@ isactivePDType(id: number,isactive : number) {
                       this.getPDType();
                 }
                 else{
-                      alert("SomeThing Wents Wrong Try Again !");
+                  Swal("SomeThing Wents Wrong Try Again !");
                 }
     });
 }
+//Sweetalert2  for active and deactive
+active(){
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, activate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Activated!', 
+        'success'
+      )
+    }
+  }) 
+}
+deactive()
+{
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, deactivate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Deactivated!', 
+        'success'
+      )
+    }
+  })
+}
 
 /** For Display Tables Pagination And Sorting */
 ngAfterViewInit() {

ng6-seed/src/app/settings/masters/component/product/product-list/product-list.component.html

@@ -55,7 +55,7 @@
              matTooltip="Active" matTooltipPosition="above"
              checked="true" [color]="color"
              (change)="isactiveProductMaster(row.product_id,row.isactive)"
-             onclick="return confirm('Are you sure?')">
+             (click)="deactive()">
 </mat-slide-toggle>
 <ng-template #notactive >
 <mat-slide-toggle
@@ -63,7 +63,7 @@
  matTooltip="Inactive" matTooltipPosition="above"
  checked="false" [color]="color"
  (change)="isactiveProductMaster(row.product_id,row.isactive)"
- onclick="return confirm('Are you sure?')">
+ (click)="active()">
 </mat-slide-toggle></ng-template>
           </mat-cell>
         </ng-container>

ng6-seed/src/app/settings/masters/component/product/product-list/product-list.component.ts

@@ -16,7 +16,8 @@ import { MastersService } from '../../../../service/masters/masters.service';
 import { ProductDialogComponent } from '../product-dialog/product-dialog.component';
 /** Model */
 import { ProductMaster } from '../../../model/product-master';
-
+/**sweet alert */
+import Swal from 'sweetalert2';
 @Component({
   selector: 'app-product-list',
   templateUrl: './product-list.component.html',
@@ -137,11 +138,46 @@ export class ProductListComponent implements OnInit {
                         this.getProductMaster();
                   }
                   else{
-                        alert("SomeThing Wents Wrong Try Again !");
+                    Swal("SomeThing Wents Wrong Try Again !");
                   }
       });
 }
-  
+  //Sweetalert2  for active and deactive
+active(){
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, activate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Activated!', 
+        'success'
+      )
+    }
+  }) 
+}
+deactive()
+{
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, deactivate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Deactivated!', 
+        'success'
+      )
+    }
+  })
+}
 /** For Display Tables Pagination And Sorting */
 ngAfterViewInit() {
   this.dataSource.paginator = this.paginator;

ng6-seed/src/app/settings/masters/component/question-category/question-category-list/question-category-list.component.html

@@ -48,7 +48,7 @@
                               matTooltip="Active" matTooltipPosition="above"
                               checked="true" [color]="color"
                               (change)="isactiveQuestionCategory(row.question_categroy_id,row.isactive)"
-                              onclick="return confirm('Are you sure?')">
+                              (click)="deactive()">
           </mat-slide-toggle>
           <ng-template #notactive >
           <mat-slide-toggle
@@ -56,7 +56,7 @@
                               matTooltip="Inactive" matTooltipPosition="above"
                               checked="false" [color]="color"
                               (change)="isactiveQuestionCategory(row.question_categroy_id,row.isactive)"
-                              onclick="return confirm('Are you sure?')">
+                              (click)="active()">
           </mat-slide-toggle></ng-template>
         </mat-cell>
       </ng-container>

ng6-seed/src/app/settings/masters/component/question-category/question-category-list/question-category-list.component.ts

@@ -14,7 +14,8 @@ import { MastersService } from '../../../../service/masters/masters.service';
 
 /** Dialog Component */
 import { QuestionCategoryDialogComponent } from '../question-category-dialog/question-category-dialog.component';
-
+/**sweet alert */
+import Swal from 'sweetalert2';
 @Component({
   selector: 'app-question-category-list',
   templateUrl: './question-category-list.component.html',
@@ -121,10 +122,46 @@ export class QuestionCategoryListComponent implements OnInit {
                         this.getQuestionCategory();
                   }
                   else{
-                        alert("SomeThing Wents Wrong Try Again !");
+                    Swal("SomeThing Wents Wrong Try Again !");
                   }
       });
 }
+  //Sweetalert2  for active and deactive
+active(){
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, activate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Activated!', 
+        'success'
+      )
+    }
+  }) 
+}
+deactive()
+{
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, deactivate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Deactivated!', 
+        'success'
+      )
+    }
+  })
+}
 
 /** For Display Tables Pagination And Sorting */
 ngAfterViewInit() {

ng6-seed/src/app/settings/masters/component/regions/regions-list/regions-list.component.html

@@ -33,7 +33,7 @@
                    matTooltip="Active" matTooltipPosition="above"
                    checked="true" [color]="color"
                    (change)="isactiveregions(row.region_id,row.isactive)"
-                   onclick="return confirm('Are you sure?')">
+                   (click)="deactive()">
                    </mat-slide-toggle>
                     <ng-template #notactive >
                     <mat-slide-toggle
@@ -41,7 +41,7 @@
                         matTooltip="Inactive" matTooltipPosition="above"
                         checked="false" [color]="color"
                         (change)="isactiveregions(row.region_id,row.isactive)"
-                        onclick="return confirm('Are you sure?')">
+                        (click)="active()">
                     </mat-slide-toggle></ng-template>
                 </mat-cell>
               </ng-container>

ng6-seed/src/app/settings/masters/component/regions/regions-list/regions-list.component.ts

@@ -16,7 +16,8 @@ import { MastersService } from '../../../../service/masters/masters.service';
 import { RegionsDialogComponent } from '../regions-dialog/regions-dialog.component';
 /** Model */
 import { Regions } from '../../../model/regions';
-
+/**sweet alert */
+import Swal from 'sweetalert2';
 
 @Component({
   selector: 'app-regions-list',
@@ -112,7 +113,7 @@ export class RegionsListComponent implements OnInit {
                         this.getregions();
                   }
                   else{
-                        alert("SomeThing Wents Wrong Try Again !");
+                    Swal("SomeThing Wents Wrong Try Again !");
                   }
       });
 }
@@ -124,6 +125,42 @@ export class RegionsListComponent implements OnInit {
     this.getregions();
     //this._regionsService.deleteMasterDetails('region_id',id,'REGIONS');
   }
+//Sweetalert2  for active and deactive
+active(){
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, activate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Activated!', 
+        'success'
+      )
+    }
+  }) 
+}
+deactive()
+{
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, deactivate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Deactivated!', 
+        'success'
+      )
+    }
+  })
+}
 
 /** For Display Tables Pagination And Sorting */
 ngAfterViewInit() {

ng6-seed/src/app/settings/masters/component/relation-ship/relation-ship-list/relation-ship-list.component.html

@@ -127,7 +127,7 @@
                    matTooltip="Active" matTooltipPosition="above"
                    checked="true" [color]="color"
                    (change)="isactiveRelationShip(row.relationship_id,row.isactive)"
-                   onclick="return confirm('Are you sure?')">
+                   (click)="deactive()">
    </mat-slide-toggle>
    <ng-template #notactive >
    <mat-slide-toggle
@@ -135,7 +135,7 @@
        matTooltip="Inactive" matTooltipPosition="above"
        checked="false" [color]="color"
        (change)="isactiveRelationShip(row.relationship_id,row.isactive)"
-       onclick="return confirm('Are you sure?')">
+       (click)="active()">
    </mat-slide-toggle></ng-template>
                 </mat-cell>
               </ng-container>

ng6-seed/src/app/settings/masters/component/relation-ship/relation-ship-list/relation-ship-list.component.ts

@@ -16,7 +16,8 @@ import { MastersService } from '../../../../service/masters/masters.service';
 import { RelationShipDialogComponent } from '../relation-ship-dialog/relation-ship-dialog.component';
 /** Model */
 import { RelationShip } from '../../../model/relation-ship';
-
+/**sweet alert */
+import Swal from 'sweetalert2';
 @Component({
   selector: 'app-relation-ship-list',
   templateUrl: './relation-ship-list.component.html',
@@ -108,7 +109,7 @@ export class RelationShipListComponent implements OnInit {
                         this.getRelationShip();
                   }
                   else{
-                        alert("SomeThing Wents Wrong Try Again !");
+                    Swal("SomeThing Wents Wrong Try Again !");
                   }
       });
 }
@@ -145,6 +146,42 @@ export class RelationShipListComponent implements OnInit {
     
     //this._MastersService.deleteMasterDetails('relationship_id',id,'RELATIONSHIPS');
   }
+  //Sweetalert2  for active and deactive
+active(){
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, activate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Activated!', 
+        'success'
+      )
+    }
+  }) 
+}
+deactive()
+{
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, deactivate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Deactivated!', 
+        'success'
+      )
+    }
+  })
+}
 /** For Display Tables Pagination And Sorting */
 ngAfterViewInit() {
   this.dataSource.paginator = this.paginator;

ng6-seed/src/app/settings/masters/component/states/states-list/states-list.component.html

@@ -150,7 +150,7 @@
                    matTooltip="Active" matTooltipPosition="above"
                    checked="true" [color]="color"
                    (change)="isactiveState(row.state_id,row.isactive)"
-                   onclick="return confirm('Are you sure?')">
+                   (click)="deactive()">
    </mat-slide-toggle>
    <ng-template #notactive >
    <mat-slide-toggle
@@ -158,7 +158,7 @@
        matTooltip="Inactive" matTooltipPosition="above"
        checked="false" [color]="color"
        (change)="isactiveState(row.state_id,row.isactive)"
-       onclick="return confirm('Are you sure?')">
+       (click)="active()">
    </mat-slide-toggle></ng-template>
                 </mat-cell>
               </ng-container>

ng6-seed/src/app/settings/masters/component/states/states-list/states-list.component.ts

@@ -16,7 +16,8 @@ import { MastersService } from '../../../../service/masters/masters.service';
 import { StatesDialogComponent } from '../states-dialog/states-dialog.component';
 /** Model */
 import { States } from '../../../model/states';
-
+/**sweet alert */
+import Swal from 'sweetalert2';
 
 @Component({
   selector: 'app-states-list',
@@ -105,7 +106,7 @@ isactiveState(id: number,isactive : number) {
                       this.getState();
                 }
                 else{
-                      alert("SomeThing Wents Wrong Try Again !");
+                  Swal("SomeThing Wents Wrong Try Again !");
                 }
     });
 }
@@ -137,7 +138,42 @@ isactiveState(id: number,isactive : number) {
     this.getState();
     //this._statesService.deleteMasterDetails('state_id',id,'STATE');
   }
-
+//Sweetalert2  for active and deactive
+active(){
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, activate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Activated!', 
+        'success'
+      )
+    }
+  }) 
+}
+deactive()
+{
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, deactivate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Deactivated!', 
+        'success'
+      )
+    }
+  })
+}
   
 /** For Display Tables Pagination And Sorting */
 ngAfterViewInit() {

ng6-seed/src/app/settings/masters/component/sub-product/sub-product-list/sub-product-list.component.html

@@ -139,7 +139,7 @@
                    matTooltip="Active" matTooltipPosition="above"
                    checked="true" [color]="color"
                    (change)="isactiveSubProductMaster(row.subproduct_id,row.isactive)"
-                   onclick="return confirm('Are you sure?')">
+                   (click)="deactive()">
    </mat-slide-toggle>
    <ng-template #notactive >
    <mat-slide-toggle
@@ -147,7 +147,7 @@
        matTooltip="Inactive" matTooltipPosition="above"
        checked="false" [color]="color"
        (change)="isactiveSubProductMaster(row.subproduct_id,row.isactive)"
-       onclick="return confirm('Are you sure?')">
+       (click)="active()">
    </mat-slide-toggle></ng-template>
                 </mat-cell>
               </ng-container>

ng6-seed/src/app/settings/masters/component/sub-product/sub-product-list/sub-product-list.component.ts

@@ -16,7 +16,8 @@ import { MastersService } from '../../../../service/masters/masters.service';
 import { SubProductDialogComponent } from '../sub-product-dialog/sub-product-dialog.component';
 /** Model */
 import { SubProductMaster } from '../../../model/sub-product-master';
-
+/**sweet alert */
+import Swal from 'sweetalert2';
 
 @Component({
   selector: 'app-sub-product-list',
@@ -145,10 +146,47 @@ getSubProductMaster() {
                         this.getSubProductMaster();
                   }
                   else{
-                        alert("SomeThing Wents Wrong Try Again !");
+                    Swal("SomeThing Wents Wrong Try Again !");
                   }
       });
 }
+//Sweetalert2  for active and deactive
+active(){
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, activate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Activated!', 
+        'success'
+      )
+    }
+  }) 
+}
+deactive()
+{
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, deactivate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Deactivated!', 
+        'success'
+      )
+    }
+  })
+}
+
 /** For Display Tables Pagination And Sorting */
 ngAfterViewInit() {
   this.dataSource.paginator = this.paginator;

ng6-seed/src/app/settings/masters/component/title/title-list/title-list.component.html

@@ -123,7 +123,7 @@
                    matTooltip="Active" matTooltipPosition="above"
                    checked="true" [color]="color"
                    (change)="isactiveTitle(row.title_id,row.isactive)"
-                   onclick="return confirm('Are you sure?')">
+                   (click)="deactive()">
    </mat-slide-toggle>
    <ng-template #notactive >
    <mat-slide-toggle
@@ -131,7 +131,7 @@
        matTooltip="Inactive" matTooltipPosition="above"
        checked="false" [color]="color"
        (change)="isactiveTitle(row.title_id,row.isactive)"
-       onclick="return confirm('Are you sure?')">
+       (click)="active()">
    </mat-slide-toggle></ng-template>
                 </mat-cell>
               </ng-container>

ng6-seed/src/app/settings/masters/component/title/title-list/title-list.component.ts

@@ -14,7 +14,8 @@ import { MastersService } from '../../../../service/masters/masters.service';
 import { TitleDialogComponent } from '../title-dialog/title-dialog.component';
 /** Model */
 import { Title } from '../../../model/title';
-
+/**sweet alert */
+import Swal from 'sweetalert2';
 @Component({
   selector: 'app-title-list',
   templateUrl: './title-list.component.html',
@@ -132,10 +133,47 @@ export class TitleListComponent implements OnInit {
                         this.getTitle();
                   }
                   else{
-                        alert("SomeThing Wents Wrong Try Again !");
+                    Swal("SomeThing Wents Wrong Try Again !");
                   }
       });
 }
+//Sweetalert2  for active and deactive
+active(){
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, activate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Activated!', 
+        'success'
+      )
+    }
+  }) 
+}
+deactive()
+{
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, deactivate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Deactivated!', 
+        'success'
+      )
+    }
+  })
+}
+
 /** For Display Tables Pagination And Sorting */
 ngAfterViewInit() {
   this.dataSource.paginator = this.paginator;

ng6-seed/src/app/settings/masters/component/type-of-activity/activity-list/activity-list.component.html

@@ -117,7 +117,7 @@
                    matTooltip="Active" matTooltipPosition="above"
                    checked="true" [color]="color"
                    (change)="isactiveActivity(row.type_of_activity_id,row.isactive)"
-                   onclick="return confirm('Are you sure?')">
+                   (click)="deactive()">
    </mat-slide-toggle>
    <ng-template #notactive >
    <mat-slide-toggle
@@ -125,7 +125,7 @@
        matTooltip="Inactive" matTooltipPosition="above"
        checked="false"
        (change)="isactiveActivity(row.type_of_activity_id,row.isactive)"
-       onclick="return confirm('Are you sure?')">
+       (click)="active()">
    </mat-slide-toggle></ng-template>
                 </mat-cell>
               </ng-container>

ng6-seed/src/app/settings/masters/component/type-of-activity/activity-list/activity-list.component.ts

@@ -16,7 +16,8 @@ import { MastersService } from '../../../../service/masters/masters.service';
 import { ActivityDialogComponent } from '../activity-dialog/activity-dialog.component';
 /** Model */
 import { Activity } from '../../../model/activity';
-
+/**sweet alert */
+import Swal from 'sweetalert2';
 @Component({
   selector: 'app-activity-list',
   templateUrl: './activity-list.component.html',
@@ -140,10 +141,47 @@ export class ActivityListComponent implements OnInit {
                         this.getActivity();
                   }
                   else{
-                        alert("SomeThing Wents Wrong Try Again !");
+                    Swal("SomeThing Wents Wrong Try Again !");
                   }
       });
 }
+//Sweetalert2  for active and deactive
+active(){
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, activate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Activated!', 
+        'success'
+      )
+    }
+  }) 
+}
+deactive()
+{
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, deactivate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Deactivated!', 
+        'success'
+      )
+    }
+  })
+}
+
 
 /** For Display Tables Pagination And Sorting */
 ngAfterViewInit() {

ng6-seed/src/app/settings/masters/component/uom/uom-list/uom-list.component.html

@@ -44,7 +44,7 @@
                    matTooltip="Active" matTooltipPosition="above"
                    checked="true" [color]="color"
                    (change)="isactiveUOM(row.uom_id,row.isactive)"
-                   onclick="return confirm('Are you sure?')">
+                   (click)="deactive()">
    </mat-slide-toggle>
    <ng-template #notactive >
    <mat-slide-toggle
@@ -52,7 +52,7 @@
        matTooltip="Inactive" matTooltipPosition="above"
        checked="false" [color]="color"
        (change)="isactiveUOM(row.uom_id,row.isactive)"
-       onclick="return confirm('Are you sure?')">
+       (click)="active()">
    </mat-slide-toggle></ng-template>
                 </mat-cell>
               </ng-container>

ng6-seed/src/app/settings/masters/component/uom/uom-list/uom-list.component.ts

@@ -20,7 +20,8 @@ import { UomDialogComponent } from '../uom-dialog/uom-dialog.component';
 /** Model */
 import { Uom } from '../../../model/uom';
 
-
+/**sweet alert */
+import Swal from 'sweetalert2';
 
 @Component({
   selector: 'app-uom-list',
@@ -155,10 +156,48 @@ export class UomListComponent implements OnInit {
                         this.getUOM();
                   }
                   else{
-                        alert("SomeThing Wents Wrong Try Again !");
+                    Swal("SomeThing Wents Wrong Try Again !");
                   }
       });
 }
+//Sweetalert2  for active and deactive
+active(){
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, activate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Activated!', 
+        'success'
+      )
+    }
+  }) 
+}
+deactive()
+{
+  Swal({
+    title: 'Are you sure?', 
+    type: 'warning',
+    showCancelButton: true,
+    confirmButtonColor: '#3085d6',
+    cancelButtonColor: '#d33',
+    confirmButtonText: 'Yes, deactivate it!'
+  }).then((result) => {
+    if (result.value) {
+      Swal(
+        'Deactivated!', 
+        'success'
+      )
+    }
+  })
+}
+
+
 /** For Display Tables Pagination And Sorting */
 ngAfterViewInit() {
   this.dataSource.paginator = this.paginator;

ng6-seed/src/app/settings/pd-team/pd-team-manage/pd-team-manage.component.html

@@ -41,7 +41,7 @@
           
           
       </div>
-      <div style="width: 10%; text-align: right;">
+      <div style="width: 100%; text-align: right;">
             <button mat-fab class="mr-1 mb-1" style="margin-top: 7px;" color="primary" matTooltip="Submit" [disabled]="btnsave" (click)="getnewTeamDetails()" matTooltipPosition="above"><mat-icon>save</mat-icon></button>
         </div> 
       </div>

ng6-seed/src/app/settings/pd-team/pd-team-manage/pd-team-manage.component.scss

@@ -22,3 +22,4 @@
     .tooltip:hover .tooltiptext {
         visibility: visible;
     }
+     

ng6-seed/src/app/settings/pd-team/pd-team-manage/pd-team-manage.component.ts

@@ -111,7 +111,7 @@ export class PdTeamManageComponent implements OnInit {
     }
   }
   cityinfo(id) {
-   Swal("<h5 style='align-items:left !important';>CITY:<br/>"+this.pdTeamManageData[id].CITYMAP+'<br/>'+"PRODUCTS: "+this.pdTeamManageData[id].PRODUCTS+"<br/>"+"CS: "+this.pdTeamManageData[id].CUSTOMERSEGMENT+".. </h5 >");
+   Swal("<h5>CITY:<br/>"+this.pdTeamManageData[id].CITYMAP+'<br/>'+"PRODUCTS: <br/>"+this.pdTeamManageData[id].PRODUCTS+"<br/>"+"CS: "+this.pdTeamManageData[id].CUSTOMERSEGMENT+".. </h5 >");
    
   
     

ng6-seed/src/index.html

@@ -124,6 +124,12 @@
         .mat-cell{
             font-size:1.2em !important;
         }
+      .swal2-header {
+        text-align:left !important;   
+        }
+        .swal2-title {
+            text-align:left !important;
+        }
     </style>
     <link rel="icon" type="image/x-icon" href="favicon.ico">
     <link rel="stylesheet" href="assets/wheather-icon/css/weather-icons.min.css" />