Skip to content
Snippets Groups Projects

Resolve "Add toogle to show hidden parameters"

5 files
+ 101
23
Compare changes
  • Side-by-side
  • Inline
Files
5
@@ -16,6 +16,10 @@ const props = defineProps({
@@ -16,6 +16,10 @@ const props = defineProps({
type: String,
type: String,
required: true,
required: true,
},
},
 
showHidden: {
 
type: Boolean,
 
default: false,
 
},
});
});
const randomIDSuffix = Math.random().toString(16).substring(2, 8);
const randomIDSuffix = Math.random().toString(16).substring(2, 8);
@@ -32,7 +36,7 @@ const defaultValue = computed<string | undefined>(
@@ -32,7 +36,7 @@ const defaultValue = computed<string | undefined>(
const enumValues = computed<string[] | undefined>(
const enumValues = computed<string[] | undefined>(
() => props.parameter["enum"]?.map((val: string) => val.toString()),
() => props.parameter["enum"]?.map((val: string) => val.toString()),
);
);
// const hidden = computed<boolean>(() => props.parameter["hidden"] ?? false);
const hidden = computed<boolean>(() => props.parameter["hidden"] ?? false);
const parameterPattern = computed<string | undefined>(
const parameterPattern = computed<string | undefined>(
() => props.parameter["pattern"],
() => props.parameter["pattern"],
);
);
@@ -48,6 +52,7 @@ const showRightColum = computed<boolean>(
@@ -48,6 +52,7 @@ const showRightColum = computed<boolean>(
<template>
<template>
<div
<div
class="row border-top border-bottom border-secondary align-items-start py-2"
class="row border-top border-bottom border-secondary align-items-start py-2"
 
v-if="showHidden || !hidden"
>
>
<div class="fs-6 col-3">
<div class="fs-6 col-3">
<font-awesome-icon :icon="icon" v-if="icon" class="me-2" />
<font-awesome-icon :icon="icon" v-if="icon" class="me-2" />
Loading