cached unseen plugin

This commit is contained in:
Jordan Blasenhauer 2024-06-13 16:29:55 +02:00
parent f92f2e8cb7
commit fafd7007f3
3 changed files with 31 additions and 31 deletions

View file

@ -1,5 +1,5 @@
<script setup>
import { defineProps, reactive, onMounted, computed } from "vue";
import { defineProps, reactive, onMounted, computed, KeepAlive } from "vue";
import Container from "@components/Widget/Container.vue";
import Fields from "@components/Form/Fields.vue";
import Title from "@components/Widget/Title.vue";
@ -159,7 +159,6 @@ const comboboxPlugin = {
disabled: false,
required: false,
label: "dashboard_plugins",
tabId: "1",
popovers: [
{
text: "inp_combobox_advanced_desc",
@ -259,22 +258,24 @@ onMounted(() => {
<Select @inp="(v) => (data.context = v)" v-bind="selectContext" />
</Container>
<template v-for="plugin in data.filtered">
<Container
v-if="plugin.name === data.currPlugin"
class="col-span-12 w-full"
>
<Title type="card" :title="plugin.name" />
<Subtitle type="card" :subtitle="plugin.description" />
<KeepAlive>
<Container
v-if="plugin.name === data.currPlugin"
class="col-span-12 w-full"
>
<Title type="card" :title="plugin.name" />
<Subtitle type="card" :subtitle="plugin.description" />
<Container class="grid grid-cols-12 w-full relative">
<template
v-for="(setting, name, index) in plugin.settings"
:key="index"
>
<Fields :setting="setting" />
</template>
<Container class="grid grid-cols-12 w-full relative">
<template
v-for="(setting, name, index) in plugin.settings"
:key="index"
>
<Fields :setting="setting" />
</template>
</Container>
</Container>
</Container>
</KeepAlive>
</template>
<Button v-bind="buttonSave" />
</Container>

View file

@ -1,5 +1,5 @@
<script setup>
import { defineProps, reactive, onMounted, computed } from "vue";
import { defineProps, reactive, onMounted, computed, KeepAlive } from "vue";
import Container from "@components/Widget/Container.vue";
import Fields from "@components/Form/Fields.vue";
import Title from "@components/Widget/Title.vue";
@ -107,19 +107,21 @@ onMounted(() => {
<Subtitle type="card" :subtitle="'dashboard_easy_mode_subtitle'" />
<template v-for="(step, id) in props.template">
<Container v-if="data.currStep === id" class="col-span-12 w-full">
<Title type="card" :title="step.title" />
<Subtitle type="card" :subtitle="step.subtitle" />
<KeepAlive>
<Container v-if="data.currStep === id" class="col-span-12 w-full">
<Title type="card" :title="step.title" />
<Subtitle type="card" :subtitle="step.subtitle" />
<Container class="grid grid-cols-12 w-full relative">
<template
v-for="(setting, name, index) in step.settings"
:key="index"
>
<Fields :setting="setting" />
</template>
<Container class="grid grid-cols-12 w-full relative">
<template
v-for="(setting, name, index) in step.settings"
:key="index"
>
<Fields :setting="setting" />
</template>
</Container>
</Container>
</Container>
</KeepAlive>
</template>
<Flex :flexClass="'justify-center'">
<Button

View file

@ -37,9 +37,7 @@ const comboboxTemplate = {
id: uuidv4(),
name: uuidv4(),
disabled: false,
required: false,
label: "dashboard_templates",
tabId: "1",
columns: { pc: 4, tablet: 6, mobile: 12 },
};
@ -49,7 +47,6 @@ const comboboxModes = {
disabled: false,
required: false,
label: "dashboard_modes",
tabId: "1",
columns: { pc: 4, tablet: 6, mobile: 12 },
};