From db044cc2604ccb052f0432762189b7773b7662fb Mon Sep 17 00:00:00 2001
From: mostafa abdo <abdelbaky.mostafa@gmail.com>
Date: Tue, 5 Oct 2021 19:33:10 -0500
Subject: [PATCH 1/5] add dropdown and group proxies to categorizations

---
 .../categorization-submit.component.html      | 137 +++++++++---------
 .../categorization-submit.component.scss      |   3 +
 .../categorization-submit.component.ts        |  28 ++--
 3 files changed, 92 insertions(+), 76 deletions(-)

diff --git a/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.html b/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.html
index 289f4030..81ab4b85 100644
--- a/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.html
+++ b/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.html
@@ -4,76 +4,81 @@ <h4>Proxy Categorization - Domains To Submit</h4>
   categorization service(s). Select the categorize button to link to the proxy
   categorization website to allow you to select a category for a domain.
 </div>
-<div>
-  <mat-table [dataSource]="categoryList" matSort>
-    <!-- Domain Name -->
-    <ng-container matColumnDef="domain">
-      <mat-header-cell *matHeaderCellDef mat-sort-header
-        >Domain</mat-header-cell
-      >
-      <mat-cell *matCellDef="let row">{{ row.domain_name }}</mat-cell>
-    </ng-container>
-
-    <!-- Proxy Name -->
-    <ng-container matColumnDef="proxy">
-      <mat-header-cell *matHeaderCellDef mat-sort-header
-        >Proxy Source</mat-header-cell
-      >
-      <mat-cell *matCellDef="let row">{{ row.proxy }}</mat-cell>
-    </ng-container>
+<div *ngFor="let domain of domainData">
+  <mat-expansion-panel>
+    <mat-expansion-panel-header>
+      <mat-panel-title>
+        {{ domain.domain_name }}
+      </mat-panel-title>
+      <button mat-raised-button class="domain-button" color="primary">
+        Enable Email
+      </button>
+      <button mat-stroked-button class="domain-button" color="warn">
+        Reject
+      </button>
+    </mat-expansion-panel-header>
+    <mat-table [dataSource]="domain.categories" matSort>
+      <!-- Proxy Name -->
+      <ng-container matColumnDef="proxy">
+        <mat-header-cell *matHeaderCellDef mat-sort-header
+          >Proxy Source</mat-header-cell
+        >
+        <mat-cell *matCellDef="let row">{{ row.proxy }}</mat-cell>
+      </ng-container>
 
-    <!-- Status -->
-    <ng-container matColumnDef="status">
-      <mat-header-cell *matHeaderCellDef mat-sort-header
-        >Status</mat-header-cell
-      >
-      <mat-cell *matCellDef="let row">{{ row.status }}</mat-cell>
-    </ng-container>
+      <!-- Status -->
+      <ng-container matColumnDef="status">
+        <mat-header-cell *matHeaderCellDef mat-sort-header
+          >Status</mat-header-cell
+        >
+        <mat-cell *matCellDef="let row">{{ row.status }}</mat-cell>
+      </ng-container>
 
-    <!-- Category Name -->
-    <ng-container matColumnDef="category">
-      <mat-header-cell *matHeaderCellDef mat-sort-header
-        >Preferred Category</mat-header-cell
-      >
-      <mat-cell *matCellDef="let row">{{ row.category }}</mat-cell>
-    </ng-container>
+      <!-- Category Name -->
+      <ng-container matColumnDef="category">
+        <mat-header-cell *matHeaderCellDef mat-sort-header
+          >Preferred Category</mat-header-cell
+        >
+        <mat-cell *matCellDef="let row">{{ row.category }}</mat-cell>
+      </ng-container>
 
-    <!-- Date Requested -->
-    <ng-container matColumnDef="updated">
-      <mat-header-cell *matHeaderCellDef mat-sort-header
-        >Date Requested</mat-header-cell
-      >
-      <mat-cell *matCellDef="let row">
-        <ng-container *ngIf="row['updated']; else elseCreated">{{
-          row.updated | date: "MM/dd/yy"
-        }}</ng-container>
-        <ng-template #elseCreated>{{
-          row.created | date: "MM/dd/yy"
-        }}</ng-template>
-      </mat-cell>
-    </ng-container>
+      <!-- Date Requested -->
+      <ng-container matColumnDef="updated">
+        <mat-header-cell *matHeaderCellDef mat-sort-header
+          >Date Requested</mat-header-cell
+        >
+        <mat-cell *matCellDef="let row">
+          <ng-container *ngIf="row['updated']; else elseCreated">{{
+            row.updated | date: "MM/dd/yy"
+          }}</ng-container>
+          <ng-template #elseCreated>{{
+            row.created | date: "MM/dd/yy"
+          }}</ng-template>
+        </mat-cell>
+      </ng-container>
 
-    <!-- Categorize -->
-    <ng-container matColumnDef="categorize">
-      <mat-header-cell *matHeaderCellDef mat-sort-header
-        >Categorize</mat-header-cell
-      >
-      <mat-cell *matCellDef="let row">
-        <button
-          mat-raised-button
-          (click)="categorize(row._id, row.categorize_url, row.category)"
-          color="primary"
+      <!-- Categorize -->
+      <ng-container matColumnDef="categorize">
+        <mat-header-cell *matHeaderCellDef mat-sort-header
+          >Categorize</mat-header-cell
         >
-          Categorize
-        </button>
-      </mat-cell>
-    </ng-container>
+        <mat-cell *matCellDef="let row">
+          <button
+            mat-raised-button
+            (click)="categorize(row._id, row.categorize_url, row.category)"
+            color="primary"
+          >
+            Categorize
+          </button>
+        </mat-cell>
+      </ng-container>
 
-    <!-- Header Info -->
-    <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
-    <mat-row
-      class="table-row cursor-pointer"
-      *matRowDef="let row; columns: displayedColumns"
-    ></mat-row>
-  </mat-table>
+      <!-- Header Info -->
+      <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
+      <mat-row
+        class="table-row cursor-pointer"
+        *matRowDef="let row; columns: displayedColumns"
+      ></mat-row>
+    </mat-table>
+  </mat-expansion-panel>
 </div>
diff --git a/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.scss b/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.scss
index e69de29b..61a50cbc 100644
--- a/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.scss
+++ b/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.scss
@@ -0,0 +1,3 @@
+.domain-button {
+  margin-right: 20px;
+}
diff --git a/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.ts b/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.ts
index bebbb144..97494093 100644
--- a/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.ts
+++ b/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.ts
@@ -18,14 +18,8 @@ import { CategorizationTabService } from 'src/app/services/tab-services/categori
 })
 export class CategorizationSubmitComponent {
   categoryData = [];
-  displayedColumns = [
-    'domain',
-    'proxy',
-    'status',
-    'category',
-    'updated',
-    'categorize',
-  ];
+  domainData = [];
+  displayedColumns = ['proxy', 'status', 'category', 'updated', 'categorize'];
   categoryList: MatTableDataSource<any> = new MatTableDataSource<any>();
 
   @ViewChild(MatSort) sort: MatSort;
@@ -51,8 +45,22 @@ export class CategorizationSubmitComponent {
       (success) => {
         if (Array.isArray(success)) {
           this.categoryData = success as Array<any>;
-          this.categoryList = new MatTableDataSource<any>(success);
-          this.categoryList.sort = this.sort;
+          this.categoryData.forEach((i) => {
+            let found = this.domainData.some(
+              (el) => el.domain_name === i.domain_name
+            );
+            if (!found) {
+              this.domainData.push({
+                domain_name: i.domain_name,
+                domain_id: i.domain_id,
+                categories: new MatTableDataSource<any>(
+                  this.categoryData.filter(
+                    (x) => x.domain_name == i.domain_name
+                  )
+                ),
+              });
+            }
+          });
         } else {
           this.alertsSvc.alert('No domains for proxy submission.');
         }

From f675d6ce31af1e9c1e8c8c7b37862debb302c1a9 Mon Sep 17 00:00:00 2001
From: mostafa abdo <abdelbaky.mostafa@gmail.com>
Date: Tue, 5 Oct 2021 21:05:26 -0500
Subject: [PATCH 2/5] add reject service for cat requests

---
 .../categorization-submit.component.html      |  7 ++++-
 .../categorization-submit.component.scss      |  5 ++++
 .../categorization-submit.component.ts        | 30 +++++++++++++++++++
 .../src/app/services/category.service.ts      |  5 ++++
 .../categorization-tabs.service.ts            |  4 +++
 5 files changed, 50 insertions(+), 1 deletion(-)

diff --git a/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.html b/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.html
index 81ab4b85..9d3edfe3 100644
--- a/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.html
+++ b/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.html
@@ -13,7 +13,12 @@ <h4>Proxy Categorization - Domains To Submit</h4>
       <button mat-raised-button class="domain-button" color="primary">
         Enable Email
       </button>
-      <button mat-stroked-button class="domain-button" color="warn">
+      <button
+        mat-stroked-button
+        class="domain-button"
+        color="warn"
+        (click)="reject(domain.domain_id)"
+      >
         Reject
       </button>
     </mat-expansion-panel-header>
diff --git a/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.scss b/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.scss
index 61a50cbc..3684d986 100644
--- a/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.scss
+++ b/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.scss
@@ -1,3 +1,8 @@
+mat-panel-title {
+  font-weight: bold;
+  margin-top: 5px;
+}
+
 .domain-button {
   margin-right: 20px;
 }
diff --git a/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.ts b/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.ts
index 97494093..5c3d21d6 100644
--- a/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.ts
+++ b/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.ts
@@ -10,6 +10,8 @@ import { CategoryService } from 'src/app/services/category.service';
 import { ConfirmCategoryDialogComponent } from 'src/app/components/dialog-windows/confirm-categorize/confirm-categorize-dialog.component';
 import { LayoutService } from 'src/app/services/layout.service';
 import { CategorizationTabService } from 'src/app/services/tab-services/categorization-tabs.service';
+import { ConfirmDialogComponent } from 'src/app/components/dialog-windows/confirm/confirm-dialog.component';
+import { ConfirmDialogSettings } from 'src/app/models/confirmDialogSettings.model';
 
 @Component({
   selector: 'app-categorization-submit',
@@ -103,4 +105,32 @@ export class CategorizationSubmitComponent {
     });
     window.open(categorize_url, '_blank');
   }
+
+  reject(domain_id) {
+    const dialogSettings = new ConfirmDialogSettings();
+    dialogSettings.itemConfirming = 'Confirm Proxy Requests Delete';
+    dialogSettings.actionConfirming = `Are you sure you want to delete all proxies for this domain?`;
+    const dialogRef = this.dialog.open(ConfirmDialogComponent, {
+      data: dialogSettings,
+    });
+
+    dialogRef.afterClosed().subscribe((result) => {
+      this.categorizationTabSvc.deleteProxies(domain_id).subscribe(
+        (success) => {
+          this.alertsSvc.alert(
+            'Proxy requests for this domain have been deleted.'
+          );
+          const proxies = this.domainData.findIndex(
+            (obj) => obj.domain_id === domain_id
+          );
+          this.domainData.splice(proxies, 1);
+          this.domainData = this.domainData;
+        },
+        (failure) => {
+          console.log(failure);
+          this.alertsSvc.alert(`${failure.error.error}`);
+        }
+      );
+    });
+  }
 }
diff --git a/src/domainManagementUI/src/app/services/category.service.ts b/src/domainManagementUI/src/app/services/category.service.ts
index 73acc1d2..34a71d08 100644
--- a/src/domainManagementUI/src/app/services/category.service.ts
+++ b/src/domainManagementUI/src/app/services/category.service.ts
@@ -57,4 +57,9 @@ export class CategoryService {
     const url = `${this.settingsService.settings.apiUrl}/api/categorization/${id}/`;
     return this.http.put(url, data);
   }
+
+  deleteProxyRequests(domainId: string) {
+    const url = `${this.settingsService.settings.apiUrl}/api/domain/${domainId}/categorize/`;
+    return this.http.delete(url);
+  }
 }
diff --git a/src/domainManagementUI/src/app/services/tab-services/categorization-tabs.service.ts b/src/domainManagementUI/src/app/services/tab-services/categorization-tabs.service.ts
index af017692..063ced65 100644
--- a/src/domainManagementUI/src/app/services/tab-services/categorization-tabs.service.ts
+++ b/src/domainManagementUI/src/app/services/tab-services/categorization-tabs.service.ts
@@ -40,4 +40,8 @@ export class CategorizationTabService {
   updateCategory(id: string, data: object) {
     return this.categorySvc.updateCategorization(id, data);
   }
+
+  deleteProxies(domainId: string) {
+    return this.categorySvc.deleteProxyRequests(domainId);
+  }
 }

From 1f1ca803ccc68d1f33b085e58abf940a0af2483e Mon Sep 17 00:00:00 2001
From: mostafa abdo <abdelbaky.mostafa@gmail.com>
Date: Tue, 5 Oct 2021 21:38:14 -0500
Subject: [PATCH 3/5] add toggle email button

---
 .../categorization-submit.component.html      |  7 ++-
 .../categorization-submit.component.ts        | 63 ++++++++++++++-----
 .../categorization-tabs.service.ts            |  6 ++
 3 files changed, 59 insertions(+), 17 deletions(-)

diff --git a/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.html b/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.html
index 9d3edfe3..12bc4e53 100644
--- a/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.html
+++ b/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.html
@@ -10,7 +10,12 @@ <h4>Proxy Categorization - Domains To Submit</h4>
       <mat-panel-title>
         {{ domain.domain_name }}
       </mat-panel-title>
-      <button mat-raised-button class="domain-button" color="primary">
+      <button
+        mat-raised-button
+        class="domain-button"
+        color="primary"
+        (click)="toggleEmail(domain.domain_id)"
+      >
         Enable Email
       </button>
       <button
diff --git a/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.ts b/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.ts
index 5c3d21d6..14acd2a5 100644
--- a/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.ts
+++ b/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.ts
@@ -115,22 +115,53 @@ export class CategorizationSubmitComponent {
     });
 
     dialogRef.afterClosed().subscribe((result) => {
-      this.categorizationTabSvc.deleteProxies(domain_id).subscribe(
-        (success) => {
-          this.alertsSvc.alert(
-            'Proxy requests for this domain have been deleted.'
-          );
-          const proxies = this.domainData.findIndex(
-            (obj) => obj.domain_id === domain_id
-          );
-          this.domainData.splice(proxies, 1);
-          this.domainData = this.domainData;
-        },
-        (failure) => {
-          console.log(failure);
-          this.alertsSvc.alert(`${failure.error.error}`);
-        }
-      );
+      if (result === 'confirmed') {
+        this.categorizationTabSvc.deleteProxies(domain_id).subscribe(
+          (success) => {
+            this.alertsSvc.alert(
+              'Proxy requests for this domain have been deleted.'
+            );
+            const proxies = this.domainData.findIndex(
+              (obj) => obj.domain_id === domain_id
+            );
+            this.domainData.splice(proxies, 1);
+            this.domainData = this.domainData;
+          },
+          (failure) => {
+            console.log(failure);
+            this.alertsSvc.alert(`${failure.error.error}`);
+          }
+        );
+      } else {
+        dialogRef.close();
+      }
+    });
+  }
+
+  toggleEmail(domain_id) {
+    const dialogSettings = new ConfirmDialogSettings();
+    dialogSettings.itemConfirming = 'Enable Email Receiving';
+    dialogSettings.actionConfirming = `Are you sure you want to receive emails to this domain?`;
+    const dialogRef = this.dialog.open(ConfirmDialogComponent, {
+      data: dialogSettings,
+    });
+
+    dialogRef.afterClosed().subscribe((result) => {
+      if (result === 'confirmed') {
+        this.categorizationTabSvc.enableEmailReceiving(domain_id).subscribe(
+          (success) => {
+            this.alertsSvc.alert(
+              'Email receiving for this domain has been enabled.'
+            );
+          },
+          (failure) => {
+            console.log(failure);
+            this.alertsSvc.alert(`${failure.error.error}`);
+          }
+        );
+      } else {
+        dialogRef.close();
+      }
     });
   }
 }
diff --git a/src/domainManagementUI/src/app/services/tab-services/categorization-tabs.service.ts b/src/domainManagementUI/src/app/services/tab-services/categorization-tabs.service.ts
index 063ced65..997e7d90 100644
--- a/src/domainManagementUI/src/app/services/tab-services/categorization-tabs.service.ts
+++ b/src/domainManagementUI/src/app/services/tab-services/categorization-tabs.service.ts
@@ -5,6 +5,7 @@ import { Injectable, OnInit } from '@angular/core';
 // Local Servie Imports
 import { AlertsService } from 'src/app/services/alerts.service';
 import { CategoryService } from 'src/app/services/category.service';
+import { EmailService } from '../email.service';
 import { UserAuthService } from 'src/app/services/user-auth.service';
 
 // Models
@@ -27,6 +28,7 @@ export class CategorizationTabService {
 
   constructor(
     public alertsSvc: AlertsService,
+    public emailSvc: EmailService,
     public categorySvc: CategoryService,
     private userAuthSvc: UserAuthService
   ) {
@@ -44,4 +46,8 @@ export class CategorizationTabService {
   deleteProxies(domainId: string) {
     return this.categorySvc.deleteProxyRequests(domainId);
   }
+
+  enableEmailReceiving(domainId: string) {
+    return this.emailSvc.setDomainEmailsStatus(domainId, true);
+  }
 }

From 3fc921e1f50d4a1837c64f100506a9bd32443997 Mon Sep 17 00:00:00 2001
From: mostafa abdo <abdelbaky.mostafa@gmail.com>
Date: Wed, 6 Oct 2021 13:26:34 -0500
Subject: [PATCH 4/5] add canReject method to  hidebutton

---
 .../categorization-submit.component.html                      | 1 +
 .../categorization-submit/categorization-submit.component.ts  | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.html b/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.html
index 12bc4e53..09a7af8f 100644
--- a/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.html
+++ b/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.html
@@ -19,6 +19,7 @@ <h4>Proxy Categorization - Domains To Submit</h4>
         Enable Email
       </button>
       <button
+        *ngIf="canReject(domain.categories.data)"
         mat-stroked-button
         class="domain-button"
         color="warn"
diff --git a/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.ts b/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.ts
index 14acd2a5..3591aa23 100644
--- a/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.ts
+++ b/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.ts
@@ -73,6 +73,10 @@ export class CategorizationSubmitComponent {
     );
   }
 
+  canReject(categories) {
+    return categories.length === 8;
+  }
+
   categorize(categorization_id, categorize_url, preferred_category) {
     const dialogSettings = {
       categoryList: this.categories,

From e8a2778a483abedb376a5f3ed63b7d914533fa21 Mon Sep 17 00:00:00 2001
From: mostafa abdo <abdelbaky.mostafa@gmail.com>
Date: Wed, 6 Oct 2021 15:28:49 -0500
Subject: [PATCH 5/5] add canEmail method to categorizations

---
 .../categorization-submit.component.html      |  1 +
 .../categorization-submit.component.ts        | 58 ++++++++++++++-----
 .../src/app/services/category.service.ts      |  5 ++
 .../categorization-tabs.service.ts            |  6 ++
 4 files changed, 56 insertions(+), 14 deletions(-)

diff --git a/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.html b/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.html
index 09a7af8f..853bd691 100644
--- a/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.html
+++ b/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.html
@@ -11,6 +11,7 @@ <h4>Proxy Categorization - Domains To Submit</h4>
         {{ domain.domain_name }}
       </mat-panel-title>
       <button
+        *ngIf="!domain.email_active"
         mat-raised-button
         class="domain-button"
         color="primary"
diff --git a/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.ts b/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.ts
index 3591aa23..f260466b 100644
--- a/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.ts
+++ b/src/domainManagementUI/src/app/components/categorization/tabs/categorization-submit/categorization-submit.component.ts
@@ -23,6 +23,7 @@ export class CategorizationSubmitComponent {
   domainData = [];
   displayedColumns = ['proxy', 'status', 'category', 'updated', 'categorize'];
   categoryList: MatTableDataSource<any> = new MatTableDataSource<any>();
+  domainDetails = {};
 
   @ViewChild(MatSort) sort: MatSort;
   constructor(
@@ -47,21 +48,38 @@ export class CategorizationSubmitComponent {
       (success) => {
         if (Array.isArray(success)) {
           this.categoryData = success as Array<any>;
-          this.categoryData.forEach((i) => {
-            let found = this.domainData.some(
-              (el) => el.domain_name === i.domain_name
+          let uniqueVals = [
+            ...new Set(this.categoryData.map((item) => item.domain_id)),
+          ];
+          uniqueVals.forEach((val) => {
+            this.categorizationTabSvc.domainDetails(val).subscribe(
+              (success: any) => {
+                this.domainDetails = success as Object;
+                this.categoryData
+                  .filter((x) => x.domain_id == val)
+                  .forEach((cd) => {
+                    let found = this.domainData.some(
+                      (el) => el.domain_name === cd.domain_name
+                    );
+                    if (!found) {
+                      this.domainData.push({
+                        domain_name: cd.domain_name,
+                        domain_id: cd.domain_id,
+                        email_active: success.is_email_active,
+                        categories: new MatTableDataSource<any>(
+                          this.categoryData.filter(
+                            (x) => x.domain_name == cd.domain_name
+                          )
+                        ),
+                      });
+                    }
+                  });
+              },
+              (failure) => {
+                console.log(failure);
+                return;
+              }
             );
-            if (!found) {
-              this.domainData.push({
-                domain_name: i.domain_name,
-                domain_id: i.domain_id,
-                categories: new MatTableDataSource<any>(
-                  this.categoryData.filter(
-                    (x) => x.domain_name == i.domain_name
-                  )
-                ),
-              });
-            }
           });
         } else {
           this.alertsSvc.alert('No domains for proxy submission.');
@@ -73,6 +91,18 @@ export class CategorizationSubmitComponent {
     );
   }
 
+  canEmail(domainId) {
+    this.categorizationTabSvc.domainDetails(domainId).subscribe(
+      (success) => {
+        this.domainDetails = success as Object;
+      },
+      (failure) => {
+        console.log(failure);
+        return;
+      }
+    );
+  }
+
   canReject(categories) {
     return categories.length === 8;
   }
diff --git a/src/domainManagementUI/src/app/services/category.service.ts b/src/domainManagementUI/src/app/services/category.service.ts
index 34a71d08..cdd38b5f 100644
--- a/src/domainManagementUI/src/app/services/category.service.ts
+++ b/src/domainManagementUI/src/app/services/category.service.ts
@@ -38,6 +38,11 @@ export class CategoryService {
     return this.http.get(url);
   }
 
+  domainDetails(domainId: string) {
+    const url = `${this.settingsService.settings.apiUrl}/api/domain/${domainId}`;
+    return this.http.get(url);
+  }
+
   submitCategory(domainId: string, categoryName: string) {
     const url = `${this.settingsService.settings.apiUrl}/api/domain/${domainId}/categorize/`;
     return this.http.post(url, { category: categoryName });
diff --git a/src/domainManagementUI/src/app/services/tab-services/categorization-tabs.service.ts b/src/domainManagementUI/src/app/services/tab-services/categorization-tabs.service.ts
index 997e7d90..0d75e94d 100644
--- a/src/domainManagementUI/src/app/services/tab-services/categorization-tabs.service.ts
+++ b/src/domainManagementUI/src/app/services/tab-services/categorization-tabs.service.ts
@@ -5,6 +5,7 @@ import { Injectable, OnInit } from '@angular/core';
 // Local Servie Imports
 import { AlertsService } from 'src/app/services/alerts.service';
 import { CategoryService } from 'src/app/services/category.service';
+import { DomainService } from '../domain.service';
 import { EmailService } from '../email.service';
 import { UserAuthService } from 'src/app/services/user-auth.service';
 
@@ -28,6 +29,7 @@ export class CategorizationTabService {
 
   constructor(
     public alertsSvc: AlertsService,
+    public domainSvc: DomainService,
     public emailSvc: EmailService,
     public categorySvc: CategoryService,
     private userAuthSvc: UserAuthService
@@ -39,6 +41,10 @@ export class CategorizationTabService {
     return this.categorySvc.getCategorizations(status);
   }
 
+  domainDetails(domainId: string) {
+    return this.categorySvc.domainDetails(domainId);
+  }
+
   updateCategory(id: string, data: object) {
     return this.categorySvc.updateCategorization(id, data);
   }