From dbf734fe3c754086a715f76f8af111df37a4d935 Mon Sep 17 00:00:00 2001
From: Mario Romano <dnamario@hotmail.com>
Date: Wed, 5 Oct 2016 11:24:58 +0100
Subject: [PATCH] #631 dialog

---
 demo-shell-ng2/index.html                                     | 4 ++++
 demo-shell-ng2/package.json                                   | 3 ++-
 .../src/components/activiti-start-task.component.ts           | 4 ++++
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/demo-shell-ng2/index.html b/demo-shell-ng2/index.html
index 986e63bc43..f108c3dfa6 100644
--- a/demo-shell-ng2/index.html
+++ b/demo-shell-ng2/index.html
@@ -35,6 +35,10 @@
     <script src="node_modules/pdfjs-dist/build/pdf.worker.js"></script>
     <script src="node_modules/pdfjs-dist/web/pdf_viewer.js"></script>
 
+    <!-- Polyfill(s) for dialogs -->
+    <script src="node_modules/dialog-polyfill/dialog-polyfill.js"></script>
+    <link rel="stylesheet" type="text/css" href="node_modules/dialog-polyfill/dialog-polyfill.css" />
+
     <!-- 2. Configure SystemJS -->
     <script src="systemjs.config.js"></script>
     <script>
diff --git a/demo-shell-ng2/package.json b/demo-shell-ng2/package.json
index 8609117530..f8f8b6124b 100644
--- a/demo-shell-ng2/package.json
+++ b/demo-shell-ng2/package.json
@@ -87,7 +87,8 @@
     "ng2-activiti-tasklist": "0.3.3",
     "ng2-activiti-processlist": "0.3.3",
     "ng2-alfresco-webscript": "0.3.2",
-    "ng2-alfresco-tag": "0.3.2"
+    "ng2-alfresco-tag": "0.3.2",
+    "dialog-polyfill": "^0.4.3"
   },
   "devDependencies": {
     "@types/core-js": "^0.9.32",
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/activiti-start-task.component.ts b/ng2-components/ng2-activiti-tasklist/src/components/activiti-start-task.component.ts
index 3f77d032fe..15da8c356d 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/activiti-start-task.component.ts
+++ b/ng2-components/ng2-activiti-tasklist/src/components/activiti-start-task.component.ts
@@ -21,6 +21,7 @@ import { TaskDetailsModel } from '../models/task-details.model';
 import { ActivitiTaskListService } from './../services/activiti-tasklist.service';
 
 declare let componentHandler: any;
+declare let dialogPolyfill: any;
 
 @Component({
     selector: 'activiti-start-task',
@@ -85,6 +86,9 @@ export class ActivitiStartProcessButton implements OnInit {
     }
 
     public showDialog() {
+        if (!this.dialog.nativeElement.showModal) {
+            dialogPolyfill.registerDialog(this.dialog.nativeElement);
+        }
         if (this.dialog) {
             this.dialog.nativeElement.showModal();
         }