UI banner

Signed-off-by: Frank Jogeleit <[email protected]>

Author: fjogeleit

backend/pkg/config/config.go

@@ -169,6 +169,7 @@ type DefaultFilter struct {
 
 type UI struct {
 	Path          string        `mapstructure:"path"`
+	Banner        string        `mapstructure:"banner"`
 	Disabled      bool          `mapstructure:"enabled"`
 	DisplayMode   string        `mapstructure:"displayMode"`
 	LabelFilter   []string      `mapstructure:"labelFilter"`

backend/pkg/config/mapper.go

@@ -31,6 +31,7 @@ func MapConfig(c *Config) *api.Config {
 		Clusters: clusters,
 		Default:  current,
 		OAuth:    c.OpenIDConnect.Enabled,
+		Banner:   c.UI.Banner,
 		DefaultFilter: api.DefaultFilter{
 			Resources:        c.UI.DefaultFilter.Resources,
 			ClusterResources: c.UI.DefaultFilter.ClusterResources,

backend/pkg/server/api/model.go

@@ -41,6 +41,7 @@ type Config struct {
 	Clusters      []Cluster     `json:"clusters"`
 	Sources       []Source      `json:"sources"`
 	Default       string        `json:"default"`
+	Banner        string        `json:"banner"`
 	DefaultFilter DefaultFilter `json:"defaultFilter"`
 	OAuth         bool          `json:"oauth"`
 }

frontend/composables/source.ts

@@ -50,7 +50,6 @@ export const useSourceStore = (key?: string) => {
             callAPI(api => api.clusterKinds(source as string[])),
             callAPI(api => api.categoryTree(undefined, { sources: source as string[] })),
         ]).then(([namespaces, nsKinds, clusterKinds, categoryTrees]) => {
-            console.log(nsKinds, clusterKinds)
             loadStore.kinds.namespaced = nsKinds || []
             loadStore.kinds.cluster = clusterKinds || []
             loadStore.namespaces = namespaces || []

frontend/layouts/default.vue

@@ -3,7 +3,7 @@
     <v-app-bar elevation="1" prominent>
       <v-app-bar-nav-icon icon="mdi-menu" @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
       <v-avatar image="/logo.png" rounded="0" class="ml-4" />
-      <v-toolbar-title>Policy Reporter</v-toolbar-title>
+      <v-toolbar-title>Policy Reporter{{ config.banner ? ` - ${config.banner}` : ''}}</v-toolbar-title>
       <template #append>
         <form-cluster-select />
         <form-display-mode-select />

frontend/modules/core/components/resource/StatusChips.vue

@@ -7,7 +7,6 @@
 <script setup lang="ts">
 import { Status } from '~/modules/core/types'
 import { type PropType } from "vue";
-import { useStatusInjection } from "~/composables/status";
 import {injectSourceContext} from "~/composables/source";
 
 defineProps({
@@ -16,7 +15,7 @@ defineProps({
   exceptions: { type: Boolean, default: false },
   showSkipped: { type: Boolean, default: false },
   showed: { type: Array as PropType<Status[]>, default: false },
-  category: { type: String, default: false },
+  category: { type: String, default: undefined },
 })
 
 const source = injectSourceContext()

frontend/modules/core/types.ts

@@ -251,6 +251,7 @@ export type Config = {
     sources: SourceConfig[];
     oauth: boolean;
     default: string;
+    banner: string;
     defaultFilter: {
         resources: string[];
         clusterResources: string[];

frontend/store/config.ts

@@ -9,6 +9,7 @@ type State = {
     plugins: string[];
     clusters: Cluster[];
     oauth: boolean;
+    banner: string;
     error?: Error;
 }
 
@@ -18,6 +19,7 @@ export const useConfigStore = defineStore('config', {
     plugins: [],
     clusters: [],
     oauth: false,
+    banner: '',
   }),
   getters: {
     multiCluster: (state: State) => state.clusters.length > 0,
@@ -36,6 +38,7 @@ export const useConfigStore = defineStore('config', {
       this.error = config.error
       this.clusters = config.clusters
       this.oauth = config.oauth
+      this.banner = config.banner
     },
     setDisplayMode(mode: DisplayMode) {
       if (!mode || mode === this.displayMode) return;