From e9e2d7cb812062b24347e3964da48ac74debcc49 Mon Sep 17 00:00:00 2001
From: androiddrew <drew@androiddrew.com>
Date: Thu, 21 Jun 2018 16:22:18 -0400
Subject: [PATCH] added optional startup script. Created dismissable alert

---
 client/src/components/Alert.vue | 32 ++++++++++++++++++++++++++++++++
 client/src/components/Books.vue | 14 +++++++++++---
 scripts/startup.py              | 15 +++++++++++++++
 3 files changed, 58 insertions(+), 3 deletions(-)
 create mode 100644 client/src/components/Alert.vue
 create mode 100644 scripts/startup.py

diff --git a/client/src/components/Alert.vue b/client/src/components/Alert.vue
new file mode 100644
index 0000000..e1c660b
--- /dev/null
+++ b/client/src/components/Alert.vue
@@ -0,0 +1,32 @@
+<template>
+  <div>
+    <b-alert variant="success"
+            :show="dismissSecs"
+            dismissible
+            @dismissed="dismissAlert"
+            @dismiss-count-down="countDownChanged">
+            {{ message }}. This alert will dismiss after {{dismissCountDown}} seconds...
+    </b-alert>
+  </div>
+</template>
+
+<script>
+export default {
+  props: ['message'],
+  data () {
+    return {
+      dismissSecs: 5,
+      dismissCountDown: 5
+    }
+  },
+  methods: {
+    countDownChanged (dismissCountDown){
+      this.dismissCountDown = dismissCountDown
+    },
+    dismissAlert(){
+      this.dismissCountDown = 0
+      this.$emit('alert-closed')
+    }
+  }
+}
+</script>
diff --git a/client/src/components/Books.vue b/client/src/components/Books.vue
index aef9e2e..f17df50 100644
--- a/client/src/components/Books.vue
+++ b/client/src/components/Books.vue
@@ -5,6 +5,7 @@
                 <h1>Books</h1>
                 <hr>
                 <br><br>
+                <alert :message="message" v-if="showMessage" v-on:alert-closed="showMessage = !showMessage"></alert>
                 <button type="button" class="btn btn-success btn-sm" v-b-modal.book-modal>Add Book</button>
                 <br><br>
                 <table class="table table-hover">
@@ -79,17 +80,23 @@
 
 <script>
 
+import Alert from '@/components/Alert'
 import { mapState, mapActions} from 'vuex'
 
 export default {
     name: 'Books',
+    components: {
+      alert: Alert,
+    },
     data() {
         return {
             addBookForm: {
                 title: '',
                 author: '',
                 read: [],
-            }
+            },
+            message: '',
+            showMessage: false,
         }
     },
     methods:{
@@ -111,7 +118,8 @@ export default {
            // this is an alternative way to call actions
            // this.$store.dispatch('POST_BOOK', payload)
            this.POST_BOOK(payload)
-
+           this.message = 'book added!'
+           this.showMessage = true
            this.initForm()
         },
         onReset() {
@@ -131,4 +139,4 @@ export default {
 }
 
 
-</script>
\ No newline at end of file
+</script>
diff --git a/scripts/startup.py b/scripts/startup.py
new file mode 100644
index 0000000..f6924c2
--- /dev/null
+++ b/scripts/startup.py
@@ -0,0 +1,15 @@
+import os
+import subprocess
+import sys
+
+# subprocess.run('npm --version', shell=True)
+#
+# subprocess.check_call('node --version', shell=True)
+os.chdir('./client')
+
+if sys.platform == 'win32':
+    npm_proc = subprocess.Popen('start cmd.exe /k "npm run serve"', shell=True)
+    wsgi_proc = subprocess.Popen('start cmd.exe /k "serve.exe "', shell=True)
+    sys.exit(0)
+else:
+    sys.exit(1)