cover into modal; add Dashboard js app

assets/src/components/AModal.vue

@@ -0,0 +1,36 @@
+<template>
+    <section :class="['modal', active && 'is-active' || '']">
+        <div class="modal-background" @click="close"></div>
+        <div class="modal-card">
+            <header class="modal-card-head">
+                <div class="modal-card-title">
+                    <slot name="title">{{ title }}</slot>
+                </div>
+            </header>
+            <section class="modal-card-body">
+                <slot name="default"></slot>
+            </section>
+            <div class="modal-card-foot align-right">
+                <slot name="footer" :close="close"></slot>
+            </div>
+        </div>
+    </section>
+</template>
+<script>
+export default {
+    props: {
+        title: { type: String, default: ""},
+    },
+
+    data() {
+        return {
+            active: false,
+        }
+    },
+
+    methods: {
+        open() { this.active = true; },
+        close() { this.active = false; },
+    }
+}
+</script>

assets/src/components/index.js

@@ -1,18 +1,20 @@
-import AAutocomplete from './AAutocomplete.vue'
-import ACarousel from './ACarousel.vue'
-import ADropdown from "./ADropdown.vue"
-import AEpisode from './AEpisode.vue'
-import AList from './AList.vue'
-import APage from './APage.vue'
-import APlayer from './APlayer.vue'
-import APlaylist from './APlaylist.vue'
-import APlaylistEditor from './APlaylistEditor.vue'
-import AProgress from './AProgress.vue'
-import ASoundItem from './ASoundItem.vue'
-import ASwitch from './ASwitch.vue'
-import AStatistics from './AStatistics.vue'
-import AStreamer from './AStreamer.vue'
-import ASelectFile from "./ASelectFile.vue"
+import AAutocomplete from './AAutocomplete'
+import ACarousel from './ACarousel'
+import ADropdown from "./ADropdown"
+import AEpisode from './AEpisode'
+import AList from './AList'
+import APage from './APage'
+import APlayer from './APlayer'
+import APlaylist from './APlaylist'
+import APlaylistEditor from './APlaylistEditor'
+import AProgress from './AProgress'
+import ASoundItem from './ASoundItem'
+import ASwitch from './ASwitch'
+import AStatistics from './AStatistics'
+import AStreamer from './AStreamer'
+
+import AModal from "./AModal"
+import ASelectFile from "./ASelectFile"
 
 /**
  * Core components
@@ -20,7 +22,7 @@ import ASelectFile from "./ASelectFile.vue"
 export const base = {
     AAutocomplete, ACarousel, ADropdown, AEpisode, AList, APage, APlayer, APlaylist,
     AProgress, ASoundItem, ASwitch,
-    ASelectFile,
+
 }
 
 export default base
@@ -29,3 +31,8 @@ export const admin = {
     ...base,
     AStatistics, AStreamer, APlaylistEditor
 }
+
+export const dashboard = {
+    ...base,
+    ASelectFile, AModal, APlaylistEditor,
+}