diff --git a/src/app/components/components/dialogs/dialogs.component.ts b/src/app/components/components/dialogs/dialogs.component.ts index ef8061467e..afd67e26a9 100644 --- a/src/app/components/components/dialogs/dialogs.component.ts +++ b/src/app/components/components/dialogs/dialogs.component.ts @@ -21,6 +21,16 @@ export class DialogsDemoComponent { description: `Opens a prompt dialog with the provided config.`, name: 'openPrompt', type: 'function(IPromptConfig): MdDialogRef', + }, { + description: `Wrapper function over the open() method in MdDialog. + Opens a modal dialog containing the given component.`, + name: 'open', + type: 'function(component: ComponentType, config: MdDialogConfig): MdDialogRef', + }, { + description: `Wrapper function over the closeAll() method in MdDialog. + Closes all of the currently-open dialogs.`, + name: 'closeAll', + type: 'function()', }]; constructor(private _dialogService: TdDialogService) {} diff --git a/src/platform/core/dialogs/confirm-dialog/confirm-dialog.component.html b/src/platform/core/dialogs/confirm-dialog/confirm-dialog.component.html index 7fb1e35881..59925a799a 100644 --- a/src/platform/core/dialogs/confirm-dialog/confirm-dialog.component.html +++ b/src/platform/core/dialogs/confirm-dialog/confirm-dialog.component.html @@ -6,7 +6,14 @@ {{message}} - - + + \ No newline at end of file diff --git a/src/platform/core/dialogs/prompt-dialog/prompt-dialog.component.html b/src/platform/core/dialogs/prompt-dialog/prompt-dialog.component.html index d19c198ebd..6422941e5c 100644 --- a/src/platform/core/dialogs/prompt-dialog/prompt-dialog.component.html +++ b/src/platform/core/dialogs/prompt-dialog/prompt-dialog.component.html @@ -4,12 +4,25 @@ {{message}} -
- + +
- - + + \ No newline at end of file diff --git a/src/platform/core/dialogs/services/dialog.service.ts b/src/platform/core/dialogs/services/dialog.service.ts index 181bce28d7..bc6030cc29 100644 --- a/src/platform/core/dialogs/services/dialog.service.ts +++ b/src/platform/core/dialogs/services/dialog.service.ts @@ -1,5 +1,5 @@ import { Injectable, ViewContainerRef } from '@angular/core'; -import { MdDialog, MdDialogRef, MdDialogConfig } from '@angular/material'; +import { MdDialog, MdDialogRef, MdDialogConfig, ComponentType } from '@angular/material'; import { TdAlertDialogComponent } from '../alert-dialog/alert-dialog.component'; import { TdConfirmDialogComponent } from '../confirm-dialog/confirm-dialog.component'; @@ -30,6 +30,25 @@ export class TdDialogService { constructor(private _dialogService: MdDialog) {} + /** + * params: + * - component: ComponentType + * - config: MdDialogConfig + * Wrapper function over the open() method in MdDialog. + * Opens a modal dialog containing the given component. + */ + public open(component: ComponentType, config?: MdDialogConfig): MdDialogRef { + return this._dialogService.open(component, config); + } + + /** + * Wrapper function over the closeAll() method in MdDialog. + * Closes all of the currently-open dialogs. + */ + public closeAll(): void { + this._dialogService.closeAll(); + } + /** * params: * - viewContainerRef: ViewContainerRef