From ac892d238193e4c9f0c8b19902daa9ce4abc0c3a Mon Sep 17 00:00:00 2001
From: Paolo Possanzini <paolo@teamdev.it>
Date: Wed, 23 May 2018 19:52:19 +0200
Subject: [PATCH 1/2] modal

---
 Step/wwwroot/src/modules/base-components/modal-container.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/Step/wwwroot/src/modules/base-components/modal-container.ts b/Step/wwwroot/src/modules/base-components/modal-container.ts
index 2d453e42..9c391155 100644
--- a/Step/wwwroot/src/modules/base-components/modal-container.ts
+++ b/Step/wwwroot/src/modules/base-components/modal-container.ts
@@ -16,14 +16,14 @@ export default {
   },
   created() {
     Factory.Get(MessageService).subscribeToChannel("show-" + this.containerName, args => {
-      debugger
+
       if (this.informHmi)
         Factory.Get(MessageService).publishToChannel("HMI-show-modal");
       this.currentView = args[0];
     });
 
     Factory.Get(MessageService).subscribeToChannel("hide-" + this.containerName, args => {
-      debugger
+
       if (this.informHmi)
         Factory.Get(MessageService).publishToChannel("HMI-hide-modal", 300);
       this.currentView = null;

From 5ce49f9847c57f9f1498308f2da573b94c5749d2 Mon Sep 17 00:00:00 2001
From: Paolo Possanzini <paolo@teamdev.it>
Date: Thu, 24 May 2018 09:51:35 +0200
Subject: [PATCH 2/2] modals fix

---
 .../modules/base-components/ModalHelper.ts    | 36 +++++++++----------
 .../modules/base-components/modal-confirm.vue | 24 ++++++++-----
 2 files changed, 33 insertions(+), 27 deletions(-)

diff --git a/Step/wwwroot/src/modules/base-components/ModalHelper.ts b/Step/wwwroot/src/modules/base-components/ModalHelper.ts
index 77228dbb..6814dc09 100644
--- a/Step/wwwroot/src/modules/base-components/ModalHelper.ts
+++ b/Step/wwwroot/src/modules/base-components/ModalHelper.ts
@@ -1,9 +1,18 @@
 import Vue from "vue";
 import { Factory, MessageService } from "src/_base";
-import { ConfirmModal } from "./";
+import { ConfirmModal, Modal } from "./";
 export class ModalHelper {
 
-
+  private static _modalData = {
+    title: "",
+    content: "",
+    onConfirm: null,
+    onCancel: null,
+    containername: "modal"
+  };
+  public static GetModalData() {
+    return ModalHelper._modalData;
+  };
 
   public static ShowModal(view, modalname: string = "modal") {
 
@@ -17,23 +26,12 @@ export class ModalHelper {
 
   public static AskConfirm(title: string, body: string, onConfirm: Function, onCancel: Function, modalcontainer: string = "modal2") {
 
-    ConfirmModal.data = function () {
-      return {
-        title: title,
-        content: body,
-        onConfirm: onConfirm,
-        onCancel: onCancel,
-        containername: modalcontainer
-      }
-    };
+    ModalHelper._modalData.title = title;
+    ModalHelper._modalData.content = body;
+    ModalHelper._modalData.onCancel = onCancel;
+    ModalHelper._modalData.onConfirm = onConfirm;
+    ModalHelper._modalData.containername = modalcontainer;
 
-    var cm = Vue.component("confirmModal", ConfirmModal);
-
-      // cm.$data.title = title;
-      // Vue.set(cm, "content", body);
-      // Vue.set(cm, "onCancel", onCancel);
-      // Vue.set(cm, "onConfirm", onConfirm);
-
-      this.ShowModal(cm, modalcontainer);
+    this.ShowModal(ConfirmModal, modalcontainer);
   }
 }
diff --git a/Step/wwwroot/src/modules/base-components/modal-confirm.vue b/Step/wwwroot/src/modules/base-components/modal-confirm.vue
index 64a073e5..f8ea45e6 100644
--- a/Step/wwwroot/src/modules/base-components/modal-confirm.vue
+++ b/Step/wwwroot/src/modules/base-components/modal-confirm.vue
@@ -13,18 +13,26 @@
 </template>
 <script>
 import Modal from "./modal.vue";
-import {ModalHelper} from "./ModalHelper.ts";
+import { ModalHelper } from "./ModalHelper.ts";
 
 export default {
   name: "modalconfirm",
   components: { modal: Modal },
-  data: function() {
-    return {
-    title: "",
-    content: "",
-    onConfirm: null,
-    onCancel: null,
-    containername: "modal"
+  computed: {
+    title: function() {
+      return ModalHelper.GetModalData().title;
+    },
+    content: function() {
+      return ModalHelper.GetModalData().content;
+    },
+    onConfirm: function() {
+      return ModalHelper.GetModalData().onConfirm;
+    },
+    onCancel: function() {
+      return ModalHelper.GetModalData().onCancel;
+    },
+    containername: function() {
+      return ModalHelper.GetModalData().containername;
     }
   },
   methods: {