- Import emails from a list to a DB

- Create Template Emails
- Options Email

src/components/CTitleBanner/CTitleBanner.ts

@@ -0,0 +1,31 @@
+import Vue from 'vue'
+import { Component, Prop } from 'vue-property-decorator'
+import { GlobalStore, UserStore } from '@store'
+
+import VueScrollReveal from 'vue-scroll-reveal'
+import { tools } from '@src/store/Modules/tools'
+import { toolsext } from '@src/store/Modules/toolsext'
+import { Screen } from 'quasar'
+
+// Vue.use(VueScrollReveal, {
+//   class: 'v-scroll-reveal', // A CSS class applied to elements with the v-scroll-reveal directive; useful for animation overrides.
+//   duration: 1200,
+//   scale: 0.95,
+//   distance: '10px',
+//   rotate: {
+//     x: 0,
+//     y: 0,
+//     z: 0
+//   }
+//   // mobile: true
+// })
+
+@Component({
+  name: 'CTitleBanner'
+})
+export default class CTitleBanner extends Vue {
+  @Prop({ required: true}) public title: string
+  @Prop({ required: false, default: 'bg-primary' }) public bgcolor: string
+  @Prop({ required: false, default: 'primary' }) public color: string
+
+}

src/components/CTitleBanner/CTitleBanner.vue

@@ -0,0 +1,16 @@
+<template>
+    <div>
+        <q-banner
+                class="q-my-md"
+                rounded dense :class="bgcolor+` text-white`"
+                :color="color+` q-title`" style="text-align: center;">
+            <span class="mybanner">{{title}}</span>
+        </q-banner>
+    </div>
+</template>
+
+<script lang="ts" src="./CTitleBanner.ts">
+</script>
+<style lang="scss" scoped>
+    @import './CTitleBanner.scss';
+</style>

src/components/CTitleBanner/index.ts

@@ -0,0 +1 @@
+export {default as CTitleBanner} from './CTitleBanner.vue'