alertifyjs configuration

src/alertifytype.d.ts

@@ -0,0 +1,2 @@
+
+declare module 'alertifyjs';

src/app/access/register/register.component.ts

@@ -2,6 +2,7 @@ import { Component, OnInit } from '@angular/core';
 import { FormControl, FormGroup, Validators } from '@angular/forms';
 import { Router } from '@angular/router';
 import { UserService } from 'src/app/services/user.service';
+import * as alertifyjs from 'alertifyjs';
 
 @Component({
   selector: 'app-register',
@@ -34,11 +35,10 @@ export class RegisterComponent implements OnInit {
         item => {
           this.responseData = item;
           if (this.responseData.result == 'pass') {
-            alert('Register successfully please contact admin for activation')
+            alertifyjs.successfully('Register successfully please contact admin for activation');
             this.redirectLogin();
           } else {
-            alert('failed try again')
-
+            alertifyjs.error('failed try again')
           }
 
         }

src/styles.css

@@ -1,4 +1,13 @@
 /* You can add global styles to this file, and also import other style files */
+@import "../node_modules/alertifyjs/build/css/alertify.css";
+@import "../node_modules/alertifyjs/build/css/themes/bootstrap.min.css";
+@import "../node_modules/alertifyjs//build/css/themes/default.min.css";
 
-html, body { height: 100%; }
-body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
+html,
+body {
+  height: 100%;
+}
+body {
+  margin: 0;
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+}

tsconfig.json

@@ -16,6 +16,7 @@
     "experimentalDecorators": true,
     "moduleResolution": "node",
     "importHelpers": true,
+    "typeRoots": ["node_modules/@types","src/alertifytype.d.ts"],
     "target": "es2020",
     "module": "es2020",
     "lib": [