Remove hide view button on some places (#906)

* do not show hideView button for SettingsPanel embedded in dialogs

* remove hide view button fully

* apply formatting changes

---------

Co-authored-by: Logende <[email protected]>

Author: Logende

meta_configurator/src/components/panels/shared-components/PanelSettings.vue

@@ -11,12 +11,11 @@ import Button from 'primevue/button';
 import PropertiesPanel from '@/components/panels/gui-editor/PropertiesPanel.vue';
 import {JsonSchemaWrapper} from '@/schema/jsonSchemaWrapper';
 import {getDataForMode, getSchemaForMode} from '@/data/useDataLink';
-import {useSettings} from '@/settings/useSettings.ts';
 import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
 
 const props = defineProps<{
   panelDisplayName: string;
-  panelType: string;
+  panelType?: string;
   settingsHeader?: string;
   panelSettingsPath: Path;
   sessionMode: SessionMode;
@@ -68,14 +67,6 @@ const settingsName = computed(() => {
   }
   return props.panelDisplayName + ' Settings';
 });
-
-function hideView() {
-  const mode = props.sessionMode;
-  const settings = useSettings().value;
-  settings.panels[mode] = settings.panels[mode].filter(
-    panel => panel.panelType !== props.panelType
-  );
-}
 </script>
 
 <template>
@@ -89,10 +80,6 @@ function hideView() {
         @click="copyToClipboard()">
         <FontAwesomeIcon icon="fa-regular fa-clone" />
       </Button>
-
-      <Button text severity="secondary" v-tooltip.left="'Hide view'" @click="hideView()">
-        <FontAwesomeIcon icon="fa-solid fa-eye-slash" />
-      </Button>
     </template>
     <slot></slot>
     <div class="properties-panel-container">

meta_configurator/src/components/toolbar/dialogs/data-export/DataExportDialog.vue

@@ -117,7 +117,7 @@ defineExpose({show: openDialog, close: hideDialog, activateSchemaMode, activateD
     <div class="flex flex-column gap-3 bigger-dialog-content">
       <Panel header="Generate a Template with AI Assistance" toggleable :collapsed="true">
         <PanelSettings
-          panel-name="API Key and AI Settings"
+          panel-display-name="API Key and AI Settings"
           settings-header="AI Settings"
           :panel-settings-path="['aiIntegration']"
           :sessionMode="SessionMode.DataEditor">

meta_configurator/src/components/toolbar/dialogs/data-mapping/DataMappingDialog.vue

@@ -207,7 +207,7 @@ defineExpose({show: openDialog, close: hideDialog});
     :style="{width: '50vw'}">
     <div class="space-y-4">
       <PanelSettings
-        panel-name="API Key and AI Settings"
+        panel-display-name="API Key and AI Settings"
         settings-header="AI Settings"
         :panel-settings-path="['aiIntegration']"
         :sessionMode="SessionMode.DataEditor">

meta_configurator/src/fontawesome.ts

@@ -44,7 +44,6 @@ import {
   faLockOpen,
   faFileZipper,
   faLink,
-  faEyeSlash,
 } from '@fortawesome/free-solid-svg-icons';
 import {
   faFile,
@@ -87,7 +86,6 @@ export function registerIcons() {
   library.add(faTriangleExclamation);
   library.add(faTrashArrowUp);
   library.add(faEye);
-  library.add(faEyeSlash);
   library.add(faEyeRegular);
   library.add(faDiagramProject);
   library.add(faCode);