From e9d5e85e75596b7964a4be995914c9afd6cd7619 Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Tue, 2 Oct 2018 08:51:04 +0200
Subject: [PATCH] Started on dialog stack

---
 app/imports/ui/components/DialogBase.vue  | 19 +++++++++++++++++++
 app/imports/ui/components/DialogStack.vue | 18 ++++++++++++++++++
 2 files changed, 37 insertions(+)
 create mode 100644 app/imports/ui/components/DialogBase.vue
 create mode 100644 app/imports/ui/components/DialogStack.vue

diff --git a/app/imports/ui/components/DialogBase.vue b/app/imports/ui/components/DialogBase.vue
new file mode 100644
index 00000000..de48808a
--- /dev/null
+++ b/app/imports/ui/components/DialogBase.vue
@@ -0,0 +1,19 @@
+<template>
+  <transition
+    v-on:before-enter="beforeEnter"
+    v-on:enter="enter"
+    v-on:after-enter="afterEnter"
+    v-on:enter-cancelled="enterCancelled"
+
+    v-on:before-leave="beforeLeave"
+    v-on:leave="leave"
+    v-on:after-leave="afterLeave"
+    v-on:leave-cancelled="leaveCancelled"
+  >
+    <v-card>
+      <v-toolbar></v-toolbar>
+      <v-layout></v-layout>
+      <v-card-actions></v-card-actions>
+    </v-card>
+  </transition>
+</template>
diff --git a/app/imports/ui/components/DialogStack.vue b/app/imports/ui/components/DialogStack.vue
new file mode 100644
index 00000000..e416aa6d
--- /dev/null
+++ b/app/imports/ui/components/DialogStack.vue
@@ -0,0 +1,18 @@
+<template>
+  <v-layout class="dialog-stack" column aligned-center justified-center>
+    <div class="backdrop"></div>
+    <div class="dialog-sizer">
+      <v-card
+        class="dialog"
+        v-for="dialog in dialogs"
+        :key="dialog.key"
+      >
+        <component :is="component"></component>
+      </v-card>
+    </div>
+  </v-layout>
+</template>
+
+<script>
+  
+</script>