github
/
halo-admin
mirror of https://github.com/halo-dev/halo-admin
1
0
Fork 0
Code Issues Releases Wiki Activity

feat: plugin details support display of included roles

Browse Source 
Signed-off-by: Ryan Wang <i@ryanc.cc>
pull/590/head
Ryan Wang 2 years ago
parent 1959271d40
commit 79e8e3005d
1 changed files with 87 additions and 75 deletions
Show Stats Download Patch File Download Diff File

162
src/modules/system/plugins/PluginDetail.vue
Unescape View File

@ -16,6 +16,7 @@ import type {
ConfigMap, ConfigMap,
Setting, Setting,
SettingSpec, SettingSpec,
Role,
} from "@halo-dev/api-client"; } from "@halo-dev/api-client";
import cloneDeep from "lodash.clonedeep"; import cloneDeep from "lodash.clonedeep";
import type { FormKitSchemaCondition, FormKitSchemaNode } from "@formkit/core"; import type { FormKitSchemaCondition, FormKitSchemaNode } from "@formkit/core";
@ -174,7 +175,57 @@ const handleChangePluginStatus = async () => {
}); });
}; };
onMounted(handleFetchPlugin); // TODO 临时解决方案
interface RoleTemplateGroup {
module: string | null | undefined;
roles: Role[];
}
const roles = ref<Role[]>([]);
const handleFetchRoles = async () => {
try {
const { data } = await apiClient.extension.role.listv1alpha1Role();
roles.value = data.items;
} catch (e) {
console.error(e);
}
};
const pluginRoleTemplates = computed(() => {
return roles.value.filter((item) => {
return (
item.metadata.labels?.["plugin.halo.run/plugin-name"] ===
plugin.value.metadata.name
);
});
});
const pluginRoleTemplateGroups = computed<RoleTemplateGroup[]>(() => {
const groups: RoleTemplateGroup[] = [];
pluginRoleTemplates.value.forEach((role) => {
const group = groups.find(
(group) =>
group.module ===
role.metadata.annotations?.["rbac.authorization.halo.run/module"]
);
if (group) {
group.roles.push(role);
} else {
groups.push({
module:
role.metadata.annotations?.["rbac.authorization.halo.run/module"],
roles: [role],
});
}
});
return groups;
});
onMounted(() => {
handleFetchPlugin();
handleFetchRoles();
});
</script> </script>
<template> <template>
@ -288,97 +339,57 @@ onMounted(handleFetchPlugin);
</dd> </dd>
</div> </div>
<div <div
class="bg-gray-50 px-4 py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4 sm:px-6" :class="`${
pluginRoleTemplateGroups.length ? 'bg-gray-50' : 'bg-white'
}`"
class="px-4 py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4 sm:px-6"
> >
<dt class="text-sm font-medium text-gray-900">权限定义</dt> <dt class="text-sm font-medium text-gray-900">权限模板</dt>
<dd class="mt-1 text-sm text-gray-900 sm:col-span-5 sm:mt-0"> <dd class="mt-1 text-sm text-gray-900 sm:col-span-5 sm:mt-0">
<dl class="divide-y divide-gray-100"> <dl
<div v-if="pluginRoleTemplateGroups.length"
class="bg-white px-4 py-5 hover:bg-gray-50 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6" class="divide-y divide-gray-100"
> >
<dt class="text-sm font-medium text-gray-900">
Discussions Management
</dt>
<dd
class="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0"
>
<ul class="space-y-2">
<li>
<div
class="inline-flex w-72 cursor-pointer flex-row items-center gap-4 rounded border p-5 hover:border-primary"
>
<input
class="h-4 w-4 rounded border-gray-300 text-indigo-600"
type="checkbox"
/>
<div class="inline-flex flex-col gap-y-3">
<span class="font-medium text-gray-900">
Discussions Management
</span>
<span class="text-xs text-gray-400">
依赖于 Discussions View
</span>
</div>
</div>
</li>
<li>
<div
class="inline-flex w-72 cursor-pointer items-center gap-4 rounded border p-5 hover:border-primary"
>
<input
class="h-4 w-4 rounded border-gray-300 text-indigo-600"
type="checkbox"
/>
<div class="inline-flex flex-col gap-y-3">
<span class="font-medium text-gray-900">
Discussions View
</span>
</div>
</div>
</li>
</ul>
</dd>
</div>
<div <div
v-for="(group, groupIndex) in pluginRoleTemplateGroups"
:key="groupIndex"
class="bg-white px-4 py-5 hover:bg-gray-50 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6" class="bg-white px-4 py-5 hover:bg-gray-50 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6"
> >
<dt class="text-sm font-medium text-gray-900"> <dt class="text-sm font-medium text-gray-900">
Posts Management {{ group.module }}
</dt> </dt>
<dd <dd
class="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0" class="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0"
> >
<ul class="space-y-2"> <ul class="space-y-2">
<li> <li v-for="(role, index) in group.roles" :key="index">
<div <div
class="inline-flex w-72 cursor-pointer flex-row items-center gap-4 rounded border p-5 hover:border-primary" class="inline-flex w-72 cursor-pointer flex-row items-center gap-4 rounded border p-5 hover:border-primary"
> >
<input
class="h-4 w-4 rounded border-gray-300 text-indigo-600"
type="checkbox"
/>
<div class="inline-flex flex-col gap-y-3"> <div class="inline-flex flex-col gap-y-3">
<span class="font-medium text-gray-900"> <span class="font-medium text-gray-900">
Posts Management {{
</span> role.metadata.annotations?.[
<span class="text-xs text-gray-400"> "rbac.authorization.halo.run/display-name"
依赖于 Posts View ]
}}
</span> </span>
</div> <span
</div> v-if="
</li> role.metadata.annotations?.[
<li> 'rbac.authorization.halo.run/dependencies'
<div ]
class="inline-flex w-72 cursor-pointer items-center gap-4 rounded border p-5 hover:border-primary" "
> class="text-xs text-gray-400"
<input >
class="h-4 w-4 rounded border-gray-300 text-indigo-600" 依赖于
type="checkbox" {{
/> JSON.parse(
<div class="inline-flex flex-col gap-y-3"> role.metadata.annotations?.[
<span class="font-medium text-gray-900"> "rbac.authorization.halo.run/dependencies"
Posts View ]
).join(", ")
}}
</span> </span>
</div> </div>
</div> </div>
@ -387,6 +398,7 @@ onMounted(handleFetchPlugin);
</dd> </dd>
</div> </div>
</dl> </dl>
<span v-else>无</span>
</dd> </dd>
</div> </div>
</dl> </dl>

Write Preview
Loading…
Cancel
Save