add services page + fix re-render plugin + enhance

This commit is contained in:
Jordan Blasenhauer 2024-06-10 16:33:53 +02:00
parent 4e2a3157c6
commit 7409a997ef
6 changed files with 24207 additions and 18080 deletions

View file

@ -110,7 +110,7 @@ onMounted(() => {
</Container>
<template v-for="plugin in props.template">
<Container
v-if="plugin.name === data.currPlugin"
v-show="plugin.name === data.currPlugin"
class="col-span-12 w-full"
>
<Title type="card" :title="plugin.name" />

View file

@ -91,7 +91,7 @@ onBeforeMount(() => {
:columns="props.columns"
>
<Container
v-if="data.modes.length && data.templates.length"
v-if="data.modes.length > 0 && data.templates.length > 0"
:containerClass="`col-span-12 grid grid-cols-12`"
>
<Combobox

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/x-icon" href="/images/favicon.ico" />
<link rel="stylesheet" href="/css/style.css" />
<link rel="stylesheet" href="/css/flag-icons.min.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>BunkerWeb | Services</title>
</head>
<body>
<div class="hidden" data-server-global='{"username" : "admin"}'></div>
<div class="hidden"
data-server-flash='[{"type" : "success", "title" : "title", "message" : "Success feedback"}, {"type" : "error", "title" : "title", "message" : "Error feedback"}, {"type" : "warning", "title" : "title", "message" : "Warning feedback"}, {"type" : "info", "title" : "title", "message" : "Info feedback"}]'>
</div>
<div class="hidden"
data-server-builder='[{"type":"card","containerColumns":{"pc":6,"tablet":6,"mobile":12},"widgets":[{"type":"Instance","data":{"details":[{"key":"instances_hostname","value":"bunkerweb"},{"key":"instances_type","value":"manual"},{"key":"instances_status","value":"instances_active"}],"status":"success","title":"bunkerweb","buttons":[{"attrs":{"data-form-INSTANCE_ID":"bunkerweb","data-form-operation":"reload","data-submit-form":"true"},"text":"action_reload","color":"warning","size":"normal"},{"attrs":{"data-form-INSTANCE_ID":"bunkerweb","data-form-operation":"stop","data-submit-form":"true"},"text":"action_stop","color":"error","size":"normal"}]}}]}]'>
</div>
<div id="app"></div>
<script type="module" src="services.js"></script>
</body>
</html>

View file

@ -0,0 +1,11 @@
import { createApp } from "vue";
import { createPinia } from "pinia";
import { getI18n } from "@utils/lang.js";
import Services from "./services.vue";
const pinia = createPinia();
createApp(Services)
.use(pinia)
.use(getI18n(["dashboard", "action", "inp", "services"]))
.mount("#app");

File diff suppressed because it is too large Load diff