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 @@ + + + + + + + + + + + + + +