ferfissimo
/
flaschengeist-frontend
forked from Flaschengeist/flaschengeist-frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[Dashboard] Fixed display of widgets

This commit is contained in:
Ferdinand Thiessen 2021-03-19 17:36:34 +01:00
parent 51fcc6f9be
commit 9469cda4b0
1 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/Dashboard.vue
View File

@ -5,25 +5,22 @@
class="fit row justify-around items-start q-col-gutter-sm"
>
<div v-for="(item, index) in widgets" :key="index" class="col-4 full-height col-sm-6 col-xs-12">
<component :is="item" />
<component :is="item.widget" />
</div>
</q-page>
</template>
<script lang="ts">
import { Component, defineComponent, onMounted, inject, markRaw } from 'vue';
import { computed, defineComponent, inject } from 'vue';
import { hasPermissions } from 'src/utils/permission';
import { FG_Plugin } from 'src/plugins';
export default defineComponent({
name: 'Dashboard',
setup() {
const widgets = markRaw<Array<Component>>([]);
const flaschengeist = inject<FG_Plugin.Flaschengeist>('flaschengeist');
onMounted(() => {
flaschengeist?.widgets.forEach((widget) => {
if (hasPermissions(widget.permissions)) widgets.push(widget.widget);
});
const widgets = computed(() => {
return flaschengeist?.widgets.filter((widget) => hasPermissions(widget.permissions));
});
return {