diff --git a/spa/src/app/files/files.component.html b/spa/src/app/files/files.component.html
index 3d3a96e..65db47e 100644
--- a/spa/src/app/files/files.component.html
+++ b/spa/src/app/files/files.component.html
@@ -14,7 +14,7 @@
matTooltip="Export to FireCloud"
[matTooltipPosition]="'before'"
(click)="onExportToFireCloud()">
- cloud_upload
+
\ No newline at end of file
diff --git a/spa/src/app/files/files.component.ts b/spa/src/app/files/files.component.ts
index f188322..7d47f4f 100644
--- a/spa/src/app/files/files.component.ts
+++ b/spa/src/app/files/files.component.ts
@@ -22,11 +22,12 @@ import {
import { selectFileFacetsFileFacets, selectFileSummary } from "./_ngrx/file.selectors";
import { AppState } from "../_ngrx/app.state";
import { FetchFileFacetsRequestAction } from "./_ngrx/file-facet-list/file-facet-list.actions";
-import { MatDialog } from "@angular/material";
+import { MatDialog, MatIconRegistry } from "@angular/material";
import { FileExportComponent } from "./file-export/file-export.component";
import { FileExportManifestState } from "./_ngrx/file-export/file-export.state";
import { FireCloudDAO } from "./file-export/fire-cloud-dao";
import { CCAlertDialogComponent } from "../shared/cc-alert-dialog/cc-alert-dialog.component";
+import { DomSanitizer } from "@angular/platform-browser";
@Component({
selector: "bw-files",
@@ -51,10 +52,14 @@ export class FilesComponent implements OnInit {
constructor(route: ActivatedRoute,
store: Store,
private dialog: MatDialog,
- private fireCloudDAO: FireCloudDAO) {
+ private fireCloudDAO: FireCloudDAO,
+ private iconRegistry: MatIconRegistry,
+ private sanitizer: DomSanitizer) {
this.route = route;
this.store = store;
+ iconRegistry.addSvgIcon("firecloud",
+ sanitizer.bypassSecurityTrustResourceUrl("/assets/images/thirdparty/FireCloud-white-icon.svg"));
}
/**
diff --git a/spa/src/app/files/files.module.ts b/spa/src/app/files/files.module.ts
index 01a0c6e..da62f41 100644
--- a/spa/src/app/files/files.module.ts
+++ b/spa/src/app/files/files.module.ts
@@ -54,6 +54,7 @@ import { TableComponent } from "./table/table.component";
import { FileExportComponent } from "./file-export/file-export.component";
import { FireCloudDAO } from "./file-export/fire-cloud-dao";
import { CCAlertDialogComponent } from "../shared/cc-alert-dialog/cc-alert-dialog.component";
+import { HttpClientModule } from "@angular/common/http";
@NgModule({
imports: [
@@ -80,6 +81,9 @@ import { CCAlertDialogComponent } from "../shared/cc-alert-dialog/cc-alert-dialo
CCStopPropagationModule,
CcTypeaheadModule,
+ // Needed for icon registry
+ HttpClientModule,
+
KeywordsModule
// EffectsModule.run(FilesEffects)
diff --git a/spa/src/assets/images/thirdparty/FireCloud-white-icon.svg b/spa/src/assets/images/thirdparty/FireCloud-white-icon.svg
new file mode 100644
index 0000000..bc72c1b
--- /dev/null
+++ b/spa/src/assets/images/thirdparty/FireCloud-white-icon.svg
@@ -0,0 +1,30 @@
+
+
+