From 5ef4e06413523407dc558915b58cf6c224874fa2 Mon Sep 17 00:00:00 2001
From: stingl <o.stingl@vemap.com>
Date: Thu, 10 Mar 2022 13:11:14 +0100
Subject: [PATCH] WIP

---
 src/views/PluginStore.vue | 45 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 src/views/PluginStore.vue

diff --git a/src/views/PluginStore.vue b/src/views/PluginStore.vue
new file mode 100644
index 0000000..a7caed6
--- /dev/null
+++ b/src/views/PluginStore.vue
@@ -0,0 +1,45 @@
+<template>
+    <div class="offcanvas offcanvas-end" id="moduleStoreCanvas"
+         aria-hidden="true">
+        <div class="offcanvas-header">
+            <h5><i class="fa-solid fa-puzzle-piece"></i> Plugins</h5>
+            <button type="button" class="btn-close" data-bs-dismiss="offcanvas"  aria-label="Close"></button>
+        </div>
+        <div class="offcanvas-body">
+            <div class="col-12" v-for="(plugin, pluginKey) in plugins" v-bind:key="pluginKey">
+                <div class="card" :style="'background-color: '+plugin.color">
+                    <div class="plugin-card-icon">
+                        <i :class="plugin.icon"></i>
+                    </div>
+                    <div class="card-body">
+                        {{ plugin.name }}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "PluginStore",
+    data() {
+        return {
+            plugins: {
+                notes: {
+                    name: 'Notizen',
+                    icon: 'fa-solid fa-pencil',
+                    color: '#ffea77',
+                    active: true
+                }
+            }
+        }
+    }
+}
+</script>
+
+<style scoped>
+.plugin-card-icon {
+    display: inline-block;
+}
+</style>
\ No newline at end of file