Make some request-copy components themeable.

Author: mwoodiupui

src/app/request-copy/deny-request-copy/deny-request-copy.component.html

@@ -3,7 +3,7 @@ <h3 class="mb-4">{{'deny-request-copy.header' | translate}}</h3>
   <div *ngIf="itemRequestRD && itemRequestRD.hasSucceeded">
     <p>{{'deny-request-copy.intro' | translate}}</p>
 
-    <ds-email-request-copy [subject]="subject$ | async" [message]="message$ | async" (send)="deny($event)"></ds-email-request-copy>
+    <ds-themed-email-request-copy [subject]="subject$ | async" [message]="message$ | async" (send)="deny($event)"></ds-themed-email-request-copy>
   </div>
   <ds-themed-loading *ngIf="!itemRequestRD || itemRequestRD?.isLoading"></ds-themed-loading>
 </div>

src/app/request-copy/email-request-copy/themed-email-request-copy.component.ts

@@ -0,0 +1,45 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { ThemedComponent } from 'src/app/shared/theme-support/themed.component';
+
+import { EmailRequestCopyComponent } from './email-request-copy.component';
+import { RequestCopyEmail } from './request-copy-email.model';
+
+/**
+ * Themed wrapper for email-request-copy.component
+ */
+@Component({
+  selector: 'ds-themed-email-request-copy',
+  styleUrls: [],
+  templateUrl: './../../shared/theme-support/themed.component.html',
+})
+
+export class ThemedEmailRequestCopyComponent extends ThemedComponent<EmailRequestCopyComponent> {
+  /**
+   * Event emitter for sending the email
+   */
+  @Output() send: EventEmitter<RequestCopyEmail> = new EventEmitter<RequestCopyEmail>();
+
+  /**
+   * The subject of the email
+   */
+  @Input() subject: string;
+
+  /**
+   * The contents of the email
+   */
+  @Input() message: string;
+
+  protected inAndOutputNames: (keyof EmailRequestCopyComponent & keyof this)[] = ['send', 'subject', 'message'];
+
+  protected getComponentName(): string {
+    return 'EmailRequestCopyComponent';
+  }
+
+  protected importThemedComponent(themeName: string): Promise<any> {
+    return import(`../../../themes/${themeName}/app/request-copy/email-request-copy/email-request-copy.component`);
+  }
+
+  protected importUnthemedComponent(): Promise<any> {
+    return import('./email-request-copy.component');
+  }
+}

src/app/request-copy/grant-request-copy/grant-request-copy.component.html

@@ -3,15 +3,15 @@ <h3 class="mb-4">{{'grant-request-copy.header' | translate}}</h3>
   <div *ngIf="itemRequestRD && itemRequestRD.hasSucceeded">
     <p>{{'grant-request-copy.intro' | translate}}</p>
 
-    <ds-email-request-copy [subject]="subject$ | async" [message]="message$ | async" (send)="grant($event)">
+    <ds-themed-email-request-copy [subject]="subject$ | async" [message]="message$ | async" (send)="grant($event)">
       <p>{{ 'grant-deny-request-copy.email.permissions.info' | translate }}</p>
       <form class="mb-3">
         <div class="form-check">
           <input class="form-check-input" type="checkbox" value="" id="permissions" [(ngModel)]="suggestOpenAccess" name="permissions">
           <label class="form-check-label" for="permissions">{{ 'grant-deny-request-copy.email.permissions.label' | translate }}</label>
         </div>
       </form>
-    </ds-email-request-copy>
+    </ds-themed-email-request-copy>
   </div>
   <ds-themed-loading *ngIf="!itemRequestRD || itemRequestRD?.isLoading"></ds-themed-loading>
 </div>

src/app/request-copy/grant-request-copy/themed-grant-request-copy.component.ts

@@ -0,0 +1,26 @@
+import { Component } from '@angular/core';
+import { ThemedComponent } from 'src/app/shared/theme-support/themed.component';
+import { GrantRequestCopyComponent } from './grant-request-copy.component';
+
+/**
+ * Themed wrapper for grant-request-copy.component
+ */
+@Component({
+  selector: 'ds-themed-grant-request-copy',
+  styleUrls: [],
+  templateUrl: './../../shared/theme-support/themed.component.html',
+})
+
+export class ThemedGrantRequestCopyComponent extends ThemedComponent<GrantRequestCopyComponent> {
+  protected getComponentName(): string {
+    return 'GrantRequestCopyComponent';
+  }
+
+  protected importThemedComponent(themeName: string): Promise<any> {
+    return import(`../../../themes/${themeName}/app/request-copy/grant-request-copy/grant-request-copy.component`);
+  }
+
+  protected importUnthemedComponent(): Promise<any> {
+    return import('./grant-request-copy.component');
+  }
+}

src/app/request-copy/request-copy-routing.module.ts

@@ -4,7 +4,7 @@ import { RequestCopyResolver } from './request-copy.resolver';
 import { GrantDenyRequestCopyComponent } from './grant-deny-request-copy/grant-deny-request-copy.component';
 import { REQUEST_COPY_DENY_PATH, REQUEST_COPY_GRANT_PATH } from './request-copy-routing-paths';
 import { DenyRequestCopyComponent } from './deny-request-copy/deny-request-copy.component';
-import { GrantRequestCopyComponent } from './grant-request-copy/grant-request-copy.component';
+import { ThemedGrantRequestCopyComponent } from './grant-request-copy/themed-grant-request-copy.component';
 
 @NgModule({
   imports: [
@@ -25,7 +25,7 @@ import { GrantRequestCopyComponent } from './grant-request-copy/grant-request-co
           },
           {
             path: REQUEST_COPY_GRANT_PATH,
-            component: GrantRequestCopyComponent,
+            component: ThemedGrantRequestCopyComponent,
           },
         ]
       }

src/app/request-copy/request-copy.module.ts

@@ -5,7 +5,9 @@ import { GrantDenyRequestCopyComponent } from './grant-deny-request-copy/grant-d
 import { RequestCopyRoutingModule } from './request-copy-routing.module';
 import { DenyRequestCopyComponent } from './deny-request-copy/deny-request-copy.component';
 import { EmailRequestCopyComponent } from './email-request-copy/email-request-copy.component';
+import { ThemedEmailRequestCopyComponent } from './email-request-copy/themed-email-request-copy.component';
 import { GrantRequestCopyComponent } from './grant-request-copy/grant-request-copy.component';
+import { ThemedGrantRequestCopyComponent } from './grant-request-copy/themed-grant-request-copy.component';
 
 @NgModule({
   imports: [
@@ -17,7 +19,9 @@ import { GrantRequestCopyComponent } from './grant-request-copy/grant-request-co
     GrantDenyRequestCopyComponent,
     DenyRequestCopyComponent,
     EmailRequestCopyComponent,
+    ThemedEmailRequestCopyComponent,
     GrantRequestCopyComponent,
+    ThemedGrantRequestCopyComponent,
   ],
   providers: []
 })